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

A fantastic mobile ui lib implement by Vue

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@xysfe/actui/es/assets/utils/helpers.js")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/utils/helpers.js"],t):"object"==typeof exports?exports["assets/common/baseelement.js"]=t(require("@xysfe/actui/es/assets/utils/helpers.js")):e["assets/common/baseelement.js"]=t(e["@xysfe/actui/es/assets/utils/helpers.js"])}("undefined"!=typeof self?self:this,function(e){return function(e){function t(o){if(n[o])return n[o].exports;var s=n[o]={i:o,l:!1,exports:{}};return e[o].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="../es",t(t.s=900)}({42:function(t,n){t.exports=e},675:function(e,t,n){"use strict";var o=n(42);n.n(o);t.a={name:"ActGoldBaseElement",props:{common:{type:Object,default:function(){return{tit:"",subTit:"",tips:"",errMsg:"",colons:!1,align:"right",border:"top",titPadding:!1,remarks:"",flexDirection:"row",bindKey:"",showBindKey:!0,brandColor:"",tags:[]}}},type:{type:String,default:"text"},lattice:{type:Boolean,default:!1},textarea:{type:Boolean,default:!1},hasSuffix:{type:Boolean,default:!1},hasArrow:{type:Boolean,default:!1},hasColumn:{type:Boolean,default:!1},isVerifyCode:{type:Boolean,default:!1},isPure:{type:Boolean,default:!1},tempVar:{type:Object,default:function(){return{}}},remarkTipStyle:{type:[Object,null],default:function(){return null}}},computed:{title:function(){return this.common.titPadding?Object(o.formatTitle)(this.common.tit):this.common.tit},textAlign:function(){return"align-"+this.common.align},borderClass:function(){return"none"===this.common.border?"":"border-"+this.common.border},remarksVar:function(){return(this.tempVar.prefix||"")+(this.tempVar.var||"")+(this.tempVar.suffix||"")},remarksWithThemeColor:function(){if(this.common.remarks){var e="text-decoration: none; color:"+(this.common.brandColor||"#8c7fee")+";",t=/<a([^>]+)>/g;return this.common.remarks.replace(t,function(t,n){return n.includes("data-taken")?"<a"+n+' style="'+e+'">':t})}return this.common.remarks},hasTag:function(){return this.common.tags&&this.common.tags.length&&!!this.tagContent},hasSign:function(){return this.common.autoRenewalBindAction&&1==~~this.common.autoRenewalBindAction},tagContent:function(){var e=this,t=this.common.tags.find(function(t){return t.bindValue===e.common.value});return t?t.text:""},computedRemarksStyle:function(){var e={};if(this.remarkTipStyle){var t=this.remarkTipStyle||{},n=t.left;e["--tip-left"]=n?n-9+"px":"26px"}return this.common.remarksBgColor&&(e["background-color"]=this.common.remarksBgColor,e["--arrow-color"]=this.common.remarksBgColor),e}},methods:{showTips:function(){this.$emit("showTips",this.common.tips)},remarksLink:function(e){this.$emit("takenLink",e)}},directives:{"taken-link":{bind:function(e,t,n){e.addEventListener("click",function(e){if("A"===e.target.tagName){var t=e.target.getAttribute("data-taken");t&&n.context.remarksLink(t)}})}}}}},8:function(e,t,n){"use strict";function o(e,t,n,o,s,r,a,i){e=e||{};var l=typeof e.default;"object"!==l&&"function"!==l||(e=e.default);var c="function"==typeof e?e.options:e;t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),r&&(c._scopeId=r);var m;if(a?(m=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),s&&s.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},c._ssrRegister=m):s&&(m=i?function(){s.call(this,this.$root.$options.shadowRoot)}:s),m)if(c.functional){c._injectStyles=m;var u=c.render;c.render=function(e,t){return m.call(t),u(e,t)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,m):[m]}return{exports:e,options:c}}t.a=o},900:function(e,t,n){"use strict";function o(e){i||n(901)}Object.defineProperty(t,"__esModule",{value:!0});var s=n(675),r=n(902),a=n(8),i=!1,l=o,c=Object(a.a)(s.a,r.a,r.b,!1,l,"data-v-507024ec",null);c.options.__file="src\\components\\common\\baseelement.vue",t.default=c.exports},901:function(e,t){},902:function(e,t,n){"use strict";n.d(t,"a",function(){return o}),n.d(t,"b",function(){return s});var o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"element",class:[{"element-colons":e.common.colons,"element-verify":e.isVerifyCode,"element-pure":e.isPure},e.borderClass],attrs:{"data-bind-key":[e.common.showBindKey?e.common.bindKey:""]}},[n("div",{staticClass:"element-control",class:{"element-textarea-box":e.textarea,"element-control-tit-nl":"column"===e.common.flexDirection||e.common.tit&&e.common.tit.length>14,"element-index":"email"===e.type}},[e.title?n("label",{staticClass:"element-label"},[n("span",{staticClass:"element-label-text",domProps:{innerHTML:e._s(e.title)}}),e.common.subTit?n("span",{staticClass:"element-subname"},[e._v("（"+e._s(e.common.subTit)+"）")]):e._e(),e.common.tips?n("a",{staticClass:"element-question",attrs:{href:"javascript:;"},on:{click:function(t){return t.stopPropagation(),e.showTips.apply(null,arguments)}}}):e._e(),e.common.colons?n("i",{staticClass:"colons"},[e._v("：")]):e._e()]):e._e(),e._v(" "),e.$slots.default?n("div",{staticClass:"element-info",class:[{"element-arrow":e.hasArrow,"element-suffix":e.hasSuffix,"element-column":e.hasColumn,hasTag:e.hasTag,hasSign:e.hasSign},e.textAlign]},[e._t("default"),e._v(" "),e._t("email")],2):e._e()]),e._v(" "),e.hasTag?n("div",{staticClass:"element-tag",domProps:{innerHTML:e._s(e.tagContent)}}):e._e(),e._v(" "),e.common.remarks?n("div",{directives:[{name:"taken-link",rawName:"v-taken-link"}],staticClass:"element-remarks",class:{"element-remarks-lattice":e.lattice,"remarks-sharp":1!=~~e.common.remarksNoSharp},style:e.computedRemarksStyle},[n("div",{staticClass:"element-remarks-txt",domProps:{innerHTML:e._s(e.remarksWithThemeColor)}})]):e._e(),e._v(" "),e.remarksVar?n("div",{staticClass:"element-temp-var"},[e._v("\n    "+e._s(e.remarksVar)+"\n  ")]):e._e(),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.common.errMsg,expression:"common.errMsg"}],staticClass:"element-error",class:{"element-error-lattice":e.lattice},domProps:{innerHTML:e._s(e.common.errMsg)}})])},s=[];o._withStripped=!0}})});