@lingxiteam/lcdp-ueditor-react 1.0.0-alpha.13 → 1.0.0-alpha.15

package/es/LcdpUeditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LcdpUeditor.d.ts","sourceRoot":"","sources":["LcdpUeditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQhD,cAAM,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAC9D;;OAEG;IACH,WAAW,EAAE,MAAM,CAAwB;IAE3C;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAwD;IAExE;;OAEG;IACH,OAAO,CAAC,YAAY,CAAwD;IAE5E;;OAEG;IACH,OAAO,CAAC,WAAW,CAAS;IAE5B;;OAEG;IACH,OAAO,CAAC,WAAW,CAAa;IAEhC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAiB;IAErC;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAW;IAExC;;OAEG;IACH,OAAO,CAAC,cAAc,CAAc;IAEpC;;OAEG;IACH,OAAO,CAAC,cAAc,CAAM;IAE5B;;OAEG;IACH,OAAO,CAAC,OAAO,CAAkB;IAEjC;;OAEG;IACH,KAAK,EAAE,QAAQ,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAC,CAAC,CAEnC;IAEF;;OAEG;IACH,YAAY,EAAE,GAAG,CAAM;gBAEX,KAAK,EAAE,iBAAiB;IA0CpC,iBAAiB,IAAI,IAAI;IAIzB,yBAAyB,CAAC,SAAS,EAAE,iBAAiB;IAiBtD,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,YAAY;IAOpB;;;;OAIG;YACW,UAAU;IAqCxB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAMhB;;OAEG;IACH,OAAO,CAAC,SAAS;IAcjB;;OAEG;IACG,WAAW;IAiCjB,MAAM,IAAI,KAAK,CAAC,SAAS;CAY1B;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"LcdpUeditor.d.ts","sourceRoot":"","sources":["LcdpUeditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQhD,cAAM,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAC9D;;OAEG;IACH,WAAW,EAAE,MAAM,CAAwB;IAE3C;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAwD;IAExE;;OAEG;IACH,OAAO,CAAC,YAAY,CAAwD;IAE5E;;OAEG;IACH,OAAO,CAAC,WAAW,CAAS;IAE5B;;OAEG;IACH,OAAO,CAAC,WAAW,CAAa;IAEhC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAiB;IAErC;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAW;IAExC;;OAEG;IACH,OAAO,CAAC,cAAc,CAAc;IAEpC;;OAEG;IACH,OAAO,CAAC,cAAc,CAAM;IAE5B;;OAEG;IACH,OAAO,CAAC,OAAO,CAAkB;IAEjC;;OAEG;IACH,KAAK,EAAE,QAAQ,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAC,CAAC,CAEnC;IAEF;;OAEG;IACH,YAAY,EAAE,GAAG,CAAM;gBAEX,KAAK,EAAE,iBAAiB;IA2CpC,iBAAiB,IAAI,IAAI;IAIzB,yBAAyB,CAAC,SAAS,EAAE,iBAAiB;IAiBtD,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,YAAY;IAOpB;;;;OAIG;YACW,UAAU;IAqCxB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAMhB;;OAEG;IACH,OAAO,CAAC,SAAS;IAcjB;;OAEG;IACG,WAAW;IAiCjB,MAAM,IAAI,KAAK,CAAC,SAAS;CAY1B;AAED,eAAe,WAAW,CAAC"}

package/es/LcdpUeditor.js

@@ -85,7 +85,8 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
     if (_this.props.ueditorPath) {
       _this.ueditorPath = _this.props.ueditorPath;
     }
-    _this.currentContent = _this.props.value;
+    var nextValue = filterHtmlNode(_this.props.value || '').str;
+    _this.currentContent = nextValue;
     _this.uploadFunction = function (file, type) {
       var _this$props$config;
       // TODO 内置上传 图片base64
@@ -116,7 +117,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
         _this.fileSelect(cb, type);
       },
       uploadFunction: _this.uploadFunction,
-      initialContent: _this.props.value || ''
+      initialContent: nextValue || ''
     });
     _this.debounceContentChange = debounce(_this.onContentChange.bind(_assertThisInitialized(_this)), 300);
     return _this;
@@ -132,7 +133,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
       if (this.isReady) {
         if ('value' in nextProps && this.currentContent !== nextProps.value) {
           this.isReportFlag = false;
-          this.ueditorInst.setContent(nextProps.value || '');
+          this.ueditorInst.setContent(filterHtmlNode(nextProps.value || '').str);
         }
         // 禁用操作需要调用指定的api进行操作
         if (nextProps.disabled !== this.props.disabled) {
@@ -158,8 +159,12 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
       if (!this.isReportFlag) {
         this.isReportFlag = true;
       } else if (this.props.onChange) {
-        this.currentContent = this.ueditorInst.getContent();
-        this.props.onChange(filterHtmlNode(this.currentContent));
+        this.currentContent = this.ueditorInst.getContent() || '';
+        var _filterHtmlNode = filterHtmlNode(this.currentContent),
+          str = _filterHtmlNode.str,
+          flag = _filterHtmlNode.flag,
+          source = _filterHtmlNode.source;
+        this.props.onChange(flag ? str : source);
       }
     }
   }, {

package/es/tools/filterHtmlNode.d.ts

@@ -1 +1,5 @@
-export declare const filterHtmlNode: (str: string) => string;
+export declare const filterHtmlNode: (str: string) => {
+    str: string;
+    flag: boolean;
+    source: string;
+};

package/es/tools/filterHtmlNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterHtmlNode.d.ts","sourceRoot":"","sources":["filterHtmlNode.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,QAAS,MAAM,WAkCzC,CAAC"}
+{"version":3,"file":"filterHtmlNode.d.ts","sourceRoot":"","sources":["filterHtmlNode.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,QAAS,MAAM;;;;CAwCzC,CAAC"}

package/es/tools/filterHtmlNode.js

@@ -1,4 +1,5 @@
 export var filterHtmlNode = function filterHtmlNode(str) {
+  var flag = false;
   if (typeof str !== 'string') return str || '';
   var blacklist = ['script', 'style', 'iframe'];
 
@@ -23,6 +24,7 @@ export var filterHtmlNode = function filterHtmlNode(str) {
         var attr = node.attributes[i];
         if (attr.name.startsWith('on') || String(node.getAttribute(attr.name)).toLowerCase().indexOf('javascript:') !== -1) {
           node.removeAttribute(attr.name);
+          flag = true;
         }
       }
     }
@@ -31,5 +33,9 @@ export var filterHtmlNode = function filterHtmlNode(str) {
     }
   }
   cleanNode(doc.body);
-  return doc.body.innerHTML;
+  return {
+    str: doc.body.innerHTML,
+    flag: flag,
+    source: str
+  };
 };

package/lib/LcdpUeditor.js

@@ -84,7 +84,8 @@ var LcdpUeditor = class extends import_react.default.Component {
     if (this.props.ueditorPath) {
       this.ueditorPath = this.props.ueditorPath;
     }
-    this.currentContent = this.props.value;
+    const nextValue = (0, import_filterHtmlNode.filterHtmlNode)(this.props.value || "").str;
+    this.currentContent = nextValue;
     this.uploadFunction = (file, type) => {
       var _a;
       if (type === "image" && ((_a = this.props.config) == null ? void 0 : _a.imageType) === "base64") {
@@ -112,7 +113,7 @@ var LcdpUeditor = class extends import_react.default.Component {
         this.fileSelect(cb, type);
       },
       uploadFunction: this.uploadFunction,
-      initialContent: this.props.value || ""
+      initialContent: nextValue || ""
     };
     this.debounceContentChange = (0, import_lodash.debounce)(this.onContentChange.bind(this), 300);
   }
@@ -123,7 +124,7 @@ var LcdpUeditor = class extends import_react.default.Component {
     if (this.isReady) {
       if ("value" in nextProps && this.currentContent !== nextProps.value) {
         this.isReportFlag = false;
-        this.ueditorInst.setContent(nextProps.value || "");
+        this.ueditorInst.setContent((0, import_filterHtmlNode.filterHtmlNode)(nextProps.value || "").str);
       }
       if (nextProps.disabled !== this.props.disabled) {
         if (nextProps.disabled) {
@@ -144,8 +145,9 @@ var LcdpUeditor = class extends import_react.default.Component {
     if (!this.isReportFlag) {
       this.isReportFlag = true;
     } else if (this.props.onChange) {
-      this.currentContent = this.ueditorInst.getContent();
-      this.props.onChange((0, import_filterHtmlNode.filterHtmlNode)(this.currentContent));
+      this.currentContent = this.ueditorInst.getContent() || "";
+      const { str, flag, source } = (0, import_filterHtmlNode.filterHtmlNode)(this.currentContent);
+      this.props.onChange(flag ? str : source);
     }
   }
   getExtString(str) {

package/lib/tools/filterHtmlNode.d.ts

@@ -1 +1,5 @@
-export declare const filterHtmlNode: (str: string) => string;
+export declare const filterHtmlNode: (str: string) => {
+    str: string;
+    flag: boolean;
+    source: string;
+};

package/lib/tools/filterHtmlNode.js

@@ -23,6 +23,7 @@ __export(filterHtmlNode_exports, {
 });
 module.exports = __toCommonJS(filterHtmlNode_exports);
 var filterHtmlNode = (str) => {
+  let flag = false;
   if (typeof str !== "string")
     return str || "";
   const blacklist = ["script", "style", "iframe"];
@@ -39,6 +40,7 @@ var filterHtmlNode = (str) => {
         const attr = node.attributes[i];
         if (attr.name.startsWith("on") || String(node.getAttribute(attr.name)).toLowerCase().indexOf("javascript:") !== -1) {
           node.removeAttribute(attr.name);
+          flag = true;
         }
       }
     }
@@ -47,7 +49,11 @@ var filterHtmlNode = (str) => {
     }
   }
   cleanNode(doc.body);
-  return doc.body.innerHTML;
+  return {
+    str: doc.body.innerHTML,
+    flag,
+    source: str
+  };
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/lcdp-ueditor-react",
-  "version": "1.0.0-alpha.13",
+  "version": "1.0.0-alpha.15",
   "module": "es/index.js",
   "main": "lib/index.js",
   "license": "MIT",