dev: 通用Editor与部份外挂组件

eslib/BraftEditor/index.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
-declare const BarftEditorPage: ({ value, }: {
-    value: string;
+import { ControlType, EditorState } from "braft-editor";
+declare const BarftEditorPage: ({ initValue, value, onChange, controls, FloatControls }: {
+    initValue?: string | undefined;
+    value?: EditorState | undefined;
+    onChange?: ((editorState: EditorState) => void) | undefined;
+    controls?: ControlType[] | undefined;
+    FloatControls?: any;
 }) => JSX.Element;
 export { BarftEditorPage as default, BarftEditorPage };

eslib/ConsumeListView/index.js

@@ -2,8 +2,7 @@ import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn,
 import React, { Component } from 'react';
 import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 import { _ as _defineProperty } from '../defineProperty-18999f8e.js';
-import '../_commonjsHelpers-97e6d7b1.js';
-import { c as classnames } from '../index-c9837619.js';
+import { c as classnames } from '../index-b8d80d39.js';
 import { a as addImageProcess } from '../utils-6b513b37.js';
 
 var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABvklEQVQ4T62UTygEcRTHv29MIsqfk6OL5CYH5aKd9WfjwqxEnBzExYWTCEWJJGove5H8OTA1uwdCrOWAi83ZwUXJiSj5u+Z5s0msmd2SX81h+r33ee/7fW+G8E+H/srhqEcFCjphve1RzcaVK4j3mmoB5YxqQzdOxTji1wE2QZglb2jAEcT7/g4wr0rQugS1OYJ26nOg5nYDr4ZrR7yrl0FBAKBlqjEX3eRLwSXAmidvOJbSI47oF9LVKaCOkNc4/w7kSPOoFBqDwjpp4XA60LUkF8nzbsuERQt4ejtGdsYwiAYTYIV6STOD6UB3EpqXJC0u7zKxz0Mk3Zrj7lOLerJg5T9K+2lWhALiYx8xS9NbDZnUuPXy0wN/hYw3lnbPiNfE7HaSfTAloRqKWkya8WAnMrdmIBqfBqM/BehJAo+gKHMibdMGzUhqKUiZAHGVXJYLwPdpshPnRDRM4fl5+7uKL/0c1WXdOSie5Dh3wZcyoR7SQttO9z+M5MOWEsStFQmsTAoOwVK7qM64d5P6ayKJj9EqHBa5Q4kx2/ujqR1Exnsq493HH2muFN98oNtJ0g7s3Ul5/vwbSab+G+gDqFybE11pYkYAAAAASUVORK5CYII=";

eslib/Editor/index.js

@@ -1,7 +1,8 @@
 import 'react';
 import 'react-dom';
 import '../style-inject.es-1f59c1d0.js';
-import '../_commonjsHelpers-97e6d7b1.js';
+import '../defineProperty-18999f8e.js';
+import '../index-b8d80d39.js';
 import '../slicedToArray-4cd9e6d3.js';
 export { default as BraftEditor } from '../BraftEditor/index.js';
 import 'react-dom/server';

eslib/Editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

eslib/Payment/index.js

@@ -4,8 +4,7 @@ import 'react-dom';
 import '../Modal/index.js';
 import '../style-inject.es-1f59c1d0.js';
 import '../defineProperty-18999f8e.js';
-import '../_commonjsHelpers-97e6d7b1.js';
-import '../index-c9837619.js';
+import '../index-b8d80d39.js';
 import '../utils-6b513b37.js';
 export { default as ConsumeListView } from '../ConsumeListView/index.js';
 export { default as PayPlatformOptions } from '../PayPlatformOptions/index.js';

eslib/Payment/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

eslib/PriceOptions/index.js

@@ -1,8 +1,7 @@
 import React, { useState } from 'react';
 import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 import { _ as _defineProperty } from '../defineProperty-18999f8e.js';
-import '../_commonjsHelpers-97e6d7b1.js';
-import { c as classnames } from '../index-c9837619.js';
+import { c as classnames } from '../index-b8d80d39.js';
 import { e as exportStyleSizeClass } from '../utils-6b513b37.js';
 import { _ as _slicedToArray } from '../slicedToArray-4cd9e6d3.js';
 import { Input } from 'antd';

eslib/WaitPayInfoView/index.js

@@ -1,8 +1,7 @@
 import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _getPrototypeOf, e as _createClass } from '../inherits-6cb67931.js';
 import React, { Component } from 'react';
 import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
-import '../_commonjsHelpers-97e6d7b1.js';
-import { c as classnames } from '../index-c9837619.js';
+import { c as classnames } from '../index-b8d80d39.js';
 
 var css = ".WaitPayInfoView_waitingContainer__3pU2F {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n";
 var styles = {

eslib/WantedPublishModal/index.js

@@ -4,8 +4,7 @@ import 'react-dom';
 import Modal from '../Modal/index.js';
 import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 import '../defineProperty-18999f8e.js';
-import '../_commonjsHelpers-97e6d7b1.js';
-import '../index-c9837619.js';
+import '../index-b8d80d39.js';
 import 'antd';
 import WantedPublishView from '../WantedPublishView/index.js';
 import { W as WatnedPublishBase } from '../WantedPublish-b91e67a7.js';
@@ -76,8 +75,6 @@ function (_WatnedPublishBase) {
         InputWantedOnBlur: function InputWantedOnBlur(v) {
           var value = _this2.formatCurrentWanted(v);
 
-          if (_this2.props.handleConfirm) _this2.props.handleConfirm(_this2.formatResult(value));
-
           _this2.setState({
             current_wanted: value
           });

eslib/WantedPublishPopover/index.js

@@ -4,8 +4,7 @@ import 'react-dom';
 import '../Modal/index.js';
 import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 import '../defineProperty-18999f8e.js';
-import '../_commonjsHelpers-97e6d7b1.js';
-import '../index-c9837619.js';
+import '../index-b8d80d39.js';
 import { Popover } from 'antd';
 import WantedPublishView from '../WantedPublishView/index.js';
 import { W as WatnedPublishBase } from '../WantedPublish-b91e67a7.js';

eslib/_commonjsHelpers-97e6d7b1.js

@@ -1,12 +0,0 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function unwrapExports (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-export { commonjsGlobal as a, createCommonjsModule as c, unwrapExports as u };
-//# sourceMappingURL=_commonjsHelpers-97e6d7b1.js.map

eslib/_commonjsHelpers-97e6d7b1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers-97e6d7b1.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

eslib/index-c9837619.js → eslib/index-b8d80d39.js

@@ -1,4 +1,12 @@
-import { c as createCommonjsModule } from './_commonjsHelpers-97e6d7b1.js';
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function unwrapExports (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
 
 var classnames = createCommonjsModule(function (module) {
 /*!
@@ -49,5 +57,5 @@ var classnames = createCommonjsModule(function (module) {
 }());
 });
 
-export { classnames as c };
-//# sourceMappingURL=index-c9837619.js.map
+export { createCommonjsModule as a, commonjsGlobal as b, classnames as c, unwrapExports as u };
+//# sourceMappingURL=index-b8d80d39.js.map

eslib/index-c9837619.js.map → eslib/index-b8d80d39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-c9837619.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,YAAY;AAEb;AACA,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;AAChC;AACA,CAAC,SAAS,UAAU,IAAI;AACxB,EAAE,IAAI,OAAO,GAAG,EAAE,CAAC;AACnB;AACA,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAC1B,GAAG,IAAI,CAAC,GAAG,EAAE,SAAS;AACtB;AACA,GAAG,IAAI,OAAO,GAAG,OAAO,GAAG,CAAC;AAC5B;AACA,GAAG,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE;AACrD,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACtB,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE;AAChD,IAAI,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC5C,IAAI,IAAI,KAAK,EAAE;AACf,KAAK,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzB,KAAK;AACL,IAAI,MAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;AACpC,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;AACzB,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AAC5C,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB,MAAM;AACN,KAAK;AACL,IAAI;AACJ,GAAG;AACH;AACA,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,EAAE;AACF;AACA,CAAC,KAAqC,MAAM,CAAC,OAAO,EAAE;AACtD,EAAE,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC;AAClC,EAAE,cAAc,GAAG,UAAU,CAAC;AAC9B,EAAE,MAKM;AACR,EAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;AACjC,EAAE;AACF,CAAC,EAAE;;;;;"}
+{"version":3,"file":"index-b8d80d39.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,YAAY;AAEb;AACA,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;AAChC;AACA,CAAC,SAAS,UAAU,IAAI;AACxB,EAAE,IAAI,OAAO,GAAG,EAAE,CAAC;AACnB;AACA,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAC1B,GAAG,IAAI,CAAC,GAAG,EAAE,SAAS;AACtB;AACA,GAAG,IAAI,OAAO,GAAG,OAAO,GAAG,CAAC;AAC5B;AACA,GAAG,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE;AACrD,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACtB,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE;AAChD,IAAI,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC5C,IAAI,IAAI,KAAK,EAAE;AACf,KAAK,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzB,KAAK;AACL,IAAI,MAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;AACpC,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;AACzB,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AAC5C,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB,MAAM;AACN,KAAK;AACL,IAAI;AACJ,GAAG;AACH;AACA,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,EAAE;AACF;AACA,CAAC,KAAqC,MAAM,CAAC,OAAO,EAAE;AACtD,EAAE,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC;AAClC,EAAE,cAAc,GAAG,UAAU,CAAC;AAC9B,EAAE,MAKM;AACR,EAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;AACjC,EAAE;AACF,CAAC,EAAE;;;;;"}

eslib/index.js

@@ -4,8 +4,7 @@ import 'react-dom';
 export { default as Modal, ModalCMD } from './Modal/index.js';
 import './style-inject.es-1f59c1d0.js';
 import './defineProperty-18999f8e.js';
-import './_commonjsHelpers-97e6d7b1.js';
-import './index-c9837619.js';
+import './index-b8d80d39.js';
 import './utils-6b513b37.js';
 export { default as ConsumeListView } from './ConsumeListView/index.js';
 export { default as PayPlatformOptions } from './PayPlatformOptions/index.js';

eslib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

lib/BraftEditor/index.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
-declare const BarftEditorPage: ({ value, }: {
-    value: string;
+import { ControlType, EditorState } from "braft-editor";
+declare const BarftEditorPage: ({ initValue, value, onChange, controls, FloatControls }: {
+    initValue?: string | undefined;
+    value?: EditorState | undefined;
+    onChange?: ((editorState: EditorState) => void) | undefined;
+    controls?: ControlType[] | undefined;
+    FloatControls?: any;
 }) => JSX.Element;
 export { BarftEditorPage as default, BarftEditorPage };

lib/ConsumeListView/index.js

@@ -9,8 +9,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var defineProperty = require('../defineProperty-ba7cd53d.js');
-require('../_commonjsHelpers-72d386ba.js');
-var index = require('../index-44e17595.js');
+var index = require('../index-1143667e.js');
 var utils = require('../utils-b800dc99.js');
 
 var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABvklEQVQ4T62UTygEcRTHv29MIsqfk6OL5CYH5aKd9WfjwqxEnBzExYWTCEWJJGove5H8OTA1uwdCrOWAi83ZwUXJiSj5u+Z5s0msmd2SX81h+r33ee/7fW+G8E+H/srhqEcFCjphve1RzcaVK4j3mmoB5YxqQzdOxTji1wE2QZglb2jAEcT7/g4wr0rQugS1OYJ26nOg5nYDr4ZrR7yrl0FBAKBlqjEX3eRLwSXAmidvOJbSI47oF9LVKaCOkNc4/w7kSPOoFBqDwjpp4XA60LUkF8nzbsuERQt4ejtGdsYwiAYTYIV6STOD6UB3EpqXJC0u7zKxz0Mk3Zrj7lOLerJg5T9K+2lWhALiYx8xS9NbDZnUuPXy0wN/hYw3lnbPiNfE7HaSfTAloRqKWkya8WAnMrdmIBqfBqM/BehJAo+gKHMibdMGzUhqKUiZAHGVXJYLwPdpshPnRDRM4fl5+7uKL/0c1WXdOSie5Dh3wZcyoR7SQttO9z+M5MOWEsStFQmsTAoOwVK7qM64d5P6ayKJj9EqHBa5Q4kx2/ujqR1Exnsq493HH2muFN98oNtJ0g7s3Ul5/vwbSab+G+gDqFybE11pYkYAAAAASUVORK5CYII=";

lib/Editor/index.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('react-dom');
 require('../style-inject.es-dcee06b6.js');
-require('../_commonjsHelpers-72d386ba.js');
+require('../defineProperty-ba7cd53d.js');
+require('../index-1143667e.js');
 require('../slicedToArray-172f4624.js');
 var BraftEditor = require('../BraftEditor/index.js');
 require('react-dom/server');

lib/Editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

lib/Payment/index.js

@@ -8,8 +8,7 @@ require('react-dom');
 require('../Modal/index.js');
 require('../style-inject.es-dcee06b6.js');
 require('../defineProperty-ba7cd53d.js');
-require('../_commonjsHelpers-72d386ba.js');
-require('../index-44e17595.js');
+require('../index-1143667e.js');
 require('../utils-b800dc99.js');
 var ConsumeListView = require('../ConsumeListView/index.js');
 var PayPlatformOptions = require('../PayPlatformOptions/index.js');

lib/Payment/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

lib/PriceOptions/index.js

@@ -8,8 +8,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var defineProperty = require('../defineProperty-ba7cd53d.js');
-require('../_commonjsHelpers-72d386ba.js');
-var index = require('../index-44e17595.js');
+var index = require('../index-1143667e.js');
 var utils = require('../utils-b800dc99.js');
 var slicedToArray = require('../slicedToArray-172f4624.js');
 var antd = require('antd');

lib/WaitPayInfoView/index.js

@@ -8,8 +8,7 @@ var inherits = require('../inherits-c86d64c1.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-require('../_commonjsHelpers-72d386ba.js');
-var index = require('../index-44e17595.js');
+var index = require('../index-1143667e.js');
 
 var css = ".WaitPayInfoView_waitingContainer__3pU2F {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n";
 var styles = {

lib/WantedPublishModal/index.js

@@ -11,8 +11,7 @@ require('react-dom');
 var Modal = require('../Modal/index.js');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 require('../defineProperty-ba7cd53d.js');
-require('../_commonjsHelpers-72d386ba.js');
-require('../index-44e17595.js');
+require('../index-1143667e.js');
 require('antd');
 var WantedPublishView = require('../WantedPublishView/index.js');
 var WantedPublish = require('../WantedPublish-761aab8e.js');
@@ -83,8 +82,6 @@ function (_WatnedPublishBase) {
         InputWantedOnBlur: function InputWantedOnBlur(v) {
           var value = _this2.formatCurrentWanted(v);
 
-          if (_this2.props.handleConfirm) _this2.props.handleConfirm(_this2.formatResult(value));
-
           _this2.setState({
             current_wanted: value
           });

lib/WantedPublishPopover/index.js

@@ -11,8 +11,7 @@ require('react-dom');
 require('../Modal/index.js');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 require('../defineProperty-ba7cd53d.js');
-require('../_commonjsHelpers-72d386ba.js');
-require('../index-44e17595.js');
+require('../index-1143667e.js');
 var antd = require('antd');
 var WantedPublishView = require('../WantedPublishView/index.js');
 var WantedPublish = require('../WantedPublish-761aab8e.js');

lib/_commonjsHelpers-72d386ba.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function unwrapExports (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-exports.commonjsGlobal = commonjsGlobal;
-exports.createCommonjsModule = createCommonjsModule;
-exports.unwrapExports = unwrapExports;
-//# sourceMappingURL=_commonjsHelpers-72d386ba.js.map

lib/_commonjsHelpers-72d386ba.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers-97e6d7b1.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

lib/index-44e17595.js → lib/index-1143667e.js

@@ -1,8 +1,16 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-72d386ba.js');
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
+function unwrapExports (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var classnames = createCommonjsModule(function (module) {
 /*!
   Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -52,4 +60,7 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 });
 
 exports.classnames = classnames;
-//# sourceMappingURL=index-44e17595.js.map
+exports.commonjsGlobal = commonjsGlobal;
+exports.createCommonjsModule = createCommonjsModule;
+exports.unwrapExports = unwrapExports;
+//# sourceMappingURL=index-1143667e.js.map

lib/index-44e17595.js.map → lib/index-1143667e.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-c9837619.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":[],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,YAAY;AAEb;AACA,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;AAChC;AACA,CAAC,SAAS,UAAU,IAAI;AACxB,EAAE,IAAI,OAAO,GAAG,EAAE,CAAC;AACnB;AACA,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAC1B,GAAG,IAAI,CAAC,GAAG,EAAE,SAAS;AACtB;AACA,GAAG,IAAI,OAAO,GAAG,OAAO,GAAG,CAAC;AAC5B;AACA,GAAG,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE;AACrD,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACtB,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE;AAChD,IAAI,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC5C,IAAI,IAAI,KAAK,EAAE;AACf,KAAK,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzB,KAAK;AACL,IAAI,MAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;AACpC,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;AACzB,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AAC5C,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB,MAAM;AACN,KAAK;AACL,IAAI;AACJ,GAAG;AACH;AACA,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,EAAE;AACF;AACA,CAAC,KAAqC,MAAM,CAAC,OAAO,EAAE;AACtD,EAAE,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC;AAClC,EAAE,cAAc,GAAG,UAAU,CAAC;AAC9B,EAAE,MAKM;AACR,EAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;AACjC,EAAE;AACF,CAAC,EAAE;;;;;"}
+{"version":3,"file":"index-b8d80d39.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,YAAY;AAEb;AACA,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;AAChC;AACA,CAAC,SAAS,UAAU,IAAI;AACxB,EAAE,IAAI,OAAO,GAAG,EAAE,CAAC;AACnB;AACA,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAC1B,GAAG,IAAI,CAAC,GAAG,EAAE,SAAS;AACtB;AACA,GAAG,IAAI,OAAO,GAAG,OAAO,GAAG,CAAC;AAC5B;AACA,GAAG,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE;AACrD,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACtB,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE;AAChD,IAAI,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC5C,IAAI,IAAI,KAAK,EAAE;AACf,KAAK,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzB,KAAK;AACL,IAAI,MAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;AACpC,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;AACzB,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AAC5C,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB,MAAM;AACN,KAAK;AACL,IAAI;AACJ,GAAG;AACH;AACA,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,EAAE;AACF;AACA,CAAC,KAAqC,MAAM,CAAC,OAAO,EAAE;AACtD,EAAE,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC;AAClC,EAAE,cAAc,GAAG,UAAU,CAAC;AAC9B,EAAE,MAKM;AACR,EAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;AACjC,EAAE;AACF,CAAC,EAAE;;;;;;;;"}

lib/index.js

@@ -8,8 +8,7 @@ require('react-dom');
 var Modal = require('./Modal/index.js');
 require('./style-inject.es-dcee06b6.js');
 require('./defineProperty-ba7cd53d.js');
-require('./_commonjsHelpers-72d386ba.js');
-require('./index-44e17595.js');
+require('./index-1143667e.js');
 require('./utils-b800dc99.js');
 var ConsumeListView = require('./ConsumeListView/index.js');
 var PayPlatformOptions = require('./PayPlatformOptions/index.js');

lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package.json

@@ -18,6 +18,7 @@
     "antd": "^3.26.8",
     "braft-editor": "^2.3.8",
     "braft-extensions": "^0.0.20",
+    "braft-utils": "^3.0.12",
     "classnames": "^2.2.6",
     "immutable": "^4.0.0-rc.12",
     "react-intl": "^3.9.2",

src/components/Editor/BraftEditor/index.less

@@ -0,0 +1,31 @@
+.baseWrapper {
+  position: relative;
+
+  :global(.bf-container) {
+    display: flex;
+    flex-direction: column;
+
+    .controlBar {
+      box-shadow: none;
+    }
+
+    .editorContent {
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      height: auto;
+      transition: border-color 0.3s;
+
+      &.focus {
+        border-color: #1790ff;
+      }
+    }
+  }
+
+  .floatControls {
+    position: absolute;
+    right: 15px;
+    bottom: 15px;
+    display: flex;
+    z-index: 2;
+  }
+}

src/components/Editor/BraftEditor/index.tsx

@@ -1,23 +1,27 @@
 import React, { useState } from "react";
-import BraftEditor, { ControlType } from "braft-editor";
+import classnames from "classnames";
+import BraftEditor, { ControlType, EditorState } from "braft-editor";
+import styles from "./index.less";
 import "braft-editor/dist/index.css";
 
 // 引入表情包扩展模块样式文件
-import 'braft-extensions/dist/emoticon.css'
+import "braft-extensions/dist/emoticon.css";
 // 引入表情包扩展模块和默认表情包列表
-import Emoticon, { defaultEmoticons } from 'braft-extensions/dist/emoticon';
-import MaxLength from 'braft-extensions/dist/max-length'
+import Emoticon, { defaultEmoticons } from "braft-extensions/dist/emoticon";
+import MaxLength from "braft-extensions/dist/max-length";
 
 const lengthOptions = {
-  defaultValue: 100, // 指定默认限制数，如不指定则为Infinity(无限)
+  defaultValue: 100 // 指定默认限制数，如不指定则为Infinity(无限)
   // includeEditors: ['editor-id-1'], // 指定该模块对哪些BraftEditor生效，不传此属性则对所有BraftEditor有效
   // excludeEditors: ['editor-id-2'],  // 指定该模块对哪些BraftEditor无效
-}
-BraftEditor.use(MaxLength(lengthOptions))
+};
+BraftEditor.use(MaxLength(lengthOptions));
 
 // 转换默认表情包列表，让webpack可以正确加载到默认表情包中的图片，请确保已对png格式的文件配置了loader
 // 如果你使用的webpack版本不支持动态require，或者使用的其他打包工具，请勿使用此写法
-const emoticons = defaultEmoticons.map((item: string) => require(`braft-extensions/dist/assets/${item}`))
+const emoticons = defaultEmoticons.map((item: string) =>
+  require(`braft-extensions/dist/assets/${item}`)
+);
 
 // 也可以使用自己的表情包资源，不受打包工具限制
 // const emoticons = ['http://path/to/emoticon-1.png', 'http://path/to/emoticon-2.png', 'http://path/to/emoticon-3.png', 'http://path/to/emoticon-4.png', ...]
@@ -28,42 +32,95 @@ const emotionOptions = {
   emoticons: emoticons, // 指定可用表情图片列表，默认为空
   closeOnBlur: true, // 指定是否在点击表情选择器之外的地方时关闭表情选择器，默认false
   closeOnSelect: false // 指定是否在选择表情后关闭表情选择器，默认false
-}
+};
 
-BraftEditor.use(Emoticon(emotionOptions))
+BraftEditor.use(Emoticon(emotionOptions));
 
 export const BarftEditorPage = ({
+  initValue,
   value,
+  onChange,
+  controls,
+  FloatControls
 }: {
-  value: string;
+  initValue?: string;
+  value?: EditorState;
+  onChange?: (editorState: EditorState) => void;
+  controls?: ControlType[];
+  FloatControls?: any;
 }) => {
-  const controls: ControlType[] = [
-    "bold",
-    "italic",
-    "underline",
-    "separator",
-    "link",
-    "emoji",
-    "separator",
-    "media"
-  ];
+  const optionsControls = controls
+    ? controls
+    : [
+        "bold",
+        "italic",
+        "underline",
+        "separator",
+        "link",
+        "emoji",
+        "separator",
+        "media"
+      ];
+  const options: any = {
+    controls: optionsControls,
+    uncontrolled: !value && !onChange,
+    showControlsBar:
+      optionsControls && optionsControls.length > 0 && !FloatControls,
+    showFloatControls: FloatControls
+  };
 
-  const [editorState, setEditorState] = useState(
-    BraftEditor.createEditorState(value || "<p>Hello <b>World!</b></p>")
+  const [insideValue, setInsideValue] = useState(
+    BraftEditor.createEditorState(initValue || "<p>Hello <b>World!</b></p>")
   );
 
+  const [focusState, setFocusState] = useState(false);
+
+  let resultValue: EditorState | undefined;
+  let resultAction: ((editorState: EditorState) => void) | undefined;
+  if (options.uncontrolled) {
+    resultValue = insideValue;
+    resultAction = setInsideValue;
+  } else {
+    resultValue = value;
+    resultAction = onChange;
+  }
+
   return (
-    <div className="editor-wrapper">
+    <div className={styles.baseWrapper}>
       <BraftEditor
-        value={editorState}
-        onChange={setEditorState}
-        controls={controls}
-        contentStyle={{
-          boxShadow: "inset 0 1px 3px rgba(0,0,0,.1)"
+        value={resultValue}
+        onChange={resultAction}
+        controls={options.controls}
+        controlBarClassName={classnames(styles.controlBar, {
+          [styles.focus]: focusState
+        })}
+        controlBarStyle={options.showControlsBar ? {} : { display: "none" }}
+        contentClassName={classnames(styles.editorContent, {
+          [styles.focus]: focusState,
+          [styles.hasFloatControls]: options.showFloatControls
+        })}
+        contentStyle={{}}
+        onFocus={() => setFocusState(true)}
+        onBlur={() => setFocusState(false)}
+        hooks={{
+          "toggle-link": ({ href, target }) => {
+            href = href.indexOf("http") === 0 ? href : `http://${href}`;
+            return { href, target };
+          }
         }}
       />
+      {options.showFloatControls ? (
+        <div className={classnames(styles.floatControls)}>
+          {
+            <FloatControls
+              editorState={resultValue}
+              setEditorState={resultAction}
+            />
+          }
+        </div>
+      ) : null}
     </div>
   );
 };
 
-export default BarftEditorPage;
+export default BarftEditorPage;

src/typings/index.d.ts

@@ -7,12 +7,14 @@ declare module "*.json";
 
 declare module "*.md";
 
-declare module 'storybook-addon-intl';
-declare module '@storybook/addon-console';
+declare module "storybook-addon-intl";
+declare module "@storybook/addon-console";
 
-declare module 'braft-extensions/dist/emoticon' {
-  export default (options: object) => any
+declare module "braft-extensions/dist/emoticon" {
+  export default (options: object) => any;
   export { defaultEmoticons };
-};
+}
 
-declare module 'braft-extensions/dist/max-length';
+declare module "braft-extensions/dist/max-length";
+
+declare module "braft-utils";

stories/Editor.stories.tsx

@@ -1,29 +1,102 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
+import React, { useState } from "react";
+import { storiesOf } from "@storybook/react";
+import { action } from "@storybook/addon-actions";
 import { withInfo } from "@storybook/addon-info";
 import { withKnobs, number, boolean, select } from "@storybook/addon-knobs";
-import { addReadme } from 'storybook-readme';
+import { addReadme } from "storybook-readme";
 
-import { BarftEditorPage } from '@components/Editor/BraftEditor';
+import { BarftEditorPage } from "@components/Editor/BraftEditor";
+import { ContentUtils } from "braft-utils";
 
-import EditorData from './data/articleData.json';
+import EditorData from "./data/articleData.json";
+import { Divider, Popover } from "antd";
+import BraftEditor from "braft-editor";
 
-const stories = storiesOf('Editor', module);
-stories.addDecorator((storyFn) => <div style={{padding: "0px 40px"}}>{storyFn()}</div>)
+const stories = storiesOf("Editor", module);
+stories.addDecorator(storyFn => (
+  <div style={{ padding: "0px 40px" }}>{storyFn()}</div>
+));
 stories.addDecorator(withKnobs);
 stories.addDecorator(withInfo);
 stories.addDecorator(addReadme);
 
 stories.add(
-  'BraftEditor',
-  () => (
-      <BarftEditorPage value={EditorData.text} />
-  ),
+  "BraftEditor",
+  () => {
+    return <BarftEditorPage initValue={EditorData.text} />;
+  },
   {
     info: {
-      inline: true,
+      inline: true
     },
-    notes: 'A very simple example of addon notes',
+    notes: "A very simple example of addon notes"
   }
-)
+);
+
+stories.add(
+  "BraftEditorCommon",
+  () => {
+    const [editorState, setEditorState] = useState(
+      BraftEditor.createEditorState("<p>Hello <b>World!</b></p>")
+    );
+    return (
+      <>
+        <h3>非受控组件</h3>
+        <BarftEditorPage controls={[]} />
+        <Divider />
+        <h3>受控组件</h3>
+        <BarftEditorPage
+          value={editorState}
+          onChange={setEditorState}
+          controls={["bold"]}
+          FloatControls={({ editorState, setEditorState }: any) => {
+            const IconWrapStyle = {
+              cursor: "pointer",
+              textAlign: "center" as const,
+              width: "42px"
+            };
+            const IconStyle = { fontSize: "21px" };
+            return (
+              <>
+                <div
+                  style={{ color: "#f07977", ...IconWrapStyle }}
+                  onClick={() => {
+                    setEditorState(
+                      ContentUtils.insertText(editorState, "Hello World")
+                    );
+                  }}
+                >
+                  <i
+                    className="schedule schedule-icon_story"
+                    style={IconStyle}
+                  />
+                </div>
+                <div style={{ ...IconWrapStyle, color: "#3d9bfe" }}>
+                  <i
+                    className="schedule schedule-icon_topic"
+                    style={IconStyle}
+                  />
+                </div>
+                <div style={{ ...IconWrapStyle, color: "#ffa405" }}>
+                  <i
+                    className="schedule schedule-icon_emoticon"
+                    style={IconStyle}
+                  />
+                </div>
+                <div style={{ ...IconWrapStyle, color: "#71c135" }}>
+                  <i className="schedule schedule-icon_img" style={IconStyle} />
+                </div>
+              </>
+            );
+          }}
+        />
+      </>
+    );
+  },
+  {
+    info: {
+      inline: true
+    },
+    notes: "A very simple example of addon notes"
+  }
+);

yarn.lock

@@ -3772,7 +3772,7 @@ braft-finder@^0.0.19:
   resolved "https://registry.npm.taobao.org/braft-finder/download/braft-finder-0.0.19.tgz#c324d82526ed3476a93de86cc9b407f4e188bc8d"
   integrity sha1-wyTYJSbtNHapPehsybQH9OGIvI0=
 
-braft-utils@^3.0.8:
+braft-utils@^3.0.12, braft-utils@^3.0.8:
   version "3.0.12"
   resolved "https://registry.npm.taobao.org/braft-utils/download/braft-utils-3.0.12.tgz#2b755ce1d8397d96b627b6767f74d07f25729d85"
   integrity sha1-K3Vc4dg5fZa2J7Z2f3TQfyVynYU=