zartui 0.1.113 → 1.0.2

package/lib/index.js

@@ -194,6 +194,10 @@ var _pdfViewer = _interopRequireDefault(require("./pdf-viewer"));
 
 exports.PdfViewer = _pdfViewer.default;
 
+var _pdfViewerV = _interopRequireDefault(require("./pdf-viewer-v2"));
+
+exports.PdfViewerV2 = _pdfViewerV.default;
+
 var _picker = _interopRequireDefault(require("./picker"));
 
 exports.Picker = _picker.default;
@@ -313,11 +317,11 @@ exports.Toast = _toast.default;
 var _uploader = _interopRequireDefault(require("./uploader"));
 
 exports.Uploader = _uploader.default;
-var version = '0.1.113';
+var version = '1.0.2';
 exports.version = version;
 
 function install(Vue) {
-  var components = [_actionSheet.default, _area.default, _avatar.default, _backTop.default, _badge.default, _button.default, _calendar.default, _cascader.default, _cell.default, _cellGroup.default, _checkbox.default, _checkboxGroup.default, _col.default, _collapse.default, _collapseItem.default, _countDown.default, _datetimePicker.default, _dialog.default, _divider.default, _dropdownItem.default, _dropdownMenu.default, _empty.default, _field.default, _foldDialog.default, _form.default, _grid.default, _gridItem.default, _hierarchySelect.default, _icon.default, _image.default, _imagePreview.default, _indexAnchor.default, _indexBar.default, _info.default, _lazyload.default, _list.default, _loading.default, _locale.default, _mediaPicker.default, _mediaPlayer.default, _multiplePicker.default, _navBar.default, _noticeBar.default, _numberKeyboard.default, _overlay.default, _passwordInput.default, _pdfViewer.default, _picker.default, _popover.default, _popup.default, _pullRefresh.default, _radio.default, _radioGroup.default, _rate.default, _row.default, _search.default, _signature.default, _skeleton.default, _slider.default, _step.default, _stepper.default, _steps.default, _sticky.default, _swipe.default, _swipeCell.default, _swipeItem.default, _switch.default, _switchCell.default, _tab.default, _tabbar.default, _tabbarItem.default, _table.default, _tabs.default, _tag.default, _timeline.default, _toast.default, _uploader.default];
+  var components = [_actionSheet.default, _area.default, _avatar.default, _backTop.default, _badge.default, _button.default, _calendar.default, _cascader.default, _cell.default, _cellGroup.default, _checkbox.default, _checkboxGroup.default, _col.default, _collapse.default, _collapseItem.default, _countDown.default, _datetimePicker.default, _dialog.default, _divider.default, _dropdownItem.default, _dropdownMenu.default, _empty.default, _field.default, _foldDialog.default, _form.default, _grid.default, _gridItem.default, _hierarchySelect.default, _icon.default, _image.default, _imagePreview.default, _indexAnchor.default, _indexBar.default, _info.default, _lazyload.default, _list.default, _loading.default, _locale.default, _mediaPicker.default, _mediaPlayer.default, _multiplePicker.default, _navBar.default, _noticeBar.default, _numberKeyboard.default, _overlay.default, _passwordInput.default, _pdfViewer.default, _pdfViewerV.default, _picker.default, _popover.default, _popup.default, _pullRefresh.default, _radio.default, _radioGroup.default, _rate.default, _row.default, _search.default, _signature.default, _skeleton.default, _slider.default, _step.default, _stepper.default, _steps.default, _sticky.default, _swipe.default, _swipeCell.default, _swipeItem.default, _switch.default, _switchCell.default, _tab.default, _tabbar.default, _tabbarItem.default, _table.default, _tabs.default, _tag.default, _timeline.default, _toast.default, _uploader.default];
   components.forEach(function (item) {
     if (item.install) {
       Vue.use(item);

package/lib/index.less

@@ -28,6 +28,7 @@
 @import "./number-keyboard/index.less";
 @import "./multiple-picker/index.less";
 @import "./toast/index.less";
+@import "./pdf-viewer-v2/index.less";
 @import "./hierarchy-select/index.less";
 @import "./button/index.less";
 @import "./signature/index.less";

package/lib/multiple-picker/index.css

@@ -1 +1 @@
-[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}.zt-multiple-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt-multiple-picker__toolbar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px}.zt-multiple-picker__border{position:relative}.zt-multiple-picker__border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-multiple-picker__cancel,.zt-multiple-picker__confirm{height:100%;padding:0 16px;font-size:16px;background-color:transparent;border:none;cursor:pointer}.zt-multiple-picker__cancel:active,.zt-multiple-picker__confirm:active{opacity:.7}.zt-multiple-picker__confirm{color:#0091fa;font-weight:700}.zt-multiple-picker__cancel{color:#000;font-weight:400}.zt-multiple-picker__title{max-width:50%;font-weight:400;font-size:14px;line-height:20px;text-align:center;color:rgba(0,0,0,.4)}.zt-multiple-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt-multiple-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt-multiple-picker__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt-multiple-picker-options{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:scroll;font-size:16px}.zt-multiple-picker-options__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:12px 16px 4px 16px}.zt-multiple-picker-options__item{color:rgba(0,0,0,.6);padding:0 4px 8px 0;box-sizing:border-box;border-radius:2px;text-align:center;font-size:14px}.zt-multiple-picker-options__item .zt-ellipsis{height:28px;line-height:28px;background-color:rgba(0,0,0,.04)}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;opacity:.3}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:rgba(0,145,250,.1);border:1px solid #0091fa;border-radius:2px;color:#0091fa}
+[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}.zt-multiple-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt-multiple-picker__toolbar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px}.zt-multiple-picker__border{position:relative}.zt-multiple-picker__border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-multiple-picker__cancel,.zt-multiple-picker__confirm{height:100%;padding:0 16px;font-size:16px;background-color:transparent;border:none;cursor:pointer}.zt-multiple-picker__cancel:active,.zt-multiple-picker__confirm:active{opacity:.7}.zt-multiple-picker__confirm{color:#0091fa;font-weight:700}.zt-multiple-picker__cancel{color:#000;font-weight:400}.zt-multiple-picker__title{max-width:50%;font-weight:400;font-size:14px;line-height:20px;text-align:center;color:rgba(0,0,0,.4)}.zt-multiple-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt-multiple-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt-multiple-picker__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt-multiple-picker-options{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:scroll;font-size:16px}.zt-multiple-picker-options__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:12px 16px 4px 16px}.zt-multiple-picker-options__item{color:rgba(0,0,0,.6);padding:0 4px 8px 0;box-sizing:border-box;border-radius:2px;text-align:center;font-size:14px}.zt-multiple-picker-options__item .zt-ellipsis{height:28px;line-height:28px;background-color:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.04);border-radius:2px}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;opacity:.3}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:rgba(0,145,250,.1);border:1px solid #0091fa;border-radius:2px;color:#0091fa}

package/lib/multiple-picker/index.less

@@ -111,6 +111,8 @@
         height: 28px;
         line-height: 28px;
         background-color: rgba(0,0,0,.04);
+        border: 1px solid rgba(0,0,0,.04);
+        border-radius: 2px;
       }
 
       &--disabled {

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

@@ -0,0 +1 @@
+.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

@@ -0,0 +1,242 @@
+"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

@@ -0,0 +1,40 @@
+@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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,8 @@
+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');