@vtx/components 3.1.16 → 3.1.18

package/lib/vtx-wang-editor/wangEditorUtil.js

@@ -0,0 +1,229 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractImageDataFromRtf = extractImageDataFromRtf;
+exports.findAllImgSrcsFromHtml = findAllImgSrcsFromHtml;
+exports.replaceImagesFileSourceWithInlineRepresentation = replaceImagesFileSourceWithInlineRepresentation;
+exports.withEmptyHtml = withEmptyHtml;
+
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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; }
+
+function findAllImgSrcsFromHtml(htmlData) {
+  var imgReg = /<img.*?(?:>|\/>)/gi; //匹配图片中的img标签
+
+  var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配图片中的src
+
+  var widthReg = /width=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配图片中的width
+
+  var heightReg = /height=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配图片中的height
+
+  var arr = htmlData.match(imgReg); //筛选出所有的img
+
+  if (!arr || Array.isArray(arr) && !arr.length) {
+    return false;
+  }
+
+  var srcArr = [];
+
+  for (var i = 0; i < arr.length; i++) {
+    var src = arr[i].match(srcReg);
+    var width = arr[i].match(widthReg);
+    var height = arr[i].match(heightReg); // 获取图片地址
+
+    srcArr.push({
+      width: width[1],
+      height: height[1],
+      url: src[1],
+      img: arr[i]
+    });
+  }
+
+  return srcArr;
+} // 处理为空的时候
+
+
+function withEmptyHtml(editor) {
+  var getHtml = editor.getHtml;
+  var newEditor = editor;
+
+  newEditor.getHtml = function () {
+    if (newEditor.isEmpty()) {
+      return '';
+    }
+
+    return getHtml();
+  };
+
+  return newEditor;
+}
+
+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 replaceImagesFileSourceWithInlineRepresentation(_x, _x2, _x3) {
+  return _replaceImagesFileSourceWithInlineRepresentation.apply(this, arguments);
+}
+
+function _replaceImagesFileSourceWithInlineRepresentation() {
+  _replaceImagesFileSourceWithInlineRepresentation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(htmlData, imageSrcs, imagesHexSources) {
+    var isBase64Data,
+        uploadUrl,
+        downloadUrl,
+        i,
+        _imageSrcs$i,
+        _imageSrcs$i2,
+        _imageSrcs$i3,
+        _imageSrcs$i4,
+        _url$split,
+        _url$split$slice,
+        url,
+        width,
+        height,
+        img,
+        newSrc,
+        formData,
+        blob,
+        imgName,
+        file,
+        res,
+        _args = arguments;
+
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            isBase64Data = _args.length > 3 && _args[3] !== undefined ? _args[3] : true;
+            uploadUrl = _args.length > 4 ? _args[4] : undefined;
+            downloadUrl = _args.length > 5 ? _args[5] : undefined;
+
+            if (!(imageSrcs.length === imagesHexSources.length)) {
+              _context.next = 23;
+              break;
+            }
+
+            i = 0;
+
+          case 5:
+            if (!(i < imageSrcs.length)) {
+              _context.next = 23;
+              break;
+            }
+
+            url = imageSrcs === null || imageSrcs === void 0 ? void 0 : (_imageSrcs$i = imageSrcs[i]) === null || _imageSrcs$i === void 0 ? void 0 : _imageSrcs$i.url;
+            width = imageSrcs === null || imageSrcs === void 0 ? void 0 : (_imageSrcs$i2 = imageSrcs[i]) === null || _imageSrcs$i2 === void 0 ? void 0 : _imageSrcs$i2.width;
+            height = imageSrcs === null || imageSrcs === void 0 ? void 0 : (_imageSrcs$i3 = imageSrcs[i]) === null || _imageSrcs$i3 === void 0 ? void 0 : _imageSrcs$i3.height;
+            img = imageSrcs === null || imageSrcs === void 0 ? void 0 : (_imageSrcs$i4 = imageSrcs[i]) === null || _imageSrcs$i4 === void 0 ? void 0 : _imageSrcs$i4.img;
+            newSrc = isBase64Data ? "data:".concat(imagesHexSources[i].type, ";base64,").concat(_convertHexToBase64(imagesHexSources[i].hex)) : imagesHexSources[i];
+            formData = new FormData();
+            blob = convertBase64UrlToBlob(newSrc);
+            imgName = ((_url$split = url.split('\\')) === null || _url$split === void 0 ? void 0 : (_url$split$slice = _url$split.slice(-1)) === null || _url$split$slice === void 0 ? void 0 : _url$split$slice[0]) || 'image.jpg';
+            file = new File([blob], imgName);
+            formData.append('file', file);
+            _context.next = 18;
+            return window.fetch(uploadUrl, {
+              method: 'POST',
+              body: formData
+            }).then(function (response) {
+              return response.json();
+            });
+
+          case 18:
+            res = _context.sent;
+            htmlData = htmlData.replace(img, "<img src=\"".concat(downloadUrl).concat(res.data[0].id, "\" style=\"width:").concat(width, "px;height:").concat(height, "px\""));
+
+          case 20:
+            i++;
+            _context.next = 5;
+            break;
+
+          case 23:
+            return _context.abrupt("return", htmlData);
+
+          case 24:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _replaceImagesFileSourceWithInlineRepresentation.apply(this, arguments);
+}
+
+function _convertHexToBase64(hexString) {
+  return btoa(hexString.match(/\w{2}/g).map(function (_char) {
+    return String.fromCharCode(parseInt(_char, 16));
+  }).join(''));
+}
+
+function convertBase64UrlToBlob(dataurl) {
+  var arr = dataurl.split(','); //注意base64的最后面中括号和引号是不转译的
+
+  var _arr = arr[1].substring(0, arr[1].length - 2);
+
+  var mime = arr[0].match(/:(.*?);/)[1],
+      bstr = atob(_arr),
+      n = bstr.length,
+      u8arr = new Uint8Array(n);
+
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+
+  return new Blob([u8arr], {
+    type: mime
+  });
+}
+//# sourceMappingURL=wangEditorUtil.js.map

package/lib/vtx-wang-editor/wangEditorUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wangEditorUtil.js","names":["findAllImgSrcsFromHtml","htmlData","imgReg","srcReg","widthReg","heightReg","arr","match","Array","isArray","length","srcArr","i","src","width","height","push","url","img","withEmptyHtml","editor","getHtml","newEditor","isEmpty","extractImageDataFromRtf","rtfData","regexPictureHeader","regexPicture","RegExp","source","images","result","image","imageType","includes","hex","replace","type","replaceImagesFileSourceWithInlineRepresentation","imageSrcs","imagesHexSources","isBase64Data","uploadUrl","downloadUrl","newSrc","_convertHexToBase64","formData","FormData","blob","convertBase64UrlToBlob","imgName","split","slice","file","File","append","window","fetch","method","body","then","response","json","res","data","id","hexString","btoa","map","char","String","fromCharCode","parseInt","join","dataurl","_arr","substring","mime","bstr","atob","n","u8arr","Uint8Array","charCodeAt","Blob"],"sources":["vtx-wang-editor/wangEditorUtil.js"],"sourcesContent":["export function findAllImgSrcsFromHtml(htmlData) {\r\n    let imgReg = /<img.*?(?:>|\\/>)/gi; //匹配图片中的img标签\r\n    let srcReg = /src=[\\'\\\"]?([^\\'\\\"]*)[\\'\\\"]?/i; // 匹配图片中的src\r\n    let widthReg = /width=[\\'\\\"]?([^\\'\\\"]*)[\\'\\\"]?/i; // 匹配图片中的width\r\n    let heightReg = /height=[\\'\\\"]?([^\\'\\\"]*)[\\'\\\"]?/i; // 匹配图片中的height\r\n\r\n    let arr = htmlData.match(imgReg); //筛选出所有的img\r\n    if (!arr || (Array.isArray(arr) && !arr.length)) {\r\n        return false;\r\n    }\r\n\r\n    let srcArr = [];\r\n    for (let i = 0; i < arr.length; i++) {\r\n        let src = arr[i].match(srcReg);\r\n        let width = arr[i].match(widthReg);\r\n        let height = arr[i].match(heightReg);\r\n        // 获取图片地址\r\n        srcArr.push({\r\n            width: width[1],\r\n            height: height[1],\r\n            url: src[1],\r\n            img: arr[i],\r\n        });\r\n    }\r\n\r\n    return srcArr;\r\n}\r\n// 处理为空的时候\r\nexport function withEmptyHtml(editor) {\r\n    const { getHtml } = editor;\r\n    const newEditor = editor;\r\n    newEditor.getHtml = () => {\r\n        if (newEditor.isEmpty()) {\r\n            return '';\r\n        }\r\n        return getHtml();\r\n    };\r\n\r\n    return newEditor;\r\n}\r\n\r\nexport function extractImageDataFromRtf(rtfData) {\r\n    if (!rtfData) {\r\n        return [];\r\n    }\r\n\r\n    const regexPictureHeader = /{\\\\pict[\\s\\S]+?({\\\\\\*\\\\blipuid\\s?[\\da-fA-F]+)[\\s}]*/;\r\n    const regexPicture = new RegExp(\r\n        '(?:(' + regexPictureHeader.source + '))([\\\\da-fA-F\\\\s]+)\\\\}',\r\n        'g',\r\n    );\r\n    const images = rtfData.match(regexPicture);\r\n    const result = [];\r\n\r\n    if (images) {\r\n        for (const image of images) {\r\n            let imageType = false;\r\n\r\n            if (image.includes('\\\\pngblip')) {\r\n                imageType = 'image/png';\r\n            } else if (image.includes('\\\\jpegblip')) {\r\n                imageType = 'image/jpeg';\r\n            }\r\n\r\n            if (imageType) {\r\n                result.push({\r\n                    hex: image.replace(regexPictureHeader, '').replace(/[^\\da-fA-F]/g, ''),\r\n                    type: imageType,\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    return result;\r\n}\r\n\r\nexport async function replaceImagesFileSourceWithInlineRepresentation(\r\n    htmlData,\r\n    imageSrcs,\r\n    imagesHexSources,\r\n    isBase64Data = true,\r\n    uploadUrl,\r\n    downloadUrl,\r\n) {\r\n    if (imageSrcs.length === imagesHexSources.length) {\r\n        for (let i = 0; i < imageSrcs.length; i++) {\r\n            const url = imageSrcs?.[i]?.url;\r\n            const width = imageSrcs?.[i]?.width;\r\n            const height = imageSrcs?.[i]?.height;\r\n            const img = imageSrcs?.[i]?.img;\r\n            const newSrc = isBase64Data\r\n                ? `data:${imagesHexSources[i].type};base64,${_convertHexToBase64(\r\n                      imagesHexSources[i].hex,\r\n                  )}`\r\n                : imagesHexSources[i];\r\n            const formData = new FormData();\r\n            let blob = convertBase64UrlToBlob(newSrc);\r\n            let imgName = url.split('\\\\')?.slice(-1)?.[0] || 'image.jpg';\r\n            let file = new File([blob], imgName);\r\n            formData.append('file', file);\r\n            const res = await window\r\n                .fetch(uploadUrl, {\r\n                    method: 'POST',\r\n                    body: formData,\r\n                })\r\n                .then(function(response) {\r\n                    return response.json();\r\n                });\r\n            htmlData = htmlData.replace(\r\n                img,\r\n                `<img src=\"${downloadUrl}${res.data[0].id}\" style=\"width:${width}px;height:${height}px\"`,\r\n            );\r\n        }\r\n    }\r\n    return htmlData;\r\n}\r\n\r\nfunction _convertHexToBase64(hexString) {\r\n    return btoa(\r\n        hexString\r\n            .match(/\\w{2}/g)\r\n            .map(char => {\r\n                return String.fromCharCode(parseInt(char, 16));\r\n            })\r\n            .join(''),\r\n    );\r\n}\r\n\r\nfunction convertBase64UrlToBlob(dataurl) {\r\n    var arr = dataurl.split(',');\r\n    //注意base64的最后面中括号和引号是不转译的\r\n    var _arr = arr[1].substring(0, arr[1].length - 2);\r\n    var mime = arr[0].match(/:(.*?);/)[1],\r\n        bstr = atob(_arr),\r\n        n = bstr.length,\r\n        u8arr = new Uint8Array(n);\r\n    while (n--) {\r\n        u8arr[n] = bstr.charCodeAt(n);\r\n    }\r\n    return new Blob([u8arr], {\r\n        type: mime,\r\n    });\r\n}\r\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/components",
-  "version": "3.1.16",
+  "version": "3.1.18",
   "description": "React components for Vortex",
   "keywords": [
     "react",
@@ -55,6 +55,9 @@
     "@ant-design/icons": "4.7.0",
     "@vtx/map": "latest",
     "@vtx/utils": "latest",
+    "@wangeditor/editor": "^5.1.21",
+    "@wangeditor/editor-for-react": "^1.0.5",
+    "@wangeditor/plugin-upload-attachment": "^1.1.0",
     "ahooks": "^3.1.5",
     "antd": "4.20.5",
     "axios": "^0.21.1",