hrsass-components 2.2.8 → 2.3.0

package/lib/hrsass-components.js

@@ -57,7 +57,7 @@ var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArr
 var resizeDetector = require('resize-detector');
 var moment = require('moment');
 var moment__default = _interopDefault(moment);
-var tinymce = _interopDefault(require('tinymce/tinymce'));
+require('tinymce/tinymce');
 var Editor = _interopDefault(require('@tinymce/tinymce-vue'));
 require('tinymce/skins/ui/oxide/skin.css');
 var uiStyle = _interopDefault(require('!!raw-loader!tinymce/skins/ui/oxide/content.css'));
@@ -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.8";
+var version = "2.3.0";
 
 /**
  * 版本号
@@ -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: {
@@ -4125,6 +4189,7 @@ var HrRichText = {
   },
   computed: {
     initReset: function initReset() {
+      var _this = this;
       return _objectSpread$8({
         // 样式内联填充进去
         content_style: uiStyle.toString() + '\n' + contentStyle.toString() + '\n' + myStyle,
@@ -4133,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);
     }
   },
@@ -4151,10 +4267,10 @@ var HrRichText = {
       });
     },
     reload: function reload() {
-      var _this = this;
+      var _this2 = this;
       this.reloading = true;
       this.$nextTick(function () {
-        _this.reloading = false;
+        _this2.reloading = false;
       });
     },
     getVmParentByName: function getVmParentByName(vm, name) {
@@ -4179,7 +4295,8 @@ var HrRichText = {
     }
   },
   mounted: function mounted() {
-    tinymce.init({});
+    console.log('mounted--rich-text', this.$refs);
+    // tinymce.init({});
     this.initATabsChangeAutoReload();
   },
   render: function render() {
@@ -4214,10 +4331,16 @@ var HrRichText = {
       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
-        })]);
+          on: this.$listeners,
+          ref: 'editor'
+        })])]);
       } else {
         widget = h("div", {
           "class": "hr-rich-text loading"
@@ -9206,6 +9329,11 @@ var index$2 = {
           if (res.expandedNodeIds) {
             opts.expandedKeyList = [].concat(_toConsumableArray(_this2.expandedKeyList), _toConsumableArray(res.expandedNodeIds));
           }
+          _this2.$emit('expand', opts.expandedKeyList, {
+            expanded: true,
+            node: treeNode.dataRef,
+            childNodes: treeNode.dataRef.children
+          });
           _this2.setState(opts);
           if (res.checkedNodeIds) {
             var _getOptionProps4 = getOptionProps(_this2),
@@ -9412,11 +9540,11 @@ var index$2 = {
           }));
           _this5.$emit('check', checkedKeys, _objectSpread$f({}, e.node.dataRef), nodes);
         },
-        expand: function expand(keys) {
+        expand: function expand(keys, params) {
           _this5.setState({
             expandedKeyList: keys
           });
-          _this5.$emit('expand', keys);
+          _this5.$emit('expand', keys, params);
         },
         load: function load(loadedKeys) {
           _this5.setState({