@xysfe/actui/es/GoldDialog/index.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/utils/create/index.js"),require("@xysfe/actui/es/assets/utils/helpers.js"),require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/mixins/popup.js"),require("@xysfe/actui/es/assets/mixins/noscroll.js"),require("@xysfe/actui/es/assets/common/popup.js"),require("@xysfe/actui/es/assets/utils/assign.js")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/utils/create/index.js","@xysfe/actui/es/assets/utils/helpers.js","@xysfe/actui/es/assets/mixins/visible.js","@xysfe/actui/es/assets/mixins/popup.js","@xysfe/actui/es/assets/mixins/noscroll.js","@xysfe/actui/es/assets/common/popup.js","@xysfe/actui/es/assets/utils/assign.js"],e):"object"==typeof exports?exports.GoldDialog=e(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/utils/helpers.js"),require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/mixins/popup.js"),require("@xysfe/actui/es/assets/mixins/noscroll.js"),require("@xysfe/actui/es/assets/common/popup.js"),require("@xysfe/actui/es/assets/utils/assign.js")):t.GoldDialog=e(t["@xysfe/actui/es/assets/utils/create/index.js"],t["@xysfe/actui/es/assets/utils/helpers.js"],t["@xysfe/actui/es/assets/mixins/visible.js"],t["@xysfe/actui/es/assets/mixins/popup.js"],t["@xysfe/actui/es/assets/mixins/noscroll.js"],t["@xysfe/actui/es/assets/common/popup.js"],t["@xysfe/actui/es/assets/utils/assign.js"])}("undefined"!=typeof self?self:this,function(t,e,n,o,i,s,r){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].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,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},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=1576)}({109:function(t,e){t.exports=o},1098:function(t,e,n){"use strict";function o(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=t.offsetWidth;if(e){var o=t.currentStyle||getComputedStyle(t);n+=parseInt(o.marginLeft||0)+parseInt(o.marginRight||0)}return n}function i(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=t.offsetHeight;if(e){var o=t.currentStyle||getComputedStyle(t);n+=parseInt(o.marginTop||0)+parseInt(o.marginBottom||0)}return n}function s(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(!t)return[""];var e=t.match(/([\s\S]*)\（(报错编号：\d+)\）\s*$/);return e?[e[1],e[2]]:[t]}var r=n(40),a=n.n(r),c=n(118),l=n.n(c),u=n(109),f=n.n(u),d=n(110),p=n.n(d),h=n(264),m=n.n(h),x=n(39);n.n(x);e.a={name:"ActGoldDialog",mixins:[a.a,f.a,p.a],data:function(){return{staticTitle:"",staticContent:null,staticClosable:void 0,staticConfirmButtonText:"",staticConfirmButtonColor:"",staticCancelButtonText:"",staticCancelButtonColor:"",staticShowConfirmButton:void 0,staticShowCancelButton:void 0,extInfo:null}},props:{title:{type:String,default:""},content:{type:String,default:""},buttonType:{type:String,default:"default"},showConfirmButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!1},confirmButtonText:{type:String,default:"确认"},cancelButtonText:{type:String,default:"取消"},confirmButtonColor:{type:String,default:""},width:{type:String,default:""},cancelButtonColor:{type:String,default:""},closable:{type:Boolean,default:!0},beforeClose:{type:Function,default:null},type:{type:String,default:""},cofirmButtonStyle:{type:Object,default:function(){}},cancelButtonStyle:{type:Object,default:function(){}}},computed:{renderTitle:function(){return this.staticTitle||this.title},originRenderContent:function(){return s(this.staticContent||this.content)},renderContent:function(){return this.originRenderContent&&this.originRenderContent[0]},tips:function(){return this.originRenderContent&&this.originRenderContent[1]},renderConfirmButtonText:function(){return this.staticConfirmButtonText||this.confirmButtonText},renderConfirmButtonColor:function(){return this.staticConfirmButtonColor||this.confirmButtonColor},renderCancelButtonText:function(){return this.staticCancelButtonText||this.cancelButtonText},renderCancelButtonColor:function(){return this.staticCancelButtonColor||this.cancelButtonColor},renderShowConfirmButton:function(){return Object(x.isUndefined)(this.staticShowConfirmButton)?this.showConfirmButton:this.staticShowConfirmButton},renderShowCancelButton:function(){return Object(x.isUndefined)(this.staticShowCancelButton)?this.showCancelButton:this.staticShowCancelButton},renderClosable:function(){return Object(x.isUndefined)(this.staticClosable)?this.closable:this.staticClosable},boxStyle:function(){var t={};return this.width&&(t.width=this.width),this.extInfo&&(t.top=this.extInfo.top+"px",t.left=this.extInfo.left+"px",t.transform="translate(0,0)",t.webkitTransform="translate(0,0)"),t},crumbStyle:function(){var t={};return this.extInfo&&this.extInfo.crumb&&(t.top=this.extInfo.crumb.top+"px",t.left=this.extInfo.crumb.left+"px"),t},confirmStyle:function(){var t={};return this.renderConfirmButtonColor&&"sticky"===this.buttonType?t.color=this.renderConfirmButtonColor:this.renderConfirmButtonColor&&"default"===this.buttonType&&(t.backgroundColor=this.renderConfirmButtonColor,t.borderColor=this.renderConfirmButtonColor),t},cancelStyle:function(){var t={};return this.renderCancelButtonColor&&(t.color=this.renderCancelButtonColor),t}},methods:{setData:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.closable,i=(n.buttonType,n.showConfirmButton),s=n.showCancelButton,r=n.confirmButtonText,a=n.confirmButtonColor,c=n.cancelButtonText,l=n.cancelButtonColor;this.staticTitle=t,this.staticContent=e,this.staticClosable=o,this.staticShowConfirmButton=i,this.staticShowCancelButton=s,this.staticConfirmButtonText=r,this.staticConfirmButtonColor=a,this.staticCancelButtonText=c,this.staticCancelButtonColor=l},showFollow:function(t){var e=this,n={crumb:{}},s=t.clientY-t.offsetY,r=document.body.clientWidth,a=document.body.clientHeight,c=s+i(t.target,!1),l=o(t.target,!1),u=t.clientX-t.offsetX+l/2-10;n.top=c+18,n.left=0,n.crumb.top=c+6,n.crumb.left=u,n.crumb.rotate=!1,this.extInfo=n,this.show(),this.$nextTick(function(){n=m()({},n);var t=o(e.$refs.dialog,!1),f=t-42,d=(r-f)/2;if(n.left=u<d?Math.max(u-10,0):u>r-d-34?Math.min(u+l+10-t,r-t):(r-t)/2,c>a/2){var p=i(e.$refs.dialog,!1);n.top=s-p-15,n.crumb.top=s-18,n.crumb.left=u,n.crumb.rotate=!0}e.extInfo=n})},optimizeEscape:function(t){return String(t).replace(/ data-params='(.*?)'/g,function(t,e){return" data-params='"+e.replace(/</g,"&lt;").replace(/>/g,"&gt;")+"'"})},vhtmlReplace:function(t){return this.optimizeEscape(t).replace(/<([^>]*)>/g,"《《《$1》》》").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/《《《/g,"<").replace(/》》》/g,">")},confirm:function(t){this.handleAction("confirm",t)},cancel:function(t){this.handleAction("cancel",t)},handleAction:function(t,e){var n=this;this.beforeClose?this.beforeClose(t,function(o){!1!==o&&(n.hide(),n.$emit(t,e))}):(this.hide(),this.$emit(t,e))},maskClick:function(){this.maskClosable&&this.close()},close:function(t){this.handleAction("close",t)},onTakenClick:function(t,e){this.$emit("takenClick",t,e)}},components:{ActPopup:l.a},directives:{"taken-click":{bind:function(t,e,n){t.addEventListener("click",function(t){if("A"===t.target.tagName){var e=t.target.getAttribute("data-taken");if(e){var o=t.target.getAttribute("data-params");try{o&&(o=JSON.parse(o))}catch(t){console.log(t)}n.context.onTakenClick(e,o)}}})}}}}},110:function(t,e){t.exports=i},118:function(t,e){t.exports=s},1576:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(26),i=n.n(o),s=n(1577);s.a.install=function(t){t.component(s.a.name,s.a),t.prototype.$createGoldDialog=i()(s.a,t)},e.default=s.a},1577:function(t,e,n){"use strict";function o(t){a||n(1578)}var i=n(1098),s=n(1579),r=n(7),a=!1,c=o,l=Object(r.a)(i.a,s.a,s.b,!1,c,"data-v-1703e254",null);l.options.__file="src\\components\\GoldDialog\\src\\index.vue",e.a=l.exports},1578:function(t,e){},1579:function(t,e,n){"use strict";n.d(e,"a",function(){return o}),n.d(e,"b",function(){return i});var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("act-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{mask:!0,zIndex:t.zIndex,type:t.type},on:{touchmove:function(t){t.preventDefault()},"mask-click":t.maskClick},scopedSlots:t._u([{key:"mask",fn:function(){return[t.extInfo&&t.extInfo.crumb?n("div",{staticClass:"act-gold-dialog-crumb",class:{"crumb-rotate":t.extInfo.crumb.rotate},style:t.crumbStyle}):t._e(),t._v(" "),n("div",{ref:"dialog",staticClass:"gold-dialog",style:t.boxStyle,on:{click:function(t){t.stopPropagation()}}},[t.renderClosable?n("span",{staticClass:"gold-dialog-close",on:{click:function(e){return e.stopPropagation(),t.close.apply(null,arguments)}}},[n("i")]):t._e(),t._v(" "),t.renderTitle?n("div",{staticClass:"gold-dialog-title",class:{"align-left":t.extInfo},staticStyle:{"-webkit-box-orient":"vertical"}},[t._v("\n        "+t._s(t.renderTitle)+"\n      ")]):t._e(),t._v(" "),n("div",{class:["gold-dialog-content",{"no-title":!t.renderTitle}],on:{touchmove:function(t){t.stopPropagation()}}},[t.$slots.default?t._t("default"):n("div",{staticClass:"gold-dialog-text"},[n("div",{directives:[{name:"taken-click",rawName:"v-taken-click"}],domProps:{innerHTML:t._s(t.vhtmlReplace(t.renderContent))}}),t._v(" "),t.tips?n("div",{staticClass:"gold-dialog-tips"},[t._v("\n            "+t._s(t.tips)+"\n          ")]):t._e()])],2),t._v(" "),n("div",{class:["gold-dialog-btn","gold-btn-"+t.buttonType]},[t.renderShowCancelButton?n("a",{staticClass:"gold-dialog-item gold-dialog-cancel",style:Object.assign({},t.cancelButtonStyle,t.cancelStyle),on:{click:t.cancel}},[t._v("\n          "+t._s(t.renderCancelButtonText)+"\n        ")]):t._e(),t._v(" "),t.renderShowConfirmButton?n("a",{staticClass:"gold-dialog-item gold-dialog-confirm",style:Object.assign({},t.cofirmButtonStyle,t.confirmStyle),on:{click:t.confirm}},[t._v("\n          "+t._s(t.renderConfirmButtonText)+"\n        ")]):t._e()]),t._v(" "),t.$slots.bottom?t._t("bottom"):t._e()],2)]},proxy:!0}],null,!0)})},i=[];o._withStripped=!0},26:function(e,n){e.exports=t},264:function(t,e){t.exports=r},39:function(t,n){t.exports=e},40:function(t,e){t.exports=n},7:function(t,e,n){"use strict";function o(t,e,n,o,i,s,r,a){t=t||{};var c=typeof t.default;"object"!==c&&"function"!==c||(t=t.default);var l="function"==typeof t?t.options:t;e&&(l.render=e,l.staticRenderFns=n,l._compiled=!0),o&&(l.functional=!0),s&&(l._scopeId=s);var u;if(r?(u=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)},l._ssrRegister=u):i&&(u=a?function(){i.call(this,this.$root.$options.shadowRoot)}:i),u)if(l.functional){l._injectStyles=u;var f=l.render;l.render=function(t,e){return u.call(e),f(t,e)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,u):[u]}return{exports:t,options:l}}e.a=o}})});