zartui 0.1.113 → 3.0.1

package/es/pdf-viewer/index.js

@@ -1,444 +0,0 @@
-import { createNamespace } from '../utils';
-
-var _createNamespace = createNamespace('pdf-viewer'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-import Vue from "vue";
-import pdf from "egova-vue-pdf";
-Vue.use(pdf);
-import Toast from '../toast';
-import Loading from '../loading';
-import Picker from '../picker';
-
-var _ = require('lodash');
-
-import { resetObject } from "../utils/index";
-var CURRENT_PAGE = 10;
-
-var defaultData = function defaultData() {
-  return {
-    loadingTask: null,
-    pdfPageCount: 0,
-    pageNum: 1,
-    loading: false,
-    rotateDegree: 0,
-    pdfArr: [],
-    pageChangeByButton: false,
-    showPicker: false,
-    bodyInitialHeight: "",
-    bodyInitialMinHeight: "",
-    metaContent: "",
-    pdfScrollEvent: function pdfScrollEvent() {},
-    scrollEvent: function scrollEvent() {},
-    privateUrl: ""
-  };
-};
-
-export default createComponent({
-  props: {
-    url: {
-      type: String,
-      default: ""
-    }
-  },
-  data: function data() {
-    return defaultData();
-  },
-  mounted: function mounted() {
-    this.init();
-  },
-  activated: function activated() {
-    this.init();
-  },
-  deactivated: function deactivated() {
-    this.resetAll();
-  },
-  destroyed: function destroyed() {
-    this.resetAll();
-  },
-  computed: {
-    // 只显示当前页前后几页的pdf
-    currentShowArr: function currentShowArr() {
-      var arr = [];
-
-      if (this.pdfPageCount) {
-        var min = this.pageNum - CURRENT_PAGE / 2 < 0 ? 1 : this.pageNum - CURRENT_PAGE / 2;
-        var max = this.pageNum + CURRENT_PAGE / 2 > this.pdfPageCount ? this.pdfPageCount : this.pageNum + CURRENT_PAGE / 2;
-
-        for (var i = min; i < max + 1; i++) {
-          arr.push(i);
-        }
-
-        return arr;
-      } else {
-        return [];
-      }
-    }
-  },
-  watch: {
-    url: function url(nv) {
-      this.privateUrl = nv;
-    },
-    privateUrl: function privateUrl(nv) {
-      if (nv) {
-        this.getPdfNumPages();
-      }
-    },
-    pageNum: function pageNum(nv) {
-      if (this.pageChangeByButton && document.getElementById("pdfContent" + nv)) {
-        this.$nextTick(function () {
-          document.getElementById("pdfContent" + nv).scrollIntoView(false);
-        });
-      }
-    },
-    currentShowArr: {
-      deep: true,
-      handler: function handler(value, oldValue) {
-        var _this = this;
-
-        // 因为浏览器对canvas总面积有限制,且销毁vue-pdf组件会同时销毁loadingTask,
-        // 所以要销毁的canvas转为图片进行展示
-        var toDelete = [];
-        oldValue.forEach(function (v) {
-          if (!value.includes(v)) {
-            toDelete.push(v);
-          }
-        });
-        toDelete.forEach(function (v) {
-          _this.transformCanvasIntoImg(v);
-        });
-      }
-    }
-  },
-  methods: {
-    init: function init() {
-      this.privateUrl = this.url;
-      this.recordMeta();
-      this.recordHeight();
-      this.recordScrollEvent();
-      this.setHeight();
-      this.setMeta();
-      this.setScrollEvent();
-    },
-    resetAll: function resetAll() {
-      this.setHeight(true);
-      this.setMeta(true);
-      this.setScrollEvent(true);
-      this.reset();
-    },
-    recordScrollEvent: function recordScrollEvent() {
-      this.scrollEvent = window.onscroll;
-    },
-    setScrollEvent: function setScrollEvent(restore) {
-      var _this2 = this;
-
-      if (restore) {
-        window.onscroll = this.scrollEvent;
-      } else {
-        if (this.pdfScrollEvent) {
-          window.onscroll = function () {
-            _this2.pdfScrollEvent();
-          };
-        }
-      }
-    },
-    recordMeta: function recordMeta() {
-      var _document$getElements;
-
-      this.metaContent = (_document$getElements = document.getElementsByTagName('meta')['viewport']) == null ? void 0 : _document$getElements.getAttribute("content");
-    },
-    transformCanvasIntoImg: function transformCanvasIntoImg(i) {
-      var _this3 = this;
-
-      var pdfContainer = document.getElementById("pdfContent" + i);
-
-      if (!pdfContainer || !pdfContainer.getElementsByTagName("canvas") || !pdfContainer.getElementsByTagName("canvas")[0]) {
-        return;
-      }
-
-      var canvas = pdfContainer.getElementsByTagName("canvas")[0];
-      var ctx = canvas.getContext("2d");
-      var data = ctx.getImageData(0, 0, canvas.width, canvas.height); // 若canvas没有绘制完成,过一会再进行转化
-
-      if (data.data.every(function (v) {
-        return v === 0;
-      }) || data.data.every(function (v) {
-        return v === 255;
-      })) {
-        setTimeout(function () {
-          _this3.transformCanvasIntoImg(i);
-        }, 1000);
-        return;
-      }
-
-      var image = document.createElement("img");
-      image.src = canvas.toDataURL("image/png");
-      image.style.width = "100%";
-      image.style.height = "100%";
-      pdfContainer.removeChild(canvas);
-      pdfContainer.appendChild(image);
-    },
-    setMeta: function setMeta(restore) {
-      var meta = document.getElementsByTagName('meta')['viewport'];
-
-      if (restore) {
-        meta.setAttribute('content', this.metaContent || "");
-      } else {
-        meta.setAttribute('content', "width=device-width, initial-scale=1.0, minimum-scale=1.0, viewport-fit=cover");
-      }
-    },
-    recordHeight: function recordHeight() {
-      this.bodyInitialHeight = document.body.style.height || "";
-      this.bodyInitialMinHeight = document.body.style.minHeight || "";
-    },
-    setHeight: function setHeight(restore) {
-      if (restore) {
-        document.body.style.height = this.bodyInitialHeight;
-        document.body.style.minHeight = this.bodyInitialMinHeight;
-      } else {
-        document.body.style.height = 'auto';
-        document.body.style.minHeight = '100%';
-      }
-    },
-    reset: function reset() {
-      resetObject(this, defaultData());
-    },
-    getPdfNumPages: function getPdfNumPages() {
-      var _this4 = this;
-
-      if (!this.privateUrl) {
-        return;
-      }
-
-      this.loading = true;
-      this.loadingTask = pdf.createLoadingTask(this.privateUrl);
-      this.loadingTask.promise.then(function (v) {
-        _this4.pdfPageCount = v.numPages;
-        var pdfArr = [];
-
-        for (var i = 0; i < _this4.pdfPageCount; i++) {
-          pdfArr.push({
-            loaded: false
-          });
-        }
-
-        _this4.pageNum = 1;
-        _this4.pdfArr = pdfArr;
-
-        _this4.buildPdfScrollEvent();
-      }).catch(function (err) {
-        console.error("pdf 加载失败", err);
-      }).finally(function () {
-        _this4.loading = false;
-      });
-    },
-    buildPdfScrollEvent: function buildPdfScrollEvent() {
-      var _this5 = this;
-
-      this.pdfScrollEvent = window.onscroll = _.throttle(function () {
-        if (_this5.pageChangeByButton) {
-          _this5.pageChangeByButton = false;
-        } else {
-          _this5.changePage();
-        }
-      }, 1000);
-    },
-    changePage: function changePage() {
-      if (window.pageYOffset === 0) {
-        this.pageNum = 1;
-        return;
-      }
-
-      var i = 1,
-          count = this.pdfPageCount;
-      var clientHeight = document.documentElement.clientHeight;
-
-      do {
-        var start = this.findPos(document.getElementById("pdfContent" + i));
-        var end = start + document.getElementById("pdfContent" + i).offsetHeight;
-
-        if (window.pageYOffset + clientHeight >= start && window.pageYOffset + clientHeight <= end) {
-          this.pageNum = i;
-          break;
-        }
-
-        if (i === count && window.pageYOffset + clientHeight > end) {
-          this.pageNum = i;
-          break;
-        }
-
-        i++;
-      } while (i < count + 1);
-    },
-    findPos: function findPos(obj) {
-      if (obj) {
-        return obj.offsetTop;
-      } else {
-        return 0;
-      }
-    },
-    perPage: function perPage() {
-      if (this.pageNum > 1) {
-        this.pageNum = this.pageNum - 1;
-        this.pageChangeByButton = true;
-      } else {
-        Toast("已经是首页！");
-      }
-    },
-    nextPage: function nextPage() {
-      if (this.pageNum < this.pdfPageCount) {
-        this.pageNum = this.pageNum + 1;
-        this.pageChangeByButton = true;
-      } else {
-        Toast("已经是尾页！");
-      }
-    },
-    onPdfLoaded: function onPdfLoaded(e) {
-      this.pdfArr[e - 1].loaded = true;
-      this.$emit("loaded", e);
-      console.log("pdf loaded", e);
-    },
-    onPdfError: function onPdfError(e) {
-      this.$emit("error", e);
-      console.log("pdf viewer error: " + e);
-    },
-    rotate: function rotate() {
-      this.rotateDegree += 90;
-    },
-    genPdf: function genPdf(i) {
-      var h = this.$createElement;
-
-      if (this.currentShowArr.includes(i) || this.pdfArr[i - 1].loaded) {
-        return h("div", [h(pdf, {
-          "attrs": {
-            "src": this.loadingTask,
-            "page": i,
-            "id": "pdfContent" + i,
-            "rotate": this.rotateDegree
-          },
-          "key": i,
-          "on": {
-            "page-loaded": this.onPdfLoaded,
-            "error": this.onPdfError
-          }
-        }), h("div", {
-          "class": bem("page-margin")
-        })]);
-      } else {
-        return h("div", [h("div", {
-          "attrs": {
-            "id": "pdfContent" + i
-          },
-          "style": "width:100vw;height:100vh;"
-        }), h("div", {
-          "class": bem("page-margin")
-        })]);
-      }
-    },
-    showPagePicker: function showPagePicker() {
-      this.showPicker = true;
-    },
-    getPageList: function getPageList() {
-      return this.pdfArr.map(function (v, i) {
-        return i + 1;
-      });
-    },
-    setPage: function setPage(i) {
-      this.pageNum = i;
-      this.pageChangeByButton = true;
-      this.showPicker = false;
-    },
-    cancel: function cancel() {
-      this.showPicker = false;
-    }
-  },
-  render: function render(h) {
-    var _this6 = this;
-
-    return h("div", {
-      "class": bem()
-    }, [this.loading ? h(Loading, {
-      "class": bem('loading')
-    }) : h(), h("div", {
-      "class": bem("pdf-top")
-    }, [h("div", {
-      "directives": [{
-        name: "show",
-        value: !this.loading
-      }],
-      "class": bem("page-btn")
-    }, [h("svg", {
-      "attrs": {
-        "t": "1635239576536",
-        "viewBox": "0 0 1024 1024",
-        "version": "1.1",
-        "xmlns": "http://www.w3.org/2000/svg",
-        "p-id": "3862",
-        "width": "20",
-        "height": "20"
-      },
-      "class": bem("handle-btn"),
-      "on": {
-        "click": this.perPage
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M410.7 512.4L749.1 174c24.9-24.9 24.9-65.6 0-90.5-24.9-24.9-65.6-24.9-90.5 0L274.9 467.2c-6.2 6.2-10.9 13.4-14 21.1-5.4 13.5-6.1 28.5-2 42.4 0.6 2 1.3 3.9 2 5.9 3.1 7.7 7.8 14.9 14 21.1l383.6 383.6c24.9 24.9 65.6 24.9 90.5 0 24.9-24.9 24.9-65.6 0-90.5L410.7 512.4z",
-        "p-id": "3863",
-        "fill": "#0091fa"
-      }
-    })]), h("span", {
-      "directives": [{
-        name: "show",
-        value: this.pdfPageCount > 0
-      }],
-      "class": bem("page-count"),
-      "on": {
-        "click": this.showPagePicker
-      }
-    }, [this.pageNum, " / ", this.pdfPageCount]), h("svg", {
-      "attrs": {
-        "t": "1635239716959",
-        "viewBox": "0 0 1024 1024",
-        "version": "1.1",
-        "xmlns": "http://www.w3.org/2000/svg",
-        "p-id": "4119",
-        "width": "20",
-        "height": "20"
-      },
-      "class": bem("handle-btn"),
-      "on": {
-        "click": this.nextPage
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M613.3 512.4L274.9 850.8c-24.9 24.9-24.9 65.6 0 90.5 24.9 24.9 65.6 24.9 90.5 0L749 557.7c6.2-6.2 10.9-13.4 14-21.1 5.4-13.5 6.1-28.5 2-42.4-0.6-2-1.3-3.9-2-5.9-3.1-7.7-7.8-14.9-14-21.1L365.4 83.5c-24.9-24.9-65.6-24.9-90.5 0-24.9 24.9-24.9 65.6 0 90.5l338.4 338.4z",
-        "p-id": "4120",
-        "fill": "#0091fa"
-      }
-    })])])]), this.pdfArr.length ? h("div", {
-      "directives": [{
-        name: "show",
-        value: !this.loading
-      }],
-      "class": bem("container"),
-      "attrs": {
-        "id": "pdfContainer"
-      }
-    }, [this.pdfArr.map(function (x, i) {
-      return _this6.genPdf(i + 1);
-    })]) : h(), h(Picker, {
-      "attrs": {
-        "show-picker": this.showPicker,
-        "default-index": this.pageNum - 1,
-        "title": "页码",
-        "columns": this.getPageList()
-      },
-      "on": {
-        "cancel": this.cancel,
-        "confirm": this.setPage
-      }
-    })]);
-  }
-});

package/es/pdf-viewer/index.less

@@ -1,69 +0,0 @@
-@import '../style/var';
-.zt-pdf-viewer {
-    background-color: #fff !important;
-    display: flex;
-    flex-direction: column;
-    .zt-pdf-viewer__loading {
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        margin-left: -15px;
-        margin-top: -15px;
-    }
-    .zt-pdf-viewer__pdf-top {
-        font-size: 16px;
-        display: flex;
-        align-items: center;
-        height: 44px;
-        background-color: #FFF;
-        flex-wrap: wrap;
-        padding: 0 10px;
-        position: fixed;
-        bottom: 0;
-        padding-bottom: constant(safe-area-inset-bottom);
-        padding-bottom: env(safe-area-inset-bottom);
-        left: 0;
-        width: calc(100% - 20px);
-        z-index: 9;
-        .zt-pdf-viewer__page-btn {
-            display: flex;
-            align-items: center;
-            flex: 1;
-            justify-content: center;
-        }
-        .zt-pdf-viewer__rotate-btn {
-            flex: 1;
-            .zt-pdf-viewer__rotate-btn__icon {
-                display: block;
-                margin: auto;
-            }
-        }
-        .zt-pdf-viewer__handle-btn {
-            background-color: transparent;
-            border: none;
-            outline: none;
-            color: #0091fa;
-        }
-        .zt-pdf-viewer__page-count {
-            margin: 0 10px;
-        }
-    }
-    .zt-pdf-viewer__page-margin {
-        height: 16px;
-        background: rgba(0,0,0,.1);
-    }
-    .zt-pdf-viewer__popup {
-        padding: 10px 0;
-        max-height: 70%;
-        .zt-pdf-viewer__page-item {
-            height: 30px;
-            line-height: 30px;
-            font-size: 16px;
-            text-align: center;
-            border-bottom: 1px solid rgba(0,0,0,.1);
-            &:last-child {
-                border: none;
-            }
-        }
-    }
-}

package/es/pdf-viewer/style/index.js

@@ -1,9 +0,0 @@
-import '../../style/base.css';
-import '../../overlay/index.css';
-import '../../info/index.css';
-import '../../icon/index.css';
-import '../../popup/index.css';
-import '../../loading/index.css';
-import '../../toast/index.css';
-import '../../picker/index.css';
-import '../index.css';

package/es/pdf-viewer/style/less.js

@@ -1,9 +0,0 @@
-import '../../style/base.less';
-import '../../overlay/index.less';
-import '../../info/index.less';
-import '../../icon/index.less';
-import '../../popup/index.less';
-import '../../loading/index.less';
-import '../../toast/index.less';
-import '../../picker/index.less';
-import '../index.less';