@xysfe/actui2 0.0.1

package/lib/HumanCheckGuideLayer/moduleBox/index.mjs

@@ -0,0 +1,150 @@
+import _someInstanceProperty from "@babel/runtime-corejs3/core-js/instance/some";
+import { d as descTable } from "../table/index.mjs";
+import __$_require_e0109954__ from "../../assets/icon-li-cps.a38d.png";
+import __$_require_6642be0f__ from "../../assets/icon-li.8016.png";
+import __$_require_0384619a__ from "../../assets/icon-ques.a846.png";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ModuleBox",
+  components: {
+    descTable
+  },
+  props: {
+    index: {
+      type: Number,
+      default: 1
+    },
+    showIndex: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    isCps: {
+      type: Boolean,
+      default: false
+    },
+    brandColor: {
+      type: String,
+      default: "#8C7FEE"
+    },
+    moduleData: {
+      type: Array,
+      default: function _default() {
+        return [
+          // { // 格式
+          //   title: '',
+          //   desc: '',
+          //   ques: '',
+          //   pics: []
+          // }
+        ];
+      }
+    }
+  },
+  data: function data() {
+    return {};
+  },
+  computed: {
+    showModule: function showModule() {
+      var moduleData = this.moduleData;
+      if (!Array.isArray(moduleData)) return false;
+      if (!moduleData.length) return false;
+      return _someInstanceProperty(moduleData).call(moduleData, function(item) {
+        return Boolean(item.desc);
+      });
+    }
+  },
+  created: function created() {
+  },
+  mounted: function mounted() {
+  },
+  methods: {
+    showQuesDetail: function showQuesDetail(ques) {
+      var dialog = this.$createGoldDialog({
+        buttonType: "sticky",
+        zIndex: 202,
+        showConfirmButton: true,
+        confirmButtonText: "我知道了",
+        confirmButtonColor: this.brandColor,
+        title: "提示",
+        content: ques
+      });
+      dialog.show();
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _vm.showModule ? _c("section", {
+    staticClass: "cpn--module-box"
+  }, [_c("div", {
+    staticClass: "box-head"
+  }, [_c("div", {
+    class: [_vm.isCps ? "box-head-bg-cps" : "box-head-bg"]
+  }), _vm.showIndex ? _c("div", {
+    staticClass: "box-head-index"
+  }, [_vm._v(_vm._s(_vm.index))]) : _vm._e(), _c("div", {
+    staticClass: "box-head-title"
+  }, [_vm._v(_vm._s(_vm.title))])]), _vm._l(_vm.moduleData, function(cfgModule, i) {
+    return _c("div", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: cfgModule.title && cfgModule.desc,
+        expression: "cfgModule.title && cfgModule.desc"
+      }],
+      key: i,
+      staticClass: "box-cfg-module",
+      class: [cfgModule.pics && cfgModule.pics.length ? "fix-img-distance" : ""]
+    }, [cfgModule.desc ? _c("div", {
+      class: ["cfg-title", _vm.isCps ? "cfg-title-cps" : ""]
+    }, [_vm.isCps ? _c("img", {
+      staticClass: "icon-li",
+      attrs: {
+        "src": __$_require_e0109954__,
+        "alt": "list-item"
+      }
+    }) : _c("img", {
+      staticClass: "icon-li",
+      attrs: {
+        "src": __$_require_6642be0f__,
+        "alt": "list-item"
+      }
+    }), _c("span", [_vm._v(_vm._s(cfgModule.title))]), cfgModule.ques ? _c("img", {
+      staticClass: "icon-ques",
+      attrs: {
+        "src": __$_require_0384619a__,
+        "alt": cfgModule.ques
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.showQuesDetail(cfgModule.ques);
+        }
+      }
+    }) : _vm._e()]) : _vm._e(), [cfgModule.descType === "table" ? _c("descTable", {
+      attrs: {
+        "tableData": cfgModule.desc
+      }
+    }) : _c("div", {
+      staticClass: "cfg-desc",
+      domProps: {
+        "innerHTML": _vm._s(cfgModule.desc)
+      }
+    })], cfgModule.pics && cfgModule.pics.length ? _c("div", {
+      staticClass: "cfg-pics"
+    }, [_c("act-file-list", {
+      attrs: {
+        "files": cfgModule.pics
+      }
+    })], 1) : _vm._e()], 2);
+  })], 2) : _vm._e();
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "6d55c630");
+var ModuleBox = __component__.exports;
+export {
+  ModuleBox as M
+};

package/lib/HumanCheckGuideLayer/moduleBox/style.css

@@ -0,0 +1 @@
+.cpn--module-box[data-v-6d55c630]{background:#FFFFFF;box-shadow:0rem 0.3rem 1rem 0rem rgba(179,179,179,0.1);border-radius:1.2rem;margin:1rem;padding-bottom:1.05rem}.cpn--module-box .box-head[data-v-6d55c630]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative;height:4.3rem;width:100%;padding:1rem 1.2rem}.cpn--module-box .box-head .box-head-bg[data-v-6d55c630]{background:-webkit-linear-gradient(left,#FFFFFF 0%,#D0D2FF 100%);background:linear-gradient(90deg,#FFFFFF 0%,#D0D2FF 100%);border-top-right-radius:1.2rem;border-bottom-right-radius:1.2rem;height:3.6rem;width:100%;position:absolute;top:0.1rem;right:0.1rem;width:50%;height:4.3rem}.cpn--module-box .box-head .box-head-bg-cps[data-v-6d55c630]{background:-webkit-linear-gradient(left,#FFFFFF 0%,#FFDAD6 100%);background:linear-gradient(90deg,#FFFFFF 0%,#FFDAD6 100%);border-top-right-radius:1.2rem;border-bottom-right-radius:1.2rem;height:3.6rem;width:100%;position:absolute;top:0.1rem;right:0.1rem;width:50%;height:4.3rem}.cpn--module-box .box-head .box-head-index[data-v-6d55c630]{background:-webkit-linear-gradient(315deg,#FED647 0%,#FFB52E 100%);background:linear-gradient(135deg,#FED647 0%,#FFB52E 100%);box-shadow:0rem 0.4rem 0.8rem 0rem rgba(255,181,46,0.3);border-radius:0.8rem;opacity:0.7;height:2.4rem;width:2.4rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;font-size:1.6rem;margin-right:1.2rem}.cpn--module-box .box-head .box-head-title[data-v-6d55c630]{font-weight:bold;font-size:1.6rem;color:#333333;line-height:2.3rem;text-align:left;font-style:normal}.cpn--module-box .box-cfg-module[data-v-6d55c630]{padding:1rem 1.2rem}.cpn--module-box .box-cfg-module .cfg-title[data-v-6d55c630]{font-weight:400;font-size:1.6rem;color:#1B0E61;line-height:2.8rem;text-align:left;font-style:normal;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cpn--module-box .box-cfg-module .cfg-title .icon-li[data-v-6d55c630]{width:1.4rem;height:1.4rem;margin-right:0.6rem;display:inline-block}.cpn--module-box .box-cfg-module .cfg-title .icon-ques[data-v-6d55c630]{width:1.5rem;height:1.5rem;margin-left:0.6rem;display:inline-block}.cpn--module-box .box-cfg-module .cfg-title-cps[data-v-6d55c630]{color:#5D0F07}.cpn--module-box .box-cfg-module .cfg-desc[data-v-6d55c630]{margin-left:2rem;font-weight:400;font-size:1.4rem;color:#333333;line-height:2.2rem;text-align:left;font-style:normal;white-space:pre-wrap}.cpn--module-box .box-cfg-module .cfg-pics[data-v-6d55c630]{margin-left:2rem}.cpn--module-box .box-cfg-module .cfg-pics[data-v-6d55c630] .act-file{padding-top:0.8rem!important}.cpn--module-box .fix-img-distance[data-v-6d55c630]{padding-bottom:0!important}

package/lib/HumanCheckGuideLayer/style.css

@@ -0,0 +1 @@
+.cpn--human-check-guide-layer .human-check-guide-layer__content[data-v-7a4a0858]{overflow:scroll;position:relative}.cpn--human-check-guide-layer .human-check-guide-layer__content .gradual-color[data-v-7a4a0858]{height:2.2rem;background:-webkit-linear-gradient(top,#F7F8FC 0%,#FFFFFF 100%);background:linear-gradient(180deg,#F7F8FC 0%,#FFFFFF 100%);position:absolute;top:0;left:0;width:100%}.cpn--human-check-guide-layer .back-btn[data-v-7a4a0858]{position:absolute;width:-webkit-fit-content;width:fit-content;left:0.4rem;padding:1rem}.cpn--human-check-guide-layer .back-btn .icon[data-v-7a4a0858]{width:auto;height:1.4rem}

package/lib/HumanCheckGuideLayer/table/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var utils_helpers=require("../../utils/helpers/index.js");var common=require("../../common/index.js");var _sfc_main={name:"DescTable",props:{tableData:{type:Object,default:function _default(){return{head:[],body:[]}}},brandColor:{type:String,default:"#8C7FEE"}},computed:{showTable:function showTable(){if(utils_helpers.isObject(this.tableData)&&utils_helpers.isArray(this.tableData.body)&&this.tableData.body.length){return true}return false}},data:function data(){return{dialog:null}},methods:{},watch:{}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.showTable,expression:"showTable"}],ref:"descTable",staticClass:"cpn--desc-table"},[_c("div",{staticStyle:{"display":"inline-block","padding":"0 12px","min-width":"100%"}},[_c("table",{staticClass:"desc-table-body"},[_c("thead",[_c("tr",_vm._l(_vm.tableData.head,function(th,i){return _c("th",{key:i,staticClass:"center"},[_vm._v(" "+_vm._s(th)+" ")])}),0)]),_c("tbody",_vm._l(_vm.tableData.body,function(tr,i){return _c("tr",{key:i},_vm._l(tr,function(td,j){return _c("td",{key:j,staticClass:"center",class:[j===0?"col-1-max-width":""],style:{"border-bottom":i===_vm.tableData.body.length-1?"none":""}},[_vm._v(" "+_vm._s(td)+" ")])}),0)}),0)])])])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"8d33bfb9");var descTable=__component__.exports;exports.descTable=descTable;

package/lib/HumanCheckGuideLayer/table/index.mjs

@@ -0,0 +1,105 @@
+import { c as isObject, l as isArray } from "../../utils/helpers/index.mjs";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "DescTable",
+  props: {
+    tableData: {
+      type: Object,
+      default: function _default() {
+        return {
+          head: [],
+          body: []
+        };
+      }
+    },
+    brandColor: {
+      type: String,
+      default: "#8C7FEE"
+    }
+  },
+  computed: {
+    showTable: function showTable() {
+      if (isObject(this.tableData) && isArray(this.tableData.body) && this.tableData.body.length) {
+        return true;
+      }
+      return false;
+    }
+  },
+  data: function data() {
+    return {
+      dialog: null
+      // scroller: null
+    };
+  },
+  methods: {},
+  watch: {
+    // tableData: {
+    //   handler (value) {
+    //     if (value) {
+    //       this.$nextTick(() => {
+    //         const tables = this.$refs.descTable
+    //         if (tables) {
+    //           if (!this.scroller) {
+    //             this.scroller = new BScroll(tables, {
+    //               bindToWrapper: true, // 将事件绑定到wrapper上
+    //               scrollX: true,
+    //               scrollY: false,
+    //               click: true,
+    //               bounce: false
+    //             })
+    //           } else {
+    //             this.scroller.refresh()
+    //           }
+    //         }
+    //       })
+    //     }
+    //   },
+    //   immediate: true
+    // }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showTable,
+      expression: "showTable"
+    }],
+    ref: "descTable",
+    staticClass: "cpn--desc-table"
+  }, [_c("div", {
+    staticStyle: {
+      "display": "inline-block",
+      "padding": "0 12px",
+      "min-width": "100%"
+    }
+  }, [_c("table", {
+    staticClass: "desc-table-body"
+  }, [_c("thead", [_c("tr", _vm._l(_vm.tableData.head, function(th, i) {
+    return _c("th", {
+      key: i,
+      staticClass: "center"
+    }, [_vm._v(" " + _vm._s(th) + " ")]);
+  }), 0)]), _c("tbody", _vm._l(_vm.tableData.body, function(tr, i) {
+    return _c("tr", {
+      key: i
+    }, _vm._l(tr, function(td, j) {
+      return _c("td", {
+        key: j,
+        staticClass: "center",
+        class: [j === 0 ? "col-1-max-width" : ""],
+        style: {
+          "border-bottom": i === _vm.tableData.body.length - 1 ? "none" : ""
+        }
+      }, [_vm._v(" " + _vm._s(td) + " ")]);
+    }), 0);
+  }), 0)])])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "8d33bfb9");
+var descTable = __component__.exports;
+export {
+  descTable as d
+};

package/lib/HumanCheckGuideLayer/table/style.css

@@ -0,0 +1 @@
+.cpn--desc-table[data-v-8d33bfb9]{overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(white,black)}.cpn--desc-table[data-v-8d33bfb9] .col-1-max-width{max-width:36vw;min-width:36vw;width:36vw}.with-icon div[data-v-8d33bfb9]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.with-icon div img[data-v-8d33bfb9]{margin-left:3.5px;height:13px;width:13px}.desc-table-body[data-v-8d33bfb9]{min-width:100%;border:1px solid #E2E5E7;vertical-align:middle;border-radius:10px;overflow:hidden;border-collapse:separate}.desc-table-body thead[data-v-8d33bfb9]{background:#F1F1F7;font-size:13px;font-weight:400;color:#666666;line-height:18px}.desc-table-body thead th[data-v-8d33bfb9]{vertical-align:middle;padding:8px 18px;border-right:1px solid #E2E5E7;white-space:normal}.desc-table-body thead th.center[data-v-8d33bfb9]{text-align:center}.desc-table-body thead th[data-v-8d33bfb9]:last-child{border-right:none}.desc-table-body tbody[data-v-8d33bfb9]{background:#fff;font-size:13px;color:#333333;line-height:18px}.desc-table-body tbody tr td[data-v-8d33bfb9]{vertical-align:middle;padding:8px 18px;border-right:1px solid #E2E5E7;border-bottom:1px solid #E2E5E7;white-space:normal}.desc-table-body tbody tr td.center[data-v-8d33bfb9]{text-align:center}.desc-table-body tbody tr td[data-v-8d33bfb9]:last-child{border-right:none}.desc-table-body tbody tr:last-child td[data-v-8d33bfb9]{border-bottom:none}

package/lib/ImageLayer/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var utils_create=require("../utils/create/index.js");var mixins_visible=require("../mixins/visible/index.js");var mixins_noscroll=require("../mixins/noscroll/index.js");var common_layer=require("../common/layer/index.js");var utils_helpers=require("../utils/helpers/index.js");var utils_app=require("../utils/app/index.js");var common=require("../common/index.js");var HIDE_LAYER_EVENT="hidelayer";var BTN_CLICK="btnclick";var LONG_PRESS_EVENT="longpress";var _sfc_main={name:"ActImageLayer",mixins:[mixins_visible.visibleMixin,mixins_noscroll.noscrollMixin],data:function data(){return{longPressId:"",isApp:!!utils_helpers.ua.isApp}},computed:{getTitleHtml:function getTitleHtml(){if(utils_helpers.isString(this.title)){return this.title}return this.title.join("<br/>")},getFooterHtml:function getFooterHtml(){if(utils_helpers.isString(this.footerTxt)){return this.footerTxt}return this.footerTxt.join("<br/>")},btnInfo:function btnInfo(){var btnConfig={text:"弹窗按钮",url:"",textColor:this.titleColor,bgColor:this.titleBack};for(var key in btnConfig){if(this.footerBtn[key]){btnConfig[key]=this.footerBtn[key]}}return btnConfig}},props:{title:{type:Array,default:function _default(){return[]}},titleColor:{type:String,default:"#fff"},titleBack:{type:String,default:"#f9443c"},imgUrl:{type:String,default:""},imgWidth:{type:[Number,String],default:""},imgHeight:{type:[Number,String],default:""},footerTxt:{type:[String,Array],default:""},footerBtn:{type:[String,Object],default:""},showClose:{type:Boolean,default:true}},methods:{hideLayer:function hideLayer(e){this.hide();this.$emit(HIDE_LAYER_EVENT,e)},btnclick:function btnclick(e){if(!this.$listeners[BTN_CLICK]){if(this.btnInfo.url){location.href=this.btnInfo.url;return}}this.$emit(BTN_CLICK,e)},appLongPressStart:function appLongPressStart(){var that=this;that.longPressId=setTimeout(function(){that.handleLongPress()},1e3)},appLongPressEnd:function appLongPressEnd(){clearTimeout(this.longPressId)},handleLongPress:function handleLongPress(){var _this=this;utils_app.appSaveImage(this.imgUrl,function(){_this.$emit(LONG_PRESS_EVENT)})}},components:{ActLayer:common_layer.ActLayer}};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:{"hbgColor":_vm.titleBack,"type":"big","showClose":_vm.showClose},on:{"hidelayer":_vm.hideLayer},scopedSlots:_vm._u([{key:"header",fn:function fn(){return[_c("div",{staticClass:"act-imagelayer-title",style:{color:_vm.titleColor}},[_c("div",{staticClass:"txt",domProps:{"innerHTML":_vm._s(_vm.getTitleHtml)}})])]},proxy:true},{key:"content",fn:function fn(){return[_c("div",{staticClass:"act-imagelayer-content"},[_c("div",{staticClass:"image act-row act-middle"},[_vm.imgUrl&&_vm.isApp?_c("img",{style:{width:_vm.imgWidth+"%",height:_vm.imgHeight+"%"},attrs:{"src":_vm.imgUrl},on:{"touchstart":function touchstart($event){$event.preventDefault();return _vm.appLongPressStart.apply(null,arguments)},"touchend":_vm.appLongPressEnd}}):_vm.imgUrl?_c("img",{style:{width:_vm.imgWidth+"%",height:_vm.imgHeight+"%"},attrs:{"src":_vm.imgUrl}}):_vm._e()]),_vm.footerTxt?_c("div",{staticClass:"footer"},[_c("div",{staticClass:"txt",domProps:{"innerHTML":_vm._s(_vm.getFooterHtml)}})]):_vm.footerBtn?_c("div",{staticClass:"footer-btn"},[_c("div",{style:{color:_vm.btnInfo.textColor,backgroundColor:_vm.btnInfo.bgColor},on:{"click":_vm.btnclick}},[_c("span",[_vm._v(_vm._s(_vm.btnInfo.text))])])]):_vm._e()])]},proxy:true}])})};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"57fa06c4");var ImageLayer=__component__.exports;ImageLayer.install=function(Vue){Vue.component(ImageLayer.name,ImageLayer);Vue.prototype["$createImageLayer"]=utils_create.create(ImageLayer,Vue)};exports.ImageLayer=ImageLayer;

package/lib/ImageLayer/index.mjs

@@ -0,0 +1,217 @@
+import { c as create } from "../utils/create/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { n as noscrollMixin } from "../mixins/noscroll/index.mjs";
+import { A as ActLayer } from "../common/layer/index.mjs";
+import { e as isString, 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 HIDE_LAYER_EVENT = "hidelayer";
+var BTN_CLICK = "btnclick";
+var LONG_PRESS_EVENT = "longpress";
+var _sfc_main = {
+  name: "ActImageLayer",
+  mixins: [visibleMixin, noscrollMixin],
+  data: function data() {
+    return {
+      longPressId: "",
+      isApp: !!ua.isApp
+    };
+  },
+  computed: {
+    getTitleHtml: function getTitleHtml() {
+      if (isString(this.title)) {
+        return this.title;
+      }
+      return this.title.join("<br/>");
+    },
+    getFooterHtml: function getFooterHtml() {
+      if (isString(this.footerTxt)) {
+        return this.footerTxt;
+      }
+      return this.footerTxt.join("<br/>");
+    },
+    btnInfo: function btnInfo() {
+      var btnConfig = {
+        text: "弹窗按钮",
+        url: "",
+        textColor: this.titleColor,
+        bgColor: this.titleBack
+      };
+      for (var key in btnConfig) {
+        if (this.footerBtn[key]) {
+          btnConfig[key] = this.footerBtn[key];
+        }
+      }
+      return btnConfig;
+    }
+  },
+  props: {
+    title: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    titleColor: {
+      type: String,
+      default: "#fff"
+    },
+    titleBack: {
+      type: String,
+      default: "#f9443c"
+    },
+    imgUrl: {
+      type: String,
+      default: ""
+    },
+    imgWidth: {
+      type: [Number, String],
+      default: ""
+    },
+    imgHeight: {
+      type: [Number, String],
+      default: ""
+    },
+    footerTxt: {
+      type: [String, Array],
+      default: ""
+    },
+    footerBtn: {
+      type: [String, Object],
+      default: ""
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    }
+  },
+  methods: {
+    hideLayer: function hideLayer(e) {
+      this.hide();
+      this.$emit(HIDE_LAYER_EVENT, e);
+    },
+    btnclick: function btnclick(e) {
+      if (!this.$listeners[BTN_CLICK]) {
+        if (this.btnInfo.url) {
+          location.href = this.btnInfo.url;
+          return;
+        }
+      }
+      this.$emit(BTN_CLICK, e);
+    },
+    appLongPressStart: function appLongPressStart() {
+      var that = this;
+      that.longPressId = setTimeout(function() {
+        that.handleLongPress();
+      }, 1e3);
+    },
+    appLongPressEnd: function appLongPressEnd() {
+      clearTimeout(this.longPressId);
+    },
+    handleLongPress: function handleLongPress() {
+      var _this = this;
+      appSaveImage(this.imgUrl, function() {
+        _this.$emit(LONG_PRESS_EVENT);
+      });
+    }
+  },
+  components: {
+    ActLayer
+  }
+};
+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: {
+      "hbgColor": _vm.titleBack,
+      "type": "big",
+      "showClose": _vm.showClose
+    },
+    on: {
+      "hidelayer": _vm.hideLayer
+    },
+    scopedSlots: _vm._u([{
+      key: "header",
+      fn: function fn() {
+        return [_c("div", {
+          staticClass: "act-imagelayer-title",
+          style: {
+            color: _vm.titleColor
+          }
+        }, [_c("div", {
+          staticClass: "txt",
+          domProps: {
+            "innerHTML": _vm._s(_vm.getTitleHtml)
+          }
+        })])];
+      },
+      proxy: true
+    }, {
+      key: "content",
+      fn: function fn() {
+        return [_c("div", {
+          staticClass: "act-imagelayer-content"
+        }, [_c("div", {
+          staticClass: "image act-row act-middle"
+        }, [_vm.imgUrl && _vm.isApp ? _c("img", {
+          style: {
+            width: _vm.imgWidth + "%",
+            height: _vm.imgHeight + "%"
+          },
+          attrs: {
+            "src": _vm.imgUrl
+          },
+          on: {
+            "touchstart": function touchstart($event) {
+              $event.preventDefault();
+              return _vm.appLongPressStart.apply(null, arguments);
+            },
+            "touchend": _vm.appLongPressEnd
+          }
+        }) : _vm.imgUrl ? _c("img", {
+          style: {
+            width: _vm.imgWidth + "%",
+            height: _vm.imgHeight + "%"
+          },
+          attrs: {
+            "src": _vm.imgUrl
+          }
+        }) : _vm._e()]), _vm.footerTxt ? _c("div", {
+          staticClass: "footer"
+        }, [_c("div", {
+          staticClass: "txt",
+          domProps: {
+            "innerHTML": _vm._s(_vm.getFooterHtml)
+          }
+        })]) : _vm.footerBtn ? _c("div", {
+          staticClass: "footer-btn"
+        }, [_c("div", {
+          style: {
+            color: _vm.btnInfo.textColor,
+            backgroundColor: _vm.btnInfo.bgColor
+          },
+          on: {
+            "click": _vm.btnclick
+          }
+        }, [_c("span", [_vm._v(_vm._s(_vm.btnInfo.text))])])]) : _vm._e()])];
+      },
+      proxy: true
+    }])
+  });
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "57fa06c4");
+var ImageLayer = __component__.exports;
+ImageLayer.install = function(Vue) {
+  Vue.component(ImageLayer.name, ImageLayer);
+  Vue.prototype["$createImageLayer"] = create(ImageLayer, Vue);
+};
+export {
+  ImageLayer as I
+};

package/lib/ImageLayer/style.css

@@ -0,0 +1 @@
+.act-imagelayer-title[data-v-57fa06c4]{padding-top:1.6em;text-align:center;line-height:1.2}.act-imagelayer-title .txt[data-v-57fa06c4]{font-size:1.8em}.act-imagelayer-content[data-v-57fa06c4]{color:#666;padding-bottom:1.55em;text-align:center}.act-imagelayer-content .image[data-v-57fa06c4]{width:100%;margin-top:2em;margin-bottom:1em}.act-imagelayer-content .image img[data-v-57fa06c4]{display:block;max-width:100%;max-height:100%}.act-imagelayer-content .footer[data-v-57fa06c4]{line-height:1.2}.act-imagelayer-content .footer .txt[data-v-57fa06c4]{font-size:1.5em}.act-imagelayer-content .footer-btn div[data-v-57fa06c4]{display:inline-block;letter-spacing:1px;padding:1.1em 3.5em;border-radius:4px}.act-imagelayer-content .footer-btn div span[data-v-57fa06c4]{font-size:1.5em}

package/lib/ImagePreview/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var utils_create=require("../utils/create/index.js");var mixins_visible=require("../mixins/visible/index.js");var mixins_noscroll=require("../mixins/noscroll/index.js");var mixins_popup=require("../mixins/popup/index.js");var mixins_touch=require("../mixins/touch/index.js");var common_popup=require("../common/popup/index.js");var Swipe=require("../Swipe/index.js");var utils_event=require("../utils/event/index.js");var utils_helpers=require("../utils/helpers/index.js");var common=require("../common/index.js");function getDistance(touches){return Math.sqrt(Math.pow(touches[0].clientX-touches[1].clientX,2)+Math.pow(touches[0].clientY-touches[1].clientY,2))}var _sfc_main={name:"ActImagePreview",mixins:[mixins_visible.visibleMixin,mixins_noscroll.noscrollMixin,mixins_popup.popupMixin,mixins_touch.touchMixin],data:function data(){return{scale:1,moveX:0,moveY:0,active:0,moving:false,zooming:false,doubleClickTimer:null,staticImages:null,staticStart:-1}},watch:{isVisible:function isVisible(val){var _this=this;if(val){this.setActive(+this.realStart);this.$nextTick(function(){_this.$refs.swipe.swipeTo(+_this.realStart,{immediate:true})})}},start:function start(val){this.setActive(val)}},computed:{realImages:function realImages(){return this.staticImages||this.images},realStart:function realStart(){return this.staticStart!==-1?this.staticStart:this.start}},methods:{setData:function setData(images,start2){this.staticImages=images;this.staticStart=start2},emitClose:function emitClose(){if(!this.asyncClose){this.$emit("input",false)}},onWrapperTouchStart:function onWrapperTouchStart(){if(!this.zoom)return;this.touchStartTime=new Date},onWrapperTouchEnd:function onWrapperTouchEnd(event){var _this2=this;if(!this.zoom)return;utils_event.preventDefault(event);var deltaTime=new Date-this.touchStartTime;var _ref=this.$refs.swipe||{},_ref$offsetX=_ref.offsetX,offsetX=_ref$offsetX===void 0?0:_ref$offsetX,_ref$offsetY=_ref.offsetY,offsetY=_ref$offsetY===void 0?0:_ref$offsetY;if(deltaTime<300&&offsetX<10&&offsetY<10){if(!this.doubleClickTimer){this.doubleClickTimer=setTimeout(function(){_this2.hide();_this2.doubleClickTimer=null},300)}else{clearTimeout(this.doubleClickTimer);this.doubleClickTimer=null;this.toggleScale()}}},onWrapperClick:function onWrapperClick(){if(!this.zoom){this.hide()}},startMove:function startMove(event){var image=event.currentTarget;var rect=image.getBoundingClientRect();var winWidth=window.innerWidth;var winHeight=window.innerHeight;this.touchStart(event);this.moving=true;this.startMoveX=this.moveX;this.startMoveY=this.moveY;this.maxMoveX=Math.max(0,(rect.width-winWidth)/2);this.maxMoveY=Math.max(0,(rect.height-winHeight)/2)},startZoom:function startZoom(event){this.moving=false;this.zooming=true;this.startScale=this.scale;this.startDistance=getDistance(event.touches)},onImageTouchStart:function onImageTouchStart(event){if(!this.zoom)return;var touches=event.touches;var _ref2=this.$refs.swipe||{},_ref2$offsetX=_ref2.offsetX,offsetX=_ref2$offsetX===void 0?0:_ref2$offsetX;if(touches.length===1&&this.scale!==1){this.startMove(event)}else if(touches.length===2&&!offsetX){this.startZoom(event)}},onImageTouchMove:function onImageTouchMove(event){if(!this.zoom)return;var touches=event.touches;if(this.moving||this.zooming){utils_event.preventDefault(event,true)}if(this.moving){this.touchMove(event);var moveX=this.deltaX+this.startMoveX;var moveY=this.deltaY+this.startMoveY;this.moveX=utils_helpers.range(moveX,-this.maxMoveX,this.maxMoveX);this.moveY=utils_helpers.range(moveY,-this.maxMoveY,this.maxMoveY)}if(this.zooming&&touches.length===2){var distance=getDistance(touches);var scale=this.startScale*distance/this.startDistance;this.setScale(scale)}},onImageTouchEnd:function onImageTouchEnd(event){if(!this.zoom)return;if(this.moving||this.zooming){var stopPropagation=true;if(this.moving&&this.startMoveX===this.moveX&&this.startMoveY===this.moveY){stopPropagation=false}if(!event.touches.length){this.moving=false;this.zooming=false;this.startMoveX=0;this.startMoveY=0;this.startScale=1;if(this.scale<1){this.resetScale()}}if(stopPropagation){utils_event.preventDefault(event,true)}}},setActive:function setActive(index){this.resetScale();if(index!==this.active){this.active=index;this.$emit("change",index)}},setScale:function setScale(scale){var value=utils_helpers.range(scale,1/3,3);this.scale=value;this.$emit("scale",{index:this.active,scale:value})},resetScale:function resetScale(){this.setScale(1);this.moveX=0;this.moveY=0},toggleScale:function toggleScale(){var scale=this.scale>1?1:2;this.setScale(scale);this.moveX=0;this.moveY=0},cancel:function cancel(){this.hide()}},props:{images:{type:Array,default:function _default(){return[]}},start:{type:[Number,String],default:0},loop:{type:Boolean,default:false},pagination:{type:Boolean,default:false},zoom:{type:Boolean,default:false},opacity:{type:[Number,String],default:.7}},components:{ActPopup:common_popup.ActPopup,ActSwipe:Swipe.Swipe}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"act-image-preview"},[_c("transition",{attrs:{"name":"act-image-preview"}},[_c("act-popup",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],attrs:{"mask":true,"zIndex":_vm.zIndex,"opacity":_vm.opacity},on:{"touchmove":function touchmove($event){$event.preventDefault()},"mask-click":_vm.cancel},scopedSlots:_vm._u([{key:"mask",fn:function fn(){return[_c("transition",{attrs:{"name":"act-preview-content"}},[_vm.isVisible?_c("act-swipe",{ref:"swipe",staticClass:"act-preview-swipe",attrs:{"autoplay":0,"loop":_vm.loop,"pagination":_vm.pagination},on:{"change":_vm.setActive}},[_vm._l(_vm.realImages,function(item,index){var _context,_context2,_context3,_context4,_context5,_context6;return _c("div",{key:"act_image_preview_".concat(index),staticClass:"act-image-item",on:{"touchstart":_vm.onWrapperTouchStart,"touchmove":function touchmove($event){$event.preventDefault()},"touchend":_vm.onWrapperTouchEnd,"touchcancel":_vm.onWrapperTouchEnd,"click":_vm.onWrapperClick}},[item.desc?_c("div",{staticClass:"act-image-desc"},[_vm._v(" "+_vm._s(item.desc)+" ")]):_vm._e(),_c("img",{staticClass:"act-preview-image",style:index===_vm.active?{"transition-duration":_vm.zooming||_vm.moving?"0s":".3s","-webkit-transform":_concatInstanceProperty(_context=_concatInstanceProperty(_context2=_concatInstanceProperty(_context3="scale3d(".concat(_vm.scale,", ")).call(_context3,_vm.scale,", 1) translate(")).call(_context2,_vm.moveX/_vm.scale,"px, ")).call(_context,_vm.moveY/_vm.scale,"px)"),"transform":_concatInstanceProperty(_context4=_concatInstanceProperty(_context5=_concatInstanceProperty(_context6="scale3d(".concat(_vm.scale,", ")).call(_context6,_vm.scale,", 1) translate(")).call(_context5,_vm.moveX/_vm.scale,"px, ")).call(_context4,_vm.moveY/_vm.scale,"px)")}:null,attrs:{"src":typeof item==="string"?item:item.url},on:{"touchstart":_vm.onImageTouchStart,"touchmove":_vm.onImageTouchMove,"touchend":_vm.onImageTouchEnd,"touchcancel":_vm.onImageTouchEnd}})])}),_vm.$slots.pagination?_vm._t("pagination",null,{"slot":"pagination"}):_vm._e()],2):_vm._e()],1)]},proxy:true}],null,true)})],1)],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"633b1f15");var ImagePreview=__component__.exports;ImagePreview.install=function(Vue){Vue.component(ImagePreview.name,ImagePreview);Vue.prototype["$createImagePreview"]=utils_create.create(ImagePreview,Vue)};exports.ImagePreview=ImagePreview;