amis 1.4.0 → 1.4.2-beta.12

package/lib/components/RichText.d.ts

@@ -36,7 +36,12 @@ import 'froala-editor/js/plugins/word_paste.min';
 import 'froala-editor/js/languages/zh_cn.js';
 import 'froala-editor/css/froala_style.min.css';
 import 'froala-editor/css/froala_editor.pkgd.min.css';
-export default class FroalaEditor extends React.Component<any, any> {
+export interface FroalaEditorComponentProps {
+    config: any;
+    model: string;
+    onModelChange: (value: string) => void;
+}
+export default class extends React.Component<any, any> {
     constructor(props: any);
     render(): JSX.Element;
 }

package/lib/components/RichText.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
 // @ts-ignore
-var react_froala_wysiwyg_1 = (0, tslib_1.__importDefault)(require("react-froala-wysiwyg"));
+var froala_editor_1 = (0, tslib_1.__importDefault)(require("froala-editor"));
 // @ts-ignore
 var froala_editor_min_js_1 = (0, tslib_1.__importDefault)(require("froala-editor/js/froala_editor.min.js"));
 require("froala-editor/js/plugins/align.min");
@@ -44,9 +44,208 @@ require("froala-editor/js/languages/zh_cn.js");
 // Require Editor CSS files.
 require("froala-editor/css/froala_style.min.css");
 require("froala-editor/css/froala_editor.pkgd.min.css");
-var FroalaEditor = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(FroalaEditor, _super);
-    function FroalaEditor(props) {
+// 代码来源于：https://github.com/froala/react-froala-wysiwyg/blob/master/lib/FroalaEditorFunctionality.jsx
+// 改动原因是model 同步有些问题，有时候不更新，所以基于官方代码改造一下。
+// 目前发现的问题是，如果 model 数据修改，如果此时 editor 还没有初始化完成则不会同步成功
+var FroalaEditorComponent = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(FroalaEditorComponent, _super);
+    function FroalaEditorComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.listeningEvents = [];
+        _this.element = null;
+        _this.editor = null;
+        _this.config = {
+            immediateReactModelUpdate: false,
+            reactIgnoreAttrs: null
+        };
+        _this.editorInitialized = false;
+        _this.INNER_HTML_ATTR = 'innerHTML';
+        _this.oldModel = null;
+        return _this;
+    }
+    // After first time render.
+    FroalaEditorComponent.prototype.componentDidMount = function () {
+        this.createEditor();
+    };
+    FroalaEditorComponent.prototype.componentWillUnmount = function () {
+        this.destroyEditor();
+    };
+    FroalaEditorComponent.prototype.componentDidUpdate = function () {
+        if (JSON.stringify(this.oldModel) == JSON.stringify(this.props.model)) {
+            return;
+        }
+        this.setContent();
+    };
+    // Return cloned object
+    FroalaEditorComponent.prototype.clone = function (item) {
+        var me = this;
+        if (!item) {
+            return item;
+        } // null, undefined values check
+        var types = [Number, String, Boolean], result;
+        // normalizing primitives if someone did new String('aaa'), or new Number('444');
+        types.forEach(function (type) {
+            if (item instanceof type) {
+                result = type(item);
+            }
+        });
+        if (typeof result == 'undefined') {
+            if (Object.prototype.toString.call(item) === '[object Array]') {
+                result = [];
+                item.forEach(function (child, index, array) {
+                    result[index] = me.clone(child);
+                });
+            }
+            else if (typeof item == 'object') {
+                // testing that this is DOM
+                if (item.nodeType && typeof item.cloneNode == 'function') {
+                    result = item.cloneNode(true);
+                }
+                else if (!item.prototype) {
+                    // check that this is a literal
+                    if (item instanceof Date) {
+                        result = new Date(item);
+                    }
+                    else {
+                        // it is an object literal
+                        result = {};
+                        for (var i in item) {
+                            result[i] = me.clone(item[i]);
+                        }
+                    }
+                }
+                else {
+                    if (false && item.constructor) {
+                        result = new item.constructor();
+                    }
+                    else {
+                        result = item;
+                    }
+                }
+            }
+            else {
+                result = item;
+            }
+        }
+        return result;
+    };
+    FroalaEditorComponent.prototype.createEditor = function () {
+        var _this = this;
+        if (this.editorInitialized) {
+            return;
+        }
+        this.config = this.clone(this.props.config || this.config);
+        this.config = (0, tslib_1.__assign)({}, this.config);
+        this.element = this.el;
+        if (this.props.model) {
+            this.element.innerHTML = this.props.model;
+        }
+        this.setContent();
+        // Default initialized.
+        this.registerEvent('initialized', this.config.events && this.config.events.initialized);
+        // Check if events are set.
+        if (!this.config.events)
+            this.config.events = {};
+        this.config.events.initialized = function () {
+            _this.editorInitialized = true;
+            _this.initListeners();
+        };
+        this.editor = new froala_editor_1.default(this.element, this.config);
+    };
+    FroalaEditorComponent.prototype.setContent = function () {
+        var _this = this;
+        if (this.props.model || this.props.model == '') {
+            this.oldModel = this.props.model;
+            if (this.editorInitialized) {
+                this.setNormalTagContent();
+            }
+            else {
+                if (!this._initEvents)
+                    this._initEvents = [];
+                this._initEvents.push(function () { return _this.setNormalTagContent(); });
+            }
+        }
+    };
+    FroalaEditorComponent.prototype.setNormalTagContent = function () {
+        var self = this;
+        self.editor.html && self.editor.html.set(self.props.model || '');
+        if (self.editorInitialized && self.editor.undo) {
+            //This will reset the undo stack everytime the model changes externally. Can we fix this?
+            self.editor.undo.reset();
+            self.editor.undo.saveStep();
+        }
+    };
+    FroalaEditorComponent.prototype.destroyEditor = function () {
+        if (this.element) {
+            this.editor.destroy && this.editor.destroy();
+            this.listeningEvents.length = 0;
+            this.element = null;
+            this.editorInitialized = false;
+            this._initEvents = [];
+        }
+    };
+    FroalaEditorComponent.prototype.getEditor = function () {
+        if (this.element) {
+            return this.editor;
+        }
+        return null;
+    };
+    FroalaEditorComponent.prototype.updateModel = function () {
+        if (!this.props.onModelChange) {
+            return;
+        }
+        var modelContent = '';
+        var returnedHtml = this.editor.html.get();
+        if (typeof returnedHtml === 'string') {
+            modelContent = returnedHtml;
+        }
+        this.oldModel = modelContent;
+        this.props.onModelChange(modelContent);
+    };
+    FroalaEditorComponent.prototype.initListeners = function () {
+        var self = this;
+        // bind contentChange and keyup event to froalaModel
+        this.editor.events.on('contentChanged', function () {
+            self.updateModel();
+        });
+        if (this.config.immediateReactModelUpdate) {
+            this.editor.events.on('keyup', function () {
+                self.updateModel();
+            });
+        }
+        // Call init events.
+        if (this._initEvents) {
+            for (var i = 0; i < this._initEvents.length; i++) {
+                this._initEvents[i].call(this.editor);
+            }
+        }
+    };
+    // register event on jquery editor element
+    FroalaEditorComponent.prototype.registerEvent = function (eventName, callback) {
+        if (!eventName || !callback) {
+            return;
+        }
+        if (eventName == 'initialized') {
+            if (!this._initEvents)
+                this._initEvents = [];
+            this._initEvents.push(callback);
+        }
+        else {
+            if (!this.config.events) {
+                this.config.events = {};
+            }
+            this.config.events[eventName] = callback;
+        }
+    };
+    FroalaEditorComponent.prototype.render = function () {
+        var _this = this;
+        return (react_1.default.createElement("textarea", { ref: function (el) { return (_this.el = el); } }, this.props.children));
+    };
+    return FroalaEditorComponent;
+}(react_1.default.Component));
+var default_1 = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(default_1, _super);
+    function default_1(props) {
         var _this = _super.call(this, props) || this;
         froala_editor_min_js_1.default.VIDEO_PROVIDERS = [
             {
@@ -58,10 +257,10 @@ var FroalaEditor = /** @class */ (function (_super) {
         ];
         return _this;
     }
-    FroalaEditor.prototype.render = function () {
-        return (react_1.default.createElement(react_froala_wysiwyg_1.default, { tag: "textarea", config: this.props.config, model: this.props.model, onModelChange: this.props.onModelChange }));
+    default_1.prototype.render = function () {
+        return (react_1.default.createElement(FroalaEditorComponent, { config: this.props.config, model: this.props.model, onModelChange: this.props.onModelChange }));
     };
-    return FroalaEditor;
+    return default_1;
 }(react_1.default.Component));
-exports.default = FroalaEditor;
+exports.default = default_1;
 //# sourceMappingURL=./components/RichText.js.map

package/lib/components/RichText.js.map

@@ -6,8 +6,8 @@
         "/src/components/RichText.tsx"
     ],
     "names": [],
-    "mappings": ";AAAA;;;;GAIG;;;AAEH,6DAA0B;AAE1B,aAAa;AACb,2FAAyD;AACzD,aAAa;AACb,4GAA2D;AAC3D,8CAA4C;AAC5C,+CAA6C;AAC7C,qDAAmD;AACnD,kDAAgD;AAChD,kDAAgD;AAChD,iDAA+C;AAC/C,oDAAkD;AAClD,kDAAgD;AAChD,8CAA4C;AAC5C,mDAAiD;AACjD,6CAA2C;AAC3C,8CAA4C;AAC5C,qDAAmD;AACnD,qDAAmD;AACnD,qDAAmD;AACnD,oDAAkD;AAClD,6CAA2C;AAC3C,8CAA4C;AAC5C,yDAAuD;AACvD,wDAAsD;AACtD,8CAA4C;AAC5C,qDAAmD;AACnD,8CAA4C;AAC5C,6CAA2C;AAC3C,2DAAyD;AACzD,8CAA4C;AAC5C,4CAA0C;AAC1C,8CAA4C;AAC5C,mDAAiD;AACjD,+CAA6C;AAE7C,4BAA4B;AAC5B,kDAAgD;AAChD,wDAAsD;AAEtD;IAA0C,6CAAyB;IACjE,sBAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SASb;QARC,8BAAM,CAAC,eAAe,GAAG;YACvB;gBACE,UAAU,EAAE,IAAI;gBAChB,SAAS,EAAE,EAAE;gBACb,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,6MAA6M;aACpN;SACF,CAAC;;IACJ,CAAC;IAED,6BAAM,GAAN;QACE,OAAO,CACL,8BAAC,8BAAqB,IACpB,GAAG,EAAC,UAAU,EACd,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,GACvC,CACH,CAAC;IACJ,CAAC;IACH,mBAAC;AAAD,CAAC,AAvBD,CAA0C,eAAK,CAAC,SAAS,GAuBxD",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file RichText\n * @description\n * @author fex\n */\n\nimport React from 'react';\n\n// @ts-ignore\nimport FroalaEditorComponent from 'react-froala-wysiwyg';\n// @ts-ignore\nimport Froala from 'froala-editor/js/froala_editor.min.js';\nimport 'froala-editor/js/plugins/align.min';\nimport 'froala-editor/js/plugins/colors.min';\nimport 'froala-editor/js/plugins/char_counter.min';\nimport 'froala-editor/js/plugins/code_view.min';\nimport 'froala-editor/js/plugins/draggable.min';\nimport 'froala-editor/js/plugins/entities.min';\nimport 'froala-editor/js/plugins/font_family.min';\nimport 'froala-editor/js/plugins/font_size.min';\nimport 'froala-editor/js/plugins/forms.min';\nimport 'froala-editor/js/plugins/fullscreen.min';\nimport 'froala-editor/js/plugins/help.min';\nimport 'froala-editor/js/plugins/image.min';\nimport 'froala-editor/js/plugins/inline_class.min';\nimport 'froala-editor/js/plugins/inline_style.min';\nimport 'froala-editor/js/plugins/line_breaker.min';\nimport 'froala-editor/js/plugins/line_height.min';\nimport 'froala-editor/js/plugins/link.min';\nimport 'froala-editor/js/plugins/lists.min';\nimport 'froala-editor/js/plugins/paragraph_format.min';\nimport 'froala-editor/js/plugins/paragraph_style.min';\nimport 'froala-editor/js/plugins/print.min';\nimport 'froala-editor/js/plugins/quick_insert.min';\nimport 'froala-editor/js/plugins/quote.min';\nimport 'froala-editor/js/plugins/save.min';\nimport 'froala-editor/js/plugins/special_characters.min';\nimport 'froala-editor/js/plugins/table.min';\nimport 'froala-editor/js/plugins/url.min';\nimport 'froala-editor/js/plugins/video.min';\nimport 'froala-editor/js/plugins/word_paste.min';\nimport 'froala-editor/js/languages/zh_cn.js';\n\n// Require Editor CSS files.\nimport 'froala-editor/css/froala_style.min.css';\nimport 'froala-editor/css/froala_editor.pkgd.min.css';\n\nexport default class FroalaEditor extends React.Component<any, any> {\n  constructor(props: any) {\n    super(props);\n    Froala.VIDEO_PROVIDERS = [\n      {\n        test_regex: /.*/,\n        url_regex: '',\n        url_text: '',\n        html: '<span class=\"fr-video fr-dvb fr-draggable\" contenteditable=\"false\" draggable=\"true\"><video class=\"fr-draggable\" controls=\"\" data-msg=\"ok\" data-status=\"0\" src=\"{url}\" style=\"width: 600px;\"></video></span>'\n      }\n    ];\n  }\n\n  render() {\n    return (\n      <FroalaEditorComponent\n        tag=\"textarea\"\n        config={this.props.config}\n        model={this.props.model}\n        onModelChange={this.props.onModelChange}\n      />\n    );\n  }\n}\n"
+        "/**\n * @file RichText\n * @description\n * @author fex\n */\n\nimport React from 'react';\n\n// @ts-ignore\nimport FroalaEditor from 'froala-editor';\n// @ts-ignore\nimport Froala from 'froala-editor/js/froala_editor.min.js';\nimport 'froala-editor/js/plugins/align.min';\nimport 'froala-editor/js/plugins/colors.min';\nimport 'froala-editor/js/plugins/char_counter.min';\nimport 'froala-editor/js/plugins/code_view.min';\nimport 'froala-editor/js/plugins/draggable.min';\nimport 'froala-editor/js/plugins/entities.min';\nimport 'froala-editor/js/plugins/font_family.min';\nimport 'froala-editor/js/plugins/font_size.min';\nimport 'froala-editor/js/plugins/forms.min';\nimport 'froala-editor/js/plugins/fullscreen.min';\nimport 'froala-editor/js/plugins/help.min';\nimport 'froala-editor/js/plugins/image.min';\nimport 'froala-editor/js/plugins/inline_class.min';\nimport 'froala-editor/js/plugins/inline_style.min';\nimport 'froala-editor/js/plugins/line_breaker.min';\nimport 'froala-editor/js/plugins/line_height.min';\nimport 'froala-editor/js/plugins/link.min';\nimport 'froala-editor/js/plugins/lists.min';\nimport 'froala-editor/js/plugins/paragraph_format.min';\nimport 'froala-editor/js/plugins/paragraph_style.min';\nimport 'froala-editor/js/plugins/print.min';\nimport 'froala-editor/js/plugins/quick_insert.min';\nimport 'froala-editor/js/plugins/quote.min';\nimport 'froala-editor/js/plugins/save.min';\nimport 'froala-editor/js/plugins/special_characters.min';\nimport 'froala-editor/js/plugins/table.min';\nimport 'froala-editor/js/plugins/url.min';\nimport 'froala-editor/js/plugins/video.min';\nimport 'froala-editor/js/plugins/word_paste.min';\nimport 'froala-editor/js/languages/zh_cn.js';\n\n// Require Editor CSS files.\nimport 'froala-editor/css/froala_style.min.css';\nimport 'froala-editor/css/froala_editor.pkgd.min.css';\n\nexport interface FroalaEditorComponentProps {\n  config: any;\n  model: string;\n  onModelChange: (value: string) => void;\n}\n\n// 代码来源于：https://github.com/froala/react-froala-wysiwyg/blob/master/lib/FroalaEditorFunctionality.jsx\n// 改动原因是model 同步有些问题，有时候不更新，所以基于官方代码改造一下。\n// 目前发现的问题是，如果 model 数据修改，如果此时 editor 还没有初始化完成则不会同步成功\nclass FroalaEditorComponent extends React.Component<FroalaEditorComponentProps> {\n  listeningEvents: any;\n  element: any;\n  editor: any;\n  config: any;\n  editorInitialized: any;\n  INNER_HTML_ATTR: any;\n  oldModel: any;\n  el: any;\n  _initEvents: any;\n\n  constructor(props: FroalaEditorComponentProps) {\n    super(props);\n\n    this.listeningEvents = [];\n    this.element = null;\n    this.editor = null;\n    this.config = {\n      immediateReactModelUpdate: false,\n      reactIgnoreAttrs: null\n    };\n\n    this.editorInitialized = false;\n    this.INNER_HTML_ATTR = 'innerHTML';\n\n    this.oldModel = null;\n  }\n\n  // After first time render.\n  componentDidMount() {\n    this.createEditor();\n  }\n\n  componentWillUnmount() {\n    this.destroyEditor();\n  }\n\n  componentDidUpdate() {\n    if (JSON.stringify(this.oldModel) == JSON.stringify(this.props.model)) {\n      return;\n    }\n\n    this.setContent();\n  }\n\n  // Return cloned object\n  clone(item: any) {\n    const me = this;\n    if (!item) {\n      return item;\n    } // null, undefined values check\n\n    let types = [Number, String, Boolean],\n      result: any;\n\n    // normalizing primitives if someone did new String('aaa'), or new Number('444');\n    types.forEach(function (type) {\n      if (item instanceof type) {\n        result = type(item);\n      }\n    });\n\n    if (typeof result == 'undefined') {\n      if (Object.prototype.toString.call(item) === '[object Array]') {\n        result = [];\n        item.forEach(function (child: any, index: number, array: Array<any>) {\n          result[index] = me.clone(child);\n        });\n      } else if (typeof item == 'object') {\n        // testing that this is DOM\n        if (item.nodeType && typeof item.cloneNode == 'function') {\n          result = item.cloneNode(true);\n        } else if (!item.prototype) {\n          // check that this is a literal\n          if (item instanceof Date) {\n            result = new Date(item);\n          } else {\n            // it is an object literal\n            result = {};\n            for (var i in item) {\n              result[i] = me.clone(item[i]);\n            }\n          }\n        } else {\n          if (false && item.constructor) {\n            result = new item.constructor();\n          } else {\n            result = item;\n          }\n        }\n      } else {\n        result = item;\n      }\n    }\n    return result;\n  }\n\n  createEditor() {\n    if (this.editorInitialized) {\n      return;\n    }\n\n    this.config = this.clone(this.props.config || this.config);\n    this.config = {...this.config};\n\n    this.element = this.el;\n\n    if (this.props.model) {\n      this.element.innerHTML = this.props.model;\n    }\n\n    this.setContent();\n\n    // Default initialized.\n    this.registerEvent(\n      'initialized',\n      this.config.events && this.config.events.initialized\n    );\n\n    // Check if events are set.\n    if (!this.config.events) this.config.events = {};\n    this.config.events.initialized = () => {\n      this.editorInitialized = true;\n      this.initListeners();\n    };\n\n    this.editor = new FroalaEditor(this.element, this.config);\n  }\n\n  setContent() {\n    if (this.props.model || this.props.model == '') {\n      this.oldModel = this.props.model;\n\n      if (this.editorInitialized) {\n        this.setNormalTagContent();\n      } else {\n        if (!this._initEvents) this._initEvents = [];\n        this._initEvents.push(() => this.setNormalTagContent());\n      }\n    }\n  }\n\n  setNormalTagContent() {\n    let self = this;\n\n    self.editor.html && self.editor.html.set(self.props.model || '');\n    if (self.editorInitialized && self.editor.undo) {\n      //This will reset the undo stack everytime the model changes externally. Can we fix this?\n      self.editor.undo.reset();\n      self.editor.undo.saveStep();\n    }\n  }\n\n  destroyEditor() {\n    if (this.element) {\n      this.editor.destroy && this.editor.destroy();\n      this.listeningEvents.length = 0;\n      this.element = null;\n      this.editorInitialized = false;\n      this._initEvents = [];\n    }\n  }\n\n  getEditor() {\n    if (this.element) {\n      return this.editor;\n    }\n\n    return null;\n  }\n\n  updateModel() {\n    if (!this.props.onModelChange) {\n      return;\n    }\n\n    let modelContent = '';\n\n    let returnedHtml = this.editor.html.get();\n    if (typeof returnedHtml === 'string') {\n      modelContent = returnedHtml;\n    }\n\n    this.oldModel = modelContent;\n    this.props.onModelChange(modelContent);\n  }\n\n  initListeners() {\n    let self = this;\n\n    // bind contentChange and keyup event to froalaModel\n    this.editor.events.on('contentChanged', function () {\n      self.updateModel();\n    });\n    if (this.config.immediateReactModelUpdate) {\n      this.editor.events.on('keyup', function () {\n        self.updateModel();\n      });\n    }\n\n    // Call init events.\n    if (this._initEvents) {\n      for (let i = 0; i < this._initEvents.length; i++) {\n        this._initEvents[i].call(this.editor);\n      }\n    }\n  }\n\n  // register event on jquery editor element\n  registerEvent(eventName: string, callback: Function) {\n    if (!eventName || !callback) {\n      return;\n    }\n\n    if (eventName == 'initialized') {\n      if (!this._initEvents) this._initEvents = [];\n      this._initEvents.push(callback);\n    } else {\n      if (!this.config.events) {\n        this.config.events = {};\n      }\n\n      this.config.events[eventName] = callback;\n    }\n  }\n\n  render() {\n    return (\n      <textarea ref={el => (this.el = el)}>{this.props.children}</textarea>\n    );\n  }\n}\n\nexport default class extends React.Component<any, any> {\n  constructor(props: any) {\n    super(props);\n    Froala.VIDEO_PROVIDERS = [\n      {\n        test_regex: /.*/,\n        url_regex: '',\n        url_text: '',\n        html: '<span class=\"fr-video fr-dvb fr-draggable\" contenteditable=\"false\" draggable=\"true\"><video class=\"fr-draggable\" controls=\"\" data-msg=\"ok\" data-status=\"0\" src=\"{url}\" style=\"width: 600px;\"></video></span>'\n      }\n    ];\n  }\n\n  render() {\n    return (\n      <FroalaEditorComponent\n        config={this.props.config}\n        model={this.props.model}\n        onModelChange={this.props.onModelChange}\n      />\n    );\n  }\n}\n"
     ]
 }