x-star-editor 0.4.2 → 0.5.0

package/dist/components/FileInput.js

@@ -28,25 +28,25 @@ var FileInput = function FileInput(_ref) {
   var _useLocale = useLocale('fileInput'),
     t = _useLocale.format;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "file-input"))
+    className: classNames("".concat(prefix, "-file-input"))
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "tabs"))
+    className: classNames("".concat(prefix, "-tabs"))
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "tab"), _defineProperty({}, "".concat(prefix, "active"), type === 'file')),
+    className: classNames("".concat(prefix, "-tab"), _defineProperty({}, "".concat(prefix, "-active"), type === 'file')),
     onClick: function onClick() {
       return setType('file');
     }
   }, t('file')), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "tab"), _defineProperty({}, "".concat(prefix, "active"), type === 'url')),
+    className: classNames("".concat(prefix, "-tab"), _defineProperty({}, "".concat(prefix, "-active"), type === 'url')),
     onClick: function onClick() {
       return setType('url');
     }
   }, t('url'))), type === 'file' ? /*#__PURE__*/React.createElement("label", {
-    className: classNames("".concat(prefix, "field"))
+    className: classNames("".concat(prefix, "-field"))
   }, t('file'), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "file-container"))
+    className: classNames("".concat(prefix, "-file-container"))
   }, /*#__PURE__*/React.createElement("input", {
-    className: classNames("".concat(prefix, "hidden")),
+    className: classNames("".concat(prefix, "-hidden")),
     type: "file",
     accept: image ? 'image/*' : undefined,
     onChange: function onChange(e) {
@@ -54,30 +54,30 @@ var FileInput = function FileInput(_ref) {
       return setFile((_e$target$files = e.target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files[0]);
     }
   }), /*#__PURE__*/React.createElement("input", {
-    className: classNames("".concat(prefix, "input")),
+    className: classNames("".concat(prefix, "-input")),
     readOnly: true,
     value: (_file$name = file === null || file === void 0 ? void 0 : file.name) !== null && _file$name !== void 0 ? _file$name : ''
   }), /*#__PURE__*/React.createElement("button", {
-    className: classNames("".concat(prefix, "button")),
+    className: classNames("".concat(prefix, "-button")),
     type: "button"
   }, t('chooseFile')))) : /*#__PURE__*/React.createElement("label", {
-    className: classNames("".concat(prefix, "field"))
+    className: classNames("".concat(prefix, "-field"))
   }, t('url'), /*#__PURE__*/React.createElement("input", {
-    className: classNames("".concat(prefix, "input")),
+    className: classNames("".concat(prefix, "-input")),
     onChange: function onChange(e) {
       return setURL(e.target.value);
     }
   })), /*#__PURE__*/React.createElement("label", {
-    className: classNames("".concat(prefix, "field"))
+    className: classNames("".concat(prefix, "-field"))
   }, t('description'), /*#__PURE__*/React.createElement("input", {
-    className: classNames("".concat(prefix, "input")),
+    className: classNames("".concat(prefix, "-input")),
     onChange: function onChange(e) {
       return setDescription(e.target.value);
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "buttons"))
+    className: classNames("".concat(prefix, "-buttons"))
   }, /*#__PURE__*/React.createElement("button", {
-    className: classNames("".concat(prefix, "button"), "".concat(prefix, "primary")),
+    className: classNames("".concat(prefix, "-button"), "".concat(prefix, "-primary")),
     type: "button",
     onClick: function onClick() {
       if (type === 'file' && file) {
@@ -95,7 +95,7 @@ var FileInput = function FileInput(_ref) {
       }
     }
   }, t('confirm')), /*#__PURE__*/React.createElement("button", {
-    className: classNames("".concat(prefix, "button")),
+    className: classNames("".concat(prefix, "-button")),
     type: "button",
     onClick: onCancel
   }, t('cancel'))));

package/dist/components/Toolbar.js

@@ -76,9 +76,9 @@ var Item = function Item(_ref) {
     }
   }, [popoverMount]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "item-container"))
+    className: classNames("".concat(prefix, "-item-container"))
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "item"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "disabled"), disabled), _defineProperty(_classNames, "".concat(prefix, "active"), popoverMount), _classNames)),
+    className: classNames("".concat(prefix, "-item"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "-disabled"), disabled), _defineProperty(_classNames, "".concat(prefix, "-active"), popoverMount), _classNames)),
     onClick: function onClick() {
       if (!disabled) {
         setTooltipOpen(false);
@@ -98,14 +98,14 @@ var Item = function Item(_ref) {
     timeout: 300
   }, /*#__PURE__*/React.createElement("div", {
     ref: tooltipRef,
-    className: classNames("".concat(prefix, "tooltip"))
+    className: classNames("".concat(prefix, "-tooltip"))
   }, tooltip)), /*#__PURE__*/React.createElement(Fade, {
     nodeRef: popoverRef,
     appear: popoverMount,
     timeout: 300
   }, /*#__PURE__*/React.createElement("div", {
     ref: popoverRef,
-    className: classNames("".concat(prefix, "popover"))
+    className: classNames("".concat(prefix, "-popover"))
   }, popover)));
 };
 var codeOptions = [{
@@ -220,7 +220,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
   return {
     blockquote: {
       children: /*#__PURE__*/React.createElement(SvgBlockquote, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('blockquote'),
       onClick: function onClick(exec) {
@@ -231,7 +231,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     code: {
       children: /*#__PURE__*/React.createElement(SvgCode, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('code'),
       popoverRender: function popoverRender(exec, close) {
@@ -240,7 +240,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
             lang = _ref2.lang;
           return /*#__PURE__*/React.createElement("div", {
             key: label,
-            className: classNames("".concat(prefix, "option")),
+            className: classNames("".concat(prefix, "-option")),
             onClick: function onClick() {
               exec(toggleHandler({
                 type: 'code',
@@ -256,7 +256,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     delete: {
       children: /*#__PURE__*/React.createElement(SvgDelete, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('delete'),
       onClick: function onClick(exec) {
@@ -267,7 +267,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     emphasis: {
       children: /*#__PURE__*/React.createElement(SvgEmphasis, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('emphasis'),
       onClick: function onClick(exec) {
@@ -278,7 +278,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     heading: {
       children: /*#__PURE__*/React.createElement(SvgHeading, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('heading'),
       popoverRender: function popoverRender(exec, close) {
@@ -287,7 +287,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
             fontSize = _ref3.fontSize;
           return /*#__PURE__*/React.createElement("div", {
             key: depth,
-            className: classNames("".concat(prefix, "option")),
+            className: classNames("".concat(prefix, "-option")),
             style: {
               fontSize: fontSize
             },
@@ -304,13 +304,13 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     help: {
       children: /*#__PURE__*/React.createElement(SvgHelp, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('help')
     },
     image: {
       children: /*#__PURE__*/React.createElement(SvgImage, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('image'),
       popoverRender: function popoverRender(exec, close) {
@@ -337,7 +337,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     inlineCode: {
       children: /*#__PURE__*/React.createElement(SvgInlineCode, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('inlineCode'),
       onClick: function onClick(exec) {
@@ -348,7 +348,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     inlineMath: {
       children: /*#__PURE__*/React.createElement(SvgInlineMath, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('inlineMath'),
       onClick: function onClick(exec) {
@@ -359,7 +359,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     link: {
       children: /*#__PURE__*/React.createElement(SvgLink, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('link'),
       popoverRender: function popoverRender(exec, close) {
@@ -385,7 +385,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     math: {
       children: /*#__PURE__*/React.createElement(SvgMath, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('math'),
       onClick: function onClick(exec) {
@@ -396,7 +396,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     mermaid: {
       children: /*#__PURE__*/React.createElement(SvgMermaid, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('mermaid'),
       popoverRender: function popoverRender(exec, close) {
@@ -405,7 +405,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
             value = _ref4.value;
           return /*#__PURE__*/React.createElement("div", {
             key: label,
-            className: classNames("".concat(prefix, "option")),
+            className: classNames("".concat(prefix, "-option")),
             onClick: function onClick() {
               exec(toggleHandler({
                 type: 'code',
@@ -421,7 +421,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     orderedList: {
       children: /*#__PURE__*/React.createElement(SvgOrderedList, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('orderedList'),
       onClick: function onClick(exec) {
@@ -434,7 +434,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
       var history = _ref5.history;
       return {
         children: /*#__PURE__*/React.createElement(SvgRedo, {
-          className: classNames("".concat(prefix, "icon"))
+          className: classNames("".concat(prefix, "-icon"))
         }),
         disabled: history.index === history.states.length - 1,
         tooltip: t('redo'),
@@ -445,7 +445,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     strong: {
       children: /*#__PURE__*/React.createElement(SvgStrong, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('strong'),
       onClick: function onClick(exec) {
@@ -456,7 +456,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     table: {
       children: /*#__PURE__*/React.createElement(SvgTable, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('table'),
       onClick: function onClick(exec) {
@@ -467,7 +467,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     taskList: {
       children: /*#__PURE__*/React.createElement(SvgTaskList, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('taskList'),
       onClick: function onClick(exec) {
@@ -478,7 +478,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     thematicBreak: {
       children: /*#__PURE__*/React.createElement(SvgThematicBreak, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('thematicBreak'),
       onClick: function onClick(exec) {
@@ -489,7 +489,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     toHTML: {
       children: /*#__PURE__*/React.createElement(SvgToHTML, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('toHTML'),
       onClick: function onClick(exec) {
@@ -510,7 +510,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     toMarkdown: {
       children: /*#__PURE__*/React.createElement(SvgToMarkdown, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('toMarkdown'),
       onClick: function onClick(exec) {
@@ -533,7 +533,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
       var history = _ref8.history;
       return {
         children: /*#__PURE__*/React.createElement(SvgUndo, {
-          className: classNames("".concat(prefix, "icon"))
+          className: classNames("".concat(prefix, "-icon"))
         }),
         disabled: !history.index,
         tooltip: t('undo'),
@@ -544,7 +544,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     },
     unorderedList: {
       children: /*#__PURE__*/React.createElement(SvgUnorderedList, {
-        className: classNames("".concat(prefix, "icon"))
+        className: classNames("".concat(prefix, "-icon"))
       }),
       tooltip: t('unorderedList'),
       onClick: function onClick(exec) {
@@ -573,13 +573,13 @@ var Toolbar = function Toolbar(_ref9) {
   });
   return /*#__PURE__*/React.createElement("div", {
     ref: toolbarRef,
-    className: classNames("".concat(prefix, "toolbar"), className),
+    className: classNames("".concat(prefix, "-toolbar"), className),
     style: style
   }, items.map(function (group, index) {
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, !!index && /*#__PURE__*/React.createElement("div", {
-      className: classNames("".concat(prefix, "divider"))
+      className: classNames("".concat(prefix, "-divider"))
     }), group.map(function (item, index) {
       var toolbarItem = typeof item === 'string' ? itemMap[item] : item;
       if (!toolbarItem) {

package/dist/utils/container.js

@@ -109,9 +109,14 @@ export var useContainer = function useContainer(ref) {
       for (; oldChild && newChild;) {
         var oldNext = oldChild.nextSibling;
         var newNext = newChild.nextSibling;
-        if (oldChild.nodeName !== newChild.nodeName || oldChild.nodeType === Node.TEXT_NODE) {
-          // 节点名称不同，或节点均为文本类型，直接替换
+        if (oldChild.nodeName !== newChild.nodeName) {
+          // 节点名称不同，直接替换
           oldChild.replaceWith(newChild);
+        } else if (oldChild.nodeType === Node.TEXT_NODE) {
+          // 节点均为文本类型，更新文本内容
+          if (oldChild.nodeValue !== newChild.nodeValue) {
+            oldChild.nodeValue = newChild.nodeValue;
+          }
         } else {
           // 节点名称相同，更新属性和子节点
           if (oldChild instanceof HTMLElement && newChild instanceof HTMLElement) {

package/dist/utils/global.d.ts

@@ -1 +1 @@
-export declare const prefix = "x-star-editor-";
+export declare const prefix = "x-star-editor";

package/dist/utils/global.js

@@ -1 +1 @@
-export var prefix = 'x-star-editor-';
+export var prefix = 'x-star-editor';

package/dist/utils/markdown.d.ts

@@ -20,14 +20,6 @@ export declare const preViewerRender: (sourceCode: string) => Promise<HastRoot>;
  */
 export type Schema = typeof defaultSchema;
 export declare const getDefaultSchema: () => Schema;
-/**
- * 将 Hast 树转成新的 Hast 树
- *
- * @param root Hast 树
- * @param schema 过滤模式
- * @returns 新的 Hast 树
- */
-export declare const viewerRender: (root: HastRoot, schema: Schema) => HastRoot;
 /**
  * 将 Hast 树映射到 React 虚拟 DOM 树
  *

package/dist/utils/markdown.js

@@ -15,7 +15,7 @@ import rehypeMermaid from 'rehype-mermaidjs';
 import rehypePrism from 'rehype-prism-plus';
 import rehypeRaw from 'rehype-raw';
 import rehypeRemark, { defaultHandlers } from 'rehype-remark';
-import rehypeSanitize, { defaultSchema } from 'rehype-sanitize';
+import { defaultSchema } from 'rehype-sanitize';
 import rehypeStringify from 'rehype-stringify';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
@@ -26,7 +26,6 @@ import remarkStringify from 'remark-stringify';
 import { unified } from 'unified';
 import { prefix } from "./global";
 import rehypeCustom from "./rehype/rehype-custom";
-import rehypeLine from "./rehype/rehype-line";
 import rehypeMath, { isMathNode } from "./rehype/rehype-math";
 import rehypeRawPositions from "./rehype/rehype-raw-positions";
 
@@ -59,7 +58,7 @@ export var editorRender = function editorRender(sourceCode) {
   /**
    * CSS 类名前缀
    */
-  var mdPrefix = "".concat(prefix, "md-");
+  var mdPrefix = "".concat(prefix, "-md");
 
   /**
    * 扫描偏移量，表示已经添加到 DOM 树的文本
@@ -101,9 +100,9 @@ export var editorRender = function editorRender(sourceCode) {
 
     // 如果节点为流内容，则将样式添加到该行的 `<div>` 元素上，否则添加到该节点的元素上
     var styleElement = stack[index && !isFlowContent(stack[index - 1].node) ? index : 0].element;
-    styleElement.classList.add("".concat(mdPrefix).concat(node.type));
+    styleElement.classList.add("".concat(mdPrefix, "-").concat(node.type));
     if (node.type === 'heading') {
-      styleElement.classList.add("".concat(mdPrefix, "heading-").concat(node.depth));
+      styleElement.classList.add("".concat(mdPrefix, "-heading-").concat(node.depth));
     }
 
     // 如果索引为 0，则父节点为块级元素，否则为前一个索引的 DOM 元素
@@ -130,7 +129,7 @@ export var editorRender = function editorRender(sourceCode) {
   var createDelimiter = function createDelimiter(text) {
     var temp = document.createElement('span');
     temp.append(text);
-    temp.classList.add("".concat(mdPrefix, "delimiter"));
+    temp.classList.add("".concat(mdPrefix, "-delimiter"));
     return temp;
   };
 
@@ -324,17 +323,6 @@ export var getDefaultSchema = function getDefaultSchema() {
     tagNames: [].concat(_toConsumableArray((_defaultSchema$tagNam = defaultSchema.tagNames) !== null && _defaultSchema$tagNam !== void 0 ? _defaultSchema$tagNam : []), ['custom'])
   });
 };
-
-/**
- * 将 Hast 树转成新的 Hast 树
- *
- * @param root Hast 树
- * @param schema 过滤模式
- * @returns 新的 Hast 树
- */
-export var viewerRender = function viewerRender(root, schema) {
-  return unified().use(rehypeRawPositions).use(rehypeRaw).use(rehypeMath).use(rehypeSanitize, schema).use(rehypeLine).runSync(root);
-};
 var Input = function Input(_ref2) {
   var checked = _ref2.checked,
     props = _objectWithoutProperties(_ref2, _excluded);

package/dist/x-star-editor/index.d.ts

@@ -22,7 +22,7 @@ export interface XStarEditorProps {
      */
     locale?: XStarMdEditorProps['locale'];
     /**
-     * 配置未输入时的提示语
+     * 文本为空时显示的提示
      */
     placeholder?: string;
     /**
@@ -37,10 +37,6 @@ export interface XStarEditorProps {
      * 是否只读
      */
     readOnly?: XStarMdEditorProps['readOnly'];
-    /**
-     * 是否启用 Web Worker
-     */
-    enableWebWorker?: XStarMdViewerProps['enableWebWorker'];
     /**
      * 编辑器属性
      */
@@ -48,7 +44,7 @@ export interface XStarEditorProps {
     /**
      * 查看器属性
      */
-    viewerProps?: Omit<XStarMdViewerProps, 'height' | 'value' | 'enableWebWorker'>;
+    viewerProps?: Omit<XStarMdViewerProps, 'height' | 'value'>;
     /**
      * 自定义查看器渲染函数
      */

package/dist/x-star-editor/index.js

@@ -29,7 +29,7 @@ var ViewerRenderWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: classNames("".concat(prefix, "md-viewer"), className),
+    className: classNames("".concat(prefix, "-md-viewer"), className),
     style: _objectSpread(_objectSpread({}, style), {}, {
       height: height
     })
@@ -46,7 +46,6 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     initialValue = _ref2$initialValue === void 0 ? '' : _ref2$initialValue,
     value = _ref2.value,
     readOnly = _ref2.readOnly,
-    enableWebWorker = _ref2.enableWebWorker,
     editorProps = _ref2.editorProps,
     viewerProps = _ref2.viewerProps,
     viewerRender = _ref2.viewerRender,
@@ -182,7 +181,7 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       var t = getFormat(locale, 'toolbarItem');
       ctx.toolbarItemMap.editOnly = {
         children: /*#__PURE__*/React.createElement(SvgEditOnly, {
-          className: classNames("".concat(prefix, "icon"), _defineProperty({}, "".concat(prefix, "active"), editOnly))
+          className: classNames("".concat(prefix, "-icon"), _defineProperty({}, "".concat(prefix, "-active"), editOnly))
         }),
         tooltip: t('editOnly'),
         onClick: function onClick() {
@@ -191,7 +190,7 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       };
       ctx.toolbarItemMap.viewOnly = {
         children: /*#__PURE__*/React.createElement(SvgViewOnly, {
-          className: classNames("".concat(prefix, "icon"), _defineProperty({}, "".concat(prefix, "active"), viewOnly))
+          className: classNames("".concat(prefix, "-icon"), _defineProperty({}, "".concat(prefix, "-active"), viewOnly))
         }),
         tooltip: t('viewOnly'),
         onClick: function onClick() {
@@ -200,9 +199,9 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       };
       ctx.toolbarItemMap.fullscreen = {
         children: fullscreen ? /*#__PURE__*/React.createElement(SvgExitFullscreen, {
-          className: classNames("".concat(prefix, "icon"))
+          className: classNames("".concat(prefix, "-icon"))
         }) : /*#__PURE__*/React.createElement(SvgEnterFullscreen, {
-          className: classNames("".concat(prefix, "icon"))
+          className: classNames("".concat(prefix, "-icon"))
         }),
         tooltip: fullscreen ? t('exitFullscreen') : t('enterFullscreen'),
         onClick: function onClick() {
@@ -241,12 +240,12 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     setSourceCode = _useState6[1];
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: classNames("".concat(prefix, "editor"), _defineProperty({}, "".concat(prefix, "fullscreen"), fullscreen), className),
+    className: classNames("".concat(prefix, "-editor"), _defineProperty({}, "".concat(prefix, "-fullscreen"), fullscreen), className),
     style: style
   }, /*#__PURE__*/React.createElement(XStarMdEditor, _extends({
     ref: editorRef
   }, editorProps, {
-    className: classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefix, "active"), editOnly), _defineProperty(_classNames4, "".concat(prefix, "hidden"), viewOnly), _classNames4), editorProps === null || editorProps === void 0 ? void 0 : editorProps.className),
+    className: classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefix, "-active"), editOnly), _defineProperty(_classNames4, "".concat(prefix, "-hidden"), viewOnly), _classNames4), editorProps === null || editorProps === void 0 ? void 0 : editorProps.className),
     height: height,
     locale: locale,
     placeholder: placeholder,
@@ -260,16 +259,15 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     onInsertFile: onInsertFile
   })), viewerRender ? /*#__PURE__*/React.createElement(ViewerRenderWrapper, {
     ref: viewerRef,
-    className: classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(prefix, "active"), viewOnly), _defineProperty(_classNames5, "".concat(prefix, "hidden"), editOnly), _classNames5), viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.className),
+    className: classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(prefix, "-active"), viewOnly), _defineProperty(_classNames5, "".concat(prefix, "-hidden"), editOnly), _classNames5), viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.className),
     style: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.style,
     height: height
   }, viewerRender(value !== null && value !== void 0 ? value : sourceCode)) : /*#__PURE__*/React.createElement(XStarMdViewer, _extends({
     ref: viewerRef
   }, viewerProps, {
-    className: classNames((_classNames6 = {}, _defineProperty(_classNames6, "".concat(prefix, "active"), viewOnly), _defineProperty(_classNames6, "".concat(prefix, "hidden"), editOnly), _classNames6), viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.className),
+    className: classNames((_classNames6 = {}, _defineProperty(_classNames6, "".concat(prefix, "-active"), viewOnly), _defineProperty(_classNames6, "".concat(prefix, "-hidden"), editOnly), _classNames6), viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.className),
     height: height,
-    value: value !== null && value !== void 0 ? value : sourceCode,
-    enableWebWorker: enableWebWorker
+    value: value !== null && value !== void 0 ? value : sourceCode
   })));
 });
 if (process.env.NODE_ENV !== 'production') {

package/dist/x-star-md-editor/index.js

@@ -401,7 +401,7 @@ var XStarMdEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     exec: exec
   }), /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: classNames("".concat(prefix, "md-editor"), _defineProperty({}, "".concat(prefix, "empty"), !sourceCode), className),
+    className: classNames("".concat(prefix, "-md-editor"), _defineProperty({}, "".concat(prefix, "-empty"), !sourceCode), className),
     style: _objectSpread(_objectSpread({}, style), {}, {
       height: height
     }),

package/dist/x-star-md-viewer/index.d.ts

@@ -48,10 +48,6 @@ export interface XStarMdViewerProps {
      * 插件
      */
     plugins?: XStarMdViewerPlugin[];
-    /**
-     * 是否启用 Web Worker
-     */
-    enableWebWorker?: boolean;
 }
 declare const XStarMdViewer: React.ForwardRefExoticComponent<XStarMdViewerProps & React.RefAttributes<XStarMdViewerHandle>>;
 export default XStarMdViewer;