@xysfe/actui2 0.0.1

package/lib/GoldReadTerms/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _sliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/slice");var _Array$from=require("@babel/runtime-corejs3/core-js/array/from");var _Symbol=require("@babel/runtime-corejs3/core-js/symbol");var _getIteratorMethod=require("@babel/runtime-corejs3/core-js/get-iterator-method");var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var _Number$parseInt=require("@babel/runtime-corejs3/core-js/number/parse-int");var _mapInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/map");var _fillInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/fill");function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof _Symbol&&_getIteratorMethod(r)||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F2(){};return{s:F,n:function n(){return _n>=r.length?{done:true}:{done:false,value:r[_n++]}},e:function e2(r2){throw r2},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=true,u=false;return{s:function s(){t=t.call(r)},n:function n(){var r2=t.next();return a=r2.done,r2},e:function e2(r2){u=true,o=r2},f:function f(){try{a||null==t.return||t.return()}finally{if(u)throw o}}}}function _unsupportedIterableToArray(r,a){if(r){var _context4;if("string"==typeof r)return _arrayLikeToArray(r,a);var t=_sliceInstanceProperty(_context4={}.toString.call(r)).call(_context4,8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?_Array$from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var utils_create=require("../utils/create/index.js");var common_goldlayer=require("../common/goldlayer/index.js");var common_scrollZoom=require("../common/scrollZoom/index.js");var mixins_visible=require("../mixins/visible/index.js");var utils_helpers=require("../utils/helpers/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActGoldReadTerms",mixins:[mixins_visible.visibleMixin],components:{scrollZoom:common_scrollZoom.scrollZoom,ActGoldLayer:common_goldlayer.ActGoldLayer},data:function data(){return{curIndex:1,readState:[],termsInfo:[],readTimer:null,countdown:0,prevTime:void 0}},computed:{readTermsLength:function readTermsLength(){return this.readTerms.length},bookTitle:function bookTitle(){var title=this.termsInfo[this.curIndex-1]&&this.termsInfo[this.curIndex-1].title;return title?"《".concat(title,"》"):""},comfirmText:function comfirmText(){var text=this.confirmButtonText||"已完整阅读并确认".concat(this.bookTitle);var paddingText;if(this.readTimer){var _context;paddingText=_concatInstanceProperty(_context="".concat(this.confirmButtonText?this.confirmButtonText:"已完整阅读并确认","(")).call(_context,this.countdown,"s)")}return paddingText||text},curForceReadToPageEnd:function curForceReadToPageEnd(){if(this.termsInfo[this.curIndex-1].hasOwnProperty("forceReadToPageEnd")){return this.termsInfo[this.curIndex-1].forceReadToPageEnd}return this.forceRead||false},curForceReadSeconds:function curForceReadSeconds(){if(this.termsInfo[this.curIndex-1].hasOwnProperty("forceReadSeconds")){return this.termsInfo[this.curIndex-1].forceReadSeconds}return this.forceReadTime||0},isWebTester:function isWebTester(){return utils_helpers.isMucWebAutoTester}},props:{readTerms:{type:Array,default:function _default(){return[]}},forceRead:{type:Boolean,default:true},forceReadTime:{type:Number,default:0},confirmButtonText:{type:String,default:""},cancelButtonText:{type:String,default:"暂不同意"},brandColor:{type:String,default:"#8c7fee"},beforeClose:{type:Function,default:null},beforePreOrNext:{type:Function,default:null}},methods:{getTerms:function getTerms(docData){var terms=[];var _iterator=_createForOfIteratorHelper(docData),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var item=_step.value;var obj={type:Number(item.type),title:item.title,urls:item.urls,innerHTML:item.innerHTML||"",fixedTipHtml:item.fixedTipHtml||"",souceFile:item.src,init:false,classObject:{"scroll-pdf":false,"scroll-word":false},myScroll:null,styleImg:{height:"auto"},freeScroll:true,scrollbar:{fade:true,interactive:true},bounce:{bottom:false,left:false,right:false,top:false},zoom:true,listenScrollInit:true,listenScrollEnd:true,listenZoomEnd:false,listenScroll:false,mouseWheel:true,currentScale:1,scrollY:0,cWidth:0,cHeight:0,liTag:null,wordHtml:"",currentPage:0,isLoading:false};if(item.hasOwnProperty("forceReadToPageEnd")){obj.forceReadToPageEnd=!!+item.forceReadToPageEnd}if(item.hasOwnProperty("forceReadSeconds")){obj.forceReadSeconds=+item.forceReadSeconds}terms.push(obj)}}catch(err){_iterator.e(err)}finally{_iterator.f()}this.termsInfo=terms},showDoc:function showDoc(index){var _this=this;this.$nextTick(function(){_this.$refs.scrollZoom.showDoc(index)})},changeHeaderBtnsColor:function changeHeaderBtnsColor(val){var _this2=this;var _this$$refs=this.$refs,prevbtn=_this$$refs.prevbtn,nextbtn=_this$$refs.nextbtn;var handleNextBtn=function handleNextBtn2(){if(_this2.readTimer){nextbtn.style.color=""}else{nextbtn.style.color=_this2.brandColor}};if(~~val===1&&~~val<this.readTermsLength){prevbtn&&(prevbtn.style.color="");nextbtn&&handleNextBtn()}else if(~~val>1&&~~val<this.readTermsLength){prevbtn&&(prevbtn.style.color=this.brandColor);nextbtn&&handleNextBtn()}else if(~~val>1&&~~val===this.readTermsLength){prevbtn&&(prevbtn.style.color=this.brandColor);nextbtn&&(nextbtn.style.color="")}},handleActionBeforePreOrNext:function handleActionBeforePreOrNext(action,e){var that=this;var curIndex2=~~this.curIndex;var curTermsInfo=this.termsInfo[curIndex2-1];function prevClick(e2){if(that.curIndex>1){that.curIndex=curIndex2-1;if(that.termsInfo[that.curIndex-1].type===2){that.showDoc(that.curIndex-1)}}}function nextClick(e2){if(that.curIndex<that.readTermsLength){that.next(e2)}}if(this.beforePreOrNext){this.beforePreOrNext({action,next:function next2(state){if(state!==false){action==="prevClick"&&prevClick();action==="nextClick"&&nextClick(e)}},curTermsInfo,curIndex:that.curIndex,readTermsLength:that.readTermsLength,isLast:that.curIndex===that.readTermsLength,curIsReadEnd:that.readState[that.curIndex-1].readEnd})}else{action==="prevClick"&&prevClick();action==="nextClick"&&nextClick(e)}},handlePrev:function handlePrev(e){if(this.curIndex===1)return;if(this.readTimer){this.resetReadTimer()}this.handleActionBeforePreOrNext("prevClick",e)},handleNext:function handleNext(e){if(this.readTimer)return;this.handleActionBeforePreOrNext("nextClick",e)},beforeShowDoc:function beforeShowDoc(curIndex2){if(+this.curForceReadSeconds>0&&!this.readState[curIndex2-1].readEnough){this.setReadTimer()}this.changeHeaderBtnsColor(curIndex2);this.getCurTermInfo({curIndex:curIndex2,isReadEnd:this.readState[curIndex2-1].readEnd,totalLegth:this.readTermsLength,curTerm:this.termsInfo[curIndex2-1]});!this.curForceReadToPageEnd&&!this.curForceReadSeconds&&~~this.readTermsLength===1&&this.canINext(true)},timerFn:function timerFn(time){if(this.prevTime){var deltaTime=time-this.prevTime;if(deltaTime>1e3){if(this.countdown>0){this.prevTime=time;this.countdown=--this.countdown}else{this.countdown=0;this.readState[this.curIndex-1].readEnough=true;this.changeHeaderBtnsColor(this.curIndex);this.resetReadTimer();return}}}else{this.prevTime=time}this.readTimer=requestAnimationFrame(this.timerFn)},setReadTimer:function setReadTimer(){if(this.readTimer){this.resetReadTimer()}this.countdown=_Number$parseInt(this.curForceReadSeconds);this.readTimer=requestAnimationFrame(this.timerFn);this.changeHeaderBtnsColor()},resetReadTimer:function resetReadTimer(){cancelAnimationFrame(this.readTimer);this.readTimer=null},next:function next(e){var curIndex2=~~this.curIndex;!this.curForceReadToPageEnd&&this.canINext(true);if(this.curForceReadToPageEnd&&this.readState[curIndex2-1].readEnd||!this.curForceReadToPageEnd){if(curIndex2<this.readTermsLength){this.curIndex=curIndex2+1;this.showDoc(curIndex2)}}else if(this.curForceReadToPageEnd&&!this.readState[curIndex2-1].readEnd){this.showToast("请观看至页面底部，完整阅读全部内容")}},getCurTermInfo:function getCurTermInfo(){var info=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.$emit("getCurTermInfo",info)},canINext:function canINext(isnext){if(this.readTermsLength){this.readState[this.curIndex-1].readEnd=isnext;this.getCurTermInfo({curIndex:this.curIndex,isReadEnd:this.readState[this.curIndex-1].readEnd,totalLegth:this.readTermsLength,curTerm:this.termsInfo.length&&this.termsInfo[this.curIndex-1]})}},confirm:function confirm(e){if(this.readTimer)return;var forceReadMode=this.curForceReadToPageEnd&&!this.readState[this.readTermsLength-1].readEnd&&this.curIndex<=this.readTermsLength;if(forceReadMode||!this.curForceReadToPageEnd&&this.curIndex<this.readTermsLength){this.next(e)}else{this.handleAction("confirm",e)}},cancel:function cancel(e){this.handleAction("cancel",e)},handleAction:function handleAction(action,e){var _this3=this;var curTermsInfo=this.termsInfo[this.curIndex-1];if(this.beforeClose){this.beforeClose(action,function(state){if(state!==false){_this3.hide();_this3.$emit(action,e)}},curTermsInfo)}else{this.hide();this.$emit(action,e)}},showToast:function showToast(message){var time=arguments.length>1&&arguments[1]!==void 0?arguments[1]:3e3;this.hideToast();if(!this.toast){this.toast=this.$createToast()}this.toast.show(message,time)},hideToast:function hideToast(){if(this.toast){this.toast.hide()}},preventMove:function preventMove(e){e._prevent=true},reset:function reset(){var _context2,_context3;this.curIndex=1;this.readState=_mapInstanceProperty(_context2=_fillInstanceProperty(_context3=new Array(this.readTermsLength)).call(_context3,void 0)).call(_context2,function(_){return{readEnd:false,readEnough:false}})},mucReadTerms:function mucReadTerms(e){var _this4=this;if(!this.isWebTester){return}var mucMethod=e._mucMethod;if(mucMethod==="step"){var _autoNext=function autoNext(){if(!_this4.isVisible){return}var curIndex2=~~_this4.curIndex;if(_this4.curForceReadToPageEnd&&!_this4.readState[curIndex2-1].readEnd){_this4.canINext(true)}setTimeout(function(){_this4.confirm(e);if(curIndex2<_this4.readTermsLength){_this4.$nextTick(function(){_autoNext()})}},(_this4.countdown+1)*1e3)};_autoNext()}else{this.handleAction("confirm",e)}}},mounted:function mounted(){this.changeHeaderBtnsColor(this.curIndex)},watch:{isVisible:function isVisible(val){if(val){this.reset();this.getTerms(this.readTerms);this.beforeShowDoc(this.curIndex);this.showDoc(0)}if(!!val===false){this.resetReadTimer()}},curIndex:function curIndex(val){this.beforeShowDoc(val)}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("act-gold-layer",{attrs:{"visible":_vm.isVisible,"center":false}},[_c("div",{staticClass:"readterms-title",attrs:{"slot":"header"},slot:"header"},[_vm.$slots.myheader?[_vm._t("myheader")]:[_vm.readTermsLength>1?_c("span",{ref:"prevbtn",staticClass:"prev h-btn",on:{"click":_vm.handlePrev}},[_vm._v("上一页")]):_vm._e(),_c("span",[_vm._v("请阅读以下内容"),_vm.readTermsLength>1?_c("span",[_vm._v("("+_vm._s(_vm.curIndex)+"/"+_vm._s(_vm.readTermsLength)+")")]):_vm._e()]),_vm.readTermsLength>1?_c("span",{ref:"nextbtn",staticClass:"next h-btn",on:{"click":_vm.handleNext}},[_vm._v("下一页")]):_vm._e()]],2),_vm.isVisible?_c("scroll-zoom",{ref:"scrollZoom",staticClass:"scroll-zoom",attrs:{"termsInfo":_vm.termsInfo,"forceRead":_vm.curForceReadToPageEnd,"docIndex":_vm.curIndex-1,"brandColor":_vm.brandColor},on:{"canINext":_vm.canINext}}):_vm._e(),_vm.$slots.footer?_c("div",[_vm._t("footer")],2):[_c("div",{staticClass:"bottom-btn-placeholder"}),_c("div",{staticClass:"readterms-btns"},[_c("div",{staticClass:"f-btn left",on:{"click":_vm.cancel}},[_c("p",[_vm._v(_vm._s(_vm.cancelButtonText))])]),_c("div",{staticClass:"f-btn right",class:{"disabled":_vm.readTimer},style:{background:_vm.readTimer?"#f2f2f2":_vm.brandColor},attrs:{"data-key":[_vm.isWebTester?"readTermsBtn":""]},on:{"click":_vm.confirm,"mucReadTerms":_vm.mucReadTerms}},[_c("p",[_vm._v(_vm._s(_vm.comfirmText))]),_vm.$slots.fIcon?_vm._t("fIcon"):_vm._e()],2)])]],2)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"d11ee544");var GoldReadTerms=__component__.exports;GoldReadTerms.install=function(Vue){Vue.component(GoldReadTerms.name,GoldReadTerms);Vue.prototype["$createGoldReadTerms"]=utils_create.create(GoldReadTerms,Vue)};exports.GoldReadTerms=GoldReadTerms;

package/lib/GoldReadTerms/index.mjs

@@ -0,0 +1,533 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Number$parseInt from "@babel/runtime-corejs3/core-js/number/parse-int";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _fillInstanceProperty from "@babel/runtime-corejs3/core-js/instance/fill";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import { c as create } from "../utils/create/index.mjs";
+import { A as ActGoldLayer } from "../common/goldlayer/index.mjs";
+import { s as scrollZoom } from "../common/scrollZoom/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { i as isMucWebAutoTester } from "../utils/helpers/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t.return || t.return();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    var _context4;
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = _sliceInstanceProperty(_context4 = {}.toString.call(r)).call(_context4, 8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var _sfc_main = {
+  name: "ActGoldReadTerms",
+  mixins: [visibleMixin],
+  components: {
+    scrollZoom,
+    ActGoldLayer
+  },
+  data: function data() {
+    return {
+      curIndex: 1,
+      readState: [],
+      termsInfo: [],
+      readTimer: null,
+      countdown: 0,
+      prevTime: void 0
+    };
+  },
+  computed: {
+    readTermsLength: function readTermsLength() {
+      return this.readTerms.length;
+    },
+    bookTitle: function bookTitle() {
+      var title = this.termsInfo[this.curIndex - 1] && this.termsInfo[this.curIndex - 1].title;
+      return title ? "《".concat(title, "》") : "";
+    },
+    comfirmText: function comfirmText() {
+      var text = this.confirmButtonText || "已完整阅读并确认".concat(this.bookTitle);
+      var paddingText;
+      if (this.readTimer) {
+        var _context;
+        paddingText = _concatInstanceProperty(_context = "".concat(this.confirmButtonText ? this.confirmButtonText : "已完整阅读并确认", "(")).call(_context, this.countdown, "s)");
+      }
+      return paddingText || text;
+    },
+    curForceReadToPageEnd: function curForceReadToPageEnd() {
+      if (this.termsInfo[this.curIndex - 1].hasOwnProperty("forceReadToPageEnd")) {
+        return this.termsInfo[this.curIndex - 1].forceReadToPageEnd;
+      }
+      return this.forceRead || false;
+    },
+    curForceReadSeconds: function curForceReadSeconds() {
+      if (this.termsInfo[this.curIndex - 1].hasOwnProperty("forceReadSeconds")) {
+        return this.termsInfo[this.curIndex - 1].forceReadSeconds;
+      }
+      return this.forceReadTime || 0;
+    },
+    isWebTester: function isWebTester() {
+      return isMucWebAutoTester;
+    }
+  },
+  props: {
+    readTerms: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    forceRead: {
+      type: Boolean,
+      default: true
+    },
+    forceReadTime: {
+      type: Number,
+      default: 0
+    },
+    confirmButtonText: {
+      type: String,
+      default: ""
+    },
+    cancelButtonText: {
+      type: String,
+      default: "暂不同意"
+    },
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    beforeClose: {
+      type: Function,
+      default: null
+    },
+    beforePreOrNext: {
+      type: Function,
+      default: null
+    }
+  },
+  methods: {
+    getTerms: function getTerms(docData) {
+      var terms = [];
+      var _iterator = _createForOfIteratorHelper(docData), _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+          var item = _step.value;
+          var obj = {
+            type: Number(item.type),
+            title: item.title,
+            urls: item.urls,
+            innerHTML: item.innerHTML || "",
+            fixedTipHtml: item.fixedTipHtml || "",
+            souceFile: item.src,
+            init: false,
+            classObject: {
+              "scroll-pdf": false,
+              "scroll-word": false
+            },
+            myScroll: null,
+            styleImg: {
+              height: "auto"
+            },
+            freeScroll: true,
+            scrollbar: {
+              fade: true,
+              interactive: true
+            },
+            bounce: {
+              bottom: false,
+              left: false,
+              right: false,
+              top: false
+            },
+            zoom: true,
+            listenScrollInit: true,
+            listenScrollEnd: true,
+            listenZoomEnd: false,
+            listenScroll: false,
+            mouseWheel: true,
+            currentScale: 1,
+            scrollY: 0,
+            cWidth: 0,
+            cHeight: 0,
+            liTag: null,
+            wordHtml: "",
+            currentPage: 0,
+            isLoading: false
+          };
+          if (item.hasOwnProperty("forceReadToPageEnd")) {
+            obj.forceReadToPageEnd = !!+item.forceReadToPageEnd;
+          }
+          if (item.hasOwnProperty("forceReadSeconds")) {
+            obj.forceReadSeconds = +item.forceReadSeconds;
+          }
+          terms.push(obj);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      this.termsInfo = terms;
+    },
+    showDoc: function showDoc(index) {
+      var _this = this;
+      this.$nextTick(function() {
+        _this.$refs.scrollZoom.showDoc(index);
+      });
+    },
+    changeHeaderBtnsColor: function changeHeaderBtnsColor(val) {
+      var _this2 = this;
+      var _this$$refs = this.$refs, prevbtn = _this$$refs.prevbtn, nextbtn = _this$$refs.nextbtn;
+      var handleNextBtn = function handleNextBtn2() {
+        if (_this2.readTimer) {
+          nextbtn.style.color = "";
+        } else {
+          nextbtn.style.color = _this2.brandColor;
+        }
+      };
+      if (~~val === 1 && ~~val < this.readTermsLength) {
+        prevbtn && (prevbtn.style.color = "");
+        nextbtn && handleNextBtn();
+      } else if (~~val > 1 && ~~val < this.readTermsLength) {
+        prevbtn && (prevbtn.style.color = this.brandColor);
+        nextbtn && handleNextBtn();
+      } else if (~~val > 1 && ~~val === this.readTermsLength) {
+        prevbtn && (prevbtn.style.color = this.brandColor);
+        nextbtn && (nextbtn.style.color = "");
+      }
+    },
+    handleActionBeforePreOrNext: function handleActionBeforePreOrNext(action, e) {
+      var that = this;
+      var curIndex2 = ~~this.curIndex;
+      var curTermsInfo = this.termsInfo[curIndex2 - 1];
+      function prevClick(e2) {
+        if (that.curIndex > 1) {
+          that.curIndex = curIndex2 - 1;
+          if (that.termsInfo[that.curIndex - 1].type === 2) {
+            that.showDoc(that.curIndex - 1);
+          }
+        }
+      }
+      function nextClick(e2) {
+        if (that.curIndex < that.readTermsLength) {
+          that.next(e2);
+        }
+      }
+      if (this.beforePreOrNext) {
+        this.beforePreOrNext({
+          action,
+          next: function next2(state) {
+            if (state !== false) {
+              action === "prevClick" && prevClick();
+              action === "nextClick" && nextClick(e);
+            }
+          },
+          curTermsInfo,
+          //当前页信息
+          curIndex: that.curIndex,
+          //从1开始
+          readTermsLength: that.readTermsLength,
+          isLast: that.curIndex === that.readTermsLength,
+          curIsReadEnd: that.readState[that.curIndex - 1].readEnd
+        });
+      } else {
+        action === "prevClick" && prevClick();
+        action === "nextClick" && nextClick(e);
+      }
+    },
+    handlePrev: function handlePrev(e) {
+      if (this.curIndex === 1) return;
+      if (this.readTimer) {
+        this.resetReadTimer();
+      }
+      this.handleActionBeforePreOrNext("prevClick", e);
+    },
+    handleNext: function handleNext(e) {
+      if (this.readTimer) return;
+      this.handleActionBeforePreOrNext("nextClick", e);
+    },
+    beforeShowDoc: function beforeShowDoc(curIndex2) {
+      if (+this.curForceReadSeconds > 0 && !this.readState[curIndex2 - 1].readEnough) {
+        this.setReadTimer();
+      }
+      this.changeHeaderBtnsColor(curIndex2);
+      this.getCurTermInfo({
+        curIndex: curIndex2,
+        isReadEnd: this.readState[curIndex2 - 1].readEnd,
+        totalLegth: this.readTermsLength,
+        curTerm: this.termsInfo[curIndex2 - 1]
+      });
+      !this.curForceReadToPageEnd && !this.curForceReadSeconds && ~~this.readTermsLength === 1 && this.canINext(true);
+    },
+    timerFn: function timerFn(time) {
+      if (this.prevTime) {
+        var deltaTime = time - this.prevTime;
+        if (deltaTime > 1e3) {
+          if (this.countdown > 0) {
+            this.prevTime = time;
+            this.countdown = --this.countdown;
+          } else {
+            this.countdown = 0;
+            this.readState[this.curIndex - 1].readEnough = true;
+            this.changeHeaderBtnsColor(this.curIndex);
+            this.resetReadTimer();
+            return;
+          }
+        }
+      } else {
+        this.prevTime = time;
+      }
+      this.readTimer = requestAnimationFrame(this.timerFn);
+    },
+    setReadTimer: function setReadTimer() {
+      if (this.readTimer) {
+        this.resetReadTimer();
+      }
+      this.countdown = _Number$parseInt(this.curForceReadSeconds);
+      this.readTimer = requestAnimationFrame(this.timerFn);
+      this.changeHeaderBtnsColor();
+    },
+    resetReadTimer: function resetReadTimer() {
+      cancelAnimationFrame(this.readTimer);
+      this.readTimer = null;
+    },
+    next: function next(e) {
+      var curIndex2 = ~~this.curIndex;
+      !this.curForceReadToPageEnd && this.canINext(true);
+      if (this.curForceReadToPageEnd && this.readState[curIndex2 - 1].readEnd || !this.curForceReadToPageEnd) {
+        if (curIndex2 < this.readTermsLength) {
+          this.curIndex = curIndex2 + 1;
+          this.showDoc(curIndex2);
+        }
+      } else if (this.curForceReadToPageEnd && !this.readState[curIndex2 - 1].readEnd) {
+        this.showToast("请观看至页面底部，完整阅读全部内容");
+      }
+    },
+    getCurTermInfo: function getCurTermInfo() {
+      var info = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      this.$emit("getCurTermInfo", info);
+    },
+    canINext: function canINext(isnext) {
+      if (this.readTermsLength) {
+        this.readState[this.curIndex - 1].readEnd = isnext;
+        this.getCurTermInfo({
+          curIndex: this.curIndex,
+          isReadEnd: this.readState[this.curIndex - 1].readEnd,
+          totalLegth: this.readTermsLength,
+          curTerm: this.termsInfo.length && this.termsInfo[this.curIndex - 1]
+        });
+      }
+    },
+    confirm: function confirm(e) {
+      if (this.readTimer) return;
+      var forceReadMode = this.curForceReadToPageEnd && !this.readState[this.readTermsLength - 1].readEnd && this.curIndex <= this.readTermsLength;
+      if (forceReadMode || !this.curForceReadToPageEnd && this.curIndex < this.readTermsLength) {
+        this.next(e);
+      } else {
+        this.handleAction("confirm", e);
+      }
+    },
+    cancel: function cancel(e) {
+      this.handleAction("cancel", e);
+    },
+    handleAction: function handleAction(action, e) {
+      var _this3 = this;
+      var curTermsInfo = this.termsInfo[this.curIndex - 1];
+      if (this.beforeClose) {
+        this.beforeClose(action, function(state) {
+          if (state !== false) {
+            _this3.hide();
+            _this3.$emit(action, e);
+          }
+        }, curTermsInfo);
+      } else {
+        this.hide();
+        this.$emit(action, e);
+      }
+    },
+    showToast: function showToast(message) {
+      var time = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 3e3;
+      this.hideToast();
+      if (!this.toast) {
+        this.toast = this.$createToast();
+      }
+      this.toast.show(message, time);
+    },
+    hideToast: function hideToast() {
+      if (this.toast) {
+        this.toast.hide();
+      }
+    },
+    preventMove: function preventMove(e) {
+      e._prevent = true;
+    },
+    reset: function reset() {
+      var _context2, _context3;
+      this.curIndex = 1;
+      this.readState = _mapInstanceProperty(_context2 = _fillInstanceProperty(_context3 = new Array(this.readTermsLength)).call(_context3, void 0)).call(_context2, function(_) {
+        return {
+          readEnd: false,
+          readEnough: false
+        };
+      });
+    },
+    mucReadTerms: function mucReadTerms(e) {
+      var _this4 = this;
+      if (!this.isWebTester) {
+        return;
+      }
+      var mucMethod = e._mucMethod;
+      if (mucMethod === "step") {
+        var _autoNext = function autoNext() {
+          if (!_this4.isVisible) {
+            return;
+          }
+          var curIndex2 = ~~_this4.curIndex;
+          if (_this4.curForceReadToPageEnd && !_this4.readState[curIndex2 - 1].readEnd) {
+            _this4.canINext(true);
+          }
+          setTimeout(function() {
+            _this4.confirm(e);
+            if (curIndex2 < _this4.readTermsLength) {
+              _this4.$nextTick(function() {
+                _autoNext();
+              });
+            }
+          }, (_this4.countdown + 1) * 1e3);
+        };
+        _autoNext();
+      } else {
+        this.handleAction("confirm", e);
+      }
+    }
+  },
+  mounted: function mounted() {
+    this.changeHeaderBtnsColor(this.curIndex);
+  },
+  watch: {
+    isVisible: function isVisible(val) {
+      if (val) {
+        this.reset();
+        this.getTerms(this.readTerms);
+        this.beforeShowDoc(this.curIndex);
+        this.showDoc(0);
+      }
+      if (!!val === false) {
+        this.resetReadTimer();
+      }
+    },
+    curIndex: function curIndex(val) {
+      this.beforeShowDoc(val);
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("act-gold-layer", {
+    attrs: {
+      "visible": _vm.isVisible,
+      "center": false
+    }
+  }, [_c("div", {
+    staticClass: "readterms-title",
+    attrs: {
+      "slot": "header"
+    },
+    slot: "header"
+  }, [_vm.$slots.myheader ? [_vm._t("myheader")] : [_vm.readTermsLength > 1 ? _c("span", {
+    ref: "prevbtn",
+    staticClass: "prev h-btn",
+    on: {
+      "click": _vm.handlePrev
+    }
+  }, [_vm._v("上一页")]) : _vm._e(), _c("span", [_vm._v("请阅读以下内容"), _vm.readTermsLength > 1 ? _c("span", [_vm._v("(" + _vm._s(_vm.curIndex) + "/" + _vm._s(_vm.readTermsLength) + ")")]) : _vm._e()]), _vm.readTermsLength > 1 ? _c("span", {
+    ref: "nextbtn",
+    staticClass: "next h-btn",
+    on: {
+      "click": _vm.handleNext
+    }
+  }, [_vm._v("下一页")]) : _vm._e()]], 2), _vm.isVisible ? _c("scroll-zoom", {
+    ref: "scrollZoom",
+    staticClass: "scroll-zoom",
+    attrs: {
+      "termsInfo": _vm.termsInfo,
+      "forceRead": _vm.curForceReadToPageEnd,
+      "docIndex": _vm.curIndex - 1,
+      "brandColor": _vm.brandColor
+    },
+    on: {
+      "canINext": _vm.canINext
+    }
+  }) : _vm._e(), _vm.$slots.footer ? _c("div", [_vm._t("footer")], 2) : [_c("div", {
+    staticClass: "bottom-btn-placeholder"
+  }), _c("div", {
+    staticClass: "readterms-btns"
+  }, [_c("div", {
+    staticClass: "f-btn left",
+    on: {
+      "click": _vm.cancel
+    }
+  }, [_c("p", [_vm._v(_vm._s(_vm.cancelButtonText))])]), _c("div", {
+    staticClass: "f-btn right",
+    class: {
+      "disabled": _vm.readTimer
+    },
+    style: {
+      background: _vm.readTimer ? "#f2f2f2" : _vm.brandColor
+    },
+    attrs: {
+      "data-key": [_vm.isWebTester ? "readTermsBtn" : ""]
+    },
+    on: {
+      "click": _vm.confirm,
+      "mucReadTerms": _vm.mucReadTerms
+    }
+  }, [_c("p", [_vm._v(_vm._s(_vm.comfirmText))]), _vm.$slots.fIcon ? _vm._t("fIcon") : _vm._e()], 2)])]], 2);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "d11ee544");
+var GoldReadTerms = __component__.exports;
+GoldReadTerms.install = function(Vue) {
+  Vue.component(GoldReadTerms.name, GoldReadTerms);
+  Vue.prototype["$createGoldReadTerms"] = create(GoldReadTerms, Vue);
+};
+export {
+  GoldReadTerms as G
+};

package/lib/GoldReadTerms/style.css

@@ -0,0 +1 @@
+.scroll-zoom[data-v-d11ee544]{height:437px;position:relative;overflow:hidden;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-user-select:none;user-select:none}.bottom-btn-placeholder[data-v-d11ee544]{height:66px}.readterms-title[data-v-d11ee544]{height:46px;width:100%;line-height:46px;text-align:center;font-size:18px;color:#333333;font-weight:700}.readterms-title .h-btn[data-v-d11ee544]{position:absolute;font-size:15px;height:22px;line-height:22px;color:#b3b3b3;font-weight:normal}.readterms-title .next[data-v-d11ee544]{top:13px;right:14px}.readterms-title .prev[data-v-d11ee544]{top:13px;left:14px}.readterms-btns[data-v-d11ee544]{position:absolute;width:100%;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;background:#fff;padding:0 14px 18px;display:flex}.readterms-btns[data-v-d11ee544]::before{content:" ";width:100%;height:40px;background:-webkit-linear-gradient(top,rgba(255,255,255,0),#ffffff);background:linear-gradient(180deg,rgba(255,255,255,0),#ffffff);position:absolute;top:-40px}.readterms-btns .f-btn[data-v-d11ee544]{height:48px;font-size:15px;text-align:center;color:#999999;font-weight:500;border:1px solid #f5f5f5;border-radius:5px}.readterms-btns .f-btn p[data-v-d11ee544]{line-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.readterms-btns .left[data-v-d11ee544]{width:100px;margin-right:12px}.readterms-btns .right[data-v-d11ee544]{position:relative;min-width:166px;color:#fff;border:none;-webkit-box-flex:1;-webkit-flex:1;flex:1}.readterms-btns .right.disabled[data-v-d11ee544]{color:#999}.readterms-btns .right p[data-v-d11ee544]{padding:0 12px}

package/lib/GoldSelect/index.js

@@ -0,0 +1 @@
+"use strict";var _slicedToArray=require("@babel/runtime-corejs3/helpers/slicedToArray");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var utils_create=require("../utils/create/index.js");var mixins_goldVisible=require("../mixins/gold-visible/index.js");var mixins_goldElement=require("../mixins/gold-element/index.js");var mixins_goldChange=require("../mixins/gold-change/index.js");var common_baseelement=require("../common/baseelement/index.js");var GoldSelect_select=require("./select/index.js");var GoldSelect_searchBank=require("./searchBank/index.js");var common_svgicon=require("../common/svgicon/index.js");var utils_helpers=require("../utils/helpers/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActGoldSelect",mixins:[mixins_goldVisible.visibleMixin,mixins_goldElement.goldElementMixin,mixins_goldChange.goldChangeMixin],data:function data(){return{selectLayerVisible:false,fuzzySearchLayerVisible:false}},computed:{realTitle:function realTitle(){if(this.common.titPadding){return utils_helpers.formatTitle(this.common.tit)}return this.common.tit},descText:function descText(){if(this.desc){return this.desc}for(var i=0,n=this.options.length;i<n;i++){if(this.value+""===this.options[i].value+""){return this.options[i].text}}return""},realOptions:function realOptions(){var _context,_this=this;var data2=[];_forEachInstanceProperty(_context=this.options).call(_context,function(item){if(!("status"in item)||item.status===1||item.status===0&&_this.disableShow){data2.push(item)}});return data2},defaultIndex:function defaultIndex(){var index=0;for(var i=0,n=this.realOptions.length;i<n;i++){if(this.value+""===this.realOptions[i].value+""){index=i;break}}return index},noMoreText:function noMoreText(){if(this.elemKey==="bank.bank"){return"暂无匹配开户行"}return"暂无匹配支行"}},methods:{changeValue:function changeValue(value){var ext=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";this.change(void 0,value,ext);this.handleLayerClose()},close:function close(){this.cancel();this.handleLayerClose()},handleLayerClose:function handleLayerClose(){this.selectLayerVisible=false;this.fuzzySearchLayerVisible=false},click:function click(){var _this2=this;if(this.pickerType){this.selectLayerVisible=true}else if(this.needSearch){if(this.showLayerFn){this.showLayerFn("needSearch",function(status){if(status!==false){_this2.fuzzySearchLayerVisible=true}})}else{this.fuzzySearchLayerVisible=true}}else{if(this.picker){this.picker.setData([this.realOptions],[this.defaultIndex])}else{this.picker=this.$createPicker({data:[this.realOptions],zIndex:this.zIndex,selectedIndex:[this.defaultIndex],confirmColor:this.brandColor,onSelect:this.select})}this.picker.show()}},select:function select(_ref,idx){var _ref2=_slicedToArray(_ref,1),value=_ref2[0];if(this.disableShow&&this.realOptions[idx].status===0){this.$emit("error",{errmsg:this.disableShow.errorRemind||""});return}if(value===this.value)return;this.change(void 0,value)}},components:{ActGoldBaseElement:common_baseelement.ActGoldBaseElement,svgIcon:common_svgicon.svgIcon,SelectLayer:GoldSelect_select.SelectLayer,FuzzySearchLayer:GoldSelect_searchBank.FuzzySearchLayer}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"container"},[_c("act-gold-base-element",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],attrs:{"common":_vm.common,"tempVar":_vm.tempVar,"hasArrow":true},on:{"showTips":_vm.showTips,"takenLink":_vm.takenLink}},[_c("p",{staticClass:"element-select element-wrap",class:{"element-placeholder":!_vm.descText},style:{"font-size":_vm.size,"color":_vm.color},attrs:{"data-key":[_vm.isWebTester?_vm.elemKey:""]},on:{"mucChange":function mucChange($event){return _vm.mucChange($event)},"click":function click2($event){$event.stopPropagation();return _vm.click.apply(null,arguments)}}},[_vm._v(" "+_vm._s(_vm.descText||_vm.placeholder||"请选择")+" ")]),_c("i",{staticClass:"icon-arrow"},[_c("svg-icon",{attrs:{"iconClass":"gold-arrow-right"}})],1)]),_vm.pickerType?_c("select-layer",{attrs:{"title":_vm.realTitle,"brandColor":_vm.brandColor,"options":_vm.realOptions,"value":_vm.value,"pickerType":_vm.pickerType,"visible":_vm.selectLayerVisible},on:{"change":_vm.changeValue,"close":_vm.close}}):_vm._e(),_vm.needSearch?_c("fuzzy-search-layer",{attrs:{"title":_vm.realTitle,"brandColor":_vm.brandColor,"options":_vm.realOptions,"value":_vm.value,"visible":_vm.fuzzySearchLayerVisible,"noMoreText":_vm.noMoreText},on:{"change":_vm.changeValue,"close":_vm.close}}):_vm._e()],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,null);var GoldSelect=__component__.exports;GoldSelect.install=function(Vue){Vue.component(GoldSelect.name,GoldSelect);Vue.prototype["$createGoldSelect"]=utils_create.create(GoldSelect,Vue)};exports.GoldSelect=GoldSelect;