@ctzhian/tiptap 1.12.18 → 1.12.19

package/dist/Editor/demo.js

@@ -152,7 +152,7 @@ var Reader = function Reader() {
         }
         return onUpload;
       }(),
-      content: "<ol class=\"ordered-list\" data-type=\"orderedList\"><li><p>jfdlsaf</p></li><li><p>sadfsa</p><ol class=\"ordered-list\" data-type=\"orderedList\"><li><p>fjasldkfj</p><ol class=\"ordered-list\" data-type=\"orderedList\"><li><p>fasd</p><ol class=\"ordered-list\" data-type=\"orderedList\"><li><p>fasdjklf</p></li></ol></li><li><p>fjdslkf</p></li><li><p>sjfsadlf</p></li></ol></li></ol></li></ol><ul class=\"bullet-list\" data-type=\"bulletList\"><li><p>fsldjakfjlksd</p></li><li><p>fsadfasd</p><ul class=\"bullet-list\" data-type=\"bulletList\"><li><p>fajsdlkfj</p></li><li><p>fasdjklf</p><ul class=\"bullet-list\" data-type=\"bulletList\"><li><p>fjasldfsa</p><ul class=\"bullet-list\" data-type=\"bulletList\"><li><p>fsadlkj</p></li></ul></li></ul></li></ul></li></ul><p></p>"
+      content: "<ul data-type=\"taskList\"><li class=\"task-item\" data-type=\"taskItem\" data-checked=\"false\"><label><input type=\"checkbox\"><span></span></label><div><p>\u653E\u5047\u963F\u65AF\u5229\u5EB7\u90FD\u653E\u5047\u4E86\u770B\u6C99\u53D1</p></div></li><li class=\"task-item\" data-type=\"taskItem\" data-checked=\"false\"><label><input type=\"checkbox\"><span></span></label><div><p>\u53D1\u94FE\u63A5 sd \u5361\u653E\u5047\u963F\u65AF\u5229\u5EB7\u6253\u98DE\u673A\u4E86</p></div></li></ul><ol class=\"ordered-list\" data-type=\"orderedList\"><li><p>jfdlsaf</p></li><li><p>sadfsa</p><ol class=\"ordered-list\" data-type=\"orderedList\"><li><p>fjasldkfj</p><ol class=\"ordered-list\" data-type=\"orderedList\"><li><p>fasd</p><ol class=\"ordered-list\" data-type=\"orderedList\"><li><p>fasdjklf</p></li></ol></li><li><p>fjdslkf</p></li><li><p>sjfsadlf</p></li></ol></li></ol></li></ol><ul class=\"bullet-list\" data-type=\"bulletList\"><li><p>fsldjakfjlksd</p></li><li><p>fsadfasd</p><ul class=\"bullet-list\" data-type=\"bulletList\"><li><p>fajsdlkfj</p></li><li><p>fasdjklf</p><ul class=\"bullet-list\" data-type=\"bulletList\"><li><p>fjasldfsa</p><ul class=\"bullet-list\" data-type=\"bulletList\"><li><p>fsadlkj</p></li></ul></li></ul></li></ul></li></ul><p></p>"
     }),
     editor = _useTiptap.editor;
   return /*#__PURE__*/React.createElement(EditorThemeProvider, {

package/dist/EditorMarkdown/demo.js

@@ -155,6 +155,10 @@ var Reader = function Reader() {
     editor: editor,
     height: '500px',
     value: mdContent,
+    splitMode: true,
+    showToolbar: false,
+    defaultDisplayMode: "edit",
+    placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
     onUpload: onUpload,
     onAceChange: setMdContent
   })));

package/dist/EditorMarkdown/index.d.ts

@@ -12,13 +12,18 @@ import 'ace-builds/src-noconflict/theme-github';
 interface EditorMarkdownProps {
     editor: Editor;
     value?: string;
+    placeholder?: string;
     height: number | string;
     onUpload?: UploadFunction;
+    defaultDisplayMode?: DisplayMode;
+    splitMode?: boolean;
+    showToolbar?: boolean;
     onAceChange?: (value: string) => void;
     onTiptapChange?: (value: string) => void;
 }
 export interface MarkdownEditorRef {
     scrollToHeading: (headingText: string) => void;
 }
+type DisplayMode = 'edit' | 'preview' | 'split';
 declare const EditorMarkdown: React.ForwardRefExoticComponent<EditorMarkdownProps & React.RefAttributes<MarkdownEditorRef>>;
 export default EditorMarkdown;

package/dist/EditorMarkdown/index.js

@@ -23,12 +23,19 @@ import 'ace-builds/src-noconflict/theme-github';
 var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var editor = _ref.editor,
     value = _ref.value,
+    placeholder = _ref.placeholder,
     onAceChange = _ref.onAceChange,
     height = _ref.height,
-    onUpload = _ref.onUpload;
+    onUpload = _ref.onUpload,
+    _ref$splitMode = _ref.splitMode,
+    splitMode = _ref$splitMode === void 0 ? false : _ref$splitMode,
+    _ref$defaultDisplayMo = _ref.defaultDisplayMode,
+    defaultDisplayMode = _ref$defaultDisplayMo === void 0 ? 'edit' : _ref$defaultDisplayMo,
+    _ref$showToolbar = _ref.showToolbar,
+    showToolbar = _ref$showToolbar === void 0 ? true : _ref$showToolbar;
   var theme = useTheme();
   var aceEditorRef = useRef(null);
-  var _useState = useState('edit'),
+  var _useState = useState(defaultDisplayMode),
     _useState2 = _slicedToArray(_useState, 2),
     displayMode = _useState2[0],
     setDisplayMode = _useState2[1];
@@ -85,7 +92,7 @@ var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
       right: 0,
       zIndex: 2000
     })
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, showToolbar && /*#__PURE__*/React.createElement(Stack, {
     direction: "row",
     alignItems: 'center',
     justifyContent: 'space-between',
@@ -161,7 +168,7 @@ var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick: function onClick() {
       return setDisplayMode('preview');
     }
-  }, "\u9884\u89C8\u6A21\u5F0F"), /*#__PURE__*/React.createElement(Box, {
+  }, "\u9884\u89C8\u6A21\u5F0F"), splitMode && /*#__PURE__*/React.createElement(Box, {
     className: displayMode === 'split' ? 'md-display-mode-active' : 'md-display-mode',
     sx: {
       px: 1,
@@ -202,7 +209,7 @@ var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
     wrapEnabled: true,
     readOnly: loading,
     showPrintMargin: false,
-    placeholder: MARKDOWN_EDITOR_PLACEHOLDER,
+    placeholder: placeholder || MARKDOWN_EDITOR_PLACEHOLDER,
     fontSize: 16,
     editorProps: {
       $blockScrolling: true

package/dist/index.css

@@ -179,10 +179,11 @@
 .tiptap.ProseMirror ul[data-type='taskList'] li {
   align-items: flex-start;
   display: flex;
+  flex-direction: row;
 }
 
 .tiptap.ProseMirror ul[data-type='taskList'] li>label {
-  flex: 0 0 auto;
+  flex-shrink: 0;
   user-select: none;
   margin-right: 8px;
   height: 28px;
@@ -192,7 +193,7 @@
 }
 
 .tiptap.ProseMirror ul[data-type='taskList'] li>div {
-  flex: 1 1 auto;
+  flex-grow: 1;
 }
 
 .tiptap.ProseMirror ul[data-type='taskList'] li[data-checked='true']>div {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.12.18",
+  "version": "1.12.19",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",