hrsass-components 2.2.7 → 2.2.9

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.2.7";
+var version = "2.2.9";
 
 /**
  * 版本号
@@ -4080,6 +4080,9 @@ var browserVersion = {
 
 function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 console.log('navigator.userAgent', navigator.userAgent);
 if (!browserVersion.ltIe11) {
   // 主题
@@ -4093,11 +4096,72 @@ if (!browserVersion.ltIe11) {
 // import contentStyle from '!!raw-loader!tinymce/skins/content/dark/content.css';
 
 var myStyle = "\ntable tr.hiddenby0{\n  display: none;\n}\ntable tr[class*=hiddenby0-]{\n  background-color: #fcdcdb;\n}\n";
+/**
+     *
+     * rtf中提取图片信息
+     * 利用正则从rtf内容中提取到图片的核心信息，得到数组。其中数组中保存的信息有
+        {
+        type: ‘’, //图片类型
+        hex: ‘’ // hex字符串
+        }
+     * @param {*} rtfData
+     */
+function extractImageDataFromRtf(rtfData) {
+  if (!rtfData) {
+    return [];
+  }
+  var regexPictureHeader = /{\\pict[\s\S]+?({\\\*\\blipuid\s?[\da-fA-F]+)[\s}]*/;
+  var regexPicture = new RegExp('(?:(' + regexPictureHeader.source + '))([\\da-fA-F\\s]+)\\}', 'g');
+  var images = rtfData.match(regexPicture);
+  var result = [];
+  if (images) {
+    var _iterator = _createForOfIteratorHelper(images),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var image = _step.value;
+        var imageType = false;
+        if (image.includes('\\pngblip')) {
+          imageType = 'image/png';
+        } else if (image.includes('\\jpegblip')) {
+          imageType = 'image/jpeg';
+        }
+        if (imageType) {
+          result.push({
+            hex: image.replace(regexPictureHeader, '').replace(/[^\da-fA-F]/g, ''),
+            type: imageType
+          });
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return result;
+}
+function hexStringToBlob(hexString) {
+  // 将十六进制字符串转换为字节数组
+  var byteArray = new Uint8Array(hexString.match(/.{2}/g).map(function (hexVal) {
+    return parseInt(hexVal, 16);
+  }));
+
+  // 使用二进制数据创建Blob对象
+  var blob = new Blob([byteArray], {
+    type: 'application/octet-stream'
+  });
+  return blob;
+}
 var HrRichText = {
   props: _objectSpread$8(_objectSpread$8({}, Editor.props), {}, {
     readOnly: {
       type: Boolean,
       "default": false
+    },
+    loading: {
+      type: Boolean,
+      "default": false
     }
   }),
   watch: {
@@ -4119,11 +4183,13 @@ var HrRichText = {
   },
   data: function data() {
     return {
-      content_style: ''
+      content_style: '',
+      reloading: false
     };
   },
   computed: {
     initReset: function initReset() {
+      var _this = this;
       return _objectSpread$8({
         // 样式内联填充进去
         content_style: uiStyle.toString() + '\n' + contentStyle.toString() + '\n' + myStyle,
@@ -4132,7 +4198,58 @@ var HrRichText = {
         // 多语言
         language: 'zh_CN',
         branding: false,
-        convert_urls: false
+        convert_urls: false,
+        paste_enable_default_filters: false,
+        paste_data_images: true,
+        font_formats: "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings",
+        images_upload_handler: function images_upload_handler(blobInfo, success, failure) {
+          console.log('images_upload_handler', blobInfo, success, failure);
+          var formData = new FormData();
+          formData.append('file', blobInfo.blob(), blobInfo.filename());
+          _this.$axios({
+            url: _this.init.upload_url || "/file.nolog?method=upload&temp=false&storageType=fileSystem",
+            method: 'post',
+            processData: false,
+            headers: {
+              token: _this.$pq.get('token')
+            },
+            data: formData
+          }).then(function (res) {
+            console.log('res', res);
+            var url = _this.init.preview_url ? "".concat(_this.init.preview_url).concat(_this.init.preview_url.includes('?') ? '&' : '?', "fileId=").concat(res.fileId) : "/platform_web_portal_war_exploded/file.nolog?method=preview&fileId=".concat(res.fileId);
+            success(url);
+          })["catch"](function (err) {
+            console.log('err', err);
+            failure('上传失败');
+          });
+        },
+        init_instance_callback: function init_instance_callback(editor) {
+          var _that = _this;
+          editor.on('paste', function (e) {
+            console.log('paste', e);
+            var data = e.clipboardData.getData('text/rtf');
+            var imagesHex = extractImageDataFromRtf(data);
+            if (imagesHex.length) {
+              editor.dom.select('img').forEach(function (img, i) {
+                var formData = new FormData();
+                formData.append('file', hexStringToBlob(imagesHex[i].hex), "image".concat(i, ".png"));
+                _that.$axios({
+                  url: _that.init.upload_url || "/file.nolog?method=upload&temp=false&storageType=fileSystem",
+                  method: 'post',
+                  processData: false,
+                  headers: {
+                    token: _that.$pq.get('token')
+                  },
+                  data: formData
+                }).then(function (res) {
+                  editor.dom.setAttribs(img, {
+                    src: _that.init.preview_url ? "".concat(_that.init.preview_url).concat(_that.init.preview_url.includes('?') ? '&' : '?', "fileId=").concat(res.fileId) : "/platform_web_portal_war_exploded/file.nolog?method=preview&fileId=".concat(res.fileId)
+                  });
+                });
+              });
+            }
+          });
+        }
       }, this.init);
     }
   },
@@ -4148,9 +4265,40 @@ var HrRichText = {
           require("tinymce/plugins/emoticons/js/emojis");
         }
       });
+    },
+    reload: function reload() {
+      var _this2 = this;
+      this.reloading = true;
+      this.$nextTick(function () {
+        _this2.reloading = false;
+      });
+    },
+    getVmParentByName: function getVmParentByName(vm, name) {
+      var parent = vm.$parent;
+      if (parent && parent.$options) {
+        if (parent.$options.name === name) {
+          return parent;
+        } else {
+          var res = this.getVmParentByName(parent, name);
+          if (res) {
+            return res;
+          }
+        }
+      }
+      return null;
+    },
+    initATabsChangeAutoReload: function initATabsChangeAutoReload() {
+      var modal = this.getVmParentByName(this, 'ADrawer') || this.getVmParentByName(this, 'AModal') || this.getVmParentByName(this, 'ATabs');
+      if (modal) {
+        this.reload();
+      }
     }
   },
-  mounted: function mounted() {},
+  mounted: function mounted() {
+    console.log('mounted--rich-text', this.$refs);
+    // tinymce.init({});
+    this.initATabsChangeAutoReload();
+  },
   render: function render() {
     var h = arguments[0];
     var props = _objectSpread$8(_objectSpread$8({}, this.$props), {}, {
@@ -4180,12 +4328,24 @@ var HrRichText = {
         });
       }
     } else {
-      widget = h("div", {
-        "class": "hr-rich-text"
-      }, [h(Editor, {
-        props: props,
-        on: this.$listeners
-      })]);
+      if (!this.reloading) {
+        widget = h("div", {
+          "class": "hr-rich-text"
+        }, [h(antDesignVue.Spin, {
+          attrs: {
+            spinning: this.loading,
+            size: "small"
+          }
+        }, [h(Editor, {
+          props: props,
+          on: this.$listeners,
+          ref: 'editor'
+        })])]);
+      } else {
+        widget = h("div", {
+          "class": "hr-rich-text loading"
+        });
+      }
     }
     return widget;
   }
@@ -13234,8 +13394,9 @@ var HrAddrBookCard = {
       console.log(list, sort);
       if (sort.length > 0) {
         list.children.sort(function (a, b) {
-          var fieldKeyA = a.data.attrs.fieldKey;
-          var fieldKeyB = b.data.attrs.fieldKey;
+          var _a$data, _b$data;
+          var fieldKeyA = (a === null || a === void 0 || (_a$data = a.data) === null || _a$data === void 0 || (_a$data = _a$data.attrs) === null || _a$data === void 0 ? void 0 : _a$data.fieldKey) || -1;
+          var fieldKeyB = (b === null || b === void 0 || (_b$data = b.data) === null || _b$data === void 0 || (_b$data = _b$data.attrs) === null || _b$data === void 0 ? void 0 : _b$data.fieldKey) || -1;
           var indexA = sort.indexOf(fieldKeyA);
           var indexB = sort.indexOf(fieldKeyB);
           if (indexA === -1 && indexB === -1) {