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

package/es/LcdpUeditor.d.ts

@@ -59,15 +59,10 @@ 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;
-    getStatusBarItem: (params: {
-        icon: React.ReactNode;
-        content: React.ReactNode;
-        onClick?: () => void;
-        extraNode?: React.ReactNode;
-    }) => JSX.Element;
     private initConfig;
     /**
      * 文件选择

package/es/LcdpUeditor.d.ts.map

@@ -0,0 +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"}

package/es/LcdpUeditor.js

@@ -80,20 +80,6 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
      * 编辑器配置项
      */
     _defineProperty(_assertThisInitialized(_this), "editorConfig", {});
-    _defineProperty(_assertThisInitialized(_this), "getStatusBarItem", function (params) {
-      var icon = params.icon,
-        content = params.content,
-        onClick = params.onClick,
-        extraNode = params.extraNode;
-      return /*#__PURE__*/React.createElement("span", {
-        className: "ueditor-rich-status-bar-item",
-        onClick: onClick
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "ueditor-rich-status-bar-icon"
-      }, icon), /*#__PURE__*/React.createElement("span", {
-        className: "ueditor-rich-status-bar-content"
-      }, content), extraNode);
-    });
     var config = props.config,
       prefixCls = props.prefixCls,
       onFormatChange = props.onFormatChange;
@@ -135,7 +121,8 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
       uploadFunction: _this.uploadFunction,
       initialContent: '',
       pasteplain: (config === null || config === void 0 ? void 0 : config.pasteplain) === true,
-      onFormatChange: onFormatChange
+      onFormatChange: onFormatChange,
+      exportFileName: (config === null || config === void 0 ? void 0 : config.exportFileName) || '未命名'
     });
     _this.debounceContentChange = debounce(_this.onContentChange.bind(_assertThisInitialized(_this)), 300);
     return _this;
@@ -163,6 +150,13 @@ 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() {
@@ -413,8 +407,10 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "renderStatusBar",
     value: function renderStatusBar() {
-      var _this$containerRef$cu, _this$props$bottomTyp;
-      var bottomBarContainer = (_this$containerRef$cu = this.containerRef.current) === null || _this$containerRef$cu === void 0 ? void 0 : _this$containerRef$cu.querySelector('#edui1_bottombar');
+      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,
@@ -422,10 +418,20 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
         defaultFormatSetting: this.props.defaultFormatSetting,
         onFormatChange: this.editorConfig.onFormatChange,
         isReady: this.state.isReady,
-        bottomTypes: this.props.bottomTypes
+        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) {
-        ReactDOM.render(comp, bottomBarContainer);
+        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);
       }
     }
   }, {

package/es/ToolBottomBar/FormatModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAa,MAAM,wCAAwC,CAAC;AAEnF,UAAU,wBAAwB;IAChC,OAAO,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC3C;AA6LD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,CA8JpF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/es/ToolBottomBar/ProgressModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,kBAAkB;CAClC;AAGD,QAAA,MAAM,aAAa,6FAkCjB,CAAC;AAIH,eAAe,aAAa,CAAC"}

package/es/ToolBottomBar/index.d.ts

@@ -3,12 +3,31 @@ import { FormatSettings } from '../tools/generateStylesFromSettings';
 import './index.less';
 import { ILcdpUeditorProps } from '../type';
 declare const ToolBottomBar: (props: {
+    /**
+     * 编辑器实例
+     */
     ueditorInst: any;
+    /**
+     * 前缀类名
+     */
     prefixCls?: string | undefined;
+    /**
+     * 容器引用
+     */
     containerRef?: React.RefObject<HTMLDivElement> | undefined;
     defaultFormatSetting?: FormatSettings | undefined;
     onFormatChange?: ((val: FormatSettings) => void) | undefined;
+    /**
+     * 是否准备就绪
+     */
     isReady?: boolean | undefined;
+    /**
+     * 底部功能类型
+     */
     bottomTypes?: ILcdpUeditorProps['bottomTypes'];
+    /**
+     * 导出文件名
+     */
+    exportFileName?: string | undefined;
 }) => JSX.Element;
 export default ToolBottomBar;

package/es/ToolBottomBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,OAAO,EAAE,cAAc,EAA8B,MAAM,qCAAqC,CAAC;AACjG,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAU5C,QAAA,MAAM,aAAa;IAEjB;;OAEG;iBACU,GAAG;IAEhB;;OAEG;;IAGH;;OAEG;;;4BAGoB,cAAc,KAAK,IAAI;IAE9C;;OAEG;;IAGH;;OAEG;kBACW,iBAAiB,CAAC,aAAa,CAAC;IAE9C;;OAEG;;iBAuOJ,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/ToolBottomBar/index.js

@@ -28,7 +28,10 @@ var ToolBottomBar = function ToolBottomBar(props) {
     defaultFormatSetting = props.defaultFormatSetting,
     onFormatChange = props.onFormatChange,
     isReady = props.isReady,
-    bottomTypes = props.bottomTypes;
+    bottomTypes = props.bottomTypes,
+    exportFileName = props.exportFileName;
+  var _ref = ueditorInst.ui || {},
+    uiId = _ref.id;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     chineseTextCount = _useState2[0],
@@ -139,11 +142,12 @@ var ToolBottomBar = function ToolBottomBar(props) {
    */
   var handleApply = function handleApply(settings) {
     var _containerRef$current, _contentDocument;
+    var isUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     // 生成样式
     var cssStyles = generateStylesFromSettings(settings);
 
     // 触发编辑器视图更新
-    var frame = containerRef === null || containerRef === void 0 || (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector('#edui1_iframeholder > iframe');
+    var frame = ueditorInst.frame || (containerRef === null || containerRef === void 0 || (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector("#".concat(uiId, "_iframeholder > iframe")));
     if (frame !== null && frame !== void 0 && (_contentDocument = frame.contentDocument) !== null && _contentDocument !== void 0 && _contentDocument.documentElement) {
       var _contentDocument2;
       // 查找或创建样式元素
@@ -156,11 +160,13 @@ var ToolBottomBar = function ToolBottomBar(props) {
       // 设置样式内容
       styleEl.textContent = cssStyles;
     }
-    onFormatChange === null || onFormatChange === void 0 || onFormatChange(settings);
+    if (isUpdate) {
+      onFormatChange === null || onFormatChange === void 0 || onFormatChange(settings);
+    }
   };
   useEffect(function () {
     if (defaultFormatSetting) {
-      handleApply(defaultFormatSetting);
+      handleApply(defaultFormatSetting, false);
     }
   }, [defaultFormatSetting]);
   var onProgress = function onProgress(progress, title) {
@@ -192,14 +198,14 @@ var ToolBottomBar = function ToolBottomBar(props) {
   }, (bottomTypes === null || bottomTypes === void 0 ? void 0 : bottomTypes.includes('pageWidth')) && /*#__PURE__*/React.createElement(Dropdown, {
     trigger: ['click'],
     overlay: /*#__PURE__*/React.createElement(Menu, {
-      onClick: function onClick(_ref) {
-        var key = _ref.key;
+      onClick: function onClick(_ref2) {
+        var key = _ref2.key;
         // 设置编辑器宽度
         var newClass = "ueditor-rich-status-content-".concat(key);
         var oldClass = "ueditor-rich-status-content-".concat(pageWidth);
         if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
-          var frame = containerRef.current.querySelector('#edui1_iframeholder');
-          var frameContainer = containerRef.current.querySelector('#edui1');
+          var frame = containerRef.current.querySelector("#".concat(uiId, "_iframeholder"));
+          var frameContainer = ueditorInst.container || containerRef.current.querySelector("#".concat(uiId));
           if (frame) {
             frame.classList.remove(oldClass);
             frame.classList.add(newClass);
@@ -258,13 +264,13 @@ var ToolBottomBar = function ToolBottomBar(props) {
                 _context.next = 7;
                 break;
               }
-              frame = containerRef.current.querySelector('#edui1_iframeholder > iframe');
+              frame = ueditorInst.frame || containerRef.current.querySelector("#".concat(uiId, "_iframeholder > iframe"));
               if (!(frame !== null && frame !== void 0 && (_contentDocument3 = frame.contentDocument) !== null && _contentDocument3 !== void 0 && _contentDocument3.body)) {
                 _context.next = 6;
                 break;
               }
               _context.next = 5;
-              return domloadPdf(frame === null || frame === void 0 || (_contentDocument4 = frame.contentDocument) === null || _contentDocument4 === void 0 ? void 0 : _contentDocument4.body, pageWidth || 'a0', '未命名', onProgress);
+              return domloadPdf(frame === null || frame === void 0 || (_contentDocument4 = frame.contentDocument) === null || _contentDocument4 === void 0 ? void 0 : _contentDocument4.body, pageWidth || 'a0', exportFileName, onProgress);
             case 5:
               onProgress(100, '导出完成');
             case 6:

package/es/ToolBottomBar/index.less

@@ -1,3 +1,8 @@
+.ueditor-bottom-bar-with-status {
+  .edui-default {
+    display: none;
+  }
+}
 .ueditor-rich-status-bar {
   display: flex;
   align-items: center;

package/es/const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["const.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,oBAAoB,uBAAuB,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;8BAMR,MAAM;CAChC,CAAC"}

package/es/icon/ExportPDF.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportPDF.d.ts","sourceRoot":"","sources":["ExportPDF.tsx"],"names":[],"mappings":";AAEA,QAAA,MAAM,UAAU,mBAoBf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/icon/TextCopy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextCopy.d.ts","sourceRoot":"","sources":["TextCopy.tsx"],"names":[],"mappings":";AAEA,QAAA,MAAM,QAAQ,mBAIb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/icon/TextFileIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFileIcon.d.ts","sourceRoot":"","sources":["TextFileIcon.tsx"],"names":[],"mappings":";AAEA,QAAA,MAAM,QAAQ,mBAIb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/icon/TextIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextIcon.d.ts","sourceRoot":"","sources":["TextIcon.tsx"],"names":[],"mappings":";AAEA,QAAA,MAAM,QAAQ,mBAIb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEhD,OAAO,EACL,WAAW,EACX,iBAAiB,GAClB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"UeditorResourceLoader.d.ts","sourceRoot":"","sources":["UeditorResourceLoader.ts"],"names":[],"mappings":"AAGA,cAAM,qBAAqB;IACzB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAwB;IAG/C,OAAO,CAAC,MAAM,CAAC,aAAa;IAI5B,OAAO,CAAC,YAAY,CAAkB;IAEtC,OAAO,CAAC,iBAAiB,CAAkB;IAE3C,OAAO,CAAC,OAAO,CAAkB;IAEjC,OAAO,CAAC,SAAS,CAAkB;WAEf,SAAS,CAAE,MAAM,EAAE,MAAM,EAAE;WAgCjC,WAAW;IAWzB;;;OAGG;WACW,OAAO,CAAC,QAAQ,EAAE,QAAQ;IASxC;;;OAGG;WACW,WAAW,CAAC,QAAQ,EAAE,QAAQ;CAI7C;AAED,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"exportPDF.d.ts","sourceRoot":"","sources":["exportPDF.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,gBAAuB,WAAW,YAAW;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;QACvC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;QACjC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;KACpC,CAAA;CACF,2BACsB,MAAM,SAAS,MAAM,KAAK,IAAI,+BAiDpD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,QAAe,WAAW,aAAa,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,aAAY,MAAM,2BAChF,MAAM,SAAS,MAAM,KAAK,IAAI,+BAatD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"generateStylesFromSettings.d.ts","sourceRoot":"","sources":["generateStylesFromSettings.ts"],"names":[],"mappings":"AAAA,UAAU,YAAa,SAAQ,SAAS;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,SAAU,SAAQ,SAAS;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE;QACR,EAAE,EAAE,YAAY,CAAC;QACjB,EAAE,EAAE,YAAY,CAAC;QACjB,EAAE,EAAE,YAAY,CAAC;QACjB,EAAE,EAAE,YAAY,CAAC;QACjB,EAAE,EAAE,YAAY,CAAC;QACjB,EAAE,EAAE,YAAY,CAAC;KAClB,CAAC;IACF,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE;QACL,EAAE,EAAE,SAAS,CAAC;QACd,EAAE,EAAE,SAAS,CAAC;KACf,CAAC;CACH;AAED;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,aAAc,cAAc,KAAG,MAuDrE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"loadScript.d.ts","sourceRoot":"","sources":["loadScript.ts"],"names":[],"mappings":"AACA;;;GAGG;AACH,eAAO,MAAM,cAAc,SAAgB,MAAM,EAAE,kBAUlD,CAAC"}

package/es/type.d.ts

@@ -69,6 +69,10 @@ export interface ILcdpUeditorProps {
          */
         videoAllowFiles?: string[];
         maximumWords?: number;
+        /**
+         * 导出文件名
+         */
+        exportFileName?: string;
     };
     toolbars?: string[][];
     /**

package/es/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"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"}

package/lib/LcdpUeditor.d.ts

@@ -59,15 +59,10 @@ 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;
-    getStatusBarItem: (params: {
-        icon: React.ReactNode;
-        content: React.ReactNode;
-        onClick?: () => void;
-        extraNode?: React.ReactNode;
-    }) => JSX.Element;
     private initConfig;
     /**
      * 文件选择

package/lib/LcdpUeditor.js

@@ -85,10 +85,6 @@ var LcdpUeditor = class extends import_react.default.Component {
      * 编辑器配置项
      */
     this.editorConfig = {};
-    this.getStatusBarItem = (params) => {
-      const { icon, content, onClick, extraNode } = params;
-      return /* @__PURE__ */ import_react.default.createElement("span", { className: "ueditor-rich-status-bar-item", onClick }, /* @__PURE__ */ import_react.default.createElement("span", { className: "ueditor-rich-status-bar-icon" }, icon), /* @__PURE__ */ import_react.default.createElement("span", { className: "ueditor-rich-status-bar-content" }, content), extraNode);
-    };
     const { config, prefixCls, onFormatChange } = props;
     this.containerId = `ueditor_${Date.now()}_${String(Math.random()).slice(2, 6)}`;
     if (this.props.ueditorPath) {
@@ -125,7 +121,8 @@ var LcdpUeditor = class extends import_react.default.Component {
       uploadFunction: this.uploadFunction,
       initialContent: "",
       pasteplain: (config == null ? void 0 : config.pasteplain) === true,
-      onFormatChange
+      onFormatChange,
+      exportFileName: (config == null ? void 0 : config.exportFileName) || "未命名"
     };
     this.debounceContentChange = (0, import_debounce.default)(this.onContentChange.bind(this), 300);
   }
@@ -147,6 +144,11 @@ 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) {
@@ -307,8 +309,9 @@ var LcdpUeditor = class extends import_react.default.Component {
    * 渲染状态栏
    */
   renderStatusBar() {
-    var _a, _b;
-    const bottomBarContainer = (_a = this.containerRef.current) == null ? void 0 : _a.querySelector("#edui1_bottombar");
+    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,
       {
@@ -318,11 +321,21 @@ var LcdpUeditor = class extends import_react.default.Component {
         defaultFormatSetting: this.props.defaultFormatSetting,
         onFormatChange: this.editorConfig.onFormatChange,
         isReady: this.state.isReady,
-        bottomTypes: this.props.bottomTypes
+        bottomTypes: this.props.bottomTypes,
+        exportFileName: (_c = (_b = this.props) == null ? void 0 : _b.config) == null ? void 0 : _c.exportFileName
       }
     );
-    if (bottomBarContainer && ((_b = this.props.bottomTypes) == null ? void 0 : _b.length)) {
-      import_react_dom.default.render(comp, bottomBarContainer);
+    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() {

package/lib/ToolBottomBar/index.d.ts

@@ -3,12 +3,31 @@ import { FormatSettings } from '../tools/generateStylesFromSettings';
 import './index.less';
 import { ILcdpUeditorProps } from '../type';
 declare const ToolBottomBar: (props: {
+    /**
+     * 编辑器实例
+     */
     ueditorInst: any;
+    /**
+     * 前缀类名
+     */
     prefixCls?: string | undefined;
+    /**
+     * 容器引用
+     */
     containerRef?: React.RefObject<HTMLDivElement> | undefined;
     defaultFormatSetting?: FormatSettings | undefined;
     onFormatChange?: ((val: FormatSettings) => void) | undefined;
+    /**
+     * 是否准备就绪
+     */
     isReady?: boolean | undefined;
+    /**
+     * 底部功能类型
+     */
     bottomTypes?: ILcdpUeditorProps['bottomTypes'];
+    /**
+     * 导出文件名
+     */
+    exportFileName?: string | undefined;
 }) => JSX.Element;
 export default ToolBottomBar;

package/lib/ToolBottomBar/index.js

@@ -53,7 +53,8 @@ var MENU_OPTIONS = {
 };
 var STYLE_ID = "ueditor-custom-styles";
 var ToolBottomBar = (props) => {
-  const { ueditorInst, prefixCls, containerRef, defaultFormatSetting, onFormatChange, isReady, bottomTypes } = props;
+  const { ueditorInst, prefixCls, containerRef, defaultFormatSetting, onFormatChange, isReady, bottomTypes, exportFileName } = props;
+  const { id: uiId } = ueditorInst.ui || {};
   const [chineseTextCount, setChineseTextCount] = (0, import_react.useState)(0);
   const [totalTextCount, setTotalTextCount] = (0, import_react.useState)(0);
   const [innerFullScreen, setInnerFullScreen] = (0, import_react.useState)(false);
@@ -122,10 +123,10 @@ var ToolBottomBar = (props) => {
       }, 1e3);
     }
   };
-  const handleApply = (settings) => {
+  const handleApply = (settings, isUpdate = true) => {
     var _a, _b, _c;
     const cssStyles = (0, import_generateStylesFromSettings.generateStylesFromSettings)(settings);
-    const frame = (_a = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a.querySelector("#edui1_iframeholder > iframe");
+    const frame = ueditorInst.frame || ((_a = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a.querySelector(`#${uiId}_iframeholder > iframe`));
     if ((_b = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _b.documentElement) {
       let styleEl = (_c = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _c.getElementById(STYLE_ID);
       if (!styleEl) {
@@ -135,11 +136,13 @@ var ToolBottomBar = (props) => {
       }
       styleEl.textContent = cssStyles;
     }
-    onFormatChange == null ? void 0 : onFormatChange(settings);
+    if (isUpdate) {
+      onFormatChange == null ? void 0 : onFormatChange(settings);
+    }
   };
   (0, import_react.useEffect)(() => {
     if (defaultFormatSetting) {
-      handleApply(defaultFormatSetting);
+      handleApply(defaultFormatSetting, false);
     }
   }, [defaultFormatSetting]);
   const onProgress = (progress, title) => {
@@ -165,8 +168,8 @@ var ToolBottomBar = (props) => {
             const newClass = `ueditor-rich-status-content-${key}`;
             const oldClass = `ueditor-rich-status-content-${pageWidth}`;
             if (containerRef == null ? void 0 : containerRef.current) {
-              const frame = containerRef.current.querySelector("#edui1_iframeholder");
-              const frameContainer = containerRef.current.querySelector("#edui1");
+              const frame = containerRef.current.querySelector(`#${uiId}_iframeholder`);
+              const frameContainer = ueditorInst.container || containerRef.current.querySelector(`#${uiId}`);
               if (frame) {
                 frame.classList.remove(oldClass);
                 frame.classList.add(newClass);
@@ -216,9 +219,9 @@ var ToolBottomBar = (props) => {
     onClick: async () => {
       var _a, _b;
       if (containerRef == null ? void 0 : containerRef.current) {
-        const frame = containerRef.current.querySelector("#edui1_iframeholder > iframe");
+        const frame = ueditorInst.frame || containerRef.current.querySelector(`#${uiId}_iframeholder > iframe`);
         if ((_a = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _a.body) {
-          await (0, import_exportPDF.domloadPdf)((_b = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _b.body, pageWidth || "a0", "未命名", onProgress);
+          await (0, import_exportPDF.domloadPdf)((_b = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _b.body, pageWidth || "a0", exportFileName, onProgress);
           onProgress(100, "导出完成");
         }
         setTimeout(() => {

package/lib/ToolBottomBar/index.less

@@ -1,3 +1,8 @@
+.ueditor-bottom-bar-with-status {
+  .edui-default {
+    display: none;
+  }
+}
 .ueditor-rich-status-bar {
   display: flex;
   align-items: center;

package/lib/type.d.ts

@@ -69,6 +69,10 @@ export interface ILcdpUeditorProps {
          */
         videoAllowFiles?: string[];
         maximumWords?: number;
+        /**
+         * 导出文件名
+         */
+        exportFileName?: string;
     };
     toolbars?: string[][];
     /**

package/package.json

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