\n
);\n }}\n {imageNode}
\n\n {des}
\n\n {children &&{children}
}\n foo
;\n * }\n * });\n *\n * Note: This only checks shallow equality for props and state. If these contain\n * complex data structures this mixin may have false-negatives for deeper\n * differences. Only mixin to components which have simple props and state, or\n * use `forceUpdate()` when you know deep data structures have changed.\n *\n * See https://facebook.github.io/react/docs/pure-render-mixin.html\n */\nvar ReactComponentWithPureRenderMixin = {\n shouldComponentUpdate: function shouldComponentUpdate(nextProps, nextState) {\n return shallowCompare(this, nextProps, nextState);\n }\n};\n\nmodule.exports = ReactComponentWithPureRenderMixin;","var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\n/* tslint:disable:member-ordering interface-name */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { Editor, EditorState, ContentState, CompositeDecorator, Modifier, getDefaultKeyBinding, KeyBindingUtil, DefaultDraftBlockRenderMap } from 'draft-js';\nimport { List, Map } from 'immutable';\nimport 'setimmediate';\nimport classnames from 'classnames';\nimport { createToolbar } from '../Toolbar';\nimport ConfigStore from './ConfigStore';\nimport GetHTML from './export/getHTML';\nimport exportText, { decodeContent } from './export/exportText';\nimport customHTML2Content from './customHTML2Content';\nvar hasCommandModifier = KeyBindingUtil.hasCommandModifier;\n\nfunction noop() {}\n;\nvar defaultPluginConfig = {};\nvar focusDummyStyle = {\n width: 0,\n opacity: 0,\n border: 0,\n position: 'absolute',\n left: 0,\n top: 0\n};\nvar toolbar = createToolbar();\nvar configStore = new ConfigStore();\n\nvar EditorCore = function (_React$Component) {\n _inherits(EditorCore, _React$Component);\n\n function EditorCore(props) {\n _classCallCheck(this, EditorCore);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.cancelForceUpdateImmediate = function () {\n clearImmediate(_this.forceUpdateImmediate);\n _this.forceUpdateImmediate = null;\n };\n _this.handlePastedText = function (text, html) {\n var editorState = _this.state.editorState;\n\n if (html) {\n var contentState = editorState.getCurrentContent();\n var selection = editorState.getSelection();\n var fragment = customHTML2Content(html, contentState);\n var pastedContent = Modifier.replaceWithFragment(contentState, selection, fragment);\n var newContent = pastedContent.merge({\n selectionBefore: selection,\n selectionAfter: pastedContent.getSelectionAfter().set('hasFocus', true)\n });\n _this.setEditorState(EditorState.push(editorState, newContent, 'insert-fragment'), true);\n return 'handled';\n }\n return 'not-handled';\n };\n _this.plugins = List(List(props.plugins).flatten(true));\n var editorState = void 0;\n if (props.value !== undefined) {\n if (props.value instanceof EditorState) {\n editorState = props.value || EditorState.createEmpty();\n } else {\n editorState = EditorState.createEmpty();\n }\n } else {\n editorState = EditorState.createEmpty();\n }\n editorState = _this.generatorDefaultValue(editorState);\n _this.state = {\n plugins: _this.reloadPlugins(),\n editorState: editorState,\n customStyleMap: {},\n customBlockStyleMap: {},\n compositeDecorator: null\n };\n if (props.value !== undefined) {\n _this.controlledMode = true;\n console.warn('this component is in controllred mode');\n }\n return _this;\n }\n\n EditorCore.ToEditorState = function ToEditorState(text) {\n var createEmptyContentState = ContentState.createFromText(decodeContent(text) || '');\n var editorState = EditorState.createWithContent(createEmptyContentState);\n return EditorState.forceSelection(editorState, createEmptyContentState.getSelectionAfter());\n };\n\n EditorCore.prototype.getDefaultValue = function getDefaultValue() {\n var _props = this.props,\n defaultValue = _props.defaultValue,\n value = _props.value;\n\n return value || defaultValue;\n };\n\n EditorCore.prototype.Reset = function Reset() {\n var defaultValue = this.getDefaultValue();\n var contentState = defaultValue ? defaultValue.getCurrentContent() : ContentState.createFromText('');\n var updatedEditorState = EditorState.push(this.state.editorState, contentState, 'remove-range');\n this.setEditorState(EditorState.forceSelection(updatedEditorState, contentState.getSelectionBefore()));\n };\n\n EditorCore.prototype.SetText = function SetText(text) {\n var createTextContentState = ContentState.createFromText(text || '');\n var editorState = EditorState.push(this.state.editorState, createTextContentState, 'change-block-data');\n this.setEditorState(EditorState.moveFocusToEnd(editorState), true);\n };\n\n EditorCore.prototype.getChildContext = function getChildContext() {\n return {\n getEditorState: this.getEditorState,\n setEditorState: this.setEditorState\n };\n };\n\n EditorCore.prototype.reloadPlugins = function reloadPlugins() {\n var _this2 = this;\n\n return this.plugins && this.plugins.size ? this.plugins.map(function (plugin) {\n // 如果插件有 callbacks 方法,则认为插件已经加载。\n if (plugin.callbacks) {\n return plugin;\n }\n // 如果插件有 constructor 方法,则构造插件\n if (plugin.hasOwnProperty('constructor')) {\n var pluginConfig = _extends(_this2.props.pluginConfig, plugin.config || {}, defaultPluginConfig);\n return plugin.constructor(pluginConfig);\n }\n // else 无效插件\n console.warn('>> 插件: [', plugin.name, '] 无效。插件或许已经过期。');\n return false;\n }).filter(function (plugin) {\n return plugin;\n }).toArray() : [];\n };\n\n EditorCore.prototype.componentWillMount = function componentWillMount() {\n var plugins = this.initPlugins().concat([toolbar]);\n var customStyleMap = {};\n var customBlockStyleMap = {};\n var customBlockRenderMap = Map(DefaultDraftBlockRenderMap);\n var toHTMLList = List([]);\n // initialize compositeDecorator\n var compositeDecorator = new CompositeDecorator(plugins.filter(function (plugin) {\n return plugin.decorators !== undefined;\n }).map(function (plugin) {\n return plugin.decorators;\n }).reduce(function (prev, curr) {\n return prev.concat(curr);\n }, []));\n // initialize Toolbar\n var toolbarPlugins = List(plugins.filter(function (plugin) {\n return !!plugin.component && plugin.name !== 'toolbar';\n }));\n // load inline styles...\n plugins.forEach(function (plugin) {\n var styleMap = plugin.styleMap,\n blockStyleMap = plugin.blockStyleMap,\n blockRenderMap = plugin.blockRenderMap,\n toHtml = plugin.toHtml;\n\n if (styleMap) {\n for (var key in styleMap) {\n if (styleMap.hasOwnProperty(key)) {\n customStyleMap[key] = styleMap[key];\n }\n }\n }\n if (blockStyleMap) {\n for (var _key in blockStyleMap) {\n if (blockStyleMap.hasOwnProperty(_key)) {\n customBlockStyleMap[_key] = blockStyleMap[_key];\n customBlockRenderMap = customBlockRenderMap.set(_key, {\n element: null\n });\n }\n }\n }\n if (toHtml) {\n toHTMLList = toHTMLList.push(toHtml);\n }\n if (blockRenderMap) {\n for (var _key2 in blockRenderMap) {\n if (blockRenderMap.hasOwnProperty(_key2)) {\n customBlockRenderMap = customBlockRenderMap.set(_key2, blockRenderMap[_key2]);\n }\n }\n }\n });\n configStore.set('customStyleMap', customStyleMap);\n configStore.set('customBlockStyleMap', customBlockStyleMap);\n configStore.set('blockRenderMap', customBlockRenderMap);\n configStore.set('customStyleFn', this.customStyleFn.bind(this));\n configStore.set('toHTMLList', toHTMLList);\n this.setState({\n toolbarPlugins: toolbarPlugins,\n compositeDecorator: compositeDecorator\n });\n this.setEditorState(EditorState.set(this.state.editorState, { decorator: compositeDecorator }), false, false);\n };\n\n EditorCore.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (this.forceUpdateImmediate) {\n this.cancelForceUpdateImmediate();\n }\n if (this.controlledMode) {\n var decorators = nextProps.value.getDecorator();\n var editorState = decorators ? nextProps.value : EditorState.set(nextProps.value, { decorator: this.state.compositeDecorator });\n this.setState({\n editorState: editorState\n });\n }\n };\n\n EditorCore.prototype.componentWillUnmount = function componentWillUnmount() {\n this.cancelForceUpdateImmediate();\n };\n // 处理 value\n\n\n EditorCore.prototype.generatorDefaultValue = function generatorDefaultValue(editorState) {\n var defaultValue = this.getDefaultValue();\n if (defaultValue) {\n return defaultValue;\n }\n return editorState;\n };\n\n EditorCore.prototype.getStyleMap = function getStyleMap() {\n return configStore.get('customStyleMap');\n };\n\n EditorCore.prototype.setStyleMap = function setStyleMap(customStyleMap) {\n configStore.set('customStyleMap', customStyleMap);\n this.render();\n };\n\n EditorCore.prototype.initPlugins = function initPlugins() {\n var _this3 = this;\n\n var enableCallbacks = ['focus', 'getEditorState', 'setEditorState', 'getStyleMap', 'setStyleMap'];\n return this.getPlugins().map(function (plugin) {\n enableCallbacks.forEach(function (callbackName) {\n if (plugin.callbacks.hasOwnProperty(callbackName)) {\n plugin.callbacks[callbackName] = _this3[callbackName].bind(_this3);\n }\n });\n return plugin;\n });\n };\n\n EditorCore.prototype.focusEditor = function focusEditor(ev) {\n this.refs.editor.focus(ev);\n if (this.props.readOnly) {\n this._focusDummy.focus();\n }\n if (this.props.onFocus) {\n this.props.onFocus(ev);\n }\n };\n\n EditorCore.prototype._focus = function _focus(ev) {\n if (!ev || !ev.nativeEvent || !ev.nativeEvent.target) {\n return;\n }\n if (document.activeElement && document.activeElement.getAttribute('contenteditable') === 'true') {\n return;\n }\n return this.focus(ev);\n };\n\n EditorCore.prototype.focus = function focus(ev) {\n var _this4 = this;\n\n var event = ev && ev.nativeEvent;\n if (event && event.target === this._editorWrapper) {\n var editorState = this.state.editorState;\n\n var selection = editorState.getSelection();\n if (!selection.getHasFocus()) {\n if (selection.isCollapsed()) {\n return this.setState({\n editorState: EditorState.moveSelectionToEnd(editorState)\n }, function () {\n _this4.focusEditor(ev);\n });\n }\n }\n }\n this.focusEditor(ev);\n };\n\n EditorCore.prototype.getPlugins = function getPlugins() {\n return this.state.plugins.slice();\n };\n\n EditorCore.prototype.getEventHandler = function getEventHandler() {\n var _this5 = this;\n\n var enabledEvents = ['onUpArrow', 'onDownArrow', 'handleReturn', 'onFocus', 'onBlur', 'onTab', 'handlePastedText'];\n var eventHandler = {};\n enabledEvents.forEach(function (event) {\n eventHandler[event] = _this5.generatorEventHandler(event);\n });\n return eventHandler;\n };\n\n EditorCore.prototype.getEditorState = function getEditorState() {\n var needFocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n if (needFocus) {\n this.refs.editor.focus();\n }\n return this.state.editorState;\n };\n\n EditorCore.prototype.setEditorState = function setEditorState(editorState) {\n var _this6 = this;\n\n var focusEditor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var triggerChange = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;\n\n var newEditorState = editorState;\n this.getPlugins().forEach(function (plugin) {\n if (plugin.onChange) {\n var updatedEditorState = plugin.onChange(newEditorState);\n if (updatedEditorState) {\n newEditorState = updatedEditorState;\n }\n }\n });\n if (this.props.onChange && triggerChange) {\n this.props.onChange(newEditorState);\n // close this issue https://github.com/ant-design/ant-design/issues/5788\n // when onChange not take any effect\n // `