@xysfe/actui/es/assets/common/input.js

A fantastic mobile ui lib implement by Vue

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("@xysfe/actui/es/assets/svgicon.js")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/svgicon.js"],e):"object"==typeof exports?exports["assets/common/input.js"]=e(require("@xysfe/actui/es/assets/svgicon.js")):t["assets/common/input.js"]=e(t["@xysfe/actui/es/assets/svgicon.js"])}("undefined"!=typeof self?self:this,function(t){return function(t){function e(a){if(n[a])return n[a].exports;var i=n[a]={i:a,l:!1,exports:{}};return t[a].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,a){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:a})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="../es",e(e.s=928)}({35:function(t,e){function n(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"==typeof btoa){var o=a(i);return[n].concat(i.sources.map(function(t){return"/*# sourceURL="+i.sourceRoot+t+" */"})).concat([o]).join("\n")}return[n].join("\n")}function a(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var a=n(e,t);return e[2]?"@media "+e[2]+"{"+a+"}":a}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var a={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(a[o]=!0)}for(i=0;i<t.length;i++){var r=t[i];"number"==typeof r[0]&&a[r[0]]||(n&&!r[2]?r[2]=n:n&&(r[2]="("+r[2]+") and ("+n+")"),e.push(r))}},e}},36:function(t,e,n){"use strict";function a(t,e,n,a){v=n,m=a||{};var o=Object(u.a)(t,e);return i(o),function(e){for(var n=[],a=0;a<o.length;a++){var r=o[a],s=l[r.id];s.refs--,n.push(s)}e?(o=Object(u.a)(t,e),i(o)):o=[];for(var a=0;a<n.length;a++){var s=n[a];if(0===s.refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete l[s.id]}}}}function i(t){for(var e=0;e<t.length;e++){var n=t[e],a=l[n.id];if(a){a.refs++;for(var i=0;i<a.parts.length;i++)a.parts[i](n.parts[i]);for(;i<n.parts.length;i++)a.parts.push(r(n.parts[i]));a.parts.length>n.parts.length&&(a.parts.length=n.parts.length)}else{for(var o=[],i=0;i<n.parts.length;i++)o.push(r(n.parts[i]));l[n.id]={id:n.id,refs:1,parts:o}}}}function o(){var t=document.createElement("style");return t.type="text/css",d.appendChild(t),t}function r(t){var e,n,a=document.querySelector("style["+g+'~="'+t.id+'"]');if(a){if(v)return b;a.parentNode.removeChild(a)}if(x){var i=h++;a=f||(f=o()),e=s.bind(null,a,i,!1),n=s.bind(null,a,i,!0)}else a=o(),e=c.bind(null,a),n=function(){a.parentNode.removeChild(a)};return e(t),function(a){if(a){if(a.css===t.css&&a.media===t.media&&a.sourceMap===t.sourceMap)return;e(t=a)}else n()}}function s(t,e,n,a){var i=n?"":a.css;if(t.styleSheet)t.styleSheet.cssText=y(e,i);else{var o=document.createTextNode(i),r=t.childNodes;r[e]&&t.removeChild(r[e]),r.length?t.insertBefore(o,r[e]):t.appendChild(o)}}function c(t,e){var n=e.css,a=e.media,i=e.sourceMap;if(a&&t.setAttribute("media",a),m.ssrId&&t.setAttribute(g,e.id),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var u=n(40),p="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!p)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var l={},d=p&&(document.head||document.getElementsByTagName("head")[0]),f=null,h=0,v=!1,b=function(){},m=null,g="data-vue-ssr-id",x="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase()),y=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},40:function(t,e,n){"use strict";function a(t,e){for(var n=[],a={},i=0;i<e.length;i++){var o=e[i],r=o[0],s=o[1],c=o[2],u=o[3],p={id:t+":"+i,css:s,media:c,sourceMap:u};a[r]?a[r].parts.push(p):n.push(a[r]={id:r,parts:[p]})}return n}e.a=a},553:function(e,n){e.exports=t},683:function(t,e,n){"use strict";var a=n(553),i=n.n(a);e.a={name:"ActInput",components:{svgIcon:i.a},props:{value:{type:String,default:""},showdel:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""},tips:{type:String,default:""},tipscolor:{type:String,default:""},inputstyle:{type:String,default:""},type:{type:String,default:"text"}},computed:{delIsShow:function(){return this.showdel&&Boolean(this.value)&&this.focused}},data:function(){return{focused:!1,scrollY:0,openShake:!1}},model:{prop:"value",event:"change"},methods:{focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()},handlerInput:function(t){var e=t.target.value;this.setCurrentValue(e)},delValue:function(){this.setCurrentValue(""),this.$emit("clear",this.value),this.focus()},handlerChange:function(t){var e=t.target.value;this.$emit("change",e)},handlerBlur:function(t){this.focused=!1,this.$emit("blur",t)},handlerFocus:function(t){this.focused=!0,this.$emit("focus",t)},setCurrentValue:function(t){this.$emit("input",t),t!==this.value&&this.$emit("change",t)},addShake:function(){var t=this;this.openShake=!0,setTimeout(function(){t.openShake=!1},1200)}},watch:{tips:function(t){t&&this.addShake()}}}},8:function(t,e,n){"use strict";function a(t,e,n,a,i,o,r,s){t=t||{};var c=typeof t.default;"object"!==c&&"function"!==c||(t=t.default);var u="function"==typeof t?t.options:t;e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),a&&(u.functional=!0),o&&(u._scopeId=o);var p;if(r?(p=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__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},u._ssrRegister=p):i&&(p=s?function(){i.call(this,this.$root.$options.shadowRoot)}:i),p)if(u.functional){u._injectStyles=p;var l=u.render;u.render=function(t,e){return p.call(e),l(t,e)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,p):[p]}return{exports:t,options:u}}e.a=a},928:function(t,e,n){"use strict";function a(t){s||n(929)}Object.defineProperty(e,"__esModule",{value:!0});var i=n(683),o=n(931),r=n(8),s=!1,c=a,u=Object(r.a)(i.a,o.a,o.b,!1,c,"data-v-77b8ac09",null);u.options.__file="src\\components\\common\\input.vue",e.default=u.exports},929:function(t,e,n){var a=n(930);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);var i=n(36).default;i("518cbafe",a,!1,{})},930:function(t,e,n){e=t.exports=n(35)(!1),e.push([t.i,"\n.act-input[data-v-77b8ac09]{padding:0 0 1.75em\n}\n.act-input .act-input-box[data-v-77b8ac09]{position:relative;box-sizing:border-box;width:100%;padding:0.9em 0.9em 0.9em 1.1em;border-radius:5px;border:1px solid #f5f5f5;background-color:#fafafa\n}\n.act-input .act-input-box .act-input-content[data-v-77b8ac09]{position:relative\n}\n.act-input .act-input-box .act-input-content .act-input-wrap[data-v-77b8ac09]{box-sizing:border-box;width:100%;height:2.1em\n}\n.act-input .act-input-box .act-input-content .act-input-wrap input[data-v-77b8ac09]{width:100%;height:100%;padding:0;margin:0;outline:none;border:none;-webkit-appearance:none;font-size:1.5em;color:#000000;background-color:#fafafa\n}\n.act-input .act-input-box .act-input-content .act-input-wrap input.paddingR[data-v-77b8ac09]{padding:0 2.2em 0 0\n}\n.act-input .act-input-box .act-input-content .act-input-wrap input[data-v-77b8ac09]::-webkit-input-placeholder{color:#c8c8c8\n}\n.act-input .act-input-box .act-input-content .act-input-wrap input[data-v-77b8ac09]::placeholder{color:#c8c8c8\n}\n.act-input .act-input-box .act-input-content .act-input-wrap input.disabled[data-v-77b8ac09]{cursor:not-allowed;color:#c0c4cc\n}\n.act-input .act-input-box .act-input-content .act-input-wrap input[data-v-77b8ac09]:focus{border-color:#409eff\n}\n.act-input .act-input-box .act-input-content .act-input-wrap input[data-v-77b8ac09]:hover{border-color:#c0c4cc\n}\n.act-input .act-input-box .act-input-content .act-input-wrap input.shake[data-v-77b8ac09]{-webkit-animation:shake-data-v-77b8ac09 0.3s linear 0s 3;animation:shake-data-v-77b8ac09 0.3s linear 0s 3\n}\n.act-input .act-input-box .act-input-content .act-input-del[data-v-77b8ac09]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0.5em;font-size:2.1em;color:#bababa;-webkit-transition:all .3s;transition:all .3s;pointer-events:none\n}\n.act-input .act-input-box .act-input-content .act-input-del .del-icon[data-v-77b8ac09]{pointer-events:all\n}\n.act-input .act-input-box .act-input-content .act-input-tips[data-v-77b8ac09]{position:absolute;left:0;bottom:-2.9em;width:100%;height:1.75em;line-height:1.75em;color:#fc3f3f;text-align:left\n}\n.act-input .act-input-box .act-input-content .act-input-tips span[data-v-77b8ac09]{font-size:1.1em\n}\n@-webkit-keyframes shake-data-v-77b8ac09{\n0%{-webkit-transform:translateX(0);transform:translateX(0)\n}\n25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)\n}\n50%{-webkit-transform:translateX(0);transform:translateX(0)\n}\n75%{-webkit-transform:translateX(3px);transform:translateX(3px)\n}\n}\n@keyframes shake-data-v-77b8ac09{\n0%{-webkit-transform:translateX(0);transform:translateX(0)\n}\n25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)\n}\n50%{-webkit-transform:translateX(0);transform:translateX(0)\n}\n75%{-webkit-transform:translateX(3px);transform:translateX(3px)\n}\n}\n",""])},931:function(t,e,n){"use strict";n.d(e,"a",function(){return a}),n.d(e,"b",function(){return i});var a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"act-input"},[n("div",{staticClass:"act-input-box act-row act-middle",style:t.inputstyle},[t._t("left"),t._v(" "),n("div",{staticClass:"act-input-content act-row act-middle act-col"},[n("div",{staticClass:"act-input-wrap act-row act-middle"},[t.disabled?n("input",{ref:"input",staticClass:"act-col disabled",attrs:{disabled:"",placeholder:t.placeholder,type:t.type},domProps:{value:t.value}}):n("input",{ref:"input",staticClass:"act-col",class:{paddingR:t.delIsShow,shake:t.openShake},attrs:{type:t.type,placeholder:t.placeholder},domProps:{value:t.value},on:{input:t.handlerInput,change:t.handlerChange,focus:t.handlerFocus,blur:t.handlerBlur}})]),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:t.delIsShow,expression:"delIsShow"}],staticClass:"act-input-del act-row",on:{click:t.delValue,mousedown:function(t){t.preventDefault()}}},[n("svg-icon",{attrs:{iconClass:"del",className:"del-icon"}})],1),t._v(" "),n("div",{staticClass:"act-input-tips",style:{color:t.tipscolor}},[n("span",[t._v(t._s(t.tips))])])]),t._v(" "),t._t("right")],2)])},i=[];a._withStripped=!0}})});