vxe-pc-ui 3.15.27 → 3.16.0

package/lib/watermark/src/util.js

@@ -1,164 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getContentUrl = getContentUrl;
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _dom = require("../../ui/src/dom");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(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; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var canvasEl = null;
-var fontEl = null;
-var fontCacheMaps = {};
-function getMarkCanvas() {
-  if (!canvasEl) {
-    canvasEl = document.createElement('canvas');
-    canvasEl.style.position = 'absolute';
-    canvasEl.style.top = '0';
-    canvasEl.style.left = '0';
-  }
-  return canvasEl;
-}
-function removeMarkElement(elem) {
-  if (elem) {
-    var parentEl = elem.parentNode;
-    if (parentEl) {
-      parentEl.removeChild(elem);
-    }
-  }
-}
-function calcFontWH(text, fontSize) {
-  var fKey = "".concat(fontSize, "_").concat(text);
-  if (!fontCacheMaps[fKey]) {
-    if (!fontEl) {
-      fontEl = document.createElement('span');
-    }
-    if (!fontEl.parentNode) {
-      document.body.append(fontEl);
-    }
-    fontEl.textContent = text;
-    fontEl.style.fontSize = (0, _dom.toCssUnit)(fontSize);
-    var width = fontEl.offsetWidth;
-    var height = fontEl.offsetHeight;
-    fontCacheMaps[fKey] = {
-      width: width,
-      height: height
-    };
-  }
-  return fontCacheMaps[fKey];
-}
-function calcContentWH(contList) {
-  var contentWidth = 0;
-  var contentHeight = 0;
-  contList.forEach(function (item) {
-    contentWidth = Math.max(item.width, contentWidth);
-    contentHeight = Math.max(item.height, contentHeight);
-  });
-  return {
-    contentWidth: contentWidth,
-    contentHeight: contentHeight
-  };
-}
-function getFontConf(item, key, opts) {
-  return (item.font ? item.font[key] : '') || (opts.font ? opts.font[key] : '');
-}
-function createMarkFont(contConf, defaultFontSize, opts) {
-  var offset = opts.offset;
-  var text = _xeUtils.default.toValueString(contConf.textContent);
-  var fontSize = _xeUtils.default.toNumber(getFontConf(contConf, 'fontSize', opts) || defaultFontSize) || 14;
-  var _ref = offset ? _xeUtils.default.isArray(offset) ? offset : [offset, offset] : [],
-    _ref2 = _slicedToArray(_ref, 2),
-    _ref2$ = _ref2[0],
-    offsetX = _ref2$ === void 0 ? 0 : _ref2$,
-    _ref2$2 = _ref2[1],
-    offsetY = _ref2$2 === void 0 ? 0 : _ref2$2;
-  var _calcFontWH = calcFontWH(text, fontSize),
-    width = _calcFontWH.width,
-    height = _calcFontWH.height;
-  return {
-    text: text,
-    fontSize: fontSize,
-    font: contConf.font,
-    width: width + _xeUtils.default.toNumber(offsetX),
-    height: height + _xeUtils.default.toNumber(offsetY)
-  };
-}
-function drayFont(ctx, item, opts) {
-  var fontWeight = getFontConf(item, 'fontWeight', opts);
-  ctx.fillStyle = "".concat(getFontConf(item, 'color', opts) || 'rgba(0, 0, 0, 0.15)');
-  ctx.font = [getFontConf(item, 'fontStyle', opts) || 'normal', fontWeight === 'bold' || fontWeight === 'bolder' ? 'bold' : '', (0, _dom.toCssUnit)(item.fontSize), getFontConf(item, 'fontFamily', opts) || 'sans-serif'].join(' ');
-}
-function getContentUrl(content, defaultFontSize, options) {
-  var opts = Object.assign({}, options);
-  var rotate = opts.rotate;
-  var deg = _xeUtils.default.toNumber(rotate);
-  var contList = (_xeUtils.default.isArray(content) ? content : [content]).map(function (item) {
-    if (item) {
-      if (item.textContent) {
-        return createMarkFont(item, defaultFontSize, opts);
-      }
-      return createMarkFont({
-        textContent: "".concat(item)
-      }, defaultFontSize, opts);
-    }
-    return createMarkFont({
-      textContent: ''
-    }, defaultFontSize, opts);
-  });
-  removeMarkElement(fontEl);
-  return new Promise(function (resolve) {
-    var canvasEl = getMarkCanvas();
-    if (!canvasEl.parentNode) {
-      document.body.append(canvasEl);
-    }
-    var ctx = canvasEl.getContext('2d');
-    if (ctx && contList.length) {
-      var gap = opts.gap;
-      var gapList = gap ? _xeUtils.default.isArray(gap) ? gap : [gap, gap] : [];
-      var gapX = _xeUtils.default.toNumber(gapList[0]);
-      var gapY = _xeUtils.default.toNumber(gapList[1]);
-      var _calcContentWH = calcContentWH(contList),
-        contentWidth = _calcContentWH.contentWidth;
-      var canvasWidth = contentWidth * 2 + gapX * 2 + gapX / 2;
-      var canvasHeight = contentWidth * 2 + gapY;
-      canvasEl.width = canvasWidth;
-      canvasEl.height = canvasHeight;
-      var drayX = gapX / 2;
-      var drayY = contentWidth + gapY / 2;
-      ctx.save();
-      ctx.translate(drayX, drayY);
-      ctx.rotate(deg * Math.PI / 180);
-      ctx.translate(-drayX, -drayY);
-      var txtOffsetY = 0;
-      contList.forEach(function (item) {
-        drayFont(ctx, item, opts);
-        var txtX = drayX;
-        var txtY = drayY + txtOffsetY;
-        ctx.fillText(item.text, txtX, txtY, contentWidth);
-        txtOffsetY += item.height;
-      });
-      var offsetX = gapX;
-      var offsetY = gapY + contentWidth;
-      txtOffsetY = 0;
-      contList.forEach(function (item) {
-        drayFont(ctx, item, opts);
-        var txtX = drayX + offsetX;
-        var txtY = drayY + txtOffsetY + offsetY;
-        ctx.fillText(item.text, txtX, txtY, contentWidth);
-        txtOffsetY += item.height;
-      });
-      ctx.restore();
-      resolve(canvasEl.toDataURL());
-      removeMarkElement(canvasEl);
-    } else {
-      resolve('');
-      removeMarkElement(canvasEl);
-    }
-  });
-}

package/lib/watermark/src/util.min.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.getContentUrl=getContentUrl;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _slicedToArray(t,e){return _arrayWithHoles(t)||_iterableToArrayLimit(t,e)||_unsupportedIterableToArray(t,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(t,e){var n;if(t)return"string"==typeof t?_arrayLikeToArray(t,e):"Map"===(n="Object"===(n={}.toString.call(t).slice(8,-1))&&t.constructor?t.constructor.name:n)||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(t,e):void 0}function _arrayLikeToArray(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function _iterableToArrayLimit(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,a,l,i=[],f=!0,u=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;f=!1}else for(;!(f=(r=a.call(n)).done)&&(i.push(r.value),i.length!==e);f=!0);}catch(t){u=!0,o=t}finally{try{if(!f&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function _arrayWithHoles(t){if(Array.isArray(t))return t}var canvasEl=null,fontEl=null,fontCacheMaps={};function getMarkCanvas(){return canvasEl||((canvasEl=document.createElement("canvas")).style.position="absolute",canvasEl.style.top="0",canvasEl.style.left="0"),canvasEl}function removeMarkElement(t){var e;t&&(e=t.parentNode)&&e.removeChild(t)}function calcFontWH(t,e){var n="".concat(e,"_").concat(t);return fontCacheMaps[n]||((fontEl=fontEl||document.createElement("span")).parentNode||document.body.append(fontEl),fontEl.textContent=t,fontEl.style.fontSize=(0,_dom.toCssUnit)(e),t=fontEl.offsetWidth,e=fontEl.offsetHeight,fontCacheMaps[n]={width:t,height:e}),fontCacheMaps[n]}function calcContentWH(t){var e=0,n=0;return t.forEach(function(t){e=Math.max(t.width,e),n=Math.max(t.height,n)}),{contentWidth:e,contentHeight:n}}function getFontConf(t,e,n){return(t.font?t.font[e]:"")||(n.font?n.font[e]:"")}function createMarkFont(t,e,n){var r=n.offset,o=_xeUtils.default.toValueString(t.textContent),n=_xeUtils.default.toNumber(getFontConf(t,"fontSize",n)||e)||14,e=_slicedToArray(r?_xeUtils.default.isArray(r)?r:[r,r]:[],2),r=e[0],r=void 0===r?0:r,e=e[1],e=void 0===e?0:e,a=calcFontWH(o,n),l=a.width,a=a.height;return{text:o,fontSize:n,font:t.font,width:l+_xeUtils.default.toNumber(r),height:a+_xeUtils.default.toNumber(e)}}function drayFont(t,e,n){var r=getFontConf(e,"fontWeight",n);t.fillStyle="".concat(getFontConf(e,"color",n)||"rgba(0, 0, 0, 0.15)"),t.font=[getFontConf(e,"fontStyle",n)||"normal","bold"===r||"bolder"===r?"bold":"",(0,_dom.toCssUnit)(e.fontSize),getFontConf(e,"fontFamily",n)||"sans-serif"].join(" ")}function getContentUrl(t,e,n){var d=Object.assign({},n),n=d.rotate,h=_xeUtils.default.toNumber(n),y=(_xeUtils.default.isArray(t)?t:[t]).map(function(t){return t?t.textContent?createMarkFont(t,e,d):createMarkFont({textContent:"".concat(t)},e,d):createMarkFont({textContent:""},e,d)});return removeMarkElement(fontEl),new Promise(function(t){var e,n,r,o,a,l,i,f,u,c=getMarkCanvas(),s=(c.parentNode||document.body.append(c),c.getContext("2d"));s&&y.length?(n=(n=d.gap)?_xeUtils.default.isArray(n)?n:[n,n]:[],e=_xeUtils.default.toNumber(n[0]),n=_xeUtils.default.toNumber(n[1]),o=2*(r=calcContentWH(y).contentWidth)+n,c.width=2*r+2*e+e/2,c.height=o,a=e/2,l=r+n/2,s.save(),s.translate(a,l),s.rotate(h*Math.PI/180),s.translate(-a,-l),u=0,y.forEach(function(t){drayFont(s,t,d);var e=l+u;s.fillText(t.text,a,e,r),u+=t.height}),i=e,f=n+r,u=0,y.forEach(function(t){drayFont(s,t,d);var e=l+u+f;s.fillText(t.text,a+i,e,r),u+=t.height}),s.restore(),t(c.toDataURL())):t(""),removeMarkElement(c)})}

package/lib/watermark/src/watermark.js

@@ -1,170 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _comp = require("../../ui/src/comp");
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _ui = require("../../ui");
-var _dom = require("../../ui/src/dom");
-var _util = require("./util");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
-  name: 'VxeWatermark',
-  props: {
-    width: String,
-    height: String,
-    imageUrl: String,
-    rotate: {
-      type: [Number, String],
-      default: function _default() {
-        return (0, _ui.getConfig)().watermark.rotate;
-      }
-    },
-    gap: {
-      type: [Array, Number, String],
-      default: function _default() {
-        return _xeUtils.default.clone((0, _ui.getConfig)().watermark.gap, true);
-      }
-    },
-    content: [String, Array],
-    font: Object,
-    offset: Object,
-    zIndex: [String, Number]
-  },
-  data: function data() {
-    var xID = _xeUtils.default.uniqueId();
-    var reactData = {
-      markUrl: ''
-    };
-    return {
-      xID: xID,
-      reactData: reactData
-    };
-  },
-  computed: {
-    computeFontOpts: function computeFontOpts() {
-      var $xeWatermark = this;
-      var props = $xeWatermark;
-      return _xeUtils.default.assign({}, _xeUtils.default.clone((0, _ui.getConfig)().watermark.font, true), props.font);
-    },
-    computeWrapperStyle: function computeWrapperStyle() {
-      var $xeWatermark = this;
-      var props = $xeWatermark;
-      var reactData = $xeWatermark.reactData;
-      var width = props.width,
-        height = props.height,
-        zIndex = props.zIndex;
-      var markUrl = reactData.markUrl;
-      var stys = {};
-      if (width) {
-        stys.width = (0, _dom.toCssUnit)(width);
-      }
-      if (height) {
-        stys.height = (0, _dom.toCssUnit)(height);
-      }
-      if (markUrl) {
-        stys.backgroundImage = "url(".concat(markUrl, ")");
-      }
-      if (zIndex) {
-        stys.zIndex = zIndex;
-      }
-      return stys;
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeWatermark = this;
-      $xeWatermark.$emit(type, (0, _ui.createEvent)(evnt, {
-        $watermark: $xeWatermark
-      }, params));
-    },
-    updateMarkStyle: function updateMarkStyle() {
-      var $xeWatermark = this;
-      var props = $xeWatermark;
-      var reactData = $xeWatermark.reactData;
-      var content = props.content,
-        gap = props.gap,
-        rotate = props.rotate,
-        offset = props.offset;
-      var el = $xeWatermark.$refs.refElem;
-      var fontOpts = $xeWatermark.computeFontOpts;
-      if (el) {
-        if (content) {
-          (0, _util.getContentUrl)(content, getComputedStyle(el).fontSize, {
-            font: fontOpts,
-            rotate: rotate,
-            gap: gap,
-            offset: offset
-          }).then(function (url) {
-            reactData.markUrl = url;
-          });
-        }
-      }
-    },
-    //
-    // Render
-    //
-    renderVN: function renderVN(h) {
-      var $xeWatermark = this;
-      var wrapperStyle = $xeWatermark.computeWrapperStyle;
-      return h('div', {
-        ref: 'refElem',
-        class: 'vxe-watermark',
-        style: wrapperStyle
-      });
-    }
-  },
-  watch: {
-    imageUrl: function imageUrl() {
-      var $xeWatermark = this;
-      $xeWatermark.updateMarkStyle();
-    },
-    content: function content() {
-      var $xeWatermark = this;
-      $xeWatermark.updateMarkStyle();
-    },
-    gap: function gap() {
-      var $xeWatermark = this;
-      $xeWatermark.updateMarkStyle();
-    },
-    rotate: function rotate() {
-      var $xeWatermark = this;
-      $xeWatermark.updateMarkStyle();
-    },
-    width: function width() {
-      var $xeWatermark = this;
-      $xeWatermark.updateMarkStyle();
-    },
-    height: function height() {
-      var $xeWatermark = this;
-      $xeWatermark.updateMarkStyle();
-    },
-    font: function font() {
-      var $xeWatermark = this;
-      $xeWatermark.updateMarkStyle();
-    }
-  },
-  mounted: function mounted() {
-    var $xeWatermark = this;
-    $xeWatermark.updateMarkStyle();
-    _ui.globalEvents.on($xeWatermark, 'resize', _xeUtils.default.throttle(function () {
-      $xeWatermark.updateMarkStyle();
-    }, 300, {
-      trailing: true,
-      leading: true
-    }));
-  },
-  beforeDestroy: function beforeDestroy() {
-    var $xeWatermark = this;
-    _ui.globalEvents.off($xeWatermark, 'resize');
-  },
-  render: function render(h) {
-    return this.renderVN(h);
-  }
-});
-/* define-vxe-component end */

package/lib/watermark/src/watermark.min.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeWatermark",props:{width:String,height:String,imageUrl:String,rotate:{type:[Number,String],default:function(){return(0,_ui.getConfig)().watermark.rotate}},gap:{type:[Array,Number,String],default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().watermark.gap,!0)}},content:[String,Array],font:Object,offset:Object,zIndex:[String,Number]},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{markUrl:""}}},computed:{computeFontOpts:function(){return _xeUtils.default.assign({},_xeUtils.default.clone((0,_ui.getConfig)().watermark.font,!0),this.font)},computeWrapperStyle:function(){var t=this,e=this.reactData,r=t.width,n=t.height,t=t.zIndex,e=e.markUrl,i={};return r&&(i.width=(0,_dom.toCssUnit)(r)),n&&(i.height=(0,_dom.toCssUnit)(n)),e&&(i.backgroundImage="url(".concat(e,")")),t&&(i.zIndex=t),i}},methods:{dispatchEvent:function(t,e,r){this.$emit(t,(0,_ui.createEvent)(r,{$watermark:this},e))},updateMarkStyle:function(){var t=this,e=t.reactData,r=t.content,n=t.gap,i=t.rotate,a=t.offset,u=t.$refs.refElem,t=t.computeFontOpts;u&&r&&(0,_util.getContentUrl)(r,getComputedStyle(u).fontSize,{font:t,rotate:i,gap:n,offset:a}).then(function(t){e.markUrl=t})},renderVN:function(t){return t("div",{ref:"refElem",class:"vxe-watermark",style:this.computeWrapperStyle})}},watch:{imageUrl:function(){this.updateMarkStyle()},content:function(){this.updateMarkStyle()},gap:function(){this.updateMarkStyle()},rotate:function(){this.updateMarkStyle()},width:function(){this.updateMarkStyle()},height:function(){this.updateMarkStyle()},font:function(){this.updateMarkStyle()}},mounted:function(){var t=this;t.updateMarkStyle(),_ui.globalEvents.on(t,"resize",_xeUtils.default.throttle(function(){t.updateMarkStyle()},300,{trailing:!0,leading:!0}))},beforeDestroy:function(){_ui.globalEvents.off(this,"resize")},render:function(t){return this.renderVN(t)}});

package/lib/watermark/style/index.js

@@ -1 +0,0 @@
-require('./style.css')

package/lib/watermark/style/style.css

@@ -1,30 +0,0 @@
-.vxe-watermark {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  pointer-events: none;
-  background-repeat: repeat;
-  background-position: 0px 0px;
-  background-color: transparent;
-  z-index: 999999;
-}
-
-.vxe-watermark {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-watermark.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-watermark.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-watermark.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-}

package/lib/watermark/style/style.min.css

@@ -1 +0,0 @@
-.vxe-watermark{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-repeat:repeat;background-position:0 0;background-color:transparent;z-index:999999}.vxe-watermark{font-size:var(--vxe-ui-font-size-default)}.vxe-watermark.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-watermark.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-watermark.size--mini{font-size:var(--vxe-ui-font-size-mini)}