@lingxiteam/lcdp-ueditor-react 1.0.3-alpha.18 → 1.0.3-alpha.2

package/es/LcdpUeditor.d.ts

@@ -38,19 +38,14 @@ declare class LcdpUeditor extends React.Component<ILcdpUeditorProps, {}> {
      */
     private uploadFunction;
     /**
-     * 保存 compositionend 事件处理器引用
+     * 是否加载完成
      */
-    private compositionEndHandler?;
-    /**
-     * 是否全屏
-     */
-    private prefixCls;
+    private isReady;
     /**
      * 初始加载失败
      */
     state: Readonly<{
         initError: boolean;
-        isReady: boolean;
     }>;
     /**
      * 编辑器配置项
@@ -59,7 +54,6 @@ declare class LcdpUeditor extends React.Component<ILcdpUeditorProps, {}> {
     constructor(props: ILcdpUeditorProps);
     componentDidMount(): void;
     componentWillReceiveProps(nextProps: ILcdpUeditorProps): void;
-    componentDidUpdate(prevProps: Readonly<ILcdpUeditorProps>): void;
     componentWillUnmount(): void;
     private onContentChange;
     private getExtString;
@@ -82,10 +76,6 @@ declare class LcdpUeditor extends React.Component<ILcdpUeditorProps, {}> {
      * 初始化编辑器实例
      */
     initUeditor(): Promise<void>;
-    /**
-     * 渲染状态栏
-     */
-    renderStatusBar(): void;
     render(): React.ReactNode;
 }
 export default LcdpUeditor;

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;AAE1B,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,qBAAqB,CAAC,CAAa;IAE3C;;OAEG;IACH,OAAO,CAAC,SAAS,CAAuB;IAExC;;OAEG;IACH,KAAK,EAAE,QAAQ,CAAC;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAOvD;IAEF;;OAEG;IACH,YAAY,EAAE,GAAG,CAAM;gBAEX,KAAK,EAAE,iBAAiB;IAgDpC,iBAAiB,IAAI,IAAI;IAIzB,yBAAyB,CAAC,SAAS,EAAE,iBAAiB;IAiBtD,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,iBAAiB,CAAC,GAAG,IAAI;IAMhE,oBAAoB,IAAI,IAAI;IAY5B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,UAAU;IAWlB;;;;OAIG;YACW,UAAU;IAqCxB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAMhB;;OAEG;IACH,OAAO,CAAC,SAAS;IAcjB;;OAEG;IACG,WAAW;IA4DjB;;OAEG;IACH,eAAe;IA6Bf,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;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAErC;IAEF;;OAEG;IACH,YAAY,EAAE,GAAG,CAAM;gBAEX,KAAK,EAAE,iBAAiB;IA4CpC,iBAAiB,IAAI,IAAI;IAIzB,yBAAyB,CAAC,SAAS,EAAE,iBAAiB;IAiBtD,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,UAAU;IAWlB;;;;OAIG;YACW,UAAU;IAqCxB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAMhB;;OAEG;IACH,OAAO,CAAC,SAAS;IAcjB;;OAEG;IACG,WAAW;IAgCjB,MAAM,IAAI,KAAK,CAAC,SAAS;CAY1B;AAED,eAAe,WAAW,CAAC"}

package/es/LcdpUeditor.js

@@ -8,13 +8,11 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
-import ReactDOM from 'react-dom';
 import { DEFAULT_UEDITOR_CONFIG, DEFAULT_UEDITOR_PATH } from "./const";
 import DefaultConfig from "./defaultConfig.json";
 import UeditorResourceLoader from "./tools/UeditorResourceLoader";
 import debounce from 'lodash/debounce';
 import { filterHtmlNode } from "./tools/filterHtmlNode";
-import ToolBottomBar from "./ToolBottomBar";
 var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
   _inherits(LcdpUeditor, _React$Component);
   var _super = _createSuper(LcdpUeditor);
@@ -59,30 +57,20 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
      */
     _defineProperty(_assertThisInitialized(_this), "uploadFunction", void 0);
     /**
-     * 保存 compositionend 事件处理器引用
+     * 是否加载完成
      */
-    _defineProperty(_assertThisInitialized(_this), "compositionEndHandler", void 0);
-    /**
-     * 是否全屏
-     */
-    _defineProperty(_assertThisInitialized(_this), "prefixCls", 'pcfactory');
+    _defineProperty(_assertThisInitialized(_this), "isReady", false);
     /**
      * 初始加载失败
      */
     _defineProperty(_assertThisInitialized(_this), "state", {
-      initError: false,
-      /**
-      * 是否加载完成
-      */
-      isReady: false
+      initError: false
     });
     /**
      * 编辑器配置项
      */
     _defineProperty(_assertThisInitialized(_this), "editorConfig", {});
-    var config = props.config,
-      prefixCls = props.prefixCls,
-      onFormatChange = props.onFormatChange;
+    var config = props.config;
     _this.containerId = "ueditor_".concat(Date.now(), "_").concat(String(Math.random()).slice(2, 6));
     if (_this.props.ueditorPath) {
       _this.ueditorPath = _this.props.ueditorPath;
@@ -110,7 +98,6 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
       }
       return null;
     };
-    _this.prefixCls = prefixCls || 'pcfactory';
     _this.editorConfig = _objectSpread(_objectSpread({}, DefaultConfig), {}, {
       maximumWords: (config === null || config === void 0 ? void 0 : config.maximumWords) || 10000,
       initialFrameHeight: (config === null || config === void 0 ? void 0 : config.height) || 300,
@@ -120,9 +107,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
       },
       uploadFunction: _this.uploadFunction,
       initialContent: '',
-      pasteplain: (config === null || config === void 0 ? void 0 : config.pasteplain) === true,
-      onFormatChange: onFormatChange,
-      exportFileName: (config === null || config === void 0 ? void 0 : config.exportFileName) || '未命名'
+      pasteplain: (config === null || config === void 0 ? void 0 : config.pasteplain) === true
     });
     _this.debounceContentChange = debounce(_this.onContentChange.bind(_assertThisInitialized(_this)), 300);
     return _this;
@@ -135,7 +120,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
-      if (this.state.isReady) {
+      if (this.isReady) {
         if ('value' in nextProps && this.currentContent !== nextProps.value) {
           this.isReportFlag = false;
           this.ueditorInst.setContent(filterHtmlNode(nextProps.value || '').str);
@@ -150,25 +135,12 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
         }
       }
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.state.isReady && prevProps.defaultFormatSetting !== this.props.defaultFormatSetting) {
-        this.renderStatusBar();
-      }
-    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      if (this.state.isReady) {
-        var _this$ueditorInst, _this$ueditorInst2, _this$ueditorInst2$de;
-        var editorBody = (_this$ueditorInst = this.ueditorInst) === null || _this$ueditorInst === void 0 ? void 0 : _this$ueditorInst.body;
-        if (editorBody && this.compositionEndHandler) {
-          // 销毁时移除监听
-          editorBody.removeEventListener('compositionend', this.compositionEndHandler);
-          this.compositionEndHandler = undefined;
-        }
-        (_this$ueditorInst2 = this.ueditorInst) === null || _this$ueditorInst2 === void 0 || (_this$ueditorInst2$de = _this$ueditorInst2.destroy) === null || _this$ueditorInst2$de === void 0 || _this$ueditorInst2$de.call(_this$ueditorInst2);
+      if (this.isReady) {
+        var _this$ueditorInst, _this$ueditorInst$des;
+        (_this$ueditorInst = this.ueditorInst) === null || _this$ueditorInst === void 0 || (_this$ueditorInst$des = _this$ueditorInst.destroy) === null || _this$ueditorInst$des === void 0 || _this$ueditorInst$des.call(_this$ueditorInst);
       }
     }
   }, {
@@ -330,33 +302,15 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
     value: (function () {
       var _initUeditor = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         var _this3 = this;
-        var timer, readyFunc, jsList;
+        var jsList;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              // 在弹窗页面中反复开关，会导致 dom 丢失
-              readyFunc = function readyFunc() {
+              UeditorResourceLoader.onReady(function () {
                 _this3.initConfig();
-                var target = document.getElementById(_this3.containerId);
-                if (!window.UE || !target) {
-                  timer = setInterval(function () {
-                    target = document.getElementById(_this3.containerId);
-                    if (target) {
-                      clearInterval(timer);
-                      readyFunc();
-                    }
-                  }, 50);
-                  return;
-                }
                 _this3.ueditorInst = window.UE.getEditor(_this3.containerId, _this3.editorConfig);
                 _this3.ueditorInst.ready(function () {
-                  var nextValue = filterHtmlNode(_this3.props.value || '').str;
-                  if (nextValue) {
-                    _this3.ueditorInst.setContent(nextValue);
-                  }
-                  _this3.setState({
-                    isReady: true
-                  });
+                  _this3.isReady = true;
                   // 禁用状态设置
                   if (_this3.props.disabled) {
                     _this3.ueditorInst.setDisabled();
@@ -366,21 +320,10 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
                   _this3.ueditorInst.addListener('contentChange', function () {
                     _this3.debounceContentChange();
                   });
-
-                  // 处理微软拼音输入法输入中文时，内容不会触发contentChange事件
-                  var editorBody = _this3.ueditorInst.body;
-                  if (editorBody) {
-                    _this3.compositionEndHandler = function () {
-                      _this3.debounceContentChange();
-                    };
-                    editorBody.addEventListener('compositionend', _this3.compositionEndHandler);
-                  }
                   _this3.initStyle();
-                  _this3.mountRef();
-                  _this3.renderStatusBar();
                 });
-              };
-              UeditorResourceLoader.onReady(readyFunc);
+                _this3.mountRef();
+              });
               // 默认配置 语言包 统一打包到 ueditor-all.js中
               jsList = ["".concat(this.ueditorPath, "/").concat(DEFAULT_UEDITOR_CONFIG.UEDITOR_ALL)];
               UeditorResourceLoader.onLoadError(function () {
@@ -389,7 +332,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
                 });
               });
               UeditorResourceLoader.startLoad(jsList);
-            case 5:
+            case 4:
             case "end":
               return _context3.stop();
           }
@@ -399,41 +342,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
         return _initUeditor.apply(this, arguments);
       }
       return initUeditor;
-    }()
-    /**
-     * 渲染状态栏
-     */
-    )
-  }, {
-    key: "renderStatusBar",
-    value: function renderStatusBar() {
-      var _this$containerRef$cu, _this$props, _this$props$bottomTyp;
-      var _ref4 = this.ueditorInst.ui || {},
-        id = _ref4.id;
-      var bottomBarContainer = (_this$containerRef$cu = this.containerRef.current) === null || _this$containerRef$cu === void 0 ? void 0 : _this$containerRef$cu.querySelector("#".concat(id, "_bottombar"));
-      var comp = /*#__PURE__*/React.createElement(ToolBottomBar, {
-        ueditorInst: this.ueditorInst,
-        prefixCls: this.prefixCls,
-        containerRef: this.containerRef,
-        defaultFormatSetting: this.props.defaultFormatSetting,
-        onFormatChange: this.editorConfig.onFormatChange,
-        isReady: this.state.isReady,
-        bottomTypes: this.props.bottomTypes,
-        exportFileName: (_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.config) === null || _this$props === void 0 ? void 0 : _this$props.exportFileName
-      });
-      if (bottomBarContainer && (_this$props$bottomTyp = this.props.bottomTypes) !== null && _this$props$bottomTyp !== void 0 && _this$props$bottomTyp.length) {
-        if (!bottomBarContainer.classList.contains('ueditor-bottom-bar-with-status')) {
-          bottomBarContainer.classList.add('ueditor-bottom-bar-with-status');
-        }
-        var statusContainer = bottomBarContainer.querySelector("#".concat(id, "_bottomStatusBar"));
-        if (!statusContainer) {
-          statusContainer = document.createElement('div');
-          statusContainer.id = "".concat(id, "_bottomStatusBar");
-          bottomBarContainer.appendChild(statusContainer);
-        }
-        ReactDOM.render(comp, statusContainer);
-      }
-    }
+    }())
   }, {
     key: "render",
     value: function render() {

package/es/type.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { FormatSettings } from './tools/generateStylesFromSettings';
 interface IUeditorStype extends React.CSSProperties {
     toolbarColor?: string;
 }
@@ -69,10 +68,6 @@ export interface ILcdpUeditorProps {
          */
         videoAllowFiles?: string[];
         maximumWords?: number;
-        /**
-         * 导出文件名
-         */
-        exportFileName?: string;
     };
     toolbars?: string[][];
     /**
@@ -105,22 +100,6 @@ export interface ILcdpUeditorProps {
      * @param val 编辑器内容
      */
     onChange?(val: string): void;
-    /**
-     * 样式前缀
-     */
-    prefixCls?: string;
-    /**
-     * 格式设置变化
-     */
-    onFormatChange?(val: FormatSettings): void;
-    /**
-     * 默认格式设置
-     */
-    defaultFormatSetting?: FormatSettings;
-    /**
-     * 底部功能类型
-     */
-    bottomTypes?: Array<'chineseCount' | 'charCount' | 'pageWidth' | 'formatSetting' | 'exportPdf' | 'fullScreen' | 'copy'>;
 }
 export interface ILcdpUeditorInst {
     /**

package/es/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,aAAc,SAAQ,KAAK,CAAC,aAAa;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,iBAAiB;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE;QAEL;;WAEG;QACH,UAAU,CAAC,EAAE,OAAO,CAAC;QAErB;;WAEG;QACH,MAAM,CAAC,EAAE,MAAM,CAAC;QAEhB;;WAEG;QACH,SAAS,EAAE,MAAM,GAAG,QAAQ,CAAC;QAE7B;;WAEG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QAEtB;;WAEG;QACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;QAE3B;;WAEG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QAErB;;WAEG;QACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;QAE1B;;WAEG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QAEtB;;WAEG;QACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;QAE3B;;WAEG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QAEtB;;WAEG;QACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;QAG3B,YAAY,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IAEF,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC;IAEhC;;;;OAIG;IACH,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;QAChC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;QAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAA;KACpB,CAAC,CAAC;IAEH;;;OAGG;IACH,OAAO,CAAC,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAEvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAGD,MAAM,WAAW,gBAAgB;IAE7B;;OAEG;IACH,UAAU,IAAI,MAAM,CAAC;IAErB;;OAEG;IACH,UAAU,IAAI,MAAM,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAEtD;;OAEG;IACH,aAAa,IAAI,MAAM,CAAC;IAExB;;OAEG;IACH,WAAW,IAAI,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,IAAI,OAAO,CAAC;IAEvB;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;IAEd;;OAEG;IACH,OAAO,IAAI,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,IAAI,IAAI,CAAC;IAEhB;;OAEG;IACH,aAAa,IAAI,MAAM,CAAC;CAC3B"}

package/lib/LcdpUeditor.d.ts

@@ -38,19 +38,14 @@ declare class LcdpUeditor extends React.Component<ILcdpUeditorProps, {}> {
      */
     private uploadFunction;
     /**
-     * 保存 compositionend 事件处理器引用
+     * 是否加载完成
      */
-    private compositionEndHandler?;
-    /**
-     * 是否全屏
-     */
-    private prefixCls;
+    private isReady;
     /**
      * 初始加载失败
      */
     state: Readonly<{
         initError: boolean;
-        isReady: boolean;
     }>;
     /**
      * 编辑器配置项
@@ -59,7 +54,6 @@ declare class LcdpUeditor extends React.Component<ILcdpUeditorProps, {}> {
     constructor(props: ILcdpUeditorProps);
     componentDidMount(): void;
     componentWillReceiveProps(nextProps: ILcdpUeditorProps): void;
-    componentDidUpdate(prevProps: Readonly<ILcdpUeditorProps>): void;
     componentWillUnmount(): void;
     private onContentChange;
     private getExtString;
@@ -82,10 +76,6 @@ declare class LcdpUeditor extends React.Component<ILcdpUeditorProps, {}> {
      * 初始化编辑器实例
      */
     initUeditor(): Promise<void>;
-    /**
-     * 渲染状态栏
-     */
-    renderStatusBar(): void;
     render(): React.ReactNode;
 }
 export default LcdpUeditor;

package/lib/LcdpUeditor.js

@@ -33,13 +33,11 @@ __export(LcdpUeditor_exports, {
 });
 module.exports = __toCommonJS(LcdpUeditor_exports);
 var import_react = __toESM(require("react"));
-var import_react_dom = __toESM(require("react-dom"));
 var import_const = require("./const");
 var import_defaultConfig = __toESM(require("./defaultConfig.json"));
 var import_UeditorResourceLoader = __toESM(require("./tools/UeditorResourceLoader"));
 var import_debounce = __toESM(require("lodash/debounce"));
 var import_filterHtmlNode = require("./tools/filterHtmlNode");
-var import_ToolBottomBar = __toESM(require("./ToolBottomBar"));
 var LcdpUeditor = class extends import_react.default.Component {
   constructor(props) {
     super(props);
@@ -68,24 +66,20 @@ var LcdpUeditor = class extends import_react.default.Component {
      */
     this.currentContent = "";
     /**
-     * 是否全屏
+     * 是否加载完成
      */
-    this.prefixCls = "pcfactory";
+    this.isReady = false;
     /**
      * 初始加载失败
      */
     this.state = {
-      initError: false,
-      /**
-      * 是否加载完成
-      */
-      isReady: false
+      initError: false
     };
     /**
      * 编辑器配置项
      */
     this.editorConfig = {};
-    const { config, prefixCls, onFormatChange } = props;
+    const { config } = props;
     this.containerId = `ueditor_${Date.now()}_${String(Math.random()).slice(2, 6)}`;
     if (this.props.ueditorPath) {
       this.ueditorPath = this.props.ueditorPath;
@@ -109,7 +103,6 @@ var LcdpUeditor = class extends import_react.default.Component {
       }
       return null;
     };
-    this.prefixCls = prefixCls || "pcfactory";
     this.editorConfig = {
       ...import_defaultConfig.default,
       maximumWords: (config == null ? void 0 : config.maximumWords) || 1e4,
@@ -120,9 +113,7 @@ var LcdpUeditor = class extends import_react.default.Component {
       },
       uploadFunction: this.uploadFunction,
       initialContent: "",
-      pasteplain: (config == null ? void 0 : config.pasteplain) === true,
-      onFormatChange,
-      exportFileName: (config == null ? void 0 : config.exportFileName) || "未命名"
+      pasteplain: (config == null ? void 0 : config.pasteplain) === true
     };
     this.debounceContentChange = (0, import_debounce.default)(this.onContentChange.bind(this), 300);
   }
@@ -130,7 +121,7 @@ var LcdpUeditor = class extends import_react.default.Component {
     this.initUeditor();
   }
   componentWillReceiveProps(nextProps) {
-    if (this.state.isReady) {
+    if (this.isReady) {
       if ("value" in nextProps && this.currentContent !== nextProps.value) {
         this.isReportFlag = false;
         this.ueditorInst.setContent((0, import_filterHtmlNode.filterHtmlNode)(nextProps.value || "").str);
@@ -144,20 +135,10 @@ var LcdpUeditor = class extends import_react.default.Component {
       }
     }
   }
-  componentDidUpdate(prevProps) {
-    if (this.state.isReady && prevProps.defaultFormatSetting !== this.props.defaultFormatSetting) {
-      this.renderStatusBar();
-    }
-  }
   componentWillUnmount() {
-    var _a, _b, _c;
-    if (this.state.isReady) {
-      const editorBody = (_a = this.ueditorInst) == null ? void 0 : _a.body;
-      if (editorBody && this.compositionEndHandler) {
-        editorBody.removeEventListener("compositionend", this.compositionEndHandler);
-        this.compositionEndHandler = void 0;
-      }
-      (_c = (_b = this.ueditorInst) == null ? void 0 : _b.destroy) == null ? void 0 : _c.call(_b);
+    var _a, _b;
+    if (this.isReady) {
+      (_b = (_a = this.ueditorInst) == null ? void 0 : _a.destroy) == null ? void 0 : _b.call(_a);
     }
   }
   onContentChange() {
@@ -253,29 +234,11 @@ var LcdpUeditor = class extends import_react.default.Component {
    * 初始化编辑器实例
    */
   async initUeditor() {
-    let timer;
-    const readyFunc = () => {
+    import_UeditorResourceLoader.default.onReady(() => {
       this.initConfig();
-      let target = document.getElementById(this.containerId);
-      if (!window.UE || !target) {
-        timer = setInterval(() => {
-          target = document.getElementById(this.containerId);
-          if (target) {
-            clearInterval(timer);
-            readyFunc();
-          }
-        }, 50);
-        return;
-      }
       this.ueditorInst = window.UE.getEditor(this.containerId, this.editorConfig);
       this.ueditorInst.ready(() => {
-        const nextValue = (0, import_filterHtmlNode.filterHtmlNode)(this.props.value || "").str;
-        if (nextValue) {
-          this.ueditorInst.setContent(nextValue);
-        }
-        this.setState({
-          isReady: true
-        });
+        this.isReady = true;
         if (this.props.disabled) {
           this.ueditorInst.setDisabled();
         } else {
@@ -284,20 +247,13 @@ var LcdpUeditor = class extends import_react.default.Component {
         this.ueditorInst.addListener("contentChange", () => {
           this.debounceContentChange();
         });
-        const editorBody = this.ueditorInst.body;
-        if (editorBody) {
-          this.compositionEndHandler = () => {
-            this.debounceContentChange();
-          };
-          editorBody.addEventListener("compositionend", this.compositionEndHandler);
-        }
         this.initStyle();
-        this.mountRef();
-        this.renderStatusBar();
       });
-    };
-    import_UeditorResourceLoader.default.onReady(readyFunc);
-    const jsList = [`${this.ueditorPath}/${import_const.DEFAULT_UEDITOR_CONFIG.UEDITOR_ALL}`];
+      this.mountRef();
+    });
+    const jsList = [
+      `${this.ueditorPath}/${import_const.DEFAULT_UEDITOR_CONFIG.UEDITOR_ALL}`
+    ];
     import_UeditorResourceLoader.default.onLoadError(() => {
       this.setState({
         initError: true
@@ -305,39 +261,6 @@ var LcdpUeditor = class extends import_react.default.Component {
     });
     import_UeditorResourceLoader.default.startLoad(jsList);
   }
-  /**
-   * 渲染状态栏
-   */
-  renderStatusBar() {
-    var _a, _b, _c, _d;
-    const { id } = this.ueditorInst.ui || {};
-    const bottomBarContainer = (_a = this.containerRef.current) == null ? void 0 : _a.querySelector(`#${id}_bottombar`);
-    const comp = /* @__PURE__ */ import_react.default.createElement(
-      import_ToolBottomBar.default,
-      {
-        ueditorInst: this.ueditorInst,
-        prefixCls: this.prefixCls,
-        containerRef: this.containerRef,
-        defaultFormatSetting: this.props.defaultFormatSetting,
-        onFormatChange: this.editorConfig.onFormatChange,
-        isReady: this.state.isReady,
-        bottomTypes: this.props.bottomTypes,
-        exportFileName: (_c = (_b = this.props) == null ? void 0 : _b.config) == null ? void 0 : _c.exportFileName
-      }
-    );
-    if (bottomBarContainer && ((_d = this.props.bottomTypes) == null ? void 0 : _d.length)) {
-      if (!bottomBarContainer.classList.contains("ueditor-bottom-bar-with-status")) {
-        bottomBarContainer.classList.add("ueditor-bottom-bar-with-status");
-      }
-      let statusContainer = bottomBarContainer.querySelector(`#${id}_bottomStatusBar`);
-      if (!statusContainer) {
-        statusContainer = document.createElement("div");
-        statusContainer.id = `${id}_bottomStatusBar`;
-        bottomBarContainer.appendChild(statusContainer);
-      }
-      import_react_dom.default.render(comp, statusContainer);
-    }
-  }
   render() {
     const { initError } = this.state;
     if (initError) {

package/lib/type.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { FormatSettings } from './tools/generateStylesFromSettings';
 interface IUeditorStype extends React.CSSProperties {
     toolbarColor?: string;
 }
@@ -69,10 +68,6 @@ export interface ILcdpUeditorProps {
          */
         videoAllowFiles?: string[];
         maximumWords?: number;
-        /**
-         * 导出文件名
-         */
-        exportFileName?: string;
     };
     toolbars?: string[][];
     /**
@@ -105,22 +100,6 @@ export interface ILcdpUeditorProps {
      * @param val 编辑器内容
      */
     onChange?(val: string): void;
-    /**
-     * 样式前缀
-     */
-    prefixCls?: string;
-    /**
-     * 格式设置变化
-     */
-    onFormatChange?(val: FormatSettings): void;
-    /**
-     * 默认格式设置
-     */
-    defaultFormatSetting?: FormatSettings;
-    /**
-     * 底部功能类型
-     */
-    bottomTypes?: Array<'chineseCount' | 'charCount' | 'pageWidth' | 'formatSetting' | 'exportPdf' | 'fullScreen' | 'copy'>;
 }
 export interface ILcdpUeditorInst {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/lcdp-ueditor-react",
-  "version": "1.0.3-alpha.18",
+  "version": "1.0.3-alpha.2",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -18,19 +18,14 @@
   },
   "devDependencies": {
     "@types/lodash": "^4.14.180",
-    "father": "^4.1.9",
-    "@types/file-saver": "^2.0.5"
+    "father": "^4.1.9"
   },
   "peerDependencies": {
     "react": "^16.12.0 || ^17.0.0",
     "lodash": "^4.0.0"
   },
   "dependencies": {
-    "@babel/runtime": "7.23.2",
-    "jspdf": "^2.5.1",
-    "file-saver": "^2.0.5",
-    "antd": "4.24.13",
-    "html2canvas": "^1.4.1"
+    "@babel/runtime": "7.23.2"
   },
   "publishConfig": {
     "access": "public",

package/ueditor-resource/dialogs/anchor/anchor.html

@@ -37,7 +37,7 @@
 <div class="content">
     <span><var id="lang_input_anchorName"></var></span><input id="anchorName" value=""/>
 </div>
-<script type="text/javascript" src="../internal.js?b983a808"></script>
+<script type="text/javascript" src="../internal.js?04dbe7f0"></script>
 <script type="text/javascript">
     var anchorInput = $G('anchorName'),
         node = editor.selection.getRange().getClosedNode();

package/ueditor-resource/dialogs/attachment/attachment.html

@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <title>ueditor图片对话框</title>
-    <script type="text/javascript" src="../internal.js?b983a808"></script>
+    <script type="text/javascript" src="../internal.js?04dbe7f0"></script>
 
     <!-- jquery -->
-    <script type="text/javascript" src="../../third-party/jquery-3.5.1.js?cdb3992e"></script>
+    <script type="text/javascript" src="../../third-party/jquery-3.5.1.js?9a0f9431"></script>
 
     <!-- webuploader -->
     <script src="../../third-party/webuploader/webuploader.js?5e398948"></script>
@@ -55,7 +55,7 @@
 
     </div>
 </div>
-<script type="text/javascript" src="attachment.js?5f0b87d6"></script>
+<script type="text/javascript" src="attachment.js?244c9b92"></script>
 
 </body>
 </html>