yz-ui-b/lib/index.js

一个开心的UI组件

(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["yz-ui"]=e():t["yz-ui"]=e()})(window,(function(){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var s=e[n]={i:n,l:!1,exports:{}};return t[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)i.d(n,s,function(e){return t[e]}.bind(null,s));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="/",i(i.s="3a0d")}({"0876":function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t._self._c;return e("div",{class:["textarea"===t.type?"el-textarea":"el-input",t.inputSize?"el-input--"+t.inputSize:"",{"is-disabled":t.inputDisabled,"is-exceed":t.inputExceed,"el-input-group":t.$slots.prepend||t.$slots.append,"el-input-group--append":t.$slots.append,"el-input-group--prepend":t.$slots.prepend,"el-input--prefix":t.$slots.prefix||t.prefixIcon,"el-input--suffix":t.$slots.suffix||t.suffixIcon||t.clearable||t.showPassword}],on:{mouseenter:function(e){t.hovering=!0},mouseleave:function(e){t.hovering=!1}}},["textarea"!==t.type?[t.$slots.prepend?e("div",{staticClass:"el-input-group__prepend"},[t._t("prepend")],2):t._e(),"textarea"!==t.type?e("input",t._b({ref:"input",staticClass:"el-input__inner",attrs:{tabindex:t.tabindex,type:t.showPassword?t.passwordVisible?"text":"password":t.type,disabled:t.inputDisabled,readonly:t.readonly,autocomplete:t.autoComplete||t.autocomplete,"aria-label":t.label},on:{compositionstart:t.handleCompositionStart,compositionupdate:t.handleCompositionUpdate,compositionend:t.handleCompositionEnd,input:t.handleInput,focus:t.handleFocus,blur:t.handleBlur,change:t.handleChange}},"input",t.$attrs,!1)):t._e(),t.$slots.prefix||t.prefixIcon?e("span",{staticClass:"el-input__prefix"},[t._t("prefix"),t.prefixIcon?e("i",{staticClass:"el-input__icon",class:t.prefixIcon}):t._e()],2):t._e(),t.getSuffixVisible()?e("span",{staticClass:"el-input__suffix"},[e("span",{staticClass:"el-input__suffix-inner"},[t.showClear&&t.showPwdVisible&&t.isWordLimitVisible?t._e():[t._t("suffix"),t.suffixIcon?e("i",{staticClass:"el-input__icon",class:t.suffixIcon}):t._e()],t.showClear?e("i",{staticClass:"el-input__icon el-icon-circle-close el-input__clear",on:{mousedown:function(t){t.preventDefault()},click:t.clear}}):t._e(),t.showPwdVisible?e("i",{staticClass:"el-input__icon el-icon-view el-input__clear",on:{click:t.handlePasswordVisible}}):t._e(),t.isWordLimitVisible?e("span",{staticClass:"el-input__count"},[e("span",{staticClass:"el-input__count-inner"},[t._v(" "+t._s(t.textLength)+"/"+t._s(t.upperLimit)+" ")])]):t._e()],2),t.validateState?e("i",{staticClass:"el-input__icon",class:["el-input__validateIcon",t.validateIcon]}):t._e()]):t._e(),t.$slots.append?e("div",{staticClass:"el-input-group__append"},[t._t("append")],2):t._e()]:e("textarea",t._b({ref:"textarea",staticClass:"el-textarea__inner",style:t.textareaStyle,attrs:{tabindex:t.tabindex,disabled:t.inputDisabled,readonly:t.readonly,autocomplete:t.autoComplete||t.autocomplete,"aria-label":t.label},on:{compositionstart:t.handleCompositionStart,compositionupdate:t.handleCompositionUpdate,compositionend:t.handleCompositionEnd,input:t.handleInput,focus:t.handleFocus,blur:t.handleBlur,change:t.handleChange}},"textarea",t.$attrs,!1)),t.isWordLimitVisible&&"textarea"===t.type?e("span",{staticClass:"el-input__count"},[t._v(t._s(t.textLength)+"/"+t._s(t.upperLimit))]):t._e()],2)},s=[];let o;const 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",l=["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(t){const e=window.getComputedStyle(t),i=e.getPropertyValue("box-sizing"),n=parseFloat(e.getPropertyValue("padding-bottom"))+parseFloat(e.getPropertyValue("padding-top")),s=parseFloat(e.getPropertyValue("border-bottom-width"))+parseFloat(e.getPropertyValue("border-top-width")),o=l.map(t=>`${t}:${e.getPropertyValue(t)}`).join(";");return{contextStyle:o,paddingSize:n,borderSize:s,boxSizing:i}}function u(t,e=1,i=null){o||(o=document.createElement("textarea"),document.body.appendChild(o));let{paddingSize:n,borderSize:s,boxSizing:l,contextStyle:u}=r(t);o.setAttribute("style",`${u};${a}`),o.value=t.value||t.placeholder||"";let p=o.scrollHeight;const d={};"border-box"===l?p+=s:"content-box"===l&&(p-=n),o.value="";let c=o.scrollHeight-n;if(null!==e){let t=c*e;"border-box"===l&&(t=t+n+s),p=Math.max(t,p),d.minHeight=t+"px"}if(null!==i){let t=c*i;"border-box"===l&&(t=t+n+s),p=Math.min(t,p)}return d.height=p+"px",o.parentNode&&o.parentNode.removeChild(o),o=null,d}var p={name:"dd-input",inheritAttrs:!1,inject:{elForm:{default:""},elFormItem:{default:""}},data(){return{textareaCalcStyle:{},hovering:!1,focused:!1,isComposing:!1,passwordVisible:!1}},props:{value:[String,Number],size:String,resize:String,form:String,disabled:Boolean,readonly:Boolean,type:{type:String,default:"text"},autosize:{type:[Boolean,Object],default:!1},autocomplete:{type:String,default:"off"},autoComplete:{type:String,validator(){return!0}},validateEvent:{type:Boolean,default:!0},suffixIcon:String,prefixIcon:String,label:String,clearable:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},showWordLimit:{type:Boolean,default:!1},tabindex:String},computed:{_elFormItemSize(){return(this.elFormItem||{}).elFormItemSize},validateState(){return this.elFormItem?this.elFormItem.validateState:""},needStatusIcon(){return!!this.elForm&&this.elForm.statusIcon},validateIcon(){return{validating:"el-icon-loading",success:"el-icon-circle-check",error:"el-icon-circle-close"}[this.validateState]},textareaStyle(){return this.merge({},this.textareaCalcStyle,{resize:this.resize})},inputSize(){return this.size||this._elFormItemSize||(this.$ELEMENT||{}).size},inputDisabled(){return this.disabled||(this.elForm||{}).disabled},nativeInputValue(){return null===this.value||void 0===this.value?"":String(this.value)},showClear(){return this.clearable&&!this.inputDisabled&&!this.readonly&&this.nativeInputValue&&(this.focused||this.hovering)},showPwdVisible(){return this.showPassword&&!this.inputDisabled&&!this.readonly&&(!!this.nativeInputValue||this.focused)},isWordLimitVisible(){return this.showWordLimit&&this.$attrs.maxlength&&("text"===this.type||"textarea"===this.type)&&!this.inputDisabled&&!this.readonly&&!this.showPassword},upperLimit(){return this.$attrs.maxlength},textLength(){return"number"===typeof this.value?String(this.value).length:(this.value||"").length},inputExceed(){return this.isWordLimitVisible&&this.textLength>this.upperLimit}},watch:{value(t){this.$nextTick(this.resizeTextarea),this.validateEvent&&this.dispatch("ElFormItem","el.form.change",[t])},nativeInputValue(){this.setNativeInputValue()},type(){this.$nextTick(()=>{this.setNativeInputValue(),this.resizeTextarea(),this.updateIconOffset()})}},methods:{isKorean(t){const e=/([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi;return e.test(t)},merge(t){for(let e=1,i=arguments.length;e<i;e++){let i=arguments[e]||{};for(let e in i)if(Object.prototype.hasOwnProperty.call(i,e)){let n=i[e];void 0!==n&&(t[e]=n)}}return t},focus(){this.getInput().focus()},blur(){this.getInput().blur()},getMigratingConfig(){return{props:{icon:"icon is removed, use suffix-icon / prefix-icon instead.","on-icon-click":"on-icon-click is removed."},events:{click:"click is removed."}}},handleBlur(t){this.focused=!1,this.$emit("blur",t),this.validateEvent&&this.dispatch("ElFormItem","el.form.blur",[this.value])},select(){this.getInput().select()},resizeTextarea(){if(this.$isServer)return;const{autosize:t,type:e}=this;if("textarea"!==e)return;if(!t)return void(this.textareaCalcStyle={minHeight:u(this.$refs.textarea).minHeight});const i=t.minRows,n=t.maxRows;this.textareaCalcStyle=u(this.$refs.textarea,i,n)},setNativeInputValue(){const t=this.getInput();t&&t.value!==this.nativeInputValue&&(t.value=this.nativeInputValue)},handleFocus(t){this.focused=!0,this.$emit("focus",t)},handleCompositionStart(t){this.$emit("compositionstart",t),this.isComposing=!0},handleCompositionUpdate(t){this.$emit("compositionupdate",t);const e=t.target.value,i=e[e.length-1]||"";this.isComposing=!this.isKorean(i)},handleCompositionEnd(t){this.$emit("compositionend",t),this.isComposing&&(this.isComposing=!1,this.handleInput(t))},handleInput(t){this.isComposing||t.target.value!==this.nativeInputValue&&(this.$emit("input",t.target.value),this.$nextTick(this.setNativeInputValue))},handleChange(t){this.$emit("change",t.target.value)},calcIconOffset(t){let e=[].slice.call(this.$el.querySelectorAll(".el-input__"+t)||[]);if(!e.length)return;let i=null;for(let o=0;o<e.length;o++)if(e[o].parentNode===this.$el){i=e[o];break}if(!i)return;const n={suffix:"append",prefix:"prepend"},s=n[t];this.$slots[s]?i.style.transform=`translateX(${"suffix"===t?"-":""}${this.$el.querySelector(".el-input-group__"+s).offsetWidth}px)`:i.removeAttribute("style")},updateIconOffset(){this.calcIconOffset("prefix"),this.calcIconOffset("suffix")},clear(){this.$emit("input",""),this.$emit("change",""),this.$emit("clear")},handlePasswordVisible(){this.passwordVisible=!this.passwordVisible,this.$nextTick(()=>{this.focus()})},getInput(){return this.$refs.input||this.$refs.textarea},getSuffixVisible(){return this.$slots.suffix||this.suffixIcon||this.showClear||this.showPassword||this.isWordLimitVisible||this.validateState&&this.needStatusIcon},dispatch(t,e,i){var n=this.$parent||this.$root,s=n.$options.componentName;while(n&&(!s||s!==t))n=n.$parent,n&&(s=n.$options.componentName);n&&n.$emit.apply(n,[e].concat(i))}},created(){this.$on("inputSelect",this.select)},mounted(){this.setNativeInputValue(),this.resizeTextarea(),this.updateIconOffset()},updated(){this.$nextTick(this.updateIconOffset)}},d=p,c=(i("af7d"),i("2877")),h=Object(c["a"])(d,n,s,!1,null,"0c57e096",null),f=h.exports;f.install=function(t){t.component(f.name,f)};e["default"]=f},"22c4":function(t,e,i){},2877:function(t,e,i){"use strict";function n(t,e,i,n,s,o,a,l){var r,u="function"===typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=i,u._compiled=!0),n&&(u.functional=!0),o&&(u._scopeId="data-v-"+o),a?(r=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),s&&s.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},u._ssrRegister=r):s&&(r=l?function(){s.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:s),r)if(u.functional){u._injectStyles=r;var p=u.render;u.render=function(t,e){return r.call(e),p(t,e)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,r):[r]}return{exports:t,options:u}}i.d(e,"a",(function(){return n}))},"3a0d":function(t,e,i){"use strict";i.r(e);var n=i("8b09"),s=i("0876");const o=[n["default"],s["default"]],a=function(t,e={}){console.log("全局配置：",e),a.installed||o.map(e=>{t.component(e.name,e)})};"undefine"!=typeof window&&window.Vue&&a(window.Vue),e["default"]={install:a,button:n["default"],input:s["default"]}},"7ac3":function(t,e,i){"use strict";i("22c4")},"881f":function(t,e,i){},"8b09":function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t._self._c;return e("button",{staticClass:"el-button",class:[t.type?"el-button--"+t.type:"",t.buttonSize?"el-button--"+t.buttonSize:"",{"is-disabled":t.buttonDisabled,"is-loading":t.loading,"is-plain":t.plain,"is-round":t.round,"is-circle":t.circle}],attrs:{disabled:t.buttonDisabled||t.loading,autofocus:t.autofocus,type:t.nativeType},on:{click:t.handleClick}},[t.loading?e("i",{staticClass:"el-icon-loading"}):t._e(),t.icon&&!t.loading?e("i",{class:t.icon}):t._e(),t.$slots.default?e("span",[t._t("default")],2):t._e()])},s=[],o={name:"dd-button",inject:{elForm:{default:""},elFormItem:{default:""}},props:{type:{type:String,default:"default"},size:String,icon:{type:String,default:""},nativeType:{type:String,default:"button"},loading:Boolean,disabled:Boolean,plain:Boolean,autofocus:Boolean,round:Boolean,circle:Boolean},computed:{_elFormItemSize(){return(this.elFormItem||{}).elFormItemSize},buttonSize(){return this.size||this._elFormItemSize||(this.$ELEMENT||{}).size},buttonDisabled(){return Object.prototype.hasOwnProperty.call(this.$options.propsData,"disabled")?this.disabled:(this.elForm||{}).disabled}},methods:{handleClick(t){this.$emit("click",t)}}},a=o,l=(i("7ac3"),i("2877")),r=Object(l["a"])(a,n,s,!1,null,"9594426c",null),u=r.exports;u.install=function(t){t.component(u.name,u)};e["default"]=u},af7d:function(t,e,i){"use strict";i("881f")}})["default"]}));