zartui 1.0.2 → 2.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zartui",
-  "version": "1.0.2",
+  "version": "2.0.2",
   "description": "",
   "main": "lib/zart.js",
   "module": "es/index.js",
@@ -41,7 +41,7 @@
     "url-loader": "^4.1.1",
     "vue": "^2.6.11",
     "vue-template-compiler": "^2.6.11",
-    "zart-cli": "^2.20.2"
+    "zart-cli": "^20.0.7"
   },
   "eslintConfig": {
     "root": true,
@@ -63,15 +63,14 @@
   ],
   "dependencies": {
     "@babel/runtime": "^7.15.4",
-    "@egova/media": "^0.0.12",
-    "@egova/util": "^0.0.6",
     "@vant/popperjs": "^1.1.0",
     "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
     "egova-vue-pdf": "4.2.11",
     "lodash": "^4.17.21",
-    "pdfjs-dist": "^2.16.105",
     "vue-i18n": "^8.25.0",
     "vue-lazyload": "^1.3.3",
-    "zart-icons": "^1.5.7"
+    "zart-icons": "^2.0.4",
+    "@egova/util": "^0.0.6",
+    "@egova/media": "^0.0.12"
   }
 }

package/es/pdf-viewer-v2/index.css

@@ -1 +0,0 @@
-.zt-pdf-viewer-v2{width:100%;height:100%;position:relative}.zt-pdf-viewer-v2::-webkit-scrollbar{width:0;height:0}.zt-pdf-viewer-v2__page-box{width:100%;height:44px;background-color:#fff;position:fixed;bottom:0;left:0;text-align:center;font-size:16px;line-height:44px}.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__next,.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__pre{cursor:pointer;color:#3a90f6}.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__page{margin:0 10px}.zt-pdf-viewer-v2 .zt-loading{position:absolute;top:50%;left:50%;margin-left:-18px;margin-top:-18px}

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

@@ -1,231 +0,0 @@
-import { createNamespace } from '../utils';
-
-var _createNamespace = createNamespace('pdf-viewer-v2'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-import Toast from '../toast';
-import Loading from '../loading';
-import { resetObject } from "../utils/index";
-
-var defaultData = function defaultData() {
-  return {
-    pdfDocRef: null,
-    totalPage: 0,
-    currentPage: 1,
-    loading: false,
-    PDFJS: null
-  };
-};
-
-export default createComponent({
-  props: {
-    /**
-    * pdf地址
-    */
-    pdfUrl: {
-      type: String,
-      default: ""
-    },
-
-    /**
-    * cMap的url地址(用于解决中文乱码或中文显示为空白的问题). 该资源的物理路径在: node_modules/pdfjs-dist/cmaps
-    */
-    cMapUrl: {
-      type: String,
-      default: ""
-    },
-
-    /**
-    * 携带的特定http请求头
-    */
-    httpHeaders: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    }
-  },
-  data: function data() {
-    return defaultData();
-  },
-  mounted: function mounted() {
-    this.reset();
-    this.renderPdf();
-  },
-  deactivated: function deactivated() {
-    this.pdfDocRef.destroy();
-  },
-  computed: {
-    urlObj: function urlObj() {
-      return {
-        pdfUrl: this.pdfUrl,
-        cMapUrl: this.cMapUrl
-      };
-    }
-  },
-  watch: {
-    urlObj: function urlObj() {
-      this.reset();
-      this.renderPdf();
-    }
-  },
-  methods: {
-    reset: function reset() {
-      resetObject(this, defaultData());
-    },
-
-    /**
-    * 渲染pdf文件的指定页到画板
-    * @param pdfViewerDom 承载pdf画板的dom容器
-    * @param pdfDoc pdf文件
-    * @param pageNum 需要渲染的页码
-    */
-    renderPdfOnePage: function renderPdfOnePage(pdfViewerDom, pdfDoc, pageNum) {
-      var _this = this;
-
-      // 创建画布
-      var canvas = document.createElement("canvas");
-      canvas.id = "pdfCanvas" + pageNum;
-      pdfViewerDom.appendChild(canvas); // 获取2d上下文
-
-      var context = canvas.getContext("2d");
-      pdfDoc.getPage(pageNum).then(function (page) {
-        // 获取当前pdf页内容, 并设置缩放
-        var viewport = page.getViewport({
-          scale: 1
-        });
-        var width = viewport.width;
-
-        _this.$nextTick(function () {
-          var containerWidth = _this.$refs.pdfContainer.offsetWidth;
-          var ratio = containerWidth / width;
-          viewport = page.getViewport({
-            scale: ratio
-          }); // @ts-ignore
-
-          var realCanvas = context.canvas;
-          realCanvas.width = viewport.width;
-          realCanvas.height = viewport.height; // 将pdf当前页内容画到2d画板中
-          // @ts-ignore
-
-          page.render({
-            canvasContext: context,
-            viewport: viewport
-          });
-        });
-      });
-    },
-
-    /**
-    * 渲染pdf的画布
-    * @param pdfViewerDom 承载pdf画布的dom容器
-    * @param pdfDoc pdf文档
-    */
-    renderPdfCanvas: function renderPdfCanvas(pdfViewerDom, pdfDoc) {
-      // 清除原来的pdf画布
-      pdfViewerDom.innerHTML = ""; // 获取总页数
-
-      this.totalPage = pdfDoc.numPages;
-      this.loading = false; // 获取显示容器
-
-      for (var i = 1; i <= this.totalPage; i++) {
-        // 循环处理pdf的每页
-        this.renderPdfOnePage(pdfViewerDom, pdfDoc, i);
-      }
-    },
-    renderPdf: function renderPdf() {
-      var _this2 = this;
-
-      if (!this.PDFJS) {
-        this.PDFJS = window['pdfjs-dist/build/pdf'];
-        console.log("window['pdfjs-dist/build/pdf']", window['pdfjs-dist/build/pdf']);
-
-        if (this.PDFJS && this.PDFJS.GlobalWorkerOptions) {
-          this.PDFJS.GlobalWorkerOptions.workerSrc = require("pdfjs-dist/build/pdf.worker.entry");
-        }
-      }
-
-      this.loading = true;
-      var pdfViewerDom = this.$refs.pdfViewerContainer;
-
-      if (this.pdfUrl) {
-        // 获取pdf文件
-        var pdfLoadingTask = this.PDFJS.getDocument({
-          url: this.pdfUrl,
-          withCredentials: true,
-          // 携带凭证
-          httpHeaders: this.httpHeaders,
-          cMapUrl: this.cMapUrl,
-          cMapPacked: true
-        });
-        pdfLoadingTask.promise.then(function (pdfDoc) {
-          if (pdfDoc && pdfViewerDom) {
-            // 缓存pdf内容
-            _this2.pdfDocRef = pdfDoc;
-
-            _this2.renderPdfCanvas(pdfViewerDom, pdfDoc);
-          }
-        });
-      }
-    },
-    changePage: function changePage(count) {
-      var page = this.currentPage + count;
-
-      if (page < 1) {
-        Toast("已经是首页");
-        return;
-      }
-
-      if (page > this.totalPage) {
-        Toast("已经是最后一页");
-        return;
-      }
-
-      if (document.getElementById("pdfCanvas" + page)) {
-        document.getElementById("pdfCanvas" + page).scrollIntoView(false);
-      }
-
-      this.currentPage = page;
-    },
-    clickPre: function clickPre() {
-      this.changePage(-1);
-    },
-    clickNext: function clickNext() {
-      this.changePage(1);
-    }
-  },
-  render: function render(h) {
-    return h("div", {
-      "class": bem(),
-      "ref": "pdfContainer"
-    }, [h(Loading, {
-      "directives": [{
-        name: "show",
-        value: this.loading
-      }],
-      "class": bem('loading-icon')
-    }), h("div", {
-      "directives": [{
-        name: "show",
-        value: !this.loading
-      }],
-      "ref": "pdfViewerContainer",
-      "class": bem("container")
-    }), this.totalPage ? h("div", {
-      "class": bem("page-box")
-    }, [h("span", {
-      "class": bem("pre"),
-      "on": {
-        "click": this.clickPre
-      }
-    }, ["<"]), h("span", {
-      "class": bem("page")
-    }, [this.currentPage, "/", this.totalPage]), h("span", {
-      "class": bem("next"),
-      "on": {
-        "click": this.clickNext
-      }
-    }, [">"])]) : h()]);
-  }
-});

package/es/pdf-viewer-v2/index.less

@@ -1,40 +0,0 @@
-@import '../style/var';
-.zt-pdf-viewer-v2 {
-    width: 100%;
-    height: 100%;
-    position: relative;
-
-    &::-webkit-scrollbar {
-        width: 0;
-        height: 0;
-    }
-
-    &__page-box {
-        width: 100%;
-        height: 44px;
-        background-color: #fff;
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        text-align: center;
-        font-size: 16px;
-        line-height: 44px;
-
-        .zt-pdf-viewer-v2__pre, .zt-pdf-viewer-v2__next {
-            cursor: pointer;
-            color: #3a90f6;
-        }
-
-        .zt-pdf-viewer-v2__page {
-            margin: 0 10px;
-        }
-    }
-
-    .zt-loading {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        margin-left: -18px;
-        margin-top: -18px;
-    }
-}

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

@@ -1,8 +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 '../index.css';

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

@@ -1,8 +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 '../index.less';

package/lib/pdf-viewer-v2/index.css

@@ -1 +0,0 @@
-.zt-pdf-viewer-v2{width:100%;height:100%;position:relative}.zt-pdf-viewer-v2::-webkit-scrollbar{width:0;height:0}.zt-pdf-viewer-v2__page-box{width:100%;height:44px;background-color:#fff;position:fixed;bottom:0;left:0;text-align:center;font-size:16px;line-height:44px}.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__next,.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__pre{cursor:pointer;color:#3a90f6}.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__page{margin:0 10px}.zt-pdf-viewer-v2 .zt-loading{position:absolute;top:50%;left:50%;margin-left:-18px;margin-top:-18px}

package/lib/pdf-viewer-v2/index.js

@@ -1,242 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _toast = _interopRequireDefault(require("../toast"));
-
-var _loading = _interopRequireDefault(require("../loading"));
-
-var _index = require("../utils/index");
-
-var _createNamespace = (0, _utils.createNamespace)('pdf-viewer-v2'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var defaultData = function defaultData() {
-  return {
-    pdfDocRef: null,
-    totalPage: 0,
-    currentPage: 1,
-    loading: false,
-    PDFJS: null
-  };
-};
-
-var _default2 = createComponent({
-  props: {
-    /**
-    * pdf地址
-    */
-    pdfUrl: {
-      type: String,
-      default: ""
-    },
-
-    /**
-    * cMap的url地址(用于解决中文乱码或中文显示为空白的问题). 该资源的物理路径在: node_modules/pdfjs-dist/cmaps
-    */
-    cMapUrl: {
-      type: String,
-      default: ""
-    },
-
-    /**
-    * 携带的特定http请求头
-    */
-    httpHeaders: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    }
-  },
-  data: function data() {
-    return defaultData();
-  },
-  mounted: function mounted() {
-    this.reset();
-    this.renderPdf();
-  },
-  deactivated: function deactivated() {
-    this.pdfDocRef.destroy();
-  },
-  computed: {
-    urlObj: function urlObj() {
-      return {
-        pdfUrl: this.pdfUrl,
-        cMapUrl: this.cMapUrl
-      };
-    }
-  },
-  watch: {
-    urlObj: function urlObj() {
-      this.reset();
-      this.renderPdf();
-    }
-  },
-  methods: {
-    reset: function reset() {
-      (0, _index.resetObject)(this, defaultData());
-    },
-
-    /**
-    * 渲染pdf文件的指定页到画板
-    * @param pdfViewerDom 承载pdf画板的dom容器
-    * @param pdfDoc pdf文件
-    * @param pageNum 需要渲染的页码
-    */
-    renderPdfOnePage: function renderPdfOnePage(pdfViewerDom, pdfDoc, pageNum) {
-      var _this = this;
-
-      // 创建画布
-      var canvas = document.createElement("canvas");
-      canvas.id = "pdfCanvas" + pageNum;
-      pdfViewerDom.appendChild(canvas); // 获取2d上下文
-
-      var context = canvas.getContext("2d");
-      pdfDoc.getPage(pageNum).then(function (page) {
-        // 获取当前pdf页内容, 并设置缩放
-        var viewport = page.getViewport({
-          scale: 1
-        });
-        var width = viewport.width;
-
-        _this.$nextTick(function () {
-          var containerWidth = _this.$refs.pdfContainer.offsetWidth;
-          var ratio = containerWidth / width;
-          viewport = page.getViewport({
-            scale: ratio
-          }); // @ts-ignore
-
-          var realCanvas = context.canvas;
-          realCanvas.width = viewport.width;
-          realCanvas.height = viewport.height; // 将pdf当前页内容画到2d画板中
-          // @ts-ignore
-
-          page.render({
-            canvasContext: context,
-            viewport: viewport
-          });
-        });
-      });
-    },
-
-    /**
-    * 渲染pdf的画布
-    * @param pdfViewerDom 承载pdf画布的dom容器
-    * @param pdfDoc pdf文档
-    */
-    renderPdfCanvas: function renderPdfCanvas(pdfViewerDom, pdfDoc) {
-      // 清除原来的pdf画布
-      pdfViewerDom.innerHTML = ""; // 获取总页数
-
-      this.totalPage = pdfDoc.numPages;
-      this.loading = false; // 获取显示容器
-
-      for (var i = 1; i <= this.totalPage; i++) {
-        // 循环处理pdf的每页
-        this.renderPdfOnePage(pdfViewerDom, pdfDoc, i);
-      }
-    },
-    renderPdf: function renderPdf() {
-      var _this2 = this;
-
-      if (!this.PDFJS) {
-        this.PDFJS = window['pdfjs-dist/build/pdf'];
-        console.log("window['pdfjs-dist/build/pdf']", window['pdfjs-dist/build/pdf']);
-
-        if (this.PDFJS && this.PDFJS.GlobalWorkerOptions) {
-          this.PDFJS.GlobalWorkerOptions.workerSrc = require("pdfjs-dist/build/pdf.worker.entry");
-        }
-      }
-
-      this.loading = true;
-      var pdfViewerDom = this.$refs.pdfViewerContainer;
-
-      if (this.pdfUrl) {
-        // 获取pdf文件
-        var pdfLoadingTask = this.PDFJS.getDocument({
-          url: this.pdfUrl,
-          withCredentials: true,
-          // 携带凭证
-          httpHeaders: this.httpHeaders,
-          cMapUrl: this.cMapUrl,
-          cMapPacked: true
-        });
-        pdfLoadingTask.promise.then(function (pdfDoc) {
-          if (pdfDoc && pdfViewerDom) {
-            // 缓存pdf内容
-            _this2.pdfDocRef = pdfDoc;
-
-            _this2.renderPdfCanvas(pdfViewerDom, pdfDoc);
-          }
-        });
-      }
-    },
-    changePage: function changePage(count) {
-      var page = this.currentPage + count;
-
-      if (page < 1) {
-        (0, _toast.default)("已经是首页");
-        return;
-      }
-
-      if (page > this.totalPage) {
-        (0, _toast.default)("已经是最后一页");
-        return;
-      }
-
-      if (document.getElementById("pdfCanvas" + page)) {
-        document.getElementById("pdfCanvas" + page).scrollIntoView(false);
-      }
-
-      this.currentPage = page;
-    },
-    clickPre: function clickPre() {
-      this.changePage(-1);
-    },
-    clickNext: function clickNext() {
-      this.changePage(1);
-    }
-  },
-  render: function render(h) {
-    return h("div", {
-      "class": bem(),
-      "ref": "pdfContainer"
-    }, [h(_loading.default, {
-      "directives": [{
-        name: "show",
-        value: this.loading
-      }],
-      "class": bem('loading-icon')
-    }), h("div", {
-      "directives": [{
-        name: "show",
-        value: !this.loading
-      }],
-      "ref": "pdfViewerContainer",
-      "class": bem("container")
-    }), this.totalPage ? h("div", {
-      "class": bem("page-box")
-    }, [h("span", {
-      "class": bem("pre"),
-      "on": {
-        "click": this.clickPre
-      }
-    }, ["<"]), h("span", {
-      "class": bem("page")
-    }, [this.currentPage, "/", this.totalPage]), h("span", {
-      "class": bem("next"),
-      "on": {
-        "click": this.clickNext
-      }
-    }, [">"])]) : h()]);
-  }
-});
-
-exports.default = _default2;

package/lib/pdf-viewer-v2/index.less

@@ -1,40 +0,0 @@
-@import '../style/var';
-.zt-pdf-viewer-v2 {
-    width: 100%;
-    height: 100%;
-    position: relative;
-
-    &::-webkit-scrollbar {
-        width: 0;
-        height: 0;
-    }
-
-    &__page-box {
-        width: 100%;
-        height: 44px;
-        background-color: #fff;
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        text-align: center;
-        font-size: 16px;
-        line-height: 44px;
-
-        .zt-pdf-viewer-v2__pre, .zt-pdf-viewer-v2__next {
-            cursor: pointer;
-            color: #3a90f6;
-        }
-
-        .zt-pdf-viewer-v2__page {
-            margin: 0 10px;
-        }
-    }
-
-    .zt-loading {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        margin-left: -18px;
-        margin-top: -18px;
-    }
-}

package/lib/pdf-viewer-v2/style/index.js

@@ -1,8 +0,0 @@
-require('../../style/base.css');
-require('../../overlay/index.css');
-require('../../info/index.css');
-require('../../icon/index.css');
-require('../../popup/index.css');
-require('../../loading/index.css');
-require('../../toast/index.css');
-require('../index.css');

package/lib/pdf-viewer-v2/style/less.js

@@ -1,8 +0,0 @@
-require('../../style/base.less');
-require('../../overlay/index.less');
-require('../../info/index.less');
-require('../../icon/index.less');
-require('../../popup/index.less');
-require('../../loading/index.less');
-require('../../toast/index.less');
-require('../index.less');