@lingxiteam/lcdp-ueditor-react 1.0.4-alpha.1 → 1.0.4-alpha.2

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;IAUhE,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;IAsCf,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;AAE1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAShD,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;IAUhE,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;IAsCf,MAAM,IAAI,KAAK,CAAC,SAAS;CAY1B;AAED,eAAe,WAAW,CAAC"}

package/es/LcdpUeditor.js

@@ -15,6 +15,7 @@ import UeditorResourceLoader from "./tools/UeditorResourceLoader";
 import debounce from 'lodash/debounce';
 import { filterHtmlNode } from "./tools/filterHtmlNode";
 import ToolBottomBar from "./ToolBottomBar";
+var BOTTOM_STATUS_BAR_CLASS = 'ueditor-bottom-bar-with-status';
 var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
   _inherits(LcdpUeditor, _React$Component);
   var _super = _createSuper(LcdpUeditor);
@@ -82,7 +83,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "editorConfig", {});
     var config = props.config,
       prefixCls = props.prefixCls,
-      onFormatChange = props.onFormatChange;
+      onSettingChange = props.onSettingChange;
     _this.containerId = "ueditor_".concat(Date.now(), "_").concat(String(Math.random()).slice(2, 6));
     if (_this.props.ueditorPath) {
       _this.ueditorPath = _this.props.ueditorPath;
@@ -121,7 +122,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
       uploadFunction: _this.uploadFunction,
       initialContent: '',
       pasteplain: (config === null || config === void 0 ? void 0 : config.pasteplain) === true,
-      onFormatChange: onFormatChange,
+      onSettingChange: onSettingChange,
       exportFileName: (config === null || config === void 0 ? void 0 : config.exportFileName) || '未命名'
     });
     _this.debounceContentChange = debounce(_this.onContentChange.bind(_assertThisInitialized(_this)), 300);
@@ -154,7 +155,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _prevProps$config, _this$props;
-      if (this.state.isReady && (prevProps.defaultFormatSetting !== this.props.defaultFormatSetting || prevProps.bottomTypes !== this.props.bottomTypes || (prevProps === null || prevProps === void 0 || (_prevProps$config = prevProps.config) === null || _prevProps$config === void 0 ? void 0 : _prevProps$config.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 (this.state.isReady && (prevProps.defaultSetting !== this.props.defaultSetting || prevProps.bottomTypes !== this.props.bottomTypes || (prevProps === null || prevProps === void 0 || (_prevProps$config = prevProps.config) === null || _prevProps$config === void 0 ? void 0 : _prevProps$config.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))) {
         this.renderStatusBar();
       }
     }
@@ -416,8 +417,8 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
         ueditorInst: this.ueditorInst,
         prefixCls: this.prefixCls,
         containerRef: this.containerRef,
-        defaultFormatSetting: this.props.defaultFormatSetting,
-        onFormatChange: this.editorConfig.onFormatChange,
+        defaultSetting: this.props.defaultSetting,
+        onSettingChange: this.editorConfig.onSettingChange,
         isReady: this.state.isReady,
         bottomTypes: this.props.bottomTypes,
         exportFileName: (_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.config) === null || _this$props2 === void 0 ? void 0 : _this$props2.exportFileName
@@ -427,10 +428,10 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
         // 获取底部状态组件
         var statusContainer = bottomBarContainer.querySelector("#".concat(id, "_bottomStatusBar"));
         // 移除底部状态栏的样式
-        bottomBarContainer.classList.remove('ueditor-bottom-bar-with-status');
+        bottomBarContainer.classList.remove(BOTTOM_STATUS_BAR_CLASS);
         // 如果底部状态栏有类型，则添加样式
         if ((_this$props$bottomTyp = this.props.bottomTypes) !== null && _this$props$bottomTyp !== void 0 && _this$props$bottomTyp.length) {
-          bottomBarContainer.classList.add('ueditor-bottom-bar-with-status');
+          bottomBarContainer.classList.add(BOTTOM_STATUS_BAR_CLASS);
           // 如果底部状态栏没有组件，则创建组件
           if (!statusContainer) {
             statusContainer = document.createElement('div');

package/es/ToolBottomBar/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { FormatSettings } from '../tools/generateStylesFromSettings';
 import './index.less';
 import { ILcdpUeditorProps } from '../type';
 declare const ToolBottomBar: (props: {
@@ -15,8 +14,8 @@ declare const ToolBottomBar: (props: {
      * 容器引用
      */
     containerRef?: React.RefObject<HTMLDivElement> | undefined;
-    defaultFormatSetting?: FormatSettings | undefined;
-    onFormatChange?: ((val: FormatSettings) => void) | undefined;
+    defaultSetting?: Record<"chineseCount" | "charCount" | "pageWidth" | "formatSetting" | "exportPdf" | "fullScreen" | "copy", any> | undefined;
+    onSettingChange?: ((setting: Partial<Record<Required<ILcdpUeditorProps>['bottomTypes'][number], any>>) => void) | undefined;
     /**
      * 是否准备就绪
      */

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAY3D,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAU5C,QAAA,MAAM,aAAa;IAEjB;;OAEG;iBACU,GAAG;IAEhB;;OAEG;;IAGH;;OAEG;;;iCAGyB,QAAQ,OAAO,SAAS,iBAAiB,CAAC,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,IAAI;IAE7G;;OAEG;;IAGH;;OAEG;kBACW,iBAAiB,CAAC,aAAa,CAAC;IAE9C;;OAEG;;iBA4PJ,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/ToolBottomBar/index.js

@@ -25,8 +25,8 @@ var ToolBottomBar = function ToolBottomBar(props) {
   var ueditorInst = props.ueditorInst,
     prefixCls = props.prefixCls,
     containerRef = props.containerRef,
-    defaultFormatSetting = props.defaultFormatSetting,
-    onFormatChange = props.onFormatChange,
+    defaultSetting = props.defaultSetting,
+    onSettingChange = props.onSettingChange,
     isReady = props.isReady,
     bottomTypes = props.bottomTypes,
     exportFileName = props.exportFileName;
@@ -54,6 +54,10 @@ var ToolBottomBar = function ToolBottomBar(props) {
     setPageWidth = _useState10[1];
   var timer = useRef(undefined);
   var progressModalRef = useRef(null);
+  var _useState11 = useState(undefined),
+    _useState12 = _slicedToArray(_useState11, 2),
+    formatSetting = _useState12[0],
+    setFormatSetting = _useState12[1];
   var debounceContentChange = debounce(function () {
     try {
       var _plainTxt$match;
@@ -160,15 +164,52 @@ var ToolBottomBar = function ToolBottomBar(props) {
       // 设置样式内容
       styleEl.textContent = cssStyles;
     }
+    setFormatSetting(settings);
     if (isUpdate) {
-      onFormatChange === null || onFormatChange === void 0 || onFormatChange(settings);
+      onSettingChange === null || onSettingChange === void 0 || onSettingChange({
+        formatSetting: settings,
+        pageWidth: pageWidth
+      });
     }
   };
   useEffect(function () {
-    if (defaultFormatSetting) {
-      handleApply(defaultFormatSetting, false);
+    if (defaultSetting !== null && defaultSetting !== void 0 && defaultSetting.formatSetting) {
+      handleApply(defaultSetting.formatSetting, false);
+    }
+  }, [defaultSetting === null || defaultSetting === void 0 ? void 0 : defaultSetting.formatSetting]);
+  var handlePageWidthChange = function handlePageWidthChange(key) {
+    var isUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    // 设置编辑器宽度
+    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("#".concat(uiId, "_iframeholder"));
+      var frameContainer = ueditorInst.container || containerRef.current.querySelector("#".concat(uiId));
+      if (frame) {
+        frame.classList.remove(oldClass);
+        frame.classList.add(newClass);
+      }
+      if (frameContainer) {
+        if (key === 'a0') {
+          frameContainer.classList.remove('ueditor-rich-status-not-full');
+        } else {
+          frameContainer.classList.add('ueditor-rich-status-not-full');
+        }
+      }
     }
-  }, [defaultFormatSetting]);
+    setPageWidth(key);
+    if (isUpdate) {
+      onSettingChange === null || onSettingChange === void 0 || onSettingChange({
+        pageWidth: key,
+        formatSetting: formatSetting
+      });
+    }
+  };
+  useEffect(function () {
+    if (defaultSetting !== null && defaultSetting !== void 0 && defaultSetting.pageWidth) {
+      handlePageWidthChange(defaultSetting.pageWidth, false);
+    }
+  }, [defaultSetting === null || defaultSetting === void 0 ? void 0 : defaultSetting.pageWidth]);
   var onProgress = function onProgress(progress, title) {
     var _progressModalRef$cur;
     (_progressModalRef$cur = progressModalRef.current) === null || _progressModalRef$cur === void 0 || _progressModalRef$cur.updateProgress(progress, title);
@@ -200,25 +241,7 @@ var ToolBottomBar = function ToolBottomBar(props) {
     overlay: /*#__PURE__*/React.createElement(Menu, {
       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("#".concat(uiId, "_iframeholder"));
-          var frameContainer = ueditorInst.container || containerRef.current.querySelector("#".concat(uiId));
-          if (frame) {
-            frame.classList.remove(oldClass);
-            frame.classList.add(newClass);
-          }
-          if (frameContainer) {
-            if (key === 'a0') {
-              frameContainer.classList.remove('ueditor-rich-status-not-full');
-            } else {
-              frameContainer.classList.add('ueditor-rich-status-not-full');
-            }
-          }
-        }
-        setPageWidth(key);
+        handlePageWidthChange(key);
       }
     }, Object.keys(MENU_OPTIONS).map(function (k) {
       return /*#__PURE__*/React.createElement(Menu.Item, {
@@ -230,7 +253,7 @@ var ToolBottomBar = function ToolBottomBar(props) {
     extraNode: /*#__PURE__*/React.createElement(DownOutlined, null)
   })), (bottomTypes === null || bottomTypes === void 0 ? void 0 : bottomTypes.includes('formatSetting')) && /*#__PURE__*/React.createElement(FormatModal, {
     onApply: handleApply,
-    initialSettings: defaultFormatSetting
+    initialSettings: defaultSetting === null || defaultSetting === void 0 ? void 0 : defaultSetting.formatSetting
   }, getStatusBarItem({
     icon: /*#__PURE__*/React.createElement(SettingOutlined, null),
     content: '格式设置'

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;
 }
@@ -110,13 +109,13 @@ export interface ILcdpUeditorProps {
      */
     prefixCls?: string;
     /**
-     * 格式设置变化
+     * 设置变化
      */
-    onFormatChange?(val: FormatSettings): void;
+    onSettingChange?(val: Record<Required<ILcdpUeditorProps>['bottomTypes'][number], any>): void;
     /**
-     * 默认格式设置
+     * 默认设置
      */
-    defaultFormatSetting?: FormatSettings;
+    defaultSetting?: Record<Required<ILcdpUeditorProps>['bottomTypes'][number], any>;
     /**
      * 底部功能类型
      */

package/es/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE,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;QAEtB;;WAEG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;KAC3B,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;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,oBAAoB,CAAC,EAAE,cAAc,CAAC;IAEtC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,GAAG,WAAW,GAAG,WAAW,GAAG,eAAe,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC,CAAC;CAC3H;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"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"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"}

package/lib/LcdpUeditor.js

@@ -40,6 +40,7 @@ var import_UeditorResourceLoader = __toESM(require("./tools/UeditorResourceLoade
 var import_debounce = __toESM(require("lodash/debounce"));
 var import_filterHtmlNode = require("./tools/filterHtmlNode");
 var import_ToolBottomBar = __toESM(require("./ToolBottomBar"));
+var BOTTOM_STATUS_BAR_CLASS = "ueditor-bottom-bar-with-status";
 var LcdpUeditor = class extends import_react.default.Component {
   constructor(props) {
     super(props);
@@ -85,7 +86,7 @@ var LcdpUeditor = class extends import_react.default.Component {
      * 编辑器配置项
      */
     this.editorConfig = {};
-    const { config, prefixCls, onFormatChange } = props;
+    const { config, prefixCls, onSettingChange } = props;
     this.containerId = `ueditor_${Date.now()}_${String(Math.random()).slice(2, 6)}`;
     if (this.props.ueditorPath) {
       this.ueditorPath = this.props.ueditorPath;
@@ -121,7 +122,7 @@ var LcdpUeditor = class extends import_react.default.Component {
       uploadFunction: this.uploadFunction,
       initialContent: "",
       pasteplain: (config == null ? void 0 : config.pasteplain) === true,
-      onFormatChange,
+      onSettingChange,
       exportFileName: (config == null ? void 0 : config.exportFileName) || "未命名"
     };
     this.debounceContentChange = (0, import_debounce.default)(this.onContentChange.bind(this), 300);
@@ -146,7 +147,7 @@ var LcdpUeditor = class extends import_react.default.Component {
   }
   componentDidUpdate(prevProps) {
     var _a, _b, _c;
-    if (this.state.isReady && (prevProps.defaultFormatSetting !== this.props.defaultFormatSetting || prevProps.bottomTypes !== this.props.bottomTypes || ((_a = prevProps == null ? void 0 : prevProps.config) == null ? void 0 : _a.exportFileName) !== ((_c = (_b = this.props) == null ? void 0 : _b.config) == null ? void 0 : _c.exportFileName))) {
+    if (this.state.isReady && (prevProps.defaultSetting !== this.props.defaultSetting || prevProps.bottomTypes !== this.props.bottomTypes || ((_a = prevProps == null ? void 0 : prevProps.config) == null ? void 0 : _a.exportFileName) !== ((_c = (_b = this.props) == null ? void 0 : _b.config) == null ? void 0 : _c.exportFileName))) {
       this.renderStatusBar();
     }
   }
@@ -319,8 +320,8 @@ var LcdpUeditor = class extends import_react.default.Component {
         ueditorInst: this.ueditorInst,
         prefixCls: this.prefixCls,
         containerRef: this.containerRef,
-        defaultFormatSetting: this.props.defaultFormatSetting,
-        onFormatChange: this.editorConfig.onFormatChange,
+        defaultSetting: this.props.defaultSetting,
+        onSettingChange: this.editorConfig.onSettingChange,
         isReady: this.state.isReady,
         bottomTypes: this.props.bottomTypes,
         exportFileName: (_c = (_b = this.props) == null ? void 0 : _b.config) == null ? void 0 : _c.exportFileName
@@ -328,9 +329,9 @@ var LcdpUeditor = class extends import_react.default.Component {
     );
     if (bottomBarContainer) {
       let statusContainer = bottomBarContainer.querySelector(`#${id}_bottomStatusBar`);
-      bottomBarContainer.classList.remove("ueditor-bottom-bar-with-status");
+      bottomBarContainer.classList.remove(BOTTOM_STATUS_BAR_CLASS);
       if ((_d = this.props.bottomTypes) == null ? void 0 : _d.length) {
-        bottomBarContainer.classList.add("ueditor-bottom-bar-with-status");
+        bottomBarContainer.classList.add(BOTTOM_STATUS_BAR_CLASS);
         if (!statusContainer) {
           statusContainer = document.createElement("div");
           statusContainer.id = `${id}_bottomStatusBar`;

package/lib/ToolBottomBar/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { FormatSettings } from '../tools/generateStylesFromSettings';
 import './index.less';
 import { ILcdpUeditorProps } from '../type';
 declare const ToolBottomBar: (props: {
@@ -15,8 +14,8 @@ declare const ToolBottomBar: (props: {
      * 容器引用
      */
     containerRef?: React.RefObject<HTMLDivElement> | undefined;
-    defaultFormatSetting?: FormatSettings | undefined;
-    onFormatChange?: ((val: FormatSettings) => void) | undefined;
+    defaultSetting?: Record<"chineseCount" | "charCount" | "pageWidth" | "formatSetting" | "exportPdf" | "fullScreen" | "copy", any> | undefined;
+    onSettingChange?: ((setting: Partial<Record<Required<ILcdpUeditorProps>['bottomTypes'][number], any>>) => void) | undefined;
     /**
      * 是否准备就绪
      */

package/lib/ToolBottomBar/index.js

@@ -53,7 +53,7 @@ var MENU_OPTIONS = {
 };
 var STYLE_ID = "ueditor-custom-styles";
 var ToolBottomBar = (props) => {
-  const { ueditorInst, prefixCls, containerRef, defaultFormatSetting, onFormatChange, isReady, bottomTypes, exportFileName } = props;
+  const { ueditorInst, prefixCls, containerRef, defaultSetting, onSettingChange, 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);
@@ -62,6 +62,7 @@ var ToolBottomBar = (props) => {
   const [pageWidth, setPageWidth] = (0, import_react.useState)(void 0);
   const timer = (0, import_react.useRef)(void 0);
   const progressModalRef = (0, import_react.useRef)(null);
+  const [formatSetting, setFormatSetting] = (0, import_react.useState)(void 0);
   const debounceContentChange = (0, import_debounce.default)(() => {
     var _a;
     try {
@@ -136,15 +137,50 @@ var ToolBottomBar = (props) => {
       }
       styleEl.textContent = cssStyles;
     }
+    setFormatSetting(settings);
     if (isUpdate) {
-      onFormatChange == null ? void 0 : onFormatChange(settings);
+      onSettingChange == null ? void 0 : onSettingChange({
+        formatSetting: settings,
+        pageWidth
+      });
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (defaultSetting == null ? void 0 : defaultSetting.formatSetting) {
+      handleApply(defaultSetting.formatSetting, false);
+    }
+  }, [defaultSetting == null ? void 0 : defaultSetting.formatSetting]);
+  const handlePageWidthChange = (key, isUpdate = true) => {
+    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(`#${uiId}_iframeholder`);
+      const frameContainer = ueditorInst.container || containerRef.current.querySelector(`#${uiId}`);
+      if (frame) {
+        frame.classList.remove(oldClass);
+        frame.classList.add(newClass);
+      }
+      if (frameContainer) {
+        if (key === "a0") {
+          frameContainer.classList.remove("ueditor-rich-status-not-full");
+        } else {
+          frameContainer.classList.add("ueditor-rich-status-not-full");
+        }
+      }
+    }
+    setPageWidth(key);
+    if (isUpdate) {
+      onSettingChange == null ? void 0 : onSettingChange({
+        pageWidth: key,
+        formatSetting
+      });
     }
   };
   (0, import_react.useEffect)(() => {
-    if (defaultFormatSetting) {
-      handleApply(defaultFormatSetting, false);
+    if (defaultSetting == null ? void 0 : defaultSetting.pageWidth) {
+      handlePageWidthChange(defaultSetting.pageWidth, false);
     }
-  }, [defaultFormatSetting]);
+  }, [defaultSetting == null ? void 0 : defaultSetting.pageWidth]);
   const onProgress = (progress, title) => {
     var _a;
     (_a = progressModalRef.current) == null ? void 0 : _a.updateProgress(progress, title);
@@ -165,24 +201,7 @@ var ToolBottomBar = (props) => {
         import_antd.Menu,
         {
           onClick: ({ key }) => {
-            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(`#${uiId}_iframeholder`);
-              const frameContainer = ueditorInst.container || containerRef.current.querySelector(`#${uiId}`);
-              if (frame) {
-                frame.classList.remove(oldClass);
-                frame.classList.add(newClass);
-              }
-              if (frameContainer) {
-                if (key === "a0") {
-                  frameContainer.classList.remove("ueditor-rich-status-not-full");
-                } else {
-                  frameContainer.classList.add("ueditor-rich-status-not-full");
-                }
-              }
-            }
-            setPageWidth(key);
+            handlePageWidthChange(key);
           }
         },
         Object.keys(MENU_OPTIONS).map((k) => /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: k }, /* @__PURE__ */ import_react.default.createElement("span", null, "页面宽度 ", MENU_OPTIONS[k])))
@@ -196,7 +215,7 @@ var ToolBottomBar = (props) => {
     import_FormatModal.default,
     {
       onApply: handleApply,
-      initialSettings: defaultFormatSetting
+      initialSettings: defaultSetting == null ? void 0 : defaultSetting.formatSetting
     },
     getStatusBarItem({
       icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SettingOutlined, null),

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;
 }
@@ -110,13 +109,13 @@ export interface ILcdpUeditorProps {
      */
     prefixCls?: string;
     /**
-     * 格式设置变化
+     * 设置变化
      */
-    onFormatChange?(val: FormatSettings): void;
+    onSettingChange?(val: Record<Required<ILcdpUeditorProps>['bottomTypes'][number], any>): void;
     /**
-     * 默认格式设置
+     * 默认设置
      */
-    defaultFormatSetting?: FormatSettings;
+    defaultSetting?: Record<Required<ILcdpUeditorProps>['bottomTypes'][number], any>;
     /**
      * 底部功能类型
      */

package/package.json

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