gg-y-ui/lib/input/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 i(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,i),a.l=!0,a.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(n,a,function(t){return e[t]}.bind(null,a));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=79)}({0:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getPrefixCls=function(e){return"y-"+e}},1:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,a=i(2),s=(n=a)&&n.__esModule?n:{default:n};s.default.install=function(e){e.component(s.default.name,s.default)},t.default=s.default},2:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0);function a(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var s={name:"YIcon",props:{name:String,sizes:{type:Number,default:4}},render:function(){var e,t=arguments[0],i=this.name,s=this.sizes;console.log(s);var r=(0,n.getPrefixCls)("icon"),o={class:(e={},a(e,""+r,!0),a(e,r+"-"+i,!!i),e),style:{fontSize:4*s+"px"}};return t("i",o)}};t.default=s},79:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,a=i(80),s=(n=a)&&n.__esModule?n:{default:n};s.default.install=function(e){e.component(s.default.name,s.default)},t.default=s.default},80:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isKorean=u;var n,a=i(0),s=i(81),r=i(1),o=(n=r)&&n.__esModule?n:{default:n};function l(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function u(e){return/([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(e)}var d={name:"YInput",props:{value:[String,Number],placeholder:[String,Number],autoComplete:{type:String,default:"off"},type:String,prefix:String,suffix:String,addonBefore:String,addonAfter:String,maxLength:Number,showWordLimit:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},autoSize:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},label:String,showTip:{type:Boolean,default:!1},tipContent:String,position:{type:String,default:"horizontal"},warn:{type:Boolean,default:!1},success:{type:Boolean,default:!1},desContent:String,desPosition:{type:String,default:"default"}},data:function(){return{textareaCalcStyle:{},focused:!1,hovering:!1,passwordVisible:!1,isComposing:!1,desStyle:{}}},computed:{textLength:function(){return"number"==typeof this.value?String(this.value).length:(this.value||"").length},showClear:function(){return this.allowClear&&!this.disabled&&!this.readonly&&this.defaultValue&&(this.focused||this.hovering)},showPwdVisible:function(){return this.showPassword&&!this.disabled&&!this.readonly&&(!!this.defaultValue||this.focused)},isWordLimitVisible:function(){return this.showWordLimit&&this.maxLength&&("text"===this.type||"textarea"===this.type)&&!this.disabled&&!this.readonly&&!this.showPassword},defaultValue:function(){return null===this.value||void 0===this.value?"":String(this.value)}},watch:{value:function(){this.$nextTick(this.resizeTextarea)},type:function(){var e=this;this.$nextTick((function(){e.setDefaultValue(),e.resizeTextarea()}))},defaultValue:function(){this.setDefaultValue()}},methods:{focus:function(){this.getRef().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.$nextTick(this.setDefaultValue))},handleChange:function(e){this.$emit("change",e.target.value)},handleCompositionStart:function(){this.isComposing=!0},handleCompositionUpdate:function(e){var t=e.target.value,i=t[t.length-1]||"";this.isComposing=!u(i)},handleCompositionEnd:function(e){this.isComposing&&(this.isComposing=!1,this.handleInput(e))},handleClear:function(){this.focus(),this.$emit("input",""),this.$emit("change",""),this.$emit("clear")},handlePassword:function(){this.passwordVisible=!this.passwordVisible},setDefaultValue:function(){var e=this.getRef();e.value!==this.defaultValue&&(e.value=this.defaultValue)},setDesStyle:function(){if("vertical"!==this.position&&this.desContent&&"bottom"===this.desPosition){var e=this.$refs.title&&this.$refs.title.clientWidth||0;this.desStyle={left:e+10+"px",bottom:0,position:"absolute"}}},getRef:function(){return this.$refs.input||this.$refs.textarea},resizeTextarea:function(){var e=this.autoSize;if("textarea"===this.type)if(e){var t=e.minRows,i=e.maxRows;this.textareaCalcStyle=(0,s.calcTextareaHeight)(this.$refs.textarea,t,i)}else this.textareaCalcStyle={minHeight:(0,s.calcTextareaHeight)(this.$refs.textarea).minHeight}},renderClearIcon:function(e){var t=this.$createElement;return t("span",{class:e+"-clear-icon",on:{click:this.handleClear}},[t(o.default,{attrs:{name:"close_surface"}})])},renderPwdIcon:function(e){var t=this.$createElement,i=this.handlePassword,n=this.passwordVisible;return t("span",{class:e+"-pwd",on:{click:i}},[t(o.default,{attrs:{name:n?"hide_linear":"see_brokenline"}})])},renderCount:function(e){return(0,this.$createElement)("span",{class:e+"-count"},[this.textLength+"/"+this.maxLength])},renderTextArea:function(e){var t,i=this.$createElement;return i("div",{class:e+"-textarea"},[i("textarea",{class:(l(t={},""+e,!0),l(t,e+"-disable",this.disabled),t),ref:"textarea",style:this.textareaCalcStyle,domProps:{value:this.value},attrs:{placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autocomplete:this.autoComplete,maxLength:this.maxLength},on:{focus:this.handleFocus,blur:this.handleBlur,change:this.handleChange,input:this.handleInput,compositionstart:this.handleCompositionStart,compositionupdate:this.handleCompositionUpdate,compositionend:this.handleCompositionEnd}}),this.isWordLimitVisible?this.renderCount(e):null])},renderInput:function(e){var t;return(0,this.$createElement)("input",{class:(l(t={},""+e,!0),l(t,e+"-disable",this.disabled),t),ref:"input",domProps:{value:this.value},attrs:{type:this.showPassword?this.passwordVisible?"text":"password":this.type,placeholder:this.placeholder,maxLength:this.maxLength,disabled:this.disabled,readonly:this.readonly,autocomplete:this.autoComplete},on:{focus:this.handleFocus,blur:this.handleBlur,change:this.handleChange,input:this.handleInput,compositionstart:this.handleCompositionStart,compositionupdate:this.handleCompositionUpdate,compositionend:this.handleCompositionEnd}})},renderLabeledIcon:function(e,t){var i,n=this,a=this.$createElement,s=this.$props,r=s.prefix?s.prefix:this.$slots.prefix,o=s.suffix?s.suffix:this.$slots.suffix,u={class:(i={},l(i,e+"-affix-wrapper",!0),l(i,e+"-affix-wrapper-disable",s.disabled),i),on:{mouseenter:function(){n.hovering=!0},mouseleave:function(){n.hovering=!1}}};if(!(r||o||this.isWordLimitVisible||s.allowClear||s.showPassword))return t;var d=r?a("span",{class:e+"-prefix"},[r]):null,h=a("span",{class:e+"-suffix"},[(!this.showClear||!this.showPwdVisible||!this.isWordLimitVisible)&&o,this.showClear&&this.renderClearIcon(e),this.showPwdVisible&&this.renderPwdIcon(e),this.isWordLimitVisible&&this.renderCount(e)]);return a("div",u,[d,t,h])},renderInputWithLabel:function(e,t){var i,n=this.$createElement,a=this.$props,s=a.addonBefore?a.addonBefore:this.$slots.addonBefore,r=a.addonAfter?a.addonAfter:this.$slots.addonAfter;if(!s&&!r)return t;var o=e+"-group",u=o+"-addon",d=s?n("span",{class:u},[s]):null,h=r?n("span",{class:u},[r]):null;return n("span",{class:e+"-group-wrapper"},[n("span",{class:(l(i={},e+"-wrapper",!0),l(i,o,s||r),i)},[d,t,h])])},renderTitleLabel:function(e,t){var i,n,a=this.$createElement,s=this.required,r=this.showTip,u=this.label,d=this.position,h=this.warn,c=this.success,f=this.desContent,p=this.desStyle,m=this.desPosition;if(!(s||r||u||f||h||c))return t;var g=(l(i={},e+"-wrapper",!0),l(i,e+"-horizontal","horizontal"===d),l(i,e+"-vertical","vertical"===d),l(i,e+"-warn",h),l(i,e+"-success",c),l(i,e+"-bottom-padding","horizontal"===d&&f&&"bottom"===m),i),b=(l(n={},e+"-default-tip",!h&&!c||h&&c),l(n,e+"-warn-tip",h&&!c),l(n,e+"-success-tip",!h&&c),n);return a("div",{class:g},[a("div",{class:e+"-title",ref:"title"},[s?a("span",{class:e+"-required"},["*"]):null,u?a("span",{class:e+"-label"},[u]):null,r?a("span",{class:e+"-tip"},[a(o.default,{attrs:{name:"tips_linear"}})]):null]),t,f?a("span",{style:p,class:b},[f]):null])}},mounted:function(){this.setDefaultValue(),this.resizeTextarea(),this.setDesStyle()},render:function(){var e=(0,a.getPrefixCls)("input");return this.renderTitleLabel(e,"textarea"===this.type?this.renderTextArea(e):this.renderInputWithLabel(e,this.renderLabeledIcon(e,this.renderInput(e))))}};t.default=d},81:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.calcTextareaHeight=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n=void 0,a="\n    height:0 !important;\n    visibility:hidden !important;\n    overflow:hidden !important;\n    position:absolute !important;\n    z-index:-1000 !important;\n    top:0 !important;\n    right:0 !important\n  ",s=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"];function r(e){var t=window.getComputedStyle(e),i=t.getPropertyValue("box-sizing"),n=parseFloat(t.getPropertyValue("padding-bottom"))+parseFloat(t.getPropertyValue("padding-top")),a=parseFloat(t.getPropertyValue("border-bottom-width"))+parseFloat(t.getPropertyValue("border-top-width"));return{contextStyle:s.map((function(e){return e+":"+t.getPropertyValue(e)})).join(";"),paddingSize:n,borderSize:a,boxSizing:i}}n||(n=document.createElement("textarea"),document.body.appendChild(n));var o=r(e),l=o.paddingSize,u=o.borderSize,d=o.boxSizing,h=o.contextStyle;n.setAttribute("style",h+";"+a),n.value=e.value||e.placeholder||"";var c=n.scrollHeight,f={};"border-box"===d?c+=u:"content-box"===d&&(c-=l);n.value="";var p=n.scrollHeight-l;if(null!==t){var m=p*t;"border-box"===d&&(m=m+l+u),c=Math.max(m,c),f.minHeight=m+"px"}if(null!==i){var g=p*i;"border-box"===d&&(g=g+l+u),c=Math.min(g,c)}return f.height=c+"px",n.parentNode&&n.parentNode.removeChild(n),n=null,f}}});