hrsass-components 2.4.3 → 2.4.4

package/lib/hrsass-components.js

@@ -65,7 +65,7 @@ var contentStyle = _interopDefault(require('!!raw-loader!tinymce/skins/content/d
 var SvgPanZoom = _interopDefault(require('svg-pan-zoom'));
 var saveSvgAsPng = require('save-svg-as-png');
 
-var version = "2.4.3";
+var version = "2.4.4";
 
 /**
  * 版本号
@@ -12056,24 +12056,42 @@ var index$6 = {
         }
       });
     },
+    // 计算导出图片的 scale
+    calcExportScale: function calcExportScale(svgWidth, svgHeight) {
+      // 屏幕宽高
+      var screenW = window.screen.width;
+      var screenH = window.screen.height;
+      // 目标导出宽度为屏幕宽度的2倍，最高不超过3倍
+      var targetW = screenW;
+      var scale = svgWidth / targetW;
+      // 如果svg很高，按高度再限制一次
+      var targetH = screenH * 1.5;
+      if (targetH * scale < svgHeight) {
+        scale = svgHeight / targetH;
+      }
+      // 限制scale范围，防止过大或过小
+      if (scale < 1) scale = 1;
+      if (scale > 3) scale = 3;
+      return Math.round(scale);
+    },
     exportSvg: function exportSvg(fileName) {
       var svg = this.$refs.hrOrgChartSvg;
       var bBox = svg.getBBox();
-      // 克隆SVG，设置viewBox和宽高，确保全部内容
       var clonedSvg = svg.cloneNode(true);
       clonedSvg.setAttribute('width', bBox.width);
       clonedSvg.setAttribute('height', bBox.height);
       clonedSvg.setAttribute('viewBox', "".concat(bBox.x, " ").concat(bBox.y, " ").concat(bBox.width, " ").concat(bBox.height));
-      // 生成完整SVG字符串
       var svgStr = new XMLSerializer().serializeToString(clonedSvg);
+      // 使用自适应scale
+      var scale = this.calcExportScale(bBox.width, bBox.height);
       var options = {
-        scale: 1,
+        scale: scale,
         width: bBox.width,
         height: bBox.height,
         left: 0,
         top: 0
       };
-      this.svgToPng(svgStr, options);
+      this.svgToPng(svgStr, options, fileName);
       // this.setState({
       //     loading: true,
       //     isDownload: true,
@@ -12096,7 +12114,7 @@ var index$6 = {
       //   left: bBox.x,
       // });
     },
-    svgToPng: function svgToPng(svgStr, options) {
+    svgToPng: function svgToPng(svgStr, options, fileName) {
       var _this6 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var blob, url, imgData;
@@ -12114,7 +12132,7 @@ var index$6 = {
               return _this6.drawToCanvas(url, options);
             case 6:
               imgData = _context.sent;
-              _this6.downloadFile(imgData, 'org.png');
+              _this6.downloadFile(imgData, fileName || 'org.png');
             case 8:
             case "end":
               return _context.stop();