gg-y-ui/lib/search/index.js

An enterprise-class UI design language and Vue-based implementation for web

/*!
 * 
 * y-ui v0.1.0
 * 
 * Copyright 2021-present, Y-UI-Design.
 * All rights reserved.
 * 
 */
module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},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 i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(i,o,function(t){return e[t]}.bind(null,o));return i},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=106)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getPrefixCls=function(e){return"y-"+e}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,o=n(2),a=(i=o)&&i.__esModule?i:{default:i};a.default.install=function(e){e.component(a.default.name,a.default)},t.default=a.default},106:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,o=n(107),a=(i=o)&&i.__esModule?i:{default:i};a.default.install=function(e){e.component(a.default.name,a.default)},t.default=a.default},107:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isKorean=l;var i,o=n(0),a=n(1),u=(i=a)&&i.__esModule?i:{default:i};function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e){return/([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(e)}var s={name:"YSearch",props:{value:[String,Number],placeholder:[String,Number],disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},autoSearch:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},bgColor:{type:String,default:"grey"},border:{type:Boolean,default:!1}},data:function(){return{isComposing:!1,focused:!1,hovering:!1}},computed:{defaultValue:function(){return null===this.value||void 0===this.value?"":String(this.value)},showClear:function(){return this.allowClear&&!this.disabled&&!this.readonly&&this.defaultValue&&(this.focused||this.hovering)}},watch:{defaultValue:function(){this.setDefaultValue()}},methods:{focus:function(){this.$refs.input.focus()},handleBlur:function(e){this.focused=!1,this.$emit("blur",e)},handleFocus:function(e){this.focused=!0,this.$emit("focus",e)},handleInput:function(e){this.isComposing||e.target.value!==this.defaultValue&&(this.$emit("input",e.target.value),this.autoSearch&&this.$emit("search",e.target.value),this.$nextTick(this.setDefaultValue))},handleKeyDown:function(e){13!==e.keyCode||this.autoSearch||this.$emit("search",e.target.value)},handleChange:function(e){this.$emit("change",e.target.value)},handleCompositionStart:function(){this.isComposing=!0},handleCompositionUpdate:function(e){var t=e.target.value,n=t[t.length-1]||"";this.isComposing=!l(n)},handleCompositionEnd:function(e){this.isComposing&&(this.isComposing=!1,this.handleInput(e))},handleClear:function(){this.focus(),this.$emit("input",""),this.$emit("change",""),this.autoSearch&&this.$emit("search","")},handleMouseEnter:function(){this.hovering=!0},handleMouseLeave:function(){this.hovering=!1},setDefaultValue:function(){var e=this.$refs.input;e&&e.value!==this.defaultValue&&(e.value=this.defaultValue)}},render:function(){var e,t,n=arguments[0],i=this.handleFocus,a=this.handleBlur,l=this.handleChange,s=this.handleInput,d=this.handleCompositionStart,f=this.handleCompositionEnd,c=this.handleCompositionUpdate,h=this.handleKeyDown,p=this.handleClear,m=this.bgColor,v=this.border,g=this.showClear,b=this.handleMouseEnter,y=this.handleMouseLeave,C=this.value,_=this.placeholder,S=this.disabled,M=this.readonly,P=this.$slots,j=(0,o.getPrefixCls)("search"),O=(r(e={},j,!0),r(e,j+"-solid-"+m,!0),r(e,j+"-border",v),e),w=P.enterButton,x=n("span",{class:j+"-prefix"},[n(u.default,{attrs:{name:"search_brokenline"}})]),$=g?n("span",{class:j+"-suffix",on:{click:p}},[n(u.default,{attrs:{name:"close_surface"}})]):null,V={class:(t={},r(t,j+"-wrapper",!0),r(t,j+"-disabled",S),t),on:{mouseenter:b,mouseleave:y}},B=n("div",V,[x,n("input",{class:O,ref:"input",domProps:{value:C},attrs:{placeholder:_,disabled:S,readonly:M},on:{focus:i,blur:a,keydown:h,change:l,input:s,compositionstart:d,compositionupdate:c,compositionend:f}}),$]);return w?n("div",{class:j+"-group-wrapper"},[n("div",{class:j+"-group"},[B]),w]):B},mounted:function(){this.setDefaultValue()}};t.default=s},2:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(0);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a={name:"YIcon",props:{name:String,sizes:{type:Number,default:4}},render:function(){var e,t=arguments[0],n=this.name,a=this.sizes;console.log(a);var u=(0,i.getPrefixCls)("icon"),r={class:(e={},o(e,""+u,!0),o(e,u+"-"+n,!!n),e),style:{fontSize:4*a+"px"}};return t("i",r)}};t.default=a}});