@xysfe/actui2 0.0.1

package/lib/PosterLayer/index.mjs

@@ -0,0 +1,225 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import { c as create } from "../utils/create/index.mjs";
+import { A as ActPopup } from "../common/popup/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { n as noscrollMixin } from "../mixins/noscroll/index.mjs";
+import { f as fontSize } from "../mixins/fontsize/index.mjs";
+import { p as posterlayerMixin } from "../mixins/poster-layer/index.mjs";
+import { T as ToBase64 } from "../toBase64/index.mjs";
+import { L as Loading } from "../Loading/index.mjs";
+import { s as svgIcon } from "../common/svgicon/index.mjs";
+import { u as ua } from "../utils/helpers/index.mjs";
+import { a as appSaveImage } from "../utils/app/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var LONG_PRESS_EVENT = "longpress";
+var _sfc_main = {
+  name: "ActPosterLayer",
+  mixins: [visibleMixin, noscrollMixin, posterlayerMixin, fontSize],
+  data: function data() {
+    return {
+      shareIcon: "arrow-share",
+      showLoading: false,
+      longPressId: "",
+      isApp: !!ua.isApp
+    };
+  },
+  computed: {
+    shareIconId: function shareIconId() {
+      return "icon-".concat(this.shareIcon);
+    },
+    _showDesc: function _showDesc() {
+      if (!this.showDesc) {
+        return this.showDesc;
+      }
+      return !!(ua.isWx || ua.isApp);
+    }
+  },
+  watch: {
+    isVisible: function isVisible(newVal) {
+      var _this = this;
+      if (newVal) {
+        if (this._showArrow) {
+          this.$nextTick(function() {
+            _this.changeIconColor(_this._title.color ? _this._title.color : _this.themeColor);
+          });
+        }
+        this.showLoading = true;
+        ToBase64(this._options).then(function(data2) {
+          _this.showLoading = false;
+          _this.imgData = data2.data;
+          _this.$emit("done", _this.imgData);
+        }).catch(function(e) {
+        });
+      }
+    }
+  },
+  methods: {
+    changeIconColor: function changeIconColor(color) {
+      document.getElementById("icon-arrow-share").querySelector("path").setAttribute("fill", color);
+    },
+    oneBtnClick: function oneBtnClick(e) {
+      this._btn[0].handle(this, e);
+    },
+    twoBtnClick: function twoBtnClick(index, e) {
+      this._btn[index].handle(this, e);
+    },
+    appLongPressStart: function appLongPressStart() {
+      var that = this;
+      that.longPressId = setTimeout(function() {
+        that.handleLongPress();
+      }, 1e3);
+    },
+    appLongPressEnd: function appLongPressEnd() {
+      clearTimeout(this.longPressId);
+    },
+    handleLongPress: function handleLongPress() {
+      var _this2 = this;
+      appSaveImage(this.imgData, function() {
+        _this2.$emit(LONG_PRESS_EVENT);
+      });
+    },
+    clickMask: function clickMask(e) {
+      this.hide();
+    }
+  },
+  components: {
+    ActPopup,
+    svgIcon,
+    ActLoading: Loading
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "zIndex": _vm.zIndex,
+      "opacity": _vm.opacity
+    },
+    nativeOn: {
+      "click": function click($event) {
+        return _vm.clickMask.apply(null, arguments);
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "mask",
+      fn: function fn() {
+        return [_c("div", {
+          staticClass: "act-posterlayer",
+          style: {
+            "font-size": _vm._fontSize
+          }
+        }, [_c("div", {
+          staticClass: "poster-header"
+        }, [_c("div", {
+          staticClass: "title",
+          style: {
+            color: _vm._title.color
+          }
+        }, [_vm._v(" " + _vm._s(_vm._title.txt) + " ")]), _vm.showDesc ? _c("div", {
+          staticClass: "desc",
+          style: {
+            color: _vm._desc.color
+          }
+        }, [_vm._v(" " + _vm._s(_vm._desc.txt) + " ")]) : _vm._e(), _vm._showArrow ? _c("div", {
+          staticClass: "arrow",
+          style: {
+            bottom: _vm.showDesc ? "0.5em" : "-1.4em"
+          }
+        }, [_c("svg-icon", {
+          attrs: {
+            "iconClass": _vm.shareIcon
+          }
+        })], 1) : _vm._e()]), _c("div", {
+          staticClass: "poster-img act-row act-middle"
+        }, [_vm.showLoading ? _c("act-loading", {
+          directives: [{
+            name: "show",
+            rawName: "v-show",
+            value: _vm.showLoading,
+            expression: "showLoading"
+          }],
+          attrs: {
+            "type": _vm._loading.type,
+            "size": _vm._loading.size,
+            "color": _vm._loading.color
+          }
+        }) : _vm.imgData && _vm.isApp ? _c("img", {
+          staticClass: "poster",
+          attrs: {
+            "src": _vm.imgData
+          },
+          on: {
+            "touchstart": function touchstart($event) {
+              $event.preventDefault();
+              return _vm.appLongPressStart.apply(null, arguments);
+            },
+            "touchend": _vm.appLongPressEnd
+          }
+        }) : _vm.imgData ? _c("img", {
+          staticClass: "poster",
+          attrs: {
+            "src": _vm.imgData
+          },
+          on: {
+            "touchend": function touchend($event) {
+              $event.preventDefault();
+            }
+          }
+        }) : _vm._e()], 1), _c("div", {
+          staticClass: "poster-btn"
+        }, [_vm._btn.length === 1 ? _c("div", {
+          staticClass: "one-btn",
+          style: {
+            color: _vm._btn[0].color,
+            border: "1px solid " + _vm._btn[0].color,
+            "background-color": _vm._btn[0].bgcolor
+          },
+          on: {
+            "click": function click($event) {
+              $event.stopPropagation();
+              return _vm.oneBtnClick.apply(null, arguments);
+            }
+          }
+        }, [_c("span", [_vm._v(_vm._s(_vm._btn[0].txt))])]) : _vm._btn.length === 2 ? _c("div", {
+          staticClass: "two-btn"
+        }, _vm._l(_vm._btn, function(item, index) {
+          return _c("div", {
+            key: index,
+            style: {
+              "background-color": item.bgcolor
+            },
+            on: {
+              "click": function click($event) {
+                var _context;
+                $event.stopPropagation();
+                return _vm.twoBtnClick.apply(_vm, _concatInstanceProperty(_context = [index]).call(_context, _sliceInstanceProperty(Array.prototype).call(arguments)));
+              }
+            }
+          }, [_c("span", {
+            style: {
+              color: item.color
+            }
+          }, [_vm._v(_vm._s(item.txt))])]);
+        }), 0) : _vm._e()])])];
+      },
+      proxy: true
+    }])
+  });
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "1c0e1aba");
+var PosterLayer = __component__.exports;
+PosterLayer.install = function(Vue) {
+  Vue.component(PosterLayer.name, PosterLayer);
+  Vue.prototype.$createPosterLayer = create(PosterLayer, Vue);
+};
+export {
+  PosterLayer as P
+};

package/lib/PosterLayer/style.css

@@ -0,0 +1 @@
+.act-posterlayer[data-v-1c0e1aba]{width:100%;padding-top:1.3em}.act-posterlayer .poster-header[data-v-1c0e1aba]{position:relative;text-align:center}.act-posterlayer .poster-header .title[data-v-1c0e1aba]{font-size:2.4em}.act-posterlayer .poster-header .desc[data-v-1c0e1aba]{font-size:1.8em}.act-posterlayer .poster-header .arrow[data-v-1c0e1aba]{position:absolute;width:5.5em;height:5.5em;right:1.2em}.act-posterlayer .poster-header .arrow .svg-icon[data-v-1c0e1aba]{width:100%;height:100%}.act-posterlayer .poster-img[data-v-1c0e1aba]{height:36.6em;width:24.4em;margin:0 auto;margin-top:1.3em}.act-posterlayer .poster-img img.poster[data-v-1c0e1aba]{display:block;max-width:100%;max-height:100%}.act-posterlayer .poster-btn .one-btn[data-v-1c0e1aba]{height:3.5em;line-height:3.5em;width:24.4em;margin:0 auto;margin-top:1.2em;text-align:center}.act-posterlayer .poster-btn .one-btn span[data-v-1c0e1aba]{font-size:1.7em}.act-posterlayer .poster-btn .two-btn[data-v-1c0e1aba]{margin:0 auto;margin-top:3em;width:31.1em}.act-posterlayer .poster-btn .two-btn div[data-v-1c0e1aba]{display:inline-block;width:14.1em;height:4.8em;line-height:4.8em;text-align:center;border-radius:2.4em;margin:0 0.7em}.act-posterlayer .poster-btn .two-btn div span[data-v-1c0e1aba]{font-size:1.7em}

package/lib/PrizeLayer/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _slicedToArray=require("@babel/runtime-corejs3/helpers/slicedToArray");var utils_create=require("../utils/create/index.js");var utils_helpers=require("../utils/helpers/index.js");var mixins_visible=require("../mixins/visible/index.js");var mixins_noscroll=require("../mixins/noscroll/index.js");var mixins_fixedInput=require("../mixins/fixed-input/index.js");var mixins_formInput=require("../mixins/form-input/index.js");var common_layer=require("../common/layer/index.js");var common_forminput=require("../common/forminput/index.js");var common_button=require("../common/button/index.js");var common_svgicon=require("../common/svgicon/index.js");var utils_post=require("../utils/post/index.js");var common=require("../common/index.js");function Noop(param){return param}var _sfc_main={name:"ActPrizeLayer",mixins:[mixins_visible.visibleMixin,mixins_noscroll.noscrollMixin,mixins_fixedInput.fixedInputMixin,mixins_formInput.formInputMixin],data:function data(){return{isSelected:false,isChecking:false}},props:{id:{type:[String,Number],default:""},url:{type:String,default:""},hbgColor:{type:String,default:"#f7debb"},cbgColor:{type:String,default:"#f9443c"},showClose:{type:Boolean,default:true},submit:{type:Function,default:Noop},intercept:{type:Function,default:Noop}},methods:{btnClick:function btnClick(){var _this=this;if(this.isChecking)return;this.isChecking=true;var _this$checkFormInput=this.checkFormInput(),_this$checkFormInput2=_slicedToArray(_this$checkFormInput,2),checkResult=_this$checkFormInput2[0],params=_this$checkFormInput2[1];if(this.id){params.id=this.id}if(!checkResult){this.emitSubmitCb(this.returnData(10001,"表单校验有误，请检查~",[params]));return}if(this.pageData.additionText&&this.pageData.additionText.isSelected&&!this.isSelected){this.emitSubmitCb(this.returnData(1e4,"请勾选相关协议~",[params]));return}if(this.intercept&&typeof this.intercept==="function"){params=this.intercept(params)}if(!this.url){this.emitSubmitCb(this.returnData(0,"表单校验成功",[params]))}else{utils_post.fetch(this.url,params).then(function(data2){try{if(data2.status!==200||!utils_helpers.isObject(data2.data)||data2.data.ret!==0){_this.emitSubmitCb(_this.returnData(10003,"请求失败",[params,data2.data]))}else{_this.emitSubmitCb(_this.returnData(0,"表单提交成功",[params,data2.data]))}}catch(error){}}).catch(function(e){_this.emitSubmitCb(_this.returnData(10002,e.message?e.message:e,[params]))})}},txtClick:function txtClick(){this.$emit("txtClick")},hideLayer:function hideLayer(){this.hide();this.$emit("hidelayer")},emitSubmitCb:function emitSubmitCb(res){typeof this.submit==="function"&&this.submit(res);this.isChecking=false},handleUserContactInfo:function handleUserContactInfo(data2){var _this2=this;var infoMap={name:data2.name||"",mobile:data2.mobile||"",address:data2.address||""};var form=this.pageData.form;_forEachInstanceProperty(form).call(form,function(item){if(item.type==="user"&&!item.value&&infoMap.name)_this2.$set(item,"value",infoMap.name);if(item.type==="mobile"&&!item.value&&infoMap.mobile)_this2.$set(item,"value",infoMap.mobile);if(item.type==="address"&&!item.value&&infoMap.address)_this2.$set(item,"value",infoMap.address)})}},watch:{"pageData.isNeedPreFetchInfo":{immediate:true,handler:function handler(newVal,oldVal){var _this3=this;if(!newVal)return;utils_post.fetch("/Activity/Act/getUserContactInfo").then(function(res){if(!res.data.ret){var data2=res.data.data;_this3.handleUserContactInfo(data2)}}).catch(function(err){})}}},components:{ActLayer:common_layer.ActLayer,ActButton:common_button.ActButton,ActFormInput:common_forminput.ActFormInput,svgIcon:common_svgicon.svgIcon}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("act-layer",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],attrs:{"type":"slim","hbgColor":_vm.hbgColor,"cbgColor":_vm.cbgColor,"showClose":_vm.showClose},on:{"hidelayer":_vm.hideLayer},scopedSlots:_vm._u([{key:"content",fn:function fn(){return[_c("div",{staticClass:"act-prize-con"},[_c("div",{staticClass:"act-prize-title"},_vm._l(_vm.pageData.prizeTitle,function(item,idx){return _c("div",{key:idx,style:{color:item.color?item.color:"#fff"},domProps:{"innerHTML":_vm._s(item.txt)}})}),0),_vm.pageData.prizeImg?_c("div",{staticClass:"act-prize-con-img"},[_c("div",{staticClass:"act-prize-img-wrap act-row act-middle",style:{backgroundColor:_vm.pageData.prizeImgStyle?_vm.pageData.prizeImgStyle:"#eaeaea"}},[_c("img",{attrs:{"src":_vm.pageData.prizeImg}})])]):_vm._e(),_c("div",{staticClass:"act-prize-con-form"},[_vm.isVisible?_c("act-form-input",{attrs:{"content":_vm.pageData.form}}):_vm._e(),_vm.pageData.additionText?_c("div",{staticClass:"act-prize-addition act-row"},[_vm.pageData.additionText.isSelected?_c("i",{staticClass:"select",on:{"click":function click($event){$event.stopPropagation();_vm.isSelected=!_vm.isSelected}}},[_c("svg-icon",{class:_vm.isSelected?"selected":"",style:{color:_vm.isSelected?_vm.pageData.additionText.color?_vm.pageData.additionText.color:_vm.hbgColor:"#e3e3e3"},attrs:{"iconClass":"selected"}})],1):_vm._e(),_c("div",{style:{color:_vm.pageData.additionText.color?_vm.pageData.additionText.color:_vm.hbgColor},domProps:{"innerHTML":_vm._s(_vm.pageData.additionText.txt)},on:{"click":function click($event){$event.stopPropagation();return _vm.txtClick.apply(null,arguments)}}})]):_vm._e(),_vm.pageData.btn?_c("div",{staticClass:"act-prize-con-btn"},[_c("act-button",{attrs:{"round":_vm.pageData.btn.round,"buttondata":{btnbg:_vm.pageData.btn.back?_vm.pageData.btn.back:_vm.hbgColor,btnborder:_vm.pageData.btn.border,btncolor:_vm.pageData.btn.color?_vm.pageData.btn.color:"#9b5b14"}},on:{"button-click":_vm.btnClick}},[_vm._v(" "+_vm._s(_vm.pageData.btn.txt?_vm.pageData.btn.txt:"提交")+" ")])],1):_vm._e()],1)]),_vm._t("slimcontent")]},proxy:true}],null,true)})};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"b8b80486");var PrizeLayer=__component__.exports;PrizeLayer.install=function(Vue){Vue.component(PrizeLayer.name,PrizeLayer);Vue.prototype["$createPrizeLayer"]=utils_create.create(PrizeLayer,Vue)};exports.PrizeLayer=PrizeLayer;

package/lib/PrizeLayer/index.mjs

@@ -0,0 +1,255 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import { c as create } from "../utils/create/index.mjs";
+import { c as isObject } from "../utils/helpers/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { n as noscrollMixin } from "../mixins/noscroll/index.mjs";
+import { f as fixedInputMixin } from "../mixins/fixed-input/index.mjs";
+import { f as formInputMixin } from "../mixins/form-input/index.mjs";
+import { A as ActLayer } from "../common/layer/index.mjs";
+import { A as ActFormInput } from "../common/forminput/index.mjs";
+import { A as ActButton } from "../common/button/index.mjs";
+import { s as svgIcon } from "../common/svgicon/index.mjs";
+import { f as fetch } from "../utils/post/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';function Noop(param) {
+  return param;
+}
+var _sfc_main = {
+  name: "ActPrizeLayer",
+  mixins: [visibleMixin, noscrollMixin, fixedInputMixin, formInputMixin],
+  data: function data() {
+    return {
+      isSelected: false,
+      isChecking: false
+    };
+  },
+  props: {
+    id: {
+      type: [String, Number],
+      default: ""
+    },
+    url: {
+      type: String,
+      default: ""
+    },
+    hbgColor: {
+      type: String,
+      default: "#f7debb"
+    },
+    cbgColor: {
+      type: String,
+      default: "#f9443c"
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    submit: {
+      type: Function,
+      default: Noop
+    },
+    intercept: {
+      type: Function,
+      default: Noop
+    }
+  },
+  methods: {
+    btnClick: function btnClick() {
+      var _this = this;
+      if (this.isChecking) return;
+      this.isChecking = true;
+      var _this$checkFormInput = this.checkFormInput(), _this$checkFormInput2 = _slicedToArray(_this$checkFormInput, 2), checkResult = _this$checkFormInput2[0], params = _this$checkFormInput2[1];
+      if (this.id) {
+        params.id = this.id;
+      }
+      if (!checkResult) {
+        this.emitSubmitCb(this.returnData(10001, "表单校验有误，请检查~", [params]));
+        return;
+      }
+      if (this.pageData.additionText && this.pageData.additionText.isSelected && !this.isSelected) {
+        this.emitSubmitCb(this.returnData(1e4, "请勾选相关协议~", [params]));
+        return;
+      }
+      if (this.intercept && typeof this.intercept === "function") {
+        params = this.intercept(params);
+      }
+      if (!this.url) {
+        this.emitSubmitCb(this.returnData(0, "表单校验成功", [params]));
+      } else {
+        fetch(this.url, params).then(function(data2) {
+          try {
+            if (data2.status !== 200 || !isObject(data2.data) || data2.data.ret !== 0) {
+              _this.emitSubmitCb(_this.returnData(10003, "请求失败", [params, data2.data]));
+            } else {
+              _this.emitSubmitCb(_this.returnData(0, "表单提交成功", [params, data2.data]));
+            }
+          } catch (error) {
+          }
+        }).catch(function(e) {
+          _this.emitSubmitCb(_this.returnData(10002, e.message ? e.message : e, [params]));
+        });
+      }
+    },
+    txtClick: function txtClick() {
+      this.$emit("txtClick");
+    },
+    hideLayer: function hideLayer() {
+      this.hide();
+      this.$emit("hidelayer");
+    },
+    emitSubmitCb: function emitSubmitCb(res) {
+      typeof this.submit === "function" && this.submit(res);
+      this.isChecking = false;
+    },
+    handleUserContactInfo: function handleUserContactInfo(data2) {
+      var _this2 = this;
+      var infoMap = {
+        name: data2.name || "",
+        mobile: data2.mobile || "",
+        address: data2.address || ""
+      };
+      var form = this.pageData.form;
+      _forEachInstanceProperty(form).call(form, function(item) {
+        if (item.type === "user" && !item.value && infoMap.name) _this2.$set(item, "value", infoMap.name);
+        if (item.type === "mobile" && !item.value && infoMap.mobile) _this2.$set(item, "value", infoMap.mobile);
+        if (item.type === "address" && !item.value && infoMap.address) _this2.$set(item, "value", infoMap.address);
+      });
+    }
+  },
+  watch: {
+    "pageData.isNeedPreFetchInfo": {
+      immediate: true,
+      handler: function handler(newVal, oldVal) {
+        var _this3 = this;
+        if (!newVal) return;
+        fetch("/Activity/Act/getUserContactInfo").then(function(res) {
+          if (!res.data.ret) {
+            var data2 = res.data.data;
+            _this3.handleUserContactInfo(data2);
+          }
+        }).catch(function(err) {
+        });
+      }
+    }
+  },
+  components: {
+    ActLayer,
+    ActButton,
+    ActFormInput,
+    svgIcon
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("act-layer", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "type": "slim",
+      "hbgColor": _vm.hbgColor,
+      "cbgColor": _vm.cbgColor,
+      "showClose": _vm.showClose
+    },
+    on: {
+      "hidelayer": _vm.hideLayer
+    },
+    scopedSlots: _vm._u([{
+      key: "content",
+      fn: function fn() {
+        return [_c("div", {
+          staticClass: "act-prize-con"
+        }, [_c("div", {
+          staticClass: "act-prize-title"
+        }, _vm._l(_vm.pageData.prizeTitle, function(item, idx) {
+          return _c("div", {
+            key: idx,
+            style: {
+              color: item.color ? item.color : "#fff"
+            },
+            domProps: {
+              "innerHTML": _vm._s(item.txt)
+            }
+          });
+        }), 0), _vm.pageData.prizeImg ? _c("div", {
+          staticClass: "act-prize-con-img"
+        }, [_c("div", {
+          staticClass: "act-prize-img-wrap act-row act-middle",
+          style: {
+            backgroundColor: _vm.pageData.prizeImgStyle ? _vm.pageData.prizeImgStyle : "#eaeaea"
+          }
+        }, [_c("img", {
+          attrs: {
+            "src": _vm.pageData.prizeImg
+          }
+        })])]) : _vm._e(), _c("div", {
+          staticClass: "act-prize-con-form"
+        }, [_vm.isVisible ? _c("act-form-input", {
+          attrs: {
+            "content": _vm.pageData.form
+          }
+        }) : _vm._e(), _vm.pageData.additionText ? _c("div", {
+          staticClass: "act-prize-addition act-row"
+        }, [_vm.pageData.additionText.isSelected ? _c("i", {
+          staticClass: "select",
+          on: {
+            "click": function click($event) {
+              $event.stopPropagation();
+              _vm.isSelected = !_vm.isSelected;
+            }
+          }
+        }, [_c("svg-icon", {
+          class: _vm.isSelected ? "selected" : "",
+          style: {
+            color: _vm.isSelected ? _vm.pageData.additionText.color ? _vm.pageData.additionText.color : _vm.hbgColor : "#e3e3e3"
+          },
+          attrs: {
+            "iconClass": "selected"
+          }
+        })], 1) : _vm._e(), _c("div", {
+          style: {
+            color: _vm.pageData.additionText.color ? _vm.pageData.additionText.color : _vm.hbgColor
+          },
+          domProps: {
+            "innerHTML": _vm._s(_vm.pageData.additionText.txt)
+          },
+          on: {
+            "click": function click($event) {
+              $event.stopPropagation();
+              return _vm.txtClick.apply(null, arguments);
+            }
+          }
+        })]) : _vm._e(), _vm.pageData.btn ? _c("div", {
+          staticClass: "act-prize-con-btn"
+        }, [_c("act-button", {
+          attrs: {
+            "round": _vm.pageData.btn.round,
+            "buttondata": {
+              btnbg: _vm.pageData.btn.back ? _vm.pageData.btn.back : _vm.hbgColor,
+              btnborder: _vm.pageData.btn.border,
+              btncolor: _vm.pageData.btn.color ? _vm.pageData.btn.color : "#9b5b14"
+            }
+          },
+          on: {
+            "button-click": _vm.btnClick
+          }
+        }, [_vm._v(" " + _vm._s(_vm.pageData.btn.txt ? _vm.pageData.btn.txt : "提交") + " ")])], 1) : _vm._e()], 1)]), _vm._t("slimcontent")];
+      },
+      proxy: true
+    }], null, true)
+  });
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "b8b80486");
+var PrizeLayer = __component__.exports;
+PrizeLayer.install = function(Vue) {
+  Vue.component(PrizeLayer.name, PrizeLayer);
+  Vue.prototype["$createPrizeLayer"] = create(PrizeLayer, Vue);
+};
+export {
+  PrizeLayer as P
+};

package/lib/PrizeLayer/style.css

@@ -0,0 +1 @@
+.act-prize-con[data-v-b8b80486]{padding:1em 1.8em 1.3em 1.8em;text-align:center}.act-prize-con .act-prize-title[data-v-b8b80486]{color:#ffffff;font-size:1.8em;line-height:1.1}.act-prize-con .act-prize-con-img[data-v-b8b80486]{width:100%;padding-bottom:38%;margin-top:1em;position:relative}.act-prize-con .act-prize-con-img .act-prize-img-wrap[data-v-b8b80486]{position:absolute;top:0;right:0;bottom:0;left:0}.act-prize-con .act-prize-con-img .act-prize-img-wrap img[data-v-b8b80486]{max-width:100%;max-height:100%}.act-prize-con .act-prize-con-form[data-v-b8b80486]{margin-top:1em}.act-prize-con .act-prize-con-form .act-prize-addition[data-v-b8b80486]{text-align:left;font-size:1.2em}.act-prize-con .act-prize-con-btn[data-v-b8b80486]{display:inline-block;width:14em;margin-top:2em}.act-prize-con .act-prize-addition[data-v-b8b80486]{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;margin-top:0.5em;line-height:1.4}.act-prize-con .act-prize-addition .select[data-v-b8b80486]{font-size:1.55em;width:1.6em;height:0.8em;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-prize-con .act-prize-addition .select svg[data-v-b8b80486]{color:#e3e3e3}.act-prize-con .act-prize-addition .select svg.selected[data-v-b8b80486]{color:currentColor}

package/lib/ProPosterLayer/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _Object$keys=require("@babel/runtime-corejs3/core-js/object/keys");var _Object$getOwnPropertySymbols=require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");var _filterInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/filter");var _Object$getOwnPropertyDescriptor=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _Object$getOwnPropertyDescriptors=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptors");var _Object$defineProperties=require("@babel/runtime-corejs3/core-js/object/define-properties");var _Object$defineProperty=require("@babel/runtime-corejs3/core-js/object/define-property");var _defineProperty=require("@babel/runtime-corejs3/helpers/defineProperty");var _mapInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/map");var _fillInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/fill");var _Promise=require("@babel/runtime-corejs3/core-js/promise");var _includesInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/includes");var _indexOfInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/index-of");var _URL=require("@babel/runtime-corejs3/core-js/url");function ownKeys(e,r){var t=_Object$keys(e);if(_Object$getOwnPropertySymbols){var o=_Object$getOwnPropertySymbols(e);r&&(o=_filterInstanceProperty(o).call(o,function(r2){return _Object$getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var _context3,_context4;var t=null!=arguments[r]?arguments[r]:{};r%2?_forEachInstanceProperty(_context3=ownKeys(Object(t),true)).call(_context3,function(r2){_defineProperty(e,r2,t[r2])}):_Object$getOwnPropertyDescriptors?_Object$defineProperties(e,_Object$getOwnPropertyDescriptors(t)):_forEachInstanceProperty(_context4=ownKeys(Object(t))).call(_context4,function(r2){_Object$defineProperty(e,r2,_Object$getOwnPropertyDescriptor(t,r2))})}return e}var utils_create=require("../utils/create/index.js");var mixins_visible=require("../mixins/visible/index.js");var utils_vueAwesomeSwiper=require("../utils/vueAwesomeSwiper/index.js");var ProPosterLayer_poster=require("./poster/index.js");var utils_helpers=require("../utils/helpers/index.js");var QRCode_qrcode=require("../QRCode/qrcode/index.js");var lodashEs=require("lodash-es");var Toast=require("../Toast/index.js");require("swiper/dist/css/swiper.css");var utils_post=require("../utils/post/index.js");var __$_require_25f54f43__=require("../assets/download.9753.png");var __$_require_7d5cf078__=require("../assets/share.0d0a.png");var common=require("../common/index.js");var qrcode=new QRCode_qrcode.QRCode({render:"canvas",ecLevel:"H",size:50,mode:0,mSize:.25,label:"",fontcolor:"#000",fill:"#000",background:"#ffffff"});var _sfc_main={name:"ActProPosterLayer",mixins:[mixins_visible.visibleMixin],components:{swiper:utils_vueAwesomeSwiper.swiper,swiperSlide:utils_vueAwesomeSwiper.swiperSlide,Poster:ProPosterLayer_poster.Poster,ActToast:Toast.Toast},props:{posterList:{default:function _default(){return[]},type:Array},posterIndex:{default:0,type:Number},agentInfo:{type:Object,default:function _default2(){return{}}},qrcodeUrl:{type:String,default:""},showQrCode:{type:[Boolean,Number],default:false}},mounted:function mounted(){this.initShow()},watch:{isVisible:function isVisible(val){var _this2=this;if(val){this.getAgentInfo().finally(function(){var _context;_this2.posters=lodashEs.cloneDeep(_this2.posterList);_this2.initRender();_this2.posters=_mapInstanceProperty(_context=_this2.posters).call(_context,function(poster){return _objectSpread(_objectSpread({},poster),{},{qrcodeUrl:_this2.qrcodeUrl||poster.qrcodeUrl||"",showPosterQrCode:typeof poster.showQrcode!=="undefined"?poster.showQrcode:_this2.showQrCode})});if(_this2.qrcodeUrl&&_this2.showQrCode){qrcode.makeCode(_this2.qrcodeUrl).then(function(data2){_this2.qrCodeImg=data2;_this2.posters.push({isQrcode:true});_this2.showSwiper=true;_this2.$nextTick(function(){_this2.mySwiper=_this2.$refs.swiper.swiper})})}else{_this2.showSwiper=true;_this2.$nextTick(function(){_this2.mySwiper=_this2.$refs.swiper.swiper})}})}}},data:function data(){return{posters:[],isApp:utils_helpers.ua.isApp,isWx:utils_helpers.ua.isWx,posterImgRedis:[],curActiveIndex:0,qrCodeImg:"",showSwiper:false,mobileShow:1,infoShow:1,mySwiper:null,checkReRender:[],licenseForm:{license:"",mobile:"",jobTitle:"",showname:"",headurl:""}}},computed:{getSwiperOptionPoster:function getSwiperOptionPoster(){var _this=this;return{initialSlide:this.posterIndex,spaceBetween:37,lazyLoading:true,pagination:{el:".poster-swiper-pagination",clickable:true},on:{init:function init(swiper){_this.curActiveIndex=this.activeIndex;if(!_this.checkReRender[this.activeIndex]){_this.drawPoster(this.activeIndex,true)}},slideChangeTransitionEnd:function slideChangeTransitionEnd(swiper){_this.curActiveIndex=this.activeIndex;if(!_this.checkReRender[this.activeIndex]){_this.drawPoster(this.activeIndex,true)}}},onInit:function onInit(swiper){_this.curActiveIndex=swiper.activeIndex;if(!_this.checkReRender[swiper.activeIndex]){_this.drawPoster(swiper.activeIndex,true)}},onSlideChangeEnd:function onSlideChangeEnd(swiper){_this.curActiveIndex=swiper.activeIndex;if(!_this.checkReRender[swiper.activeIndex]){_this.drawPoster(swiper.activeIndex,true)}}}}},methods:{initRender:function initRender(){var _context2;this.checkReRender=_fillInstanceProperty(_context2=Array(this.posters.length)).call(_context2,false)},initShow:function initShow(){var mobileShow=localStorage.getItem("cps_poster_mobile_show");var infoShow=localStorage.getItem("cps_poster_info_show");this.mobileShow=mobileShow===null?1:Number(mobileShow);this.infoShow=infoShow===null?1:Number(infoShow)},preventMove:function preventMove(e){e._prevent=true},hidePoster:function hidePoster(e){this.showSwiper=false;this.hide()},clickPoster:function clickPoster(e){var target=e.target,currentTarget=e.currentTarget;if(target===currentTarget)this.hidePoster()},appSavePoster:function appSavePoster(imgSrc){var _this3=this;window.Crossapi&&window.Crossapi("/image/storage",{src:imgSrc},function(data2){_this3.$refs.toast.show("保存成功")})},drawPoster:function drawPoster(index,isCheckoutBtn){var _this4=this;if(this.posters[index].isQrcode){return}this.checkReRender[index]=true;this.$refs.poster[index].generateImg(isCheckoutBtn).then(function(posterImg){}).catch(function(err){_this4.checkReRender[index]=false})},setPosterImgRedis:function setPosterImgRedis(index,img){this.$set(this.posterImgRedis,index,img)},getScroll:function getScroll(index){return this.$refs.poster[index].getScroll()},changeShowBtn:function changeShowBtn(type){var _this5=this;if(type===1){this.infoShow=Number(this.infoShow)===0?1:0;localStorage.setItem("cps_poster_info_show",this.infoShow)}else if(type===2){this.mobileShow=Number(this.mobileShow)===0?1:0;localStorage.setItem("cps_poster_mobile_show",this.mobileShow)}this.initRender();this.$nextTick(function(){_this5.drawPoster(_this5.curActiveIndex,true)})},imgBtn:function imgBtn(type){var imgSrc="";if(this.posters[this.curActiveIndex]&&this.posters[this.curActiveIndex].isQrcode){imgSrc=this.qrCodeImg}else{imgSrc=this.posterImgRedis[this.curActiveIndex]}if(imgSrc){if(type===1){this.appSavePoster(imgSrc)}else if(type===2){this.shareImg(imgSrc)}}else{this.$refs.toast.show("海报仍未生成，请稍等",2e3)}},shareImg:function shareImg(img){var _this6=this;var shareInfo=[{type:"weixin_friend",img:"https://sslstatic.cxisc.com/img/appShareIcon/wx.7e6d27707956284e.png",txt:"微信好友"},{type:"weixin_timeline",img:"https://sslstatic.cxisc.com/img/appShareIcon/timeline.f4e95c018142f798.png",txt:"微信朋友圈"}];window.kcbJs.invoke({path:"/ui/dialog/showNewShareDialog",data:{shareInfo},success:function success(data2){_this6.share(data2,img)},fail:function fail(data2){}})},share:function share(data2,url){var platform=data2.platform;if(platform==="weixin_friend"){window.kcbJs.invoke({path:"/weixin/share",data:{scene:"friend",type:"image",url},unsupport:function unsupport(){},success:function success(){},fail:function fail(e){if(e.code!==20001){}}})}else if(platform==="weixin_timeline"){window.kcbJs.invoke({path:"/weixin/share",data:{scene:"timeline",type:"image",url},unsupport:function unsupport(){},success:function success(){},fail:function fail(e){if(e.code!==20001){}}})}},show:function show(){this.posterImgRedis=[];this.isVisible=true},slidePoster:function slidePoster(type){if(type===1)this.mySwiper.slidePrev();else this.mySwiper.slideNext()},getAgentInfo:function getAgentInfo(){var _this7=this;return new _Promise(function(resolve,reject){var xysEnv=["https://beta.xinhulu.com","https://www.xiaoyusan.com"];if(_includesInstanceProperty(xysEnv).call(xysEnv,window.origin)){resolve();return}var bdzsEnv=["https://bdzsbeta.cxmuc.com","https://m.baodan100.com","https://baodan100.com"];var url="/agent/getBusiCard";if(_includesInstanceProperty(bdzsEnv).call(bdzsEnv,window.origin)){url="/CpsBdzs/getBusiCard"}utils_post.fetch(url).then(function(res){if(res.data.ret===0){var agent=res.data.data.agent;var headurl=agent.headurl;_this7.licenseForm.headurl=headurl;_this7.licenseForm.jobTitle=agent.jobTitle;_this7.licenseForm.showname=agent.showname;_this7.licenseForm.license=agent.license;_this7.licenseForm.mobile=agent.mobile;if(!window.fetch){resolve();return}if(_indexOfInstanceProperty(headurl).call(headurl,"qlogo")>-1||_indexOfInstanceProperty(headurl).call(headurl,"mmopen")>-1){_this7.wxUrlFetchToBlob(headurl,resolve)}else{resolve()}return}resolve()}).catch(reject)})},wxUrlFetchToBlob:function wxUrlFetchToBlob(url,resolve){var _this8=this;if(!/^https:/.test(url)){url=url.replace("http://","https://")}window.fetch(url).then(function(res){return res.blob()}).then(function(res){_this8.licenseForm.headurl=_URL.createObjectURL(res);resolve&&resolve()}).catch(function(err){resolve&&resolve()})}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _vm.isVisible?_c("div",{attrs:{"act-ProPosterLayer":""}},[_c("div",{ref:"layer_picture",staticClass:"layer",on:{"click":function click($event){if($event.target!==$event.currentTarget)return null;return _vm.hidePoster.apply(null,arguments)}}},[_c("div",{staticClass:"picture",attrs:{"id":"picture"}},[_vm.showSwiper?_c("swiper",{ref:"swiper",attrs:{"options":_vm.getSwiperOptionPoster}},[_vm._l(_vm.posters,function(item,index){return _c("swiper-slide",{key:index,staticClass:"picture_box act-row act-middle",nativeOn:{"click":function click($event){return _vm.clickPoster.apply(null,arguments)}}},[!item.isQrcode?_c("Poster",{ref:"poster",refInFor:true,attrs:{"posterImg":_vm.posters[index].img,"qrcodeUrl":item.qrcodeUrl,"cardPhone":_vm.agentInfo.mobile,"cardName":_vm.agentInfo.truename,"cardImg":_vm.agentInfo.avatar,"infoShow":_vm.infoShow,"mobileShow":_vm.mobileShow,"posterGenerImg":_vm.posterImgRedis[index],"showPosterQrCode":item.showPosterQrCode,"index":index,"licenseForm":_vm.licenseForm},on:{"generateSuccess":_vm.setPosterImgRedis}}):_c("div",{staticClass:"qrCodeContainer act-row act-middle"},[_c("div",{staticClass:"qrCode act-row act-middle"},[_c("img",{attrs:{"src":_vm.qrCodeImg,"alt":"二维码"}})])])],1)}),_c("div",{staticClass:"poster-swiper-pagination",attrs:{"slot":"pagination"},slot:"pagination"})],2):_vm._e(),_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.curActiveIndex!==0,expression:"curActiveIndex !== 0"}],staticClass:"swiper-button-prev",attrs:{"id":"poster_prev"},on:{"click":function click($event){return _vm.slidePoster(1)}}}),_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.curActiveIndex!==_vm.posters.length-1,expression:"curActiveIndex !== posters.length - 1"}],staticClass:"swiper-button-next",attrs:{"id":"poster_next"},on:{"click":function click($event){return _vm.slidePoster(2)}}}),_vm.isWx?_c("div",{staticClass:"long_save"},[_c("span",[_vm._v("长按图片可保存至相册或分享")])]):_vm._e(),_vm.isApp?_c("div",{staticClass:"appBtn"},[_c("div",{staticClass:"saveImg",attrs:{"data-track":"haibao_save"},on:{"click":function click($event){return _vm.imgBtn(1)}}},[_vm._m(0),_vm._m(1)]),_c("div",{staticClass:"shareImg",attrs:{"data-track":"haibao_share"},on:{"click":function click($event){return _vm.imgBtn(2)}}},[_vm._m(2),_vm._m(3)])]):_vm._e(),_vm._m(4)],1)]),_c("act-toast",{ref:"toast",attrs:{"zIndex":9999}})],1):_vm._e()};var _sfc_staticRenderFns=[function(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"cir"},[_c("img",{attrs:{"src":__$_require_25f54f43__,"alt":""}})])},function(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"tit"},[_c("span",[_vm._v("下载图片")])])},function(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"cir"},[_c("img",{attrs:{"src":__$_require_7d5cf078__,"alt":""}})])},function(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"tit"},[_c("span",[_vm._v("分享图片")])])},function(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"tips"},[_c("span",[_vm._v("如需修改名片信息，可前往“我的-个人信息”页面")])])}];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"1b72c429");var ProPosterLayer=__component__.exports;ProPosterLayer.install=function(Vue){Vue.component(ProPosterLayer.name,ProPosterLayer);Vue.prototype["$createProPosterLayer"]=utils_create.create(ProPosterLayer,Vue)};exports.ProPosterLayer=ProPosterLayer;