@xysfe/actui2 0.0.1

package/lib/ProPosterLayer/poster/index.mjs

@@ -0,0 +1,326 @@
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import html2canvas from "html2canvas";
+import { L as Loading } from "../../Loading/index.mjs";
+import { Q as QRCode } from "../../QRCode/qrcode/index.mjs";
+import defaultAvatar from "../../assets/avatar.1d6a.png";
+import BScroll from "better-scroll";
+import __$_require_66db4bf6__ from "../../assets/toBottom.526c.png";
+import __$_require_81a688d6__ from "../../assets/phone.0a23.png";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var qrcode = new QRCode({
+  render: "canvas",
+  ecLevel: "H",
+  size: 50,
+  mode: 0,
+  mSize: 0.25,
+  label: "",
+  fontcolor: "#000",
+  fill: "#000",
+  background: "#ffffff"
+});
+var _sfc_main = {
+  name: "Poster",
+  components: {
+    ActLoading: Loading
+  },
+  props: {
+    cardName: {
+      type: String,
+      default: ""
+    },
+    cardPhone: {
+      type: [String, Number],
+      default: ""
+    },
+    cardImg: {
+      type: String,
+      default: ""
+    },
+    qrcodeUrl: {
+      type: String,
+      default: ""
+    },
+    posterImg: {
+      type: String,
+      default: ""
+    },
+    posterGenerImg: {
+      type: String,
+      default: ""
+    },
+    infoShow: {
+      type: [Boolean, Number],
+      default: true
+    },
+    mobileShow: {
+      type: [Boolean, Number],
+      default: true
+    },
+    index: {
+      type: [String, Number],
+      default: ""
+    },
+    showPosterQrCode: {
+      type: [Boolean, Number],
+      default: true
+    },
+    licenseForm: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  computed: {
+    avatar: function avatar() {
+      return this.cardImg && this.infoShow ? this.cardImg : defaultAvatar;
+    }
+  },
+  watch: {
+    // 切换信息显隐按钮 同步一起生成所有海报
+    // infoShow () {
+    //   this.$nextTick(() => {
+    //     this.generateImg(true)
+    //   })
+    // },
+    // mobileShow () {
+    //   this.$nextTick(() => {
+    //     this.generateImg(true)
+    //   })
+    // }
+  },
+  mounted: function mounted() {
+    var _this = this;
+    var imgCon = this.$refs["imgContainer"];
+    var img = this.$refs["posterImg"];
+    img.onload = function() {
+      var clientHeight = imgCon.clientHeight;
+      var scrollHeight = img.clientHeight;
+      var canScroll = scrollHeight - clientHeight;
+      _this.imgWrapper = new BScroll(_this.$refs.imgContainer, {
+        click: true,
+        scrollY: true,
+        bounce: false,
+        preventDefault: false
+        // startX: 0,
+      });
+      _this.$nextTick(function() {
+        _this.imgWrapper.refresh();
+      });
+      if (canScroll > 0) {
+        _this.imgWrapper.scrollTo(1e4, 500);
+        _this.canScroll = true;
+        _this.$refs["poster"].style.position = "relative";
+      }
+      _this.genImgScrollHeight = scrollHeight;
+    };
+  },
+  data: function data() {
+    return {
+      imgWrapper: null,
+      canScroll: false,
+      generateLoading: false,
+      genImgScrollHeight: 0,
+      qrCodeImg: "",
+      allowRender: []
+    };
+  },
+  methods: {
+    getScroll: function getScroll() {
+      var _this2 = this;
+      if (this.genImgScrollHeight) {
+        return _Promise.resolve();
+      }
+      return new _Promise(function(resolve, reject) {
+        var imgCon = _this2.$refs["imgContainer"];
+        var img = _this2.$refs["posterImg"];
+        var clientHeight = imgCon.clientHeight;
+        var scrollHeight = img.clientHeight;
+        var canScroll = scrollHeight - clientHeight;
+        if (canScroll > 0) {
+          imgCon.scrollTop = canScroll;
+          _this2.canScroll = true;
+          _this2.$refs["poster"].style.position = "relative";
+        }
+        _this2.genImgScrollHeight = scrollHeight;
+      });
+    },
+    // isCheckoutBtn 点击信息显隐按钮的时候重新生成海报
+    generateImg: function generateImg() {
+      var _this3 = this;
+      var isCheckoutBtn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+      return new _Promise(function(resolve, reject) {
+        _this3.allowRender[_this3.allowRender.length] = true;
+        if (_this3.generateLoading) {
+          _this3.allowRender[_this3.allowRender.length - 2] = false;
+        }
+        _this3.generateLoading = true;
+        _this3.generateQrcode().then(function() {
+          setTimeout(function() {
+            var poster = _this3.$refs["posterGenter"];
+            var posterCopy = poster.cloneNode(true);
+            var index = _this3.allowRender.length - 1;
+            document.body.appendChild(posterCopy);
+            posterCopy.style.position = "absolute";
+            posterCopy.classList.add("poster-generate");
+            posterCopy.style.left = "-2000px";
+            posterCopy.style.top = "-2000px";
+            html2canvas(posterCopy, {
+              scale: 2,
+              useCORS: true
+            }).then(function(canvas) {
+              if (_this3._isDestroyed) {
+                reject("render has destroyed");
+                return;
+              }
+              if (!_this3.allowRender[index]) {
+                reject("now is rerender, prev set is notAllowed");
+                return;
+              }
+              var pageData = canvas.toDataURL("image/jpeg", 1);
+              document.body.removeChild(posterCopy);
+              _this3.$emit("generateSuccess", _this3.index, pageData);
+              setTimeout(function() {
+                _this3.generateLoading = false;
+                _this3.$nextTick(function() {
+                  _this3.$refs.posterGenerImg.style.height = _this3.genImgScrollHeight + "px";
+                });
+              }, 200);
+              resolve(pageData);
+            }).catch(function(err) {
+              _this3.generateLoading = false;
+              reject(err);
+            });
+          }, 500);
+        });
+      });
+    },
+    generateQrcode: function generateQrcode() {
+      var _this4 = this;
+      return new _Promise(function(resolve, reject) {
+        if (_this4.qrCodeImg) resolve();
+        if (_this4.showPosterQrCode && _this4.qrcodeUrl) {
+          qrcode.makeCode(_this4.qrcodeUrl).then(function(data2) {
+            _this4.qrCodeImg = data2;
+            resolve();
+          }).catch(function() {
+            reject();
+          });
+        } else {
+          resolve();
+        }
+      });
+    },
+    preventMove: function preventMove(e) {
+      e._prevent = true;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    ref: "poster",
+    staticClass: "poster act-row act-middle"
+  }, [_vm.generateLoading ? _c("div", {
+    staticClass: "loadingContainer row justify-center items-center"
+  }, [_c("act-loading", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: true,
+      expression: "true"
+    }],
+    attrs: {
+      "size": 40,
+      "type": "cir2",
+      "color": "#F05A4B"
+    }
+  })], 1) : _vm._e(), _vm.canScroll && !_vm.generateLoading ? _c("div", {
+    staticClass: "scroll-tip row items-center justify-center"
+  }, [_c("img", {
+    staticStyle: {
+      "transform": "rotate(180deg)"
+    },
+    attrs: {
+      "src": __$_require_66db4bf6__,
+      "alt": ""
+    }
+  }), _c("span", {
+    staticClass: "tip-tit"
+  }, [_vm._v("上拉查看全图")])]) : _vm._e(), _c("div", {
+    ref: "posterGenter",
+    staticClass: "posterGenter"
+  }, [_c("div", {
+    ref: "imgContainer",
+    staticClass: "img-container",
+    on: {
+      "touchmove": _vm.preventMove
+    }
+  }, [_c("div", {
+    ref: "imgWrapper",
+    staticClass: "img-wrapper"
+  }, [_vm.posterGenerImg && !_vm.generateLoading ? _c("img", {
+    ref: "posterGenerImg",
+    staticClass: "posterGenerImg",
+    attrs: {
+      "src": _vm.posterGenerImg,
+      "alt": "海报生成图片"
+    }
+  }) : _vm._e(), _c("img", {
+    ref: "posterImg",
+    staticClass: "posterImg",
+    attrs: {
+      "src": _vm.posterImg,
+      "alt": ""
+    }
+  })])]), _c("div", {
+    ref: "bottomCard",
+    staticClass: "card-container padding_0 row justify-between items-center",
+    class: {
+      genImg: _vm.generateLoading
+    }
+  }, [_c("div", {
+    staticClass: "card-left"
+  }, [_c("div", {
+    staticClass: "left-section row"
+  }, [_c("div", {
+    staticClass: "avatar"
+  }, [_c("img", {
+    attrs: {
+      "src": _vm.licenseForm.headurl
+    }
+  })]), _c("div", {
+    staticClass: "info column c_center"
+  }, [_c("p", {
+    staticClass: "info-name row"
+  }, [_c("span", {
+    staticClass: "tit"
+  }, [_vm._v(_vm._s(_vm.licenseForm.showname))]), _c("span", {
+    staticClass: "tag"
+  }, [_c("span", [_vm._v(" · ")]), _c("span", {
+    class: {
+      "tit": !_vm.infoShow
+    }
+  }, [_vm._v(_vm._s(_vm.licenseForm.jobTitle || "咨询顾问"))])])]), _c("p", {
+    staticClass: "info-mobile"
+  }, [_c("img", {
+    staticClass: "img-icon",
+    attrs: {
+      "src": __$_require_81a688d6__
+    }
+  }), _c("span", {
+    staticStyle: {}
+  }, [_vm._v(_vm._s(_vm.licenseForm.mobile))])])]), _vm.showPosterQrCode ? _c("div", {
+    staticClass: "card-right row justify-center items-center"
+  }, [_c("img", {
+    attrs: {
+      "src": _vm.qrCodeImg
+    }
+  })]) : _vm._e()])])])])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "b4213d94");
+var Poster = __component__.exports;
+export {
+  Poster as P
+};

package/lib/ProPosterLayer/poster/style.css

@@ -0,0 +1 @@
+.poster[data-v-b4213d94]{height:496px;width:240px;overflow:hidden;border-radius:0;position:relative}.poster .scroll-tip[data-v-b4213d94]{position:absolute;top:15px;left:65px;width:110px;height:24px;background:rgba(0,0,0,0.6);border-radius:3px;text-align:center;z-index:5}.poster .scroll-tip img[data-v-b4213d94]{width:13px;height:13px;margin-right:3px}.poster .scroll-tip .tip-tit[data-v-b4213d94]{font-size:13px;color:#FFFFFF}.poster .img-container[data-v-b4213d94]{max-height:427px;overflow:hidden;position:relative;border-top-left-radius:9px;border-top-right-radius:9px}.poster .img-container .posterImg[data-v-b4213d94]{border-top-left-radius:9px;border-top-right-radius:9px}.poster .img-container .posterGenerImg[data-v-b4213d94]{position:absolute;width:100%;z-index:10;left:0;top:0;opacity:0}.poster .img-container img[data-v-b4213d94]{width:100%;height:auto}.poster .loadingContainer[data-v-b4213d94]{position:absolute;top:0;left:0;height:496px;width:240px;z-index:5}.card-container[data-v-b4213d94]{background:#fff;border-bottom-left-radius:9px;border-bottom-right-radius:9px}.card-container.padding_0[data-v-b4213d94]{padding:0!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.card-container .card-left[data-v-b4213d94]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;padding:0 6px}.card-container .card-left .left-section[data-v-b4213d94]{width:100%}.card-container .card-left .left-section .c_center[data-v-b4213d94]{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-top:12px;-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;justify-content:flex-start!important}.card-container .card-left .left-section .avatar[data-v-b4213d94]{margin-top:8px;margin-right:4px;border-radius:50%;width:40px;height:40px;background:-webkit-linear-gradient(bottom,#FFFFFF 0%,#EAECF5 100%);background:linear-gradient(360deg,#FFFFFF 0%,#EAECF5 100%);overflow:hidden;-webkit-flex-shrink:0;flex-shrink:0}.card-container .card-left .left-section .avatar img[data-v-b4213d94]{width:100%;height:100%}.card-container .card-left .left-section .info[data-v-b4213d94]{-webkit-justify-content:space-around;justify-content:space-around}.card-container .card-left .left-section .info .info-name[data-v-b4213d94]{height:1.8rem;line-height:1.8rem}.card-container .card-left .left-section .info .info-name .tit[data-v-b4213d94]{font-size:12px;color:#333;margin-right:5px}.card-container .card-left .left-section .info .info-name .tag[data-v-b4213d94]{font-size:10px;color:#8F93A0}.card-container .card-left .left-section .info .info-mobile[data-v-b4213d94]{margin-top:1px;font-size:10px;color:#666666;height:14px;line-height:14px;word-break:break-all}.card-container .card-left .left-section .info .info-mobile .img-icon[data-v-b4213d94]{width:9px;vertical-align:middle}.card-container .card-left .left-section .info .info-mobile .text[data-v-b4213d94]{padding-left:3px}.card-container .card-left .left-section .info .info-card[data-v-b4213d94]{margin-top:3px;font-size:8px;color:#999999;word-break:break-all;display:-webkit-box;display:-webkit-flex;display:flex}.card-container .card-left .left-section .info .info-card .label[data-v-b4213d94]{-webkit-flex-shrink:0;flex-shrink:0}.card-container .card-left .left-section .info .info-card .num[data-v-b4213d94]{padding-right:9px}.card-container .card-left .left-section .info .info-card .img-icon[data-v-b4213d94]{width:14px}.card-container .card-left .left-section .info .info-card .text[data-v-b4213d94]{padding-left:3px}.card-container .info-card4[data-v-b4213d94]{width:100%;font-size:8px;padding-left:0!important;background:#F7F7F7;border-radius:0px 0px 9px 9px;margin-top:3px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:17px;line-height:17px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.card-container .card-right[data-v-b4213d94]{margin-top:3px;-webkit-flex-shrink:0;flex-shrink:0;width:47px;height:47px;border:1px solid;border-color:#ffdbd7;box-sizing:border-box;padding:3px;border-radius:3px}.card-container .card-right img[data-v-b4213d94]{width:40px;height:40px}.posterGenter[data-v-b4213d94]{width:240px;overflow:hidden}.posterGenter .img-container img[data-v-b4213d94]{width:100%}.posterGenter.poster-generate[data-v-b4213d94]{width:375px!important}.posterGenter.poster-generate .card-container[data-v-b4213d94]{padding:10px 14px}.posterGenter.poster-generate .card-left[data-v-b4213d94]{padding:0 9px!important}.posterGenter.poster-generate .card-left .avatar[data-v-b4213d94]{margin-top:12.5px;margin-right:6px;width:58px!important;height:58px!important}.posterGenter.poster-generate .card-left .tit[data-v-b4213d94]{font-size:18px!important}.posterGenter.poster-generate .card-left .tag[data-v-b4213d94]{font-size:13.5px!important}.posterGenter.poster-generate .card-left .img-icon[data-v-b4213d94]{width:14px!important}.posterGenter.poster-generate .card-left .info-mobile[data-v-b4213d94]{font-size:16.5px!important}.posterGenter.poster-generate .info-mobile[data-v-b4213d94]{height:22px!important;line-height:22px!important}.posterGenter.poster-generate .c_center[data-v-b4213d94]{margin-top:18px!important}.posterGenter.poster-generate .info-card4[data-v-b4213d94]{width:100%;margin-top:4.5px;font-size:12px!important;height:26px!important;line-height:26px!important}.posterGenter.poster-generate .card-right[data-v-b4213d94]{margin-top:4.5px;width:70px!important;height:70px!important}.posterGenter.poster-generate .card-right img[data-v-b4213d94]{width:60px!important;height:60px!important}

package/lib/ProPosterLayer/style.css

@@ -0,0 +1 @@
+.poster-swiper-pagination{position:relative;z-index:100;bottom:0!important;left:0;width:100%;text-align:center}.poster-swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;background:#fff;opacity:0.3}.poster-swiper-pagination .swiper-pagination-bullet-active{opacity:1}#poster_next,#poster_prev{position:absolute;top:46%;width:4.8rem;height:5.2rem;z-index:10;cursor:pointer;background-size:10px 16px;background-repeat:no-repeat;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);background-color:rgba(255,255,255,0.1);border-radius:50%}#poster_next::after,#poster_prev::after{display:none}#poster_next{background-image:url(../assets/icon_next.1101.png);right:-2.5rem;background-position:10px}#poster_next::after{display:none}#poster_prev{background-image:url(../assets/icon_prev.7657.png);left:-2.5rem;background-position:30px}#poster_prev::after{display:none}.picture_box[data-v-1b72c429]{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.qrCodeContainer[data-v-1b72c429]{width:240px;height:486px}.qrCodeContainer .qrCode[data-v-1b72c429]{width:240px;height:240px;border-radius:12px;border:2px solid #E0E4E7;background:#FFFFFF}.qrCodeContainer .qrCode img[data-v-1b72c429]{width:188px;height:188px}.tab[data-v-1b72c429]{height:4rem;color:#323232;font-size:1.5rem;line-height:4rem;padding-left:1.5rem;border-bottom:solid 1px #e6e6e6}.product_poster[data-v-1b72c429]{background:#ffffff;margin-top:1.5rem}.poster_wrap[data-v-1b72c429]{padding:2rem 0 2.8rem 1.35rem}.more_poster[data-v-1b72c429]{text-align:right;padding-right:1.5rem;font-size:1.2rem;color:#646464}a[data-v-1b72c429]{display:block}.layer[data-v-1b72c429]{position:fixed;top:0;left:0;right:0;bottom:0;margin:0 auto;max-width:750px;background-color:rgba(0,0,0,0.7);z-index:2000;overflow:hidden}.layer.active[data-v-1b72c429]{display:block}.btn_save[data-v-1b72c429]{width:26.75rem;height:3.6rem;line-height:3.6rem;color:#ffffff;font-size:1.4rem;background-color:#f05a4b;border-radius:0.2rem;margin:1rem auto;text-align:center}.long_save[data-v-1b72c429]{width:23rem;height:4.4rem;line-height:4.4rem;font-size:1.5rem;border-radius:0.6rem;margin:2.1rem auto;text-align:center;color:#FFFFFF!important;border:0.1rem dashed #FFFFFF}.poster_wrap img[data-v-1b72c429]{width:10rem;max-height:100%;border-radius:0.2rem}.picture[data-v-1b72c429]{position:absolute;top:50%;left:50%;z-index:100;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.show-btn-container[data-v-1b72c429]{width:264px;margin:21px auto 21px}.show-btn-container .btn[data-v-1b72c429]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.show-btn-container .btn>span[data-v-1b72c429]{display:inline-block}.show-btn-container .right-btn[data-v-1b72c429]{width:20px;height:20px;margin-right:9px}.show-btn-container .right-btn img[data-v-1b72c429]{width:100%;height:100%}.show-btn-container .tit[data-v-1b72c429]{color:#FFFFFF;font-size:15px}.picture_item[data-v-1b72c429]{background-color:#fff;color:#333333;text-align:left;border-radius:0.3rem;width:26.85rem;line-height:1.4}.picture_hd[data-v-1b72c429]{position:relative;width:100%;text-align:center;background:#fff;height:40rem}.picture_hd>img[data-v-1b72c429]{max-width:100%;max-height:100%;z-index:10}.appBtn[data-v-1b72c429]{width:152px;margin:21px auto 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.appBtn .cir[data-v-1b72c429]{width:50px;height:50px;border-radius:50%;margin-bottom:9px}.appBtn .cir img[data-v-1b72c429]{width:100%;height:100%}.appBtn .tit[data-v-1b72c429]{color:#FFFFFF;font-size:13px;text-align:center}.tips[data-v-1b72c429]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:12px;color:rgba(255,255,255,0.7);padding-top:5px}

package/lib/ProductLayer/actionSheet/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var common_popup=require("../../common/popup/index.js");var common=require("../../common/index.js");var _sfc_main={name:"ActionSheet",components:{ActPopup:common_popup.ActPopup},props:{list:{type:Array,default:function _default(){return[]}}},data:function data(){return{isVisible:false}},methods:{handleClick:function handleClick(item){this.$emit("handleClick",item)},show:function show(){this.isVisible=true},hide:function hide(){this.isVisible=false}}};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:{"mask":true,"center":false,"zIndex":9999},on:{"touchmove":function touchmove($event){$event.preventDefault()},"mask-click":_vm.hide}},[_c("div",{staticClass:"kcb-popup kcb-popup--round kcb-popup--bottom kcb-safe-area-bottom kcb-action-sheet",staticStyle:{"z-index":"2020"},attrs:{"role":"dialog","tabindex":"0"}},[_c("div",{staticClass:"kcb-action-sheet__content"},_vm._l(_vm.list,function(item){return _c("button",{key:item.id,staticClass:"kcb-action-sheet__item",attrs:{"type":"button"},on:{"click":function click($event){return _vm.handleClick(item)}}},[_c("span",{staticClass:"kcb-action-sheet__name"},[_vm._v(_vm._s(item.text))])])}),0),_c("div",{staticClass:"kcb-action-sheet__gap"}),_c("button",{staticClass:"kcb-action-sheet__cancel",attrs:{"type":"button"},on:{"click":_vm.hide}},[_vm._v("取消")])])])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"3d947b01");var ActionSheet=__component__.exports;exports.ActionSheet=ActionSheet;

package/lib/ProductLayer/actionSheet/index.mjs

@@ -0,0 +1,96 @@
+import { A as ActPopup } from "../../common/popup/index.mjs";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActionSheet",
+  components: {
+    ActPopup
+  },
+  props: {
+    list: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    }
+  },
+  data: function data() {
+    return {
+      isVisible: false
+    };
+  },
+  methods: {
+    handleClick: function handleClick(item) {
+      this.$emit("handleClick", item);
+    },
+    show: function show() {
+      this.isVisible = true;
+    },
+    hide: function hide() {
+      this.isVisible = false;
+    }
+  }
+};
+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: {
+      "mask": true,
+      "center": false,
+      "zIndex": 9999
+    },
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.preventDefault();
+      },
+      "mask-click": _vm.hide
+    }
+  }, [_c("div", {
+    staticClass: "kcb-popup kcb-popup--round kcb-popup--bottom kcb-safe-area-bottom kcb-action-sheet",
+    staticStyle: {
+      "z-index": "2020"
+    },
+    attrs: {
+      "role": "dialog",
+      "tabindex": "0"
+    }
+  }, [_c("div", {
+    staticClass: "kcb-action-sheet__content"
+  }, _vm._l(_vm.list, function(item) {
+    return _c("button", {
+      key: item.id,
+      staticClass: "kcb-action-sheet__item",
+      attrs: {
+        "type": "button"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.handleClick(item);
+        }
+      }
+    }, [_c("span", {
+      staticClass: "kcb-action-sheet__name"
+    }, [_vm._v(_vm._s(item.text))])]);
+  }), 0), _c("div", {
+    staticClass: "kcb-action-sheet__gap"
+  }), _c("button", {
+    staticClass: "kcb-action-sheet__cancel",
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": _vm.hide
+    }
+  }, [_vm._v("取消")])])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "3d947b01");
+var ActionSheet = __component__.exports;
+export {
+  ActionSheet as A
+};

package/lib/ProductLayer/actionSheet/style.css

@@ -0,0 +1 @@
+.kcb-overlay[data-v-3d947b01]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}.kcb-action-sheet[data-v-3d947b01]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-height:80%;overflow:hidden;color:#323233;border-radius:16px 16px 0 0;width:100%;overflow-y:auto;box-sizing:border-box;background:#fff;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;-webkit-overflow-scrolling:touch;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.kcb-action-sheet__content[data-v-3d947b01]{-webkit-box-flex:1;-webkit-flex:1 auto;flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.kcb-action-sheet__content .kcb-action-sheet__item[data-v-3d947b01]{display:block;width:100%;padding:14px 16px;font-size:16px;background:#fff;line-height:22px;border:none;cursor:pointer;position:relative}.kcb-action-sheet__content .kcb-action-sheet__item[data-v-3d947b01]::before{display:block;content:" ";position:absolute;bottom:0;width:92%;height:1px;background:#F5F5F5}.kcb-action-sheet__content .kcb-action-sheet__item[data-v-3d947b01]:last-child::before{display:block;content:"";position:absolute;bottom:0;width:0;height:0;background:#F5F5F5}.kcb-action-sheet__gap[data-v-3d947b01]{display:block;height:8px;background:#f7f8fa}.kcb-action-sheet__cancel[data-v-3d947b01]{display:block;width:100%;-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;color:#646566;padding:14px 16px;font-size:15px;color:#999999;background:#fff;border:none;cursor:pointer}

package/lib/ProductLayer/emailLayer/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var utils_post=require("../../utils/post/index.js");var Toast=require("../../Toast/index.js");var __$_require_4405a191__=require("../../assets/cancel.cbdb.png");var common=require("../../common/index.js");var _sfc_main={components:{ActToast:Toast.Toast},name:"EmailLayer",props:{visible:{type:Boolean,default:false},itemId:{type:[Number,String],default:""},emailUrl:{type:String,required:true},agentId:{type:[Number,String],default:""}},watch:{visible:function visible(val){if(val){this.email=""}}},mounted:function mounted(){},data:function data(){return{email:""}},methods:{validEmail:function validEmail(){var reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;if(!reg.test(this.email)){this.$refs.toast.show("请填写正确的邮箱");return false}return true},sendEmail:function sendEmail(){var _this=this;if(!this.validEmail()){return}var params={itemId:this.itemId,email:this.email,chn:this.agentId?"cps_".concat(this.agentId):""};utils_post.fetch(this.emailUrl,params).then(function(res){res=res.data;if(!res.ret){_this.$emit("showToast","发送成功");_this.closeLayer()}else{_this.$refs.toast.show(res.errmsg)}})},closeLayer:function closeLayer(){this.$emit("update:visible",false)}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.visible,expression:"visible"}],staticClass:"layer-wraper"},[_c("div",{staticClass:"layer-mask",on:{"touchmove":function touchmove($event){$event.preventDefault()},"click":function click($event){if($event.target!==$event.currentTarget)return null;return _vm.closeLayer.apply(null,arguments)}}}),_c("div",{staticClass:"layer-box"},[_c("div",{staticClass:"layer-header"},[_c("img",{staticClass:"layer-header-close",attrs:{"src":__$_require_4405a191__},on:{"click":_vm.closeLayer}}),_c("p",{staticClass:"layer-header-title"},[_vm._v(" 发送至邮箱 ")])]),_c("div",{staticClass:"layer-content"},[_c("input",{directives:[{name:"model",rawName:"v-model",value:_vm.email,expression:"email"}],staticClass:"layer-input",attrs:{"type":"text","placeholder":"请输入邮箱地址"},domProps:{"value":_vm.email},on:{"input":function input($event){if($event.target.composing)return;_vm.email=$event.target.value}}})]),_c("div",{staticClass:"layer-footer",attrs:{"data-track":"chanpinziliao_sendemail_send"},on:{"click":_vm.sendEmail}},[_vm._v(" 发送 ")])]),_c("act-toast",{ref:"toast",attrs:{"zIndex":9999}})],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"38bdb355");var emailLayer=__component__.exports;exports.emailLayer=emailLayer;

package/lib/ProductLayer/emailLayer/index.mjs

@@ -0,0 +1,154 @@
+import { f as fetch } from "../../utils/post/index.mjs";
+import { T as Toast } from "../../Toast/index.mjs";
+import __$_require_4405a191__ from "../../assets/cancel.cbdb.png";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  components: {
+    ActToast: Toast
+  },
+  name: "EmailLayer",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    itemId: {
+      type: [Number, String],
+      default: ""
+    },
+    emailUrl: {
+      type: String,
+      required: true
+    },
+    agentId: {
+      type: [Number, String],
+      default: ""
+    }
+  },
+  watch: {
+    visible: function visible(val) {
+      if (val) {
+        this.email = "";
+      }
+    }
+  },
+  mounted: function mounted() {
+  },
+  data: function data() {
+    return {
+      email: ""
+    };
+  },
+  methods: {
+    validEmail: function validEmail() {
+      var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
+      if (!reg.test(this.email)) {
+        this.$refs.toast.show("请填写正确的邮箱");
+        return false;
+      }
+      return true;
+    },
+    sendEmail: function sendEmail() {
+      var _this = this;
+      if (!this.validEmail()) {
+        return;
+      }
+      var params = {
+        itemId: this.itemId,
+        email: this.email,
+        chn: this.agentId ? "cps_".concat(this.agentId) : ""
+      };
+      fetch(this.emailUrl, params).then(function(res) {
+        res = res.data;
+        if (!res.ret) {
+          _this.$emit("showToast", "发送成功");
+          _this.closeLayer();
+        } else {
+          _this.$refs.toast.show(res.errmsg);
+        }
+      });
+    },
+    closeLayer: function closeLayer() {
+      this.$emit("update:visible", false);
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.visible,
+      expression: "visible"
+    }],
+    staticClass: "layer-wraper"
+  }, [_c("div", {
+    staticClass: "layer-mask",
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.preventDefault();
+      },
+      "click": function click($event) {
+        if ($event.target !== $event.currentTarget) return null;
+        return _vm.closeLayer.apply(null, arguments);
+      }
+    }
+  }), _c("div", {
+    staticClass: "layer-box"
+  }, [_c("div", {
+    staticClass: "layer-header"
+  }, [_c("img", {
+    staticClass: "layer-header-close",
+    attrs: {
+      "src": __$_require_4405a191__
+    },
+    on: {
+      "click": _vm.closeLayer
+    }
+  }), _c("p", {
+    staticClass: "layer-header-title"
+  }, [_vm._v(" 发送至邮箱 ")])]), _c("div", {
+    staticClass: "layer-content"
+  }, [_c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.email,
+      expression: "email"
+    }],
+    staticClass: "layer-input",
+    attrs: {
+      "type": "text",
+      "placeholder": "请输入邮箱地址"
+    },
+    domProps: {
+      "value": _vm.email
+    },
+    on: {
+      "input": function input($event) {
+        if ($event.target.composing) return;
+        _vm.email = $event.target.value;
+      }
+    }
+  })]), _c("div", {
+    staticClass: "layer-footer",
+    attrs: {
+      "data-track": "chanpinziliao_sendemail_send"
+    },
+    on: {
+      "click": _vm.sendEmail
+    }
+  }, [_vm._v(" 发送 ")])]), _c("act-toast", {
+    ref: "toast",
+    attrs: {
+      "zIndex": 9999
+    }
+  })], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "38bdb355");
+var emailLayer = __component__.exports;
+export {
+  emailLayer as e
+};

package/lib/ProductLayer/emailLayer/style.css

@@ -0,0 +1 @@
+.layer-wraper[data-v-38bdb355]{position:fixed;width:100%;height:100%;left:0;right:0;top:0;bottom:0;z-index:120}.layer-wraper .layer-mask[data-v-38bdb355]{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}.layer-wraper .layer-box[data-v-38bdb355]{width:300px;height:150px;border-radius:6px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0 15px 12px;background:#fff}.layer-wraper .layer-box .layer-header[data-v-38bdb355]{height:50px;line-height:50px;text-align:center;position:relative}.layer-wraper .layer-box .layer-header-title[data-v-38bdb355]{font-size:17px;color:#333333;font-weight:bold}.layer-wraper .layer-box .layer-header-close[data-v-38bdb355]{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:13px}.layer-wraper .layer-box .layer-content[data-v-38bdb355]{padding-bottom:18px}.layer-wraper .layer-box .layer-content .layer-input[data-v-38bdb355]{background:#F7F8FC;border-radius:6px;height:40px;width:100%;border:none;padding-left:12px;font-size:15px}.layer-wraper .layer-box .layer-footer[data-v-38bdb355]{position:absolute;width:100%;height:42px;bottom:0;left:0;text-align:center;color:#F05A4B;font-size:15px;border-top:1px solid #F5F5F5;line-height:42px}

package/lib/ProductLayer/fileListLayer/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _Promise=require("@babel/runtime-corejs3/core-js/promise");var mixins_visible=require("../../mixins/visible/index.js");var ProductLayer_js_util=require("../js/util/index.js");var ProductLayer_layer=require("../layer/index.js");var utils_helpers=require("../../utils/helpers/index.js");var __$_require_26fdcdc7__=require("../../assets/share_btn.1955.png");var common=require("../../common/index.js");var _sfc_main={name:"FileListLayer",mixins:[mixins_visible.visibleMixin],components:{layer:ProductLayer_layer.layer},props:{itemId:{type:[String,Number],required:true},agentId:{type:[String,Number],default:""},title:{type:String,default:"文件列表"},list:{type:Array,default:function _default(){return[]}},isSingleH5Module:{type:Boolean,default:false}},data:function data(){return{isApp:utils_helpers.ua.isApp}},methods:{go:function go(file,index){var _this=this;var _file$pageUrl=file.pageUrl,pageUrl=_file$pageUrl===void 0?"":_file$pageUrl,url=file.url,type=file.type;if(ProductLayer_js_util.isExcelFile(url)){this.openExcelFile(url,type,index).catch(function(e){_this.$createToast({textAlign:"center",toastTxt:e.msg,txt:e.msg,type:"txt"})});return}if(pageUrl){this.navigateTo(pageUrl)}},handleShare:function handleShare(file){this.$emit("share",file)},openExcelFile:function openExcelFile(url,type,index){var _this2=this;return new _Promise(function(resolve,reject){if(utils_helpers.ua.isApp){var params={path:url};window.kcbJs.invoke({path:"/file/showExcel",data:params,success:function success(){resolve()},fail:function fail(e){reject(e)}})}else{try{if(utils_helpers.ua.isAndroid||utils_helpers.ua.isHarmonyOS){window.open(url)}else if(utils_helpers.ua.isIOS){_this2.$emit("openFileActionSheet",url)}}catch(error){reject({msg:"打开excel文件失败"})}}})},navigateTo:function navigateTo(url){if(this.isSingleH5Module){location.href="/app/showWebView?source=".concat(encodeURIComponent(url),"&isFullScreen=1")}else{location.href=url}}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("layer",{ref:"layer",attrs:{"visible":_vm.isVisible,"center":false,"title":_vm.title},on:{"close":function close($event){_vm.isVisible=false}}},[_c("div",{staticClass:"file-list"},_vm._l(_vm.list,function(file,index){return _c("div",{key:index,staticClass:"file-item",on:{"click":function click($event){return _vm.go(file,index)}}},[_c("div",{staticClass:"file-name"},[_vm._v(_vm._s(file.title))]),_c("div",{staticClass:"file-footer act-row act-justify-between act-items-center"},[_c("div",{staticClass:"file-more",on:{"click":function click($event){return _vm.go(file,index)}}},[_vm._v(" 查看全文 ")]),_vm.isApp?_c("div",{staticClass:"file-share act-row act-items-center act-justify-center",on:{"click":function click($event){return _vm.handleShare(file)}}},[_c("img",{attrs:{"src":__$_require_26fdcdc7__,"alt":""}}),_vm._v(" 分享 ")]):_vm._e()])])}),0)])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"54b0cfcc");var fileListLayer=__component__.exports;exports.fileListLayer=fileListLayer;