@xysfe/actui2 0.0.1

package/lib/common/layer/index.mjs

@@ -0,0 +1,157 @@
+import { v as visibleMixin } from "../../mixins/visible/index.mjs";
+import { A as ActPopup } from "../popup/index.mjs";
+import { f as fontSize } from "../../mixins/fontsize/index.mjs";
+import __$_require_159146f0__ from "../../assets/close.4b24.png";
+import { n as normalizeComponent } from "../index.mjs";
+import './style.css';var HIDE_LAYER_EVENT = "hidelayer";
+var _sfc_main = {
+  name: "ActLayer",
+  mixins: [visibleMixin, fontSize],
+  methods: {
+    hideLayer: function hideLayer(e) {
+      this.$emit(HIDE_LAYER_EVENT, e);
+    },
+    headLoaded: function headLoaded() {
+    }
+  },
+  props: {
+    //big or slim or img
+    type: {
+      type: String,
+      default: "big"
+    },
+    headImg: {
+      type: String,
+      default: ""
+    },
+    headImgColor: {
+      type: String,
+      default: ""
+    },
+    hbgColor: {
+      type: String,
+      default: ""
+    },
+    cbgColor: {
+      type: String,
+      default: ""
+    },
+    showHead: {
+      type: Boolean,
+      default: true
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    opacity: {
+      type: [Number, String],
+      default: 0.7
+    },
+    zIndex: {
+      type: [String, Number],
+      default: "999"
+    }
+  },
+  computed: {
+    _headerBgColor: function _headerBgColor() {
+      if (this.hbgColor) {
+        return this.hbgColor;
+      } else {
+        if (this.type === "big") {
+          return "#f9443c";
+        } else {
+          return "#f7debb";
+        }
+      }
+    },
+    _contentBgColor: function _contentBgColor() {
+      if (this.cbgColor) {
+        return this.cbgColor;
+      } else {
+        if (this.type === "big" || this.type === "img") {
+          return "#fff";
+        } else {
+          return "#f9443c";
+        }
+      }
+    }
+  },
+  components: {
+    ActPopup
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "zIndex": _vm.zIndex,
+      "opacity": _vm.opacity
+    },
+    scopedSlots: _vm._u([{
+      key: "mask",
+      fn: function fn() {
+        return [_c("div", {
+          staticClass: "act-layer",
+          class: "act-layer-" + _vm.type,
+          style: {
+            "fontSize": _vm._fontSize
+          }
+        }, [_vm.type === "img" ? [_c("div", {
+          ref: "headImg",
+          staticClass: "head-img",
+          style: {
+            backgroundColor: _vm.headImgColor
+          }
+        }, [_c("img", {
+          attrs: {
+            "src": _vm.headImg
+          },
+          on: {
+            "load": _vm.headLoaded
+          }
+        })]), _c("div", {
+          staticClass: "act-layer-content fix-gap",
+          style: {
+            backgroundColor: _vm._contentBgColor
+          }
+        }, [_c("div", [_vm._t("content")], 2)])] : _c("div", {
+          staticClass: "layer-wrap",
+          style: {
+            backgroundColor: _vm._contentBgColor
+          }
+        }, [_vm.showHead ? _c("div", {
+          staticClass: "act-layer-header",
+          style: {
+            color: _vm._headerBgColor,
+            backgroundColor: _vm._headerBgColor
+          }
+        }, [_vm._t("header")], 2) : _vm._e(), _c("div", {
+          staticClass: "act-layer-content"
+        }, [_vm._t("content")], 2)]), _vm.showClose ? _c("div", {
+          staticClass: "act-layer-close"
+        }, [_c("img", {
+          attrs: {
+            "src": __$_require_159146f0__
+          },
+          on: {
+            "click": _vm.hideLayer
+          }
+        })]) : _vm._e()], 2)];
+      },
+      proxy: true
+    }], null, true)
+  });
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "9ccbbedb");
+var ActLayer = __component__.exports;
+export {
+  ActLayer as A
+};

package/lib/common/layer/style.css

@@ -0,0 +1 @@
+*[data-v-9ccbbedb]{-webkit-tap-highlight-color:transparent}.act-layer[data-v-9ccbbedb]{max-width:60em;width:86%;z-index:99;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;line-height:1}.act-layer .layer-wrap[data-v-9ccbbedb]{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.act-layer .head-img[data-v-9ccbbedb]{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}.act-layer .head-img img[data-v-9ccbbedb]{display:block;width:100%}.act-layer-header[data-v-9ccbbedb]{position:relative;margin-bottom:1.4em;z-index:2}.act-layer-header[data-v-9ccbbedb]:after{content:"";position:absolute;bottom:-1.4em;left:-10%;right:-10%;height:5.6em;border-radius:0 0 50% 50%;background-color:currentColor;z-index:-1}.act-layer-slim .act-layer-header[data-v-9ccbbedb]{margin-bottom:0;padding-top:1.5em;background-color:initial!important}.act-layer-slim .act-layer-header[data-v-9ccbbedb]:after{top:0;left:-12%;right:-12%;height:1.5em}.act-layer-content[data-v-9ccbbedb]{border-bottom-left-radius:8px;border-bottom-right-radius:8px;position:relative;z-index:1}.act-layer-content.fix-gap[data-v-9ccbbedb]::before{content:"";position:absolute;width:100%;background-color:inherit;height:2PX;top:-1PX}.act-layer-close[data-v-9ccbbedb]{width:100%;margin-top:2em}.act-layer-close img[data-v-9ccbbedb]{display:block;margin:0 auto;width:3.5em;height:3.5em;pointer-events:auto!important}

package/lib/common/popup/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var mixins_visible=require("../../mixins/visible/index.js");var mixins_popup=require("../../mixins/popup/index.js");var common=require("../index.js");var EVENT_MASK_CLICK="mask-click";var _sfc_main={name:"ActPopup",mixins:[mixins_visible.visibleMixin,mixins_popup.popupMixin],props:{type:{type:String,default:""},mask:{type:Boolean,default:true},content:{type:String,default:""},center:{type:Boolean,default:true},opacity:{type:[Number,String],default:.7},pointerEvent:{type:String,default:""},zIndex:{type:[String,Number],default:"999"},topBorderRadius:{type:Boolean,default:false}},computed:{typeClass:function typeClass(){return this.type?"act-".concat(this.type):""},maskBgColor:function maskBgColor(){return"rgba(0, 0, 0, "+this.opacity+")"}},methods:{maskClick:function maskClick(e){this.$emit(EVENT_MASK_CLICK,e)}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],staticClass:"act-popup",class:_vm.typeClass,style:{pointerEvents:_vm.pointerEvent,zIndex:_vm.zIndex}},[_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.mask,expression:"mask"}],staticClass:"act-popup-mask act-row act-middle",style:{backgroundColor:_vm.maskBgColor},on:{"click":_vm.maskClick}},[_vm._t("mask")],2),_c("div",{staticClass:"act-popup-container",class:{"act-popup-center":_vm.center}},[_vm.$slots.default?_c("div",{class:{"act-popup-content":true,"act-popup-top-radius":_vm.topBorderRadius}},[_vm._t("default")],2):_c("div",{class:{"act-popup-content":true,"act-popup-top-radius":_vm.topBorderRadius},domProps:{"innerHTML":_vm._s(_vm.content)}})])])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,null);var ActPopup=__component__.exports;exports.ActPopup=ActPopup;

package/lib/common/popup/index.mjs

@@ -0,0 +1,110 @@
+import { v as visibleMixin } from "../../mixins/visible/index.mjs";
+import { p as popupMixin } from "../../mixins/popup/index.mjs";
+import { n as normalizeComponent } from "../index.mjs";
+import './style.css';var EVENT_MASK_CLICK = "mask-click";
+var _sfc_main = {
+  name: "ActPopup",
+  mixins: [visibleMixin, popupMixin],
+  props: {
+    type: {
+      type: String,
+      default: ""
+    },
+    mask: {
+      type: Boolean,
+      default: true
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    center: {
+      type: Boolean,
+      default: true
+    },
+    opacity: {
+      type: [Number, String],
+      default: 0.7
+    },
+    pointerEvent: {
+      type: String,
+      default: ""
+    },
+    zIndex: {
+      type: [String, Number],
+      default: "999"
+    },
+    topBorderRadius: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    typeClass: function typeClass() {
+      return this.type ? "act-".concat(this.type) : "";
+    },
+    maskBgColor: function maskBgColor() {
+      return "rgba(0, 0, 0, " + this.opacity + ")";
+    }
+  },
+  methods: {
+    maskClick: function maskClick(e) {
+      this.$emit(EVENT_MASK_CLICK, e);
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    staticClass: "act-popup",
+    class: _vm.typeClass,
+    style: {
+      pointerEvents: _vm.pointerEvent,
+      zIndex: _vm.zIndex
+    }
+  }, [_c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.mask,
+      expression: "mask"
+    }],
+    staticClass: "act-popup-mask act-row act-middle",
+    style: {
+      backgroundColor: _vm.maskBgColor
+    },
+    on: {
+      "click": _vm.maskClick
+    }
+  }, [_vm._t("mask")], 2), _c("div", {
+    staticClass: "act-popup-container",
+    class: {
+      "act-popup-center": _vm.center
+    }
+  }, [_vm.$slots.default ? _c("div", {
+    class: {
+      "act-popup-content": true,
+      "act-popup-top-radius": _vm.topBorderRadius
+    }
+  }, [_vm._t("default")], 2) : _c("div", {
+    class: {
+      "act-popup-content": true,
+      "act-popup-top-radius": _vm.topBorderRadius
+    },
+    domProps: {
+      "innerHTML": _vm._s(_vm.content)
+    }
+  })])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null);
+var ActPopup = __component__.exports;
+export {
+  ActPopup as A
+};

package/lib/common/popup/style.css

@@ -0,0 +1 @@
+.act-popup{position:fixed;left:0;right:0;top:0;bottom:0}.act-popup-mask,.act-popup-container{position:absolute;width:100%;height:100%}.act-popup-mask{overflow:hidden}.act-popup-mask::before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,0.1);margin-left:-10px}.act-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.act-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.act-popup-center .act-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-popup-top-radius{border-top-left-radius:12px;border-top-right-radius:12px}.act-popup-top-radius.act-popup-content{overflow:hidden}

package/lib/common/scroll/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var BScroll=require("better-scroll");var utils_BScroll_constants=require("../../utils/BScroll/constants/index.js");var common=require("../index.js");var COMPONENT_NAME="ActScroll";var DIRECTION_H="horizontal";var DIRECTION_V="vertical";var _sfc_main={name:COMPONENT_NAME,props:{probeType:{type:Number,default:2},click:{type:Boolean,default:true},listenScrollInit:{type:Boolean,default:false},listenScroll:{type:Boolean,default:false},listenBeforeScroll:{type:Boolean,default:false},listenScrollEnd:{type:Boolean,default:false},listenZoomEnd:{type:Boolean,default:false},listenPullingUp:{type:Boolean,default:false},direction:{type:String,default:DIRECTION_V},scrollbar:{type:null,default:false},startY:{type:Number,default:0},refreshDelay:{type:Number,default:20},freeScroll:{type:Boolean,default:false},mouseWheel:{type:Boolean,default:false},bounce:{type:[Boolean,Object],default:true},zoom:{type:Boolean,default:false},useTransition:{type:Boolean,default:true}},data:function data(){return{beforePullDown:true,isRebounding:false,pullUpDirty:true,pullDownStyle:"",bubbleY:0,lastTouchStart:null,fingers:0,tapTarget:null,isDouble:false,startXd:0,startYd:0,endXd:0,endYd:0}},mounted:function mounted(){var _this=this;this.$nextTick(function(){_this.initScroll()})},destroyed:function destroyed(){this.scroll&&this.scroll.destroy();this.$emit("destroyed",this.scroll)},methods:{initScroll:function initScroll(){var _this2=this;if(!this.$refs.wrapper){return}var options={probeType:this.probeType,click:this.click,scrollY:this.freeScroll||this.direction===DIRECTION_V,scrollX:this.freeScroll||this.direction===DIRECTION_H,scrollbar:this.scrollbar,startY:this.startY,freeScroll:this.freeScroll,mouseWheel:this.mouseWheel,bounce:this.bounce,zoom:this.zoom,bounceTime:300,useTransition:utils_BScroll_constants.USE_TRANSITION&&this.useTransition,pullUpLoad:{threshold:50}};this.scroll=new BScroll(this.$refs.wrapper,options);if(this.listenScroll){this.scroll.on("scroll",function(pos){_this2.$emit("scroll",pos)})}if(this.listenScrollEnd){this.scroll.on("scrollEnd",function(pos){_this2.$emit("scroll-end",pos)})}if(this.listenBeforeScroll){this.scroll.on("beforeScrollStart",function(){_this2.$emit("beforeScrollStart")});this.scroll.on("scrollStart",function(){_this2.$emit("scroll-start")})}if(this.listenZoomEnd){this.scroll.on("zoomEnd",function(){_this2.$emit("zoomEnd",_this2.scroll)})}if(this.zoom){this.isDouble=true}if(this.listenScrollInit){this.$emit("scrollSuc",this.scroll)}if(this.listenPullingUp){this.scroll.on("pullingUp",function(){_this2.$emit("pullingUp")})}},disable:function disable(){this.scroll&&this.scroll.disable()},enable:function enable(){this.scroll&&this.scroll.enable()},refresh:function refresh(){this.scroll&&this.scroll.refresh()},scrollTo:function scrollTo(){this.scroll&&this.scroll.scrollTo.apply(this.scroll,arguments)},scrollToElement:function scrollToElement(){this.scroll&&this.scroll.scrollToElement.apply(this.scroll,arguments)},clickItem:function clickItem(e,item){this.$emit("click",item)},destroy:function destroy(){this.scroll.destroy()},forceUpdate:function forceUpdate(dirty){this.refresh()}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{ref:"wrapper",staticClass:"scroll-wrapper"},[_c("div",{staticClass:"scroll-content"},[_vm._t("default")],2)])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"85e6655d");var Scroll=__component__.exports;exports.Scroll=Scroll;

package/lib/common/scroll/index.mjs

@@ -0,0 +1,205 @@
+import BScroll from "better-scroll";
+import { U as USE_TRANSITION } from "../../utils/BScroll/constants/index.mjs";
+import { n as normalizeComponent } from "../index.mjs";
+import './style.css';var COMPONENT_NAME = "ActScroll";
+var DIRECTION_H = "horizontal";
+var DIRECTION_V = "vertical";
+var _sfc_main = {
+  name: COMPONENT_NAME,
+  props: {
+    probeType: {
+      type: Number,
+      default: 2
+    },
+    click: {
+      type: Boolean,
+      default: true
+    },
+    listenScrollInit: {
+      type: Boolean,
+      default: false
+    },
+    listenScroll: {
+      type: Boolean,
+      default: false
+    },
+    listenBeforeScroll: {
+      type: Boolean,
+      default: false
+    },
+    listenScrollEnd: {
+      type: Boolean,
+      default: false
+    },
+    listenZoomEnd: {
+      type: Boolean,
+      default: false
+    },
+    listenPullingUp: {
+      type: Boolean,
+      default: false
+    },
+    direction: {
+      type: String,
+      default: DIRECTION_V
+    },
+    scrollbar: {
+      type: null,
+      default: false
+    },
+    startY: {
+      type: Number,
+      default: 0
+    },
+    refreshDelay: {
+      type: Number,
+      default: 20
+    },
+    freeScroll: {
+      type: Boolean,
+      default: false
+    },
+    mouseWheel: {
+      type: Boolean,
+      default: false
+    },
+    bounce: {
+      type: [Boolean, Object],
+      default: true
+    },
+    zoom: {
+      type: Boolean,
+      default: false
+    },
+    useTransition: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data: function data() {
+    return {
+      beforePullDown: true,
+      isRebounding: false,
+      pullUpDirty: true,
+      pullDownStyle: "",
+      bubbleY: 0,
+      lastTouchStart: null,
+      fingers: 0,
+      tapTarget: null,
+      isDouble: false,
+      startXd: 0,
+      startYd: 0,
+      endXd: 0,
+      endYd: 0
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function() {
+      _this.initScroll();
+    });
+  },
+  destroyed: function destroyed() {
+    this.scroll && this.scroll.destroy();
+    this.$emit("destroyed", this.scroll);
+  },
+  methods: {
+    initScroll: function initScroll() {
+      var _this2 = this;
+      if (!this.$refs.wrapper) {
+        return;
+      }
+      var options = {
+        probeType: this.probeType,
+        click: this.click,
+        scrollY: this.freeScroll || this.direction === DIRECTION_V,
+        scrollX: this.freeScroll || this.direction === DIRECTION_H,
+        scrollbar: this.scrollbar,
+        startY: this.startY,
+        freeScroll: this.freeScroll,
+        mouseWheel: this.mouseWheel,
+        bounce: this.bounce,
+        zoom: this.zoom,
+        bounceTime: 300,
+        useTransition: USE_TRANSITION && this.useTransition,
+        pullUpLoad: {
+          threshold: 50
+        }
+      };
+      this.scroll = new BScroll(this.$refs.wrapper, options);
+      if (this.listenScroll) {
+        this.scroll.on("scroll", function(pos) {
+          _this2.$emit("scroll", pos);
+        });
+      }
+      if (this.listenScrollEnd) {
+        this.scroll.on("scrollEnd", function(pos) {
+          _this2.$emit("scroll-end", pos);
+        });
+      }
+      if (this.listenBeforeScroll) {
+        this.scroll.on("beforeScrollStart", function() {
+          _this2.$emit("beforeScrollStart");
+        });
+        this.scroll.on("scrollStart", function() {
+          _this2.$emit("scroll-start");
+        });
+      }
+      if (this.listenZoomEnd) {
+        this.scroll.on("zoomEnd", function() {
+          _this2.$emit("zoomEnd", _this2.scroll);
+        });
+      }
+      if (this.zoom) {
+        this.isDouble = true;
+      }
+      if (this.listenScrollInit) {
+        this.$emit("scrollSuc", this.scroll);
+      }
+      if (this.listenPullingUp) {
+        this.scroll.on("pullingUp", function() {
+          _this2.$emit("pullingUp");
+        });
+      }
+    },
+    disable: function disable() {
+      this.scroll && this.scroll.disable();
+    },
+    enable: function enable() {
+      this.scroll && this.scroll.enable();
+    },
+    refresh: function refresh() {
+      this.scroll && this.scroll.refresh();
+    },
+    scrollTo: function scrollTo() {
+      this.scroll && this.scroll.scrollTo.apply(this.scroll, arguments);
+    },
+    scrollToElement: function scrollToElement() {
+      this.scroll && this.scroll.scrollToElement.apply(this.scroll, arguments);
+    },
+    clickItem: function clickItem(e, item) {
+      this.$emit("click", item);
+    },
+    destroy: function destroy() {
+      this.scroll.destroy();
+    },
+    forceUpdate: function forceUpdate(dirty) {
+      this.refresh();
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    ref: "wrapper",
+    staticClass: "scroll-wrapper"
+  }, [_c("div", {
+    staticClass: "scroll-content"
+  }, [_vm._t("default")], 2)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "85e6655d");
+var Scroll = __component__.exports;
+export {
+  Scroll as S
+};

package/lib/common/scroll/style.css

@@ -0,0 +1 @@
+[data-v-85e6655d] .bscroll-vertical-scrollbar{width:5px!important}[data-v-85e6655d] .bscroll-indicator{background:rgba(0,0,0,0.2)!important}.scroll-wrapper[data-v-85e6655d]{position:relative;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scroll-wrapper .scroll-content[data-v-85e6655d]{width:100%;position:relative;z-index:1}

package/lib/common/scrollZoom/bubble/index.js

@@ -0,0 +1 @@
+"use strict";var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var _fillInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/fill");var common=require("../../index.js");var _sfc_main={props:{y:{type:Number,default:0}},data:function data(){return{width:50,height:80}},computed:{distance:function distance(){return Math.max(0,Math.min(this.y*this.ratio,this.maxDistance))},style:function style(){var _context;return _concatInstanceProperty(_context="width:".concat(this.width/this.ratio,"px;height:")).call(_context,this.height/this.ratio,"px")}},created:function created(){this.ratio=window.devicePixelRatio;this.width*=this.ratio;this.height*=this.ratio;this.initRadius=18*this.ratio;this.minHeadRadius=12*this.ratio;this.minTailRadius=5*this.ratio;this.initArrowRadius=10*this.ratio;this.minArrowRadius=6*this.ratio;this.arrowWidth=3*this.ratio;this.maxDistance=40*this.ratio;this.initCenterX=25*this.ratio;this.initCenterY=25*this.ratio;this.headCenter={x:this.initCenterX,y:this.initCenterY}},mounted:function mounted(){this._draw()},methods:{_draw:function _draw(){var bubble=this.$refs.bubble;var ctx=bubble.getContext("2d");ctx.clearRect(0,0,bubble.width,bubble.height);this._drawBubble(ctx);this._drawArrow(ctx)},_drawBubble:function _drawBubble(ctx){ctx.save();ctx.beginPath();var rate=this.distance/this.maxDistance;var headRadius=this.initRadius-(this.initRadius-this.minHeadRadius)*rate;this.headCenter.y=this.initCenterY-(this.initRadius-this.minHeadRadius)*rate;ctx.arc(this.headCenter.x,this.headCenter.y,headRadius,0,Math.PI,true);var tailRadius=this.initRadius-(this.initRadius-this.minTailRadius)*rate;var tailCenter={x:this.headCenter.x,y:this.headCenter.y+this.distance};var tailPointL={x:tailCenter.x-tailRadius,y:tailCenter.y};var controlPointL={x:tailPointL.x,y:tailPointL.y-this.distance/2};ctx.quadraticCurveTo(controlPointL.x,controlPointL.y,tailPointL.x,tailPointL.y);ctx.arc(tailCenter.x,tailCenter.y,tailRadius,Math.PI,0,true);var headPointR={x:this.headCenter.x+headRadius,y:this.headCenter.y};var controlPointR={x:tailCenter.x+tailRadius,y:headPointR.y+this.distance/2};ctx.quadraticCurveTo(controlPointR.x,controlPointR.y,headPointR.x,headPointR.y);ctx.fillStyle="rgb(170,170,170)";_fillInstanceProperty(ctx).call(ctx);ctx.strokeStyle="rgb(153,153,153)";ctx.stroke();ctx.restore()},_drawArrow:function _drawArrow(ctx){ctx.save();ctx.beginPath();var rate=this.distance/this.maxDistance;var arrowRadius=this.initArrowRadius-(this.initArrowRadius-this.minArrowRadius)*rate;ctx.arc(this.headCenter.x,this.headCenter.y,arrowRadius-(this.arrowWidth-rate),-Math.PI/2,0,true);ctx.arc(this.headCenter.x,this.headCenter.y,arrowRadius,0,Math.PI*3/2,false);ctx.lineTo(this.headCenter.x,this.headCenter.y-arrowRadius-this.arrowWidth/2+rate);ctx.lineTo(this.headCenter.x+this.arrowWidth*2-rate*2,this.headCenter.y-arrowRadius+this.arrowWidth/2);ctx.lineTo(this.headCenter.x,this.headCenter.y-arrowRadius+this.arrowWidth*3/2-rate);ctx.fillStyle="rgb(255,255,255)";_fillInstanceProperty(ctx).call(ctx);ctx.strokeStyle="rgb(170,170,170)";ctx.stroke();ctx.restore()}},watch:{y:function y(){this._draw()}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("canvas",{ref:"bubble",style:_vm.style,attrs:{"width":_vm.width,"height":_vm.height}})};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,null);var Bubble=__component__.exports;exports.Bubble=Bubble;

package/lib/common/scrollZoom/bubble/index.mjs

@@ -0,0 +1,131 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _fillInstanceProperty from "@babel/runtime-corejs3/core-js/instance/fill";
+import { n as normalizeComponent } from "../../index.mjs";
+var _sfc_main = {
+  props: {
+    y: {
+      type: Number,
+      default: 0
+    }
+  },
+  data: function data() {
+    return {
+      width: 50,
+      height: 80
+    };
+  },
+  computed: {
+    distance: function distance() {
+      return Math.max(0, Math.min(this.y * this.ratio, this.maxDistance));
+    },
+    style: function style() {
+      var _context;
+      return _concatInstanceProperty(_context = "width:".concat(this.width / this.ratio, "px;height:")).call(_context, this.height / this.ratio, "px");
+    }
+  },
+  created: function created() {
+    this.ratio = window.devicePixelRatio;
+    this.width *= this.ratio;
+    this.height *= this.ratio;
+    this.initRadius = 18 * this.ratio;
+    this.minHeadRadius = 12 * this.ratio;
+    this.minTailRadius = 5 * this.ratio;
+    this.initArrowRadius = 10 * this.ratio;
+    this.minArrowRadius = 6 * this.ratio;
+    this.arrowWidth = 3 * this.ratio;
+    this.maxDistance = 40 * this.ratio;
+    this.initCenterX = 25 * this.ratio;
+    this.initCenterY = 25 * this.ratio;
+    this.headCenter = {
+      x: this.initCenterX,
+      y: this.initCenterY
+    };
+  },
+  mounted: function mounted() {
+    this._draw();
+  },
+  methods: {
+    _draw: function _draw() {
+      var bubble = this.$refs.bubble;
+      var ctx = bubble.getContext("2d");
+      ctx.clearRect(0, 0, bubble.width, bubble.height);
+      this._drawBubble(ctx);
+      this._drawArrow(ctx);
+    },
+    _drawBubble: function _drawBubble(ctx) {
+      ctx.save();
+      ctx.beginPath();
+      var rate = this.distance / this.maxDistance;
+      var headRadius = this.initRadius - (this.initRadius - this.minHeadRadius) * rate;
+      this.headCenter.y = this.initCenterY - (this.initRadius - this.minHeadRadius) * rate;
+      ctx.arc(this.headCenter.x, this.headCenter.y, headRadius, 0, Math.PI, true);
+      var tailRadius = this.initRadius - (this.initRadius - this.minTailRadius) * rate;
+      var tailCenter = {
+        x: this.headCenter.x,
+        y: this.headCenter.y + this.distance
+      };
+      var tailPointL = {
+        x: tailCenter.x - tailRadius,
+        y: tailCenter.y
+      };
+      var controlPointL = {
+        x: tailPointL.x,
+        y: tailPointL.y - this.distance / 2
+      };
+      ctx.quadraticCurveTo(controlPointL.x, controlPointL.y, tailPointL.x, tailPointL.y);
+      ctx.arc(tailCenter.x, tailCenter.y, tailRadius, Math.PI, 0, true);
+      var headPointR = {
+        x: this.headCenter.x + headRadius,
+        y: this.headCenter.y
+      };
+      var controlPointR = {
+        x: tailCenter.x + tailRadius,
+        y: headPointR.y + this.distance / 2
+      };
+      ctx.quadraticCurveTo(controlPointR.x, controlPointR.y, headPointR.x, headPointR.y);
+      ctx.fillStyle = "rgb(170,170,170)";
+      _fillInstanceProperty(ctx).call(ctx);
+      ctx.strokeStyle = "rgb(153,153,153)";
+      ctx.stroke();
+      ctx.restore();
+    },
+    _drawArrow: function _drawArrow(ctx) {
+      ctx.save();
+      ctx.beginPath();
+      var rate = this.distance / this.maxDistance;
+      var arrowRadius = this.initArrowRadius - (this.initArrowRadius - this.minArrowRadius) * rate;
+      ctx.arc(this.headCenter.x, this.headCenter.y, arrowRadius - (this.arrowWidth - rate), -Math.PI / 2, 0, true);
+      ctx.arc(this.headCenter.x, this.headCenter.y, arrowRadius, 0, Math.PI * 3 / 2, false);
+      ctx.lineTo(this.headCenter.x, this.headCenter.y - arrowRadius - this.arrowWidth / 2 + rate);
+      ctx.lineTo(this.headCenter.x + this.arrowWidth * 2 - rate * 2, this.headCenter.y - arrowRadius + this.arrowWidth / 2);
+      ctx.lineTo(this.headCenter.x, this.headCenter.y - arrowRadius + this.arrowWidth * 3 / 2 - rate);
+      ctx.fillStyle = "rgb(255,255,255)";
+      _fillInstanceProperty(ctx).call(ctx);
+      ctx.strokeStyle = "rgb(170,170,170)";
+      ctx.stroke();
+      ctx.restore();
+    }
+  },
+  watch: {
+    y: function y() {
+      this._draw();
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("canvas", {
+    ref: "bubble",
+    style: _vm.style,
+    attrs: {
+      "width": _vm.width,
+      "height": _vm.height
+    }
+  });
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null);
+var Bubble = __component__.exports;
+export {
+  Bubble as B
+};

package/lib/common/scrollZoom/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _sliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/slice");var _fillInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/fill");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _everyInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/every");var _includesInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/includes");var common_scrollZoom_scroll=require("./scroll/index.js");var utils_post=require("../../utils/post/index.js");var Pdfjs=require("../../Pdfjs/index.js");var common=require("../index.js");var _sfc_main={name:"ScrollZoom",data:function data(){return{pdf:null}},computed:{currentTerm:function currentTerm(){return this.termsInfo[this.docIndex]||null},liTagInfo:function liTagInfo(){var arr=[];if(this.currentTerm&&this.currentTerm.liTag&&this.currentTerm.myScroll){for(var i=0;i<this.currentTerm.liTag.length;i++){var el=this.currentTerm.liTag[i];arr.push({tag:el,top:el.offsetTop*this.currentTerm.currentScale,left:el.offsetLeft*this.currentTerm.currentScale,width:el.offsetWidth*this.currentTerm.currentScale,height:el.offsetHeight*this.currentTerm.currentScale})}}return arr},isPurePdfType:function isPurePdfType(){return this.currentTerm.type===4},isImageType:function isImageType(){return Number(this.currentTerm.type)===2},isShowLoading:function isShowLoading(){var myScroll=this.currentTerm.myScroll;if(this.isPurePdfType&&this.pdf&&!this.pdf.inited){return true}else if(this.isImageType&&this.currentTerm.isLoading&&this.currentTerm.currentPage===1||this.isImageType&&this.currentTerm.isLoading&&myScroll&&Math.abs(myScroll.y)+50>=Math.abs(myScroll.maxScrollY)){return true}return false},purePdfLoadingComplated:function purePdfLoadingComplated(){if(!this.isPurePdfType||!this.pdf)return false;var _this$pdf=this.pdf,numPages=_this$pdf.numPages,renderedPages=_this$pdf.renderedPages;return numPages&&renderedPages&&numPages===renderedPages.length},imagesInitLoad:function imagesInitLoad(){return this.isImageType&&this.currentTerm.isLoading&&this.currentTerm.currentPage===1},imagesLoadingComplated:function imagesLoadingComplated(){return this.currentTerm.currentPage*this.pageSize>=this.currentTerm.urls.length}},watch:{purePdfLoadingComplated:function purePdfLoadingComplated2(val){if(val&&this.currentTerm.curPosition){var scrolledEnd=this.currentTerm.curPosition.y===this.currentTerm.myScroll.maxScrollY;if(scrolledEnd){this.$emit("canINext",true)}}}},methods:{loadNextPage:function loadNextPage(){var term=this.currentTerm;if(term.currentPage*this.pageSize>=term.urls.length)return;term.currentPage++;term.isLoading=true;this.initImages()},initImages:function initImages(){var _context,_context2,_this=this;var term=this.currentTerm;var ulElement=this.$refs["scrollList".concat(this.docIndex)][0];var start=(term.currentPage-1)*this.pageSize;var pageUrls=_sliceInstanceProperty(_context=term.urls).call(_context,start,start+this.pageSize);var imagesLoaded=_fillInstanceProperty(_context2=new Array(pageUrls.length)).call(_context2,false);var liElements=[];_forEachInstanceProperty(pageUrls).call(pageUrls,function(url,index){var li=document.createElement("li");var img=new Image;li.style.height=_this.currentTerm.styleImg.height;img.onload=function(){li.appendChild(img);imagesLoaded[index]=true;if(_everyInstanceProperty(imagesLoaded).call(imagesLoaded,function(loaded){return loaded})){_forEachInstanceProperty(liElements).call(liElements,function(li2){return ulElement.appendChild(li2)});term.isLoading=false;_this.currentTerm.myScroll.refresh();if(_this.currentTerm.currentPage*_this.pageSize<_this.currentTerm.urls.length){_this.loadNextPage()}}};img.src=url;img.style.width="100%";li.appendChild(img);liElements.push(li)})},initWord:function initWord(urls){var _this2=this;if(urls instanceof Array){utils_post.get(urls[0]).then(function(res){res=res.replace(/<span[^>]*?>[\s|&nbsp;]*<\/span>/g,"");res=res.replace(/<span[^>]*?>[\s|&nbsp;]*<em>\s*<\/em>\s*<\/span>/g,"");_this2.currentTerm.wordHtml=res;_this2.currentTerm.classObject["scroll-word"]=true;_this2.currentTerm.init=true}).catch(function(e){})}else{}},initPDF:function initPDF(urls){if(urls instanceof Array){var that=this;var img=new Image;img.src=urls[0];img.onload=function(){var ratio=window.innerWidth/img.width;var imgHeight=(ratio*img.height).toFixed(2)*2;that.currentTerm.styleImg.height=imgHeight+"px";that.currentTerm.classObject["scroll-pdf"]=true;that.currentTerm.listenScrollEnd=true;that.currentTerm.listenZoomEnd=true;that.currentTerm.listenScroll=true;that.currentTerm.init=true}}else{}},initHtml:function initHtml(html){html=html.replace(/<span[^>]*?>[\s|&nbsp;]*<\/span>/g,"");html=html.replace(/<span[^>]*?>[\s|&nbsp;]*<em>\s*<\/em>\s*<\/span>/g,"");this.currentTerm.wordHtml=html;this.currentTerm.classObject["scroll-word"]=true;this.currentTerm.init=true},initPurePDF:function initPurePDF(urls){this.currentTerm.listenScroll=true;this.currentTerm.listenZoomEnd=true;this.currentTerm.listenScrollEnd=true;this.currentTerm.observeDOM=false;this.currentTerm.init=true},scroll:function scroll(pos){this.lazyLoad(pos)},scrollEnd:function scrollEnd(pos){var _context3;if(!this.isPurePdfType){this.lazyLoad(pos)}else{this.currentTerm.curPosition=pos}var scrolledEnd=pos.y===this.currentTerm.myScroll.maxScrollY;if(!_includesInstanceProperty(_context3=[2,4]).call(_context3,this.currentTerm.type)&&this.forceRead&&scrolledEnd){this.$emit("canINext",true)}if(this.isImageType&&this.forceRead&&this.imagesLoadingComplated&&scrolledEnd){this.$emit("canINext",true)}if(this.isPurePdfType&&this.forceRead&&this.purePdfLoadingComplated&&scrolledEnd){this.$emit("canINext",true)}if(scrolledEnd){this.$emit("scrolledEnd",true)}},scrollInit:function scrollInit(myScroll){var _this3=this;this.currentTerm.myScroll=myScroll;if(this.forceRead&&this.currentTerm.myScroll&&+this.currentTerm.myScroll.maxScrollY===0&&!this.isPurePdfType&&!this.isImageType){this.$emit("canINext",true)}if(this.currentTerm.type===1&&this.$refs["wordHtml"+this.docIndex]&&this.$refs["wordHtml"+this.docIndex][0]){var tables=this.$refs["wordHtml"+this.docIndex][0].querySelectorAll("table");this.refreshTable(tables);var imgs=this.$refs["wordHtml"+this.docIndex][0].querySelectorAll("img");this.refreshImg(imgs)}else if(this.isImageType&&this.$refs["scrollList"+this.docIndex]&&this.$refs["scrollList"+this.docIndex][0]){this.currentTerm.cWidth=this.currentTerm.myScroll.wrapperHeight;this.currentTerm.cHeight=this.currentTerm.myScroll.wrapperWidth;this.loadNextPage()}else if(this.currentTerm.type===99){this.currentTerm.myScroll.refresh()}else if(this.currentTerm.type===4){this.pdf=new Pdfjs.Pdf;this.pdf.init({url:this.currentTerm.urls[0],container:this.$refs.pdfContainer[0],brandColor:this.brandColor,scollRef:this.currentTerm.myScroll}).then(function(){_this3.currentTerm.myScroll.refresh();if(_this3.forceRead&&_this3.currentTerm.myScroll&&+_this3.currentTerm.myScroll.maxScrollY===0&&_this3.purePdfLoadingComplated){_this3.$emit("canINext",true)}}).catch(function(e){})}},zoomEnd:function zoomEnd(){this.currentTerm.currentScale=this.currentTerm.myScroll.scale},lazyLoad:function lazyLoad(pos){this.currentTerm.scrollY=Math.abs(pos.y)},refreshTable:function refreshTable(tables){if(tables.length>0){for(var i=0,n=tables.length;i<n;i++){tables[i].style.width="100%";tables[i].style.marginLeft="0"}}this.currentTerm.myScroll.refresh()},refreshImg:function refreshImg(imgs){var _this4=this;if(imgs&&imgs.length){var timer;for(var i=0;i<imgs.length;i++){imgs[i].onload=function(){if(timer)window.clearTimeout(timer);timer=setTimeout(function(){_this4.currentTerm.myScroll.refresh()},200)}}}},getTermHideState:function getTermHideState(index){return index!==this.docIndex},showDoc:function showDoc(index){this.docIndex=index;this.destroyPdf();if(!this.currentTerm.init){if(Number(this.currentTerm.type)===1){this.initWord(this.currentTerm.urls)}else if(Number(this.currentTerm.type)===2){this.initPDF(this.currentTerm.urls)}else if(Number(this.currentTerm.type)===3){this.initHtml(this.currentTerm.innerHTML)}else if(Number(this.currentTerm.type)===4){this.initPurePDF(this.currentTerm.urls)}else if(Number(this.currentTerm.type)===99){this.currentTerm.init=true}}else{if(Number(this.currentTerm.type)===2){this.currentTerm.currentPage=0;this.loadNextPage()}}},destroyPdf:function destroyPdf(){if(this.pdf){this.pdf.destroy();this.pdf=null}}},beforeDestroy:function beforeDestroy(){this.destroyPdf()},components:{scroll:common_scrollZoom_scroll.scroll},props:{termsInfo:{type:Array,default:function _default(){return[]}},brandColor:{type:String,default:"#8c7fee"},docIndex:{type:Number,default:0},forceRead:{type:Boolean,default:false},pageSize:{type:Number,default:4}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"act-doc-content"},_vm._l(_vm.termsInfo,function(term,i){return _c("div",{key:i,staticClass:"act-doc-box",class:{hide:_vm.getTermHideState(i)}},[_vm.isShowLoading||!(term.init&&i===_vm.docIndex)?_c("div",{staticClass:"loading",class:{"center":_vm.isPurePdfType||_vm.imagesInitLoad||!(term.init&&i===_vm.docIndex)}},[_c("act-loading",{directives:[{name:"show",rawName:"v-show",value:true,expression:"true"}],attrs:{"type":"cir4","color":_vm.brandColor,"size":25}})],1):_vm._e(),(term.type==1||term.type==3)&&term.fixedTipHtml?_c("div",{staticClass:"doc-fixed-header"},[_c("p",{staticClass:"fixed-tip",domProps:{"innerHTML":_vm._s(term.fixedTipHtml)}})]):_vm._e(),term.init&&i===_vm.docIndex?_c("scroll",{class:term.classObject,attrs:{"freeScroll":term.freeScroll,"scrollbar":term.scrollbar,"mouseWheel":term.mouseWheel,"bounce":term.bounce,"zoom":term.zoom,"observeDOM":term.observeDOM,"listenBeforeScroll":true,"listenScroll":term.listenScroll,"listenScrollEnd":term.listenScrollEnd,"listenScrollInit":term.listenScrollInit,"listenZoomEnd":term.listenZoomEnd},on:{"scroll":_vm.scroll,"scroll-end":_vm.scrollEnd,"scrollSuc":_vm.scrollInit,"zoomEnd":_vm.zoomEnd}},[term.type==99?_vm._t("content"):term.type==1||term.type==3?_c("div",{ref:"wordHtml"+i,refInFor:true,staticClass:"act-scroll-text",class:"wordHtml"+i,attrs:{"data-index":i},domProps:{"innerHTML":_vm._s(term.wordHtml)}},[_vm._v(" >"+_vm._s(term.wordHtml)+" ")]):term.type===4?_c("div",{ref:"pdfContainer",refInFor:true}):_c("ul",{ref:"scrollList"+i,refInFor:true,staticClass:"act-scroll-list"})],2):_vm._e()],1)}),0)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"a829ed8f");var scrollZoom=__component__.exports;exports.scrollZoom=scrollZoom;