@vtx/components 4.0.0-beta.26 → 4.0.0-beta.27

package/es/vtx-wang-editor/index.js

@@ -17,14 +17,13 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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(arr) { if (Array.isArray(arr)) return arr; }
 /*eslint-disable*/
-import React, { forwardRef, useState, useEffect, useContext, useCallback } from 'react';
+import React, { forwardRef, useState, useEffect, useContext, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Editor, Toolbar } from '@wangeditor/editor-for-react';
 import attachmentModule from '@wangeditor/plugin-upload-attachment';
 import { Boot } from '@wangeditor/editor';
 import getToken from "../utils/getToken";
 import { withEmptyHtml, findAllImgSrcsFromHtml, extractImageDataFromRtf, replaceImagesFileSourceWithInlineRepresentation, replaceAllSpanFontSize, sanitizeHtml } from "./wangEditorUtil";
-import { ConfigProvider } from 'antd';
 import cls from 'classnames';
 import { useStyle } from "./style/index";
 import { FormItemInputContext } from 'antd/es/form/context';
@@ -62,6 +61,7 @@ var VtxWangEditor = function VtxWangEditor(props) {
     setError(error.message);
     // 可以在这里添加错误上报逻辑
   }, []);
+  var valueRef = useRef();
   var _React$useContext = React.useContext(FormItemInputContext),
     contextStatus = _React$useContext.status,
     hasFeedback = _React$useContext.hasFeedback,
@@ -108,6 +108,9 @@ var VtxWangEditor = function VtxWangEditor(props) {
       }
     };
   }, []);
+  useEffect(function () {
+    valueRef.current = value;
+  }, [value]);
 
   // 修改安全的粘贴处理函数
   var handleSafePaste = useCallback( /*#__PURE__*/function () {
@@ -230,10 +233,14 @@ var VtxWangEditor = function VtxWangEditor(props) {
       var newValue = editor.getHtml() || undefined;
       // 对输出内容也进行安全过滤
       var processedValue = enableSanitization && newValue !== undefined ? sanitizeHtml(newValue) : newValue;
-      console.log('编辑器内容变化，处理前内容:', newValue);
-      console.log('编辑器内容变化，处理后内容:', processedValue);
-      if (processedValue !== value) {
-        onChange(processedValue);
+      // console.log('编辑器内容变化，处理前内容:', newValue);
+      // console.log('编辑器内容变化，处理后内容:', processedValue);
+      if (processedValue !== valueRef.current) {
+        if (processedValue === undefined) {
+          onChange('');
+        } else {
+          onChange(processedValue);
+        }
       }
     } catch (error) {
       handleError(new Error('编辑器内容处理失败: ' + error.message));
@@ -268,7 +275,6 @@ var VtxWangEditor = function VtxWangEditor(props) {
         },
         customInsert: function customInsert(res, insertFn) {
           try {
-            console.log(res, insertFn);
             // res 即服务端的返回结果
             // 从 res 中找到 url alt href ，然后插入图片
             if (res.result == 0) {

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

@@ -12,7 +12,6 @@ var _pluginUploadAttachment = _interopRequireDefault(require("@wangeditor/plugin
 var _editor = require("@wangeditor/editor");
 var _getToken = _interopRequireDefault(require("../utils/getToken"));
 var _wangEditorUtil = require("./wangEditorUtil");
-var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _index = require("./style/index");
 var _context2 = require("antd/es/form/context");
@@ -67,6 +66,7 @@ var VtxWangEditor = exports.VtxWangEditor = function VtxWangEditor(props) {
     setError(error.message);
     // 可以在这里添加错误上报逻辑
   }, []);
+  var valueRef = (0, _react.useRef)();
   var _React$useContext = _react.default.useContext(_context2.FormItemInputContext),
     contextStatus = _React$useContext.status,
     hasFeedback = _React$useContext.hasFeedback,
@@ -113,6 +113,9 @@ var VtxWangEditor = exports.VtxWangEditor = function VtxWangEditor(props) {
       }
     };
   }, []);
+  (0, _react.useEffect)(function () {
+    valueRef.current = value;
+  }, [value]);
 
   // 修改安全的粘贴处理函数
   var handleSafePaste = (0, _react.useCallback)( /*#__PURE__*/function () {
@@ -235,10 +238,14 @@ var VtxWangEditor = exports.VtxWangEditor = function VtxWangEditor(props) {
       var newValue = editor.getHtml() || undefined;
       // 对输出内容也进行安全过滤
       var processedValue = enableSanitization && newValue !== undefined ? (0, _wangEditorUtil.sanitizeHtml)(newValue) : newValue;
-      console.log('编辑器内容变化，处理前内容:', newValue);
-      console.log('编辑器内容变化，处理后内容:', processedValue);
-      if (processedValue !== value) {
-        onChange(processedValue);
+      // console.log('编辑器内容变化，处理前内容:', newValue);
+      // console.log('编辑器内容变化，处理后内容:', processedValue);
+      if (processedValue !== valueRef.current) {
+        if (processedValue === undefined) {
+          onChange('');
+        } else {
+          onChange(processedValue);
+        }
       }
     } catch (error) {
       handleError(new Error('编辑器内容处理失败: ' + error.message));
@@ -273,7 +280,6 @@ var VtxWangEditor = exports.VtxWangEditor = function VtxWangEditor(props) {
         },
         customInsert: function customInsert(res, insertFn) {
           try {
-            console.log(res, insertFn);
             // res 即服务端的返回结果
             // 从 res 中找到 url alt href ，然后插入图片
             if (res.result == 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/components",
-  "version": "4.0.0-beta.26",
+  "version": "4.0.0-beta.27",
   "description": "React components for Vortex",
   "keywords": [
     "react",