@ctzhian/tiptap 1.12.9 → 1.12.11

package/dist/Editor/demo.js

@@ -152,7 +152,7 @@ var Reader = function Reader() {
         }
         return onUpload;
       }(),
-      content: ''
+      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>"
     }),
     editor = _useTiptap.editor;
   return /*#__PURE__*/React.createElement(EditorThemeProvider, {

package/dist/contants/placeholder.d.ts

@@ -8,9 +8,6 @@ export declare const PLACEHOLDER: {
         6: string;
     };
     detailsSummary: string;
-    orderedList: string;
-    bulletList: string;
-    taskList: string;
     paragraph: string;
     default: string;
 };

package/dist/contants/placeholder.js

@@ -8,9 +8,6 @@ export var PLACEHOLDER = {
     6: '六级标题'
   },
   detailsSummary: '输入面板标题',
-  orderedList: '列表',
-  bulletList: '列表',
-  taskList: '列表',
   paragraph: '输入 "/" 插入内容',
   default: '写点什么吧，输入 "/" 插入内容'
 };

package/dist/extension/component/Link/Markdown.js

@@ -1,8 +1,10 @@
+import { ChromeIcon } from "../../../component/Icons";
+import { Avatar, Box } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
 import { MarkViewContent } from "@tiptap/react";
 import React, { useCallback } from "react";
 var LinkViewWrapper = function LinkViewWrapper(_ref) {
-  var _mark$attrs2, _mark$attrs3, _mark$attrs4;
+  var _mark$attrs2, _mark$attrs3, _mark$attrs4, _mark$attrs6;
   var editor = _ref.editor,
     mark = _ref.mark;
   var theme = useTheme();
@@ -24,6 +26,11 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
   var href = (mark === null || mark === void 0 || (_mark$attrs2 = mark.attrs) === null || _mark$attrs2 === void 0 ? void 0 : _mark$attrs2.href) || '';
   var target = (mark === null || mark === void 0 || (_mark$attrs3 = mark.attrs) === null || _mark$attrs3 === void 0 ? void 0 : _mark$attrs3.target) || '_blank';
   var download = mark === null || mark === void 0 || (_mark$attrs4 = mark.attrs) === null || _mark$attrs4 === void 0 ? void 0 : _mark$attrs4.download;
+  var favicon = '';
+  try {
+    var _mark$attrs5;
+    favicon = mark !== null && mark !== void 0 && (_mark$attrs5 = mark.attrs) !== null && _mark$attrs5 !== void 0 && _mark$attrs5.href ? new URL(mark.attrs.href).origin + '/favicon.ico' : '';
+  } catch (err) {}
   return /*#__PURE__*/React.createElement(MarkViewContent, {
     as: "a",
     href: href,
@@ -33,8 +40,29 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
     style: {
       color: theme.palette.primary.main,
       textDecoration: 'underline',
-      cursor: 'pointer'
+      cursor: 'pointer',
+      display: 'inline-flex',
+      alignItems: 'center',
+      gap: '2px'
     }
-  });
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    sx: {
+      width: '1rem',
+      height: '1rem',
+      alignSelf: 'center',
+      bgcolor: '#FFFFFF'
+    },
+    src: favicon
+  }, /*#__PURE__*/React.createElement(ChromeIcon, {
+    sx: {
+      fontSize: '1rem',
+      cursor: 'grab',
+      color: 'primary.main',
+      alignSelf: 'center',
+      ':active': {
+        cursor: 'grabbing'
+      }
+    }
+  })), /*#__PURE__*/React.createElement(Box, null, mark === null || mark === void 0 || (_mark$attrs6 = mark.attrs) === null || _mark$attrs6 === void 0 ? void 0 : _mark$attrs6.title));
 };
 export default LinkViewWrapper;

package/dist/index.css

@@ -87,50 +87,87 @@
 /* list */
 .tiptap.ProseMirror ol,
 .tiptap.ProseMirror ul {
-  padding: 0 32px;
+  padding: 0 32px 0 24px;
   margin: 8px 0;
   list-style: none;
+  position: relative;
+  counter-reset: list-counter;
 }
 
 .tiptap.ProseMirror li {
+  display: flex;
   margin: 8px 0;
+  flex-direction: column;
+  position: relative;
 }
 
-.tiptap.ProseMirror ol ol ol ol {
-  list-style: decimal;
+.tiptap.ProseMirror ol li {
+  counter-increment: list-counter;
 }
 
-.tiptap.ProseMirror ol ol ol {
-  list-style: lower-roman;
+.tiptap.ProseMirror ol li::before {
+  position: absolute;
+  top: 0;
+  left: -24px;
+  content: counter(list-counter) '.' !important;
+  font-size: 16px;
+  line-height: 26px;
+  color: var(--mui-palette-primary-main);
 }
 
 .tiptap.ProseMirror ol ol {
-  list-style: lower-alpha;
+  counter-reset: list-counter;
+  margin: 0;
 }
 
-.tiptap.ProseMirror ol {
-  list-style: decimal;
+.tiptap.ProseMirror ol ol li::before {
+  content: counter(list-counter, lower-alpha) '.' !important;
+}
+
+.tiptap.ProseMirror ol ol ol {
+  counter-reset: list-counter;
 }
 
-.tiptap.ProseMirror ul:not([data-type='taskList']) {
-  list-style: disc;
+.tiptap.ProseMirror ol ol ol li::before {
+  content: counter(list-counter, lower-roman) '.' !important;
+}
+
+.tiptap.ProseMirror ol ol ol ol {
+  counter-reset: list-counter;
+}
+
+.tiptap.ProseMirror ol ol ol ol li::before {
+  content: counter(list-counter) '.' !important;
+}
+
+.tiptap.ProseMirror ul:not([data-type='taskList']) li::before {
+  content: '•' !important;
+  position: absolute;
+  top: 0;
+  left: -24px;
+  font-size: 16px;
+  line-height: 26px;
+  font-size: 20px;
+  color: var(--mui-palette-primary-main);
 }
 
 .tiptap.ProseMirror ul:not([data-type='taskList']) ul {
-  list-style: circle;
+  margin: 0;
 }
 
-.tiptap.ProseMirror ul:not([data-type='taskList']) ul ul {
-  list-style: square;
+.tiptap.ProseMirror ul:not([data-type='taskList']) ul li::before {
+  content: '◦' !important;
+  font-size: 15px;
 }
 
-.tiptap.ProseMirror ul:not([data-type='taskList']) ul ul ul {
-  list-style: disc;
+.tiptap.ProseMirror ul:not([data-type='taskList']) ul ul li::before {
+  content: '▪' !important;
+  font-size: 20px;
 }
 
-.tiptap.ProseMirror ul:not([data-type='taskList']) li {
-  position: relative;
-  padding-left: 0;
+.tiptap.ProseMirror ul:not([data-type='taskList']) ul ul ul li::before {
+  content: '•' !important;
+  font-size: 20px;
 }
 
 .tiptap.ProseMirror ul[data-type='taskList'] {
@@ -176,12 +213,6 @@
   margin: 0;
 }
 
-.tiptap.ProseMirror li::marker {
-  font-size: 16px;
-  line-height: 26px;
-  color: var(--mui-palette-primary-main);
-}
-
 /* code */
 .tiptap.ProseMirror .codeblock-wrapper {
   margin: 20px 0;

package/package.json

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