@maketribe/ms-app 3.2.2 → 3.2.4

package/dist/esm/components/basic/doc-editor/plugins/nodes.js

@@ -1,25 +1,23 @@
-import { HeadingNode, QuoteNode } from "@lexical/rich-text";
-import { TableNode, TableCellNode, TableRowNode } from "@lexical/table";
+import { HeadingNode } from "@lexical/rich-text";
 import { ListNode, ListItemNode } from "@lexical/list";
-import { CodeNode, CodeHighlightNode } from "@lexical/code";
 import { AutoLinkNode, LinkNode } from "@lexical/link";
-import { HashtagNode } from "@lexical/hashtag";
-import "./ImagePlugin/index.js";
-import { ImageNode } from "./ImagePlugin/ImageNode.js";
+import { ImageNode } from "./ImagePlugin/index.js";
+import { ImageTextNode } from "./ImageTextPlugin/index.js";
 const Nodes = [
   HeadingNode,
   ListNode,
   ListItemNode,
-  QuoteNode,
-  CodeNode,
-  CodeHighlightNode,
-  TableNode,
-  TableCellNode,
-  TableRowNode,
+  // QuoteNode,
+  // CodeNode,
+  // CodeHighlightNode,
+  // TableNode,
+  // TableCellNode,
+  // TableRowNode,
   AutoLinkNode,
   LinkNode,
-  HashtagNode,
-  ImageNode
+  // HashtagNode,
+  ImageNode,
+  ImageTextNode
 ];
 export {
   Nodes as default

package/dist/esm/components/basic/doc-editor/plugins/nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"nodes.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/nodes.ts"],"sourcesContent":["import type { Klass, LexicalNode } from 'lexical'\r\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\r\nimport { TableCellNode, TableNode, TableRowNode } from '@lexical/table'\r\nimport { ListItemNode, ListNode } from '@lexical/list'\r\nimport { CodeHighlightNode, CodeNode } from '@lexical/code'\r\nimport { AutoLinkNode, LinkNode } from '@lexical/link'\r\nimport { HashtagNode } from '@lexical/hashtag'\r\nimport { ImageNode } from \"./ImagePlugin\"\r\n\r\nconst Nodes: Array<Klass<LexicalNode>> = [\r\n  HeadingNode,\r\n  ListNode,\r\n  ListItemNode,\r\n  QuoteNode,\r\n  CodeNode,\r\n  CodeHighlightNode,\r\n  TableNode,\r\n  TableCellNode,\r\n  TableRowNode,\r\n  AutoLinkNode,\r\n  LinkNode,\r\n  HashtagNode,\r\n  ImageNode\r\n]\r\n\r\nexport default Nodes\r\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,QAAmC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"nodes.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/nodes.ts"],"sourcesContent":["import type { Klass, LexicalNode } from 'lexical'\r\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\r\nimport { TableCellNode, TableNode, TableRowNode } from '@lexical/table'\r\nimport { ListItemNode, ListNode } from '@lexical/list'\r\nimport { CodeHighlightNode, CodeNode } from '@lexical/code'\r\nimport { AutoLinkNode, LinkNode } from '@lexical/link'\r\nimport { HashtagNode } from '@lexical/hashtag'\r\nimport { ImageNode } from \"./ImagePlugin\"\r\nimport { ImageTextNode } from \"./ImageTextPlugin\"\r\n\r\nconst Nodes: Array<Klass<LexicalNode>> = [\r\n  HeadingNode,\r\n  ListNode,\r\n  ListItemNode,\r\n  // QuoteNode,\r\n  // CodeNode,\r\n  // CodeHighlightNode,\r\n  // TableNode,\r\n  // TableCellNode,\r\n  // TableRowNode,\r\n  AutoLinkNode,\r\n  LinkNode,\r\n  // HashtagNode,\r\n  ImageNode,\r\n  ImageTextNode\r\n]\r\n\r\nexport default Nodes\r\n"],"names":[],"mappings":";;;;;AAUA,MAAM,QAAmC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AACF;"}

package/dist/esm/components/basic/doc-editor/themes/doc-editor.css.js

@@ -1,4 +1,4 @@
-const DocEditorCss = "html,body{\r\n  width:100%;\r\n  height:100%;\r\n  padding:0px;\r\n  margin:0px;\r\n  position: relative;\r\n  font-size: 14px;\r\n  color:#000;\r\n  overflow: hidden;\r\n}\r\nbody{\r\n  box-sizing: border-box;\r\n}\r\n.mk-doc-editor__stage__editable{\r\n  width: 100%;\r\n  min-height: 100%;\r\n  margin: auto;\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 10px 20px;\r\n  box-sizing: border-box;\r\n}\r\n.mk-doc-editor__stage__editable .mk-doc-editor-stage{\r\n  z-index: 1;\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 80%;\r\n  outline: 0;\r\n  border: 0;\r\n}\r\n.mk-doc-editor__stage__editable .mk-doc-editor__stage__placeholder{\r\n  position: absolute;\r\n  top: 10px;\r\n  left:20px;\r\n  z-index: 0;    \r\n  color: #ccc;\r\n}\r\n";
+const DocEditorCss = "html,body{\r\n  width:100%;\r\n  height:100%;\r\n  padding:0px;\r\n  margin:0px;\r\n  position: relative;\r\n  font-size: 14px;\r\n  color:#000;\r\n  overflow: hidden;\r\n}\r\nbody{\r\n  box-sizing: border-box;\r\n}\r\n.mk-doc-editor__stage__editable{\r\n  width: 100%;\r\n  min-height: 100%;\r\n  margin: auto;\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 10px 20px;\r\n  box-sizing: border-box;\r\n}\r\n.mk-doc-editor__stage__editable .mk-doc-editor-stage{\r\n  z-index: 1;\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 80%;\r\n  outline: 0;\r\n  border: 0;\r\n}\r\n.mk-doc-editor__stage__editable .mk-doc-editor__stage__placeholder{\r\n  position: absolute;\r\n  top: 10px;\r\n  left:20px;\r\n  z-index: 0;    \r\n  color: #ccc;\r\n}\r\n\r\n\r\n.mk-doc-active-mark{\r\n  position: absolute;\r\n  box-sizing:border-box;\r\n  background-color:#2776f63b;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.mk-doc-loading-mark{\r\n  position: absolute;\r\n  box-sizing:border-box;\r\n  background-color:#201d1dd6;\r\n  pointer-events: none;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 2;    \r\n  display: flex;\r\n  align-items: center;\r\n  align-content: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n}\r\n";
 export {
   DocEditorCss as default
 };

package/dist/esm/components/basic/doc-editor/themes/doc-editor.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"doc-editor.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-editor.css?raw"],"sourcesContent":["export default \"html,body{\\r\\n  width:100%;\\r\\n  height:100%;\\r\\n  padding:0px;\\r\\n  margin:0px;\\r\\n  position: relative;\\r\\n  font-size: 14px;\\r\\n  color:#000;\\r\\n  overflow: hidden;\\r\\n}\\r\\nbody{\\r\\n  box-sizing: border-box;\\r\\n}\\r\\n.mk-doc-editor__stage__editable{\\r\\n  width: 100%;\\r\\n  min-height: 100%;\\r\\n  margin: auto;\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n  padding: 10px 20px;\\r\\n  box-sizing: border-box;\\r\\n}\\r\\n.mk-doc-editor__stage__editable .mk-doc-editor-stage{\\r\\n  z-index: 1;\\r\\n  position: relative;\\r\\n  width: 100%;\\r\\n  min-height: 80%;\\r\\n  outline: 0;\\r\\n  border: 0;\\r\\n}\\r\\n.mk-doc-editor__stage__editable .mk-doc-editor__stage__placeholder{\\r\\n  position: absolute;\\r\\n  top: 10px;\\r\\n  left:20px;\\r\\n  z-index: 0;    \\r\\n  color: #ccc;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,eAAA;"}
+{"version":3,"file":"doc-editor.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-editor.css?raw"],"sourcesContent":["export default \"html,body{\\r\\n  width:100%;\\r\\n  height:100%;\\r\\n  padding:0px;\\r\\n  margin:0px;\\r\\n  position: relative;\\r\\n  font-size: 14px;\\r\\n  color:#000;\\r\\n  overflow: hidden;\\r\\n}\\r\\nbody{\\r\\n  box-sizing: border-box;\\r\\n}\\r\\n.mk-doc-editor__stage__editable{\\r\\n  width: 100%;\\r\\n  min-height: 100%;\\r\\n  margin: auto;\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n  padding: 10px 20px;\\r\\n  box-sizing: border-box;\\r\\n}\\r\\n.mk-doc-editor__stage__editable .mk-doc-editor-stage{\\r\\n  z-index: 1;\\r\\n  position: relative;\\r\\n  width: 100%;\\r\\n  min-height: 80%;\\r\\n  outline: 0;\\r\\n  border: 0;\\r\\n}\\r\\n.mk-doc-editor__stage__editable .mk-doc-editor__stage__placeholder{\\r\\n  position: absolute;\\r\\n  top: 10px;\\r\\n  left:20px;\\r\\n  z-index: 0;    \\r\\n  color: #ccc;\\r\\n}\\r\\n\\r\\n\\r\\n.mk-doc-active-mark{\\r\\n  position: absolute;\\r\\n  box-sizing:border-box;\\r\\n  background-color:#2776f63b;\\r\\n  pointer-events: none;\\r\\n  z-index: 1;\\r\\n}\\r\\n\\r\\n.mk-doc-loading-mark{\\r\\n  position: absolute;\\r\\n  box-sizing:border-box;\\r\\n  background-color:#201d1dd6;\\r\\n  pointer-events: none;\\r\\n  left: 0;\\r\\n  top: 0;\\r\\n  width: 100%;\\r\\n  height: 100%;\\r\\n  z-index: 2;    \\r\\n  display: flex;\\r\\n  align-items: center;\\r\\n  align-content: center;\\r\\n  justify-content: center;\\r\\n  color: #fff;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,eAAA;"}

package/dist/esm/components/basic/doc-editor/themes/doc-theme.css.js

@@ -1,4 +1,456 @@
-const DocThemeCss = "\r\n .mk-doc__ltr {\r\n  text-align: left;\r\n}\r\n.mk-doc__rtl {\r\n  text-align: right;\r\n}\r\n.mk-doc__paragraph {\r\n  margin: 0;\r\n  position: relative;\r\n}\r\n.mk-doc__quote {\r\n  margin: 0;\r\n  margin-left: 20px;\r\n  margin-bottom: 10px;\r\n  font-size: 15px;\r\n  color: rgb(101, 103, 107);\r\n  border-left-color: rgb(206, 208, 212);\r\n  border-left-width: 4px;\r\n  border-left-style: solid;\r\n  padding-left: 16px;\r\n}\r\n.mk-doc__h1 {\r\n  font-size: 2rem;\r\n  color: rgb(5, 5, 5);\r\n  font-weight: 400;\r\n  margin: 0;\r\n}\r\n.mk-doc__h2 {\r\n  font-size: 1.5rem;\r\n  color: rgb(101, 103, 107);\r\n  font-weight: 700;\r\n  margin: 0;\r\n  text-transform: uppercase;\r\n}\r\n.mk-doc__h3 {\r\n  font-size: 1.17rem;\r\n  margin: 0;\r\n  text-transform: uppercase;\r\n}\r\n.mk-doc__indent {\r\n  --lexical-indent-base-value: 40px;\r\n}\r\n.mk-doc__textBold {\r\n  font-weight: bold;\r\n}\r\n.mk-doc__textItalic {\r\n  font-style: italic;\r\n}\r\n.mk-doc__textUnderline {\r\n  text-decoration: underline;\r\n}\r\n.mk-doc__textStrikethrough {\r\n  text-decoration: line-through;\r\n}\r\n.mk-doc__textUnderlineStrikethrough {\r\n  text-decoration: underline line-through;\r\n}\r\n.mk-doc__textSubscript {\r\n  font-size: 0.8em;\r\n  vertical-align: sub !important;\r\n}\r\n.mk-doc__textSuperscript {\r\n  font-size: 0.8em;\r\n  vertical-align: super;\r\n}\r\n.mk-doc__textCode {\r\n  background-color: rgb(240, 242, 245);\r\n  padding: 1px 0.25rem;\r\n  font-family: Menlo, Consolas, Monaco, monospace;\r\n  font-size: 94%;\r\n}\r\n.mk-doc__hashtag {\r\n  background-color: rgba(88, 144, 255, 0.15);\r\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\r\n}\r\n.mk-doc__link {\r\n  color: rgb(33, 111, 219);\r\n  text-decoration: none;\r\n}\r\n.mk-doc__link:hover {\r\n  text-decoration: underline;\r\n  cursor: pointer;\r\n}\r\n.mk-doc__code {\r\n  background-color: rgb(240, 242, 245);\r\n  font-family: Menlo, Consolas, Monaco, monospace;\r\n  display: block;\r\n  padding: 8px 8px 8px 52px;\r\n  line-height: 1.53;\r\n  font-size: 13px;\r\n  margin: 0;\r\n  margin-top: 8px;\r\n  margin-bottom: 8px;\r\n  overflow-x: auto;\r\n  position: relative;\r\n  tab-size: 2;\r\n}\r\n.mk-doc__code:before {\r\n  content: attr(data-gutter);\r\n  position: absolute;\r\n  background-color: #eee;\r\n  left: 0;\r\n  top: 0;\r\n  border-right: 1px solid #ccc;\r\n  padding: 8px;\r\n  color: #777;\r\n  white-space: pre-wrap;\r\n  text-align: right;\r\n  min-width: 25px;\r\n}\r\n.mk-doc__table {\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n  overflow-y: scroll;\r\n  overflow-x: scroll;\r\n  table-layout: fixed;\r\n  width: max-content;\r\n  margin: 30px 0;\r\n}\r\n.mk-doc__tableSelection *::selection {\r\n  background-color: transparent;\r\n}\r\n.mk-doc__tableSelected {\r\n  outline: 2px solid rgb(60, 132, 244);\r\n}\r\n.mk-doc__tableCell {\r\n  border: 1px solid #bbb;\r\n  width: 75px;\r\n  min-width: 75px;\r\n  vertical-align: top;\r\n  text-align: start;\r\n  padding: 6px 8px;\r\n  position: relative;\r\n  outline: none;\r\n}\r\n.mk-doc__tableCellSortedIndicator {\r\n  display: block;\r\n  opacity: 0.5;\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  background-color: #999;\r\n}\r\n.mk-doc__tableCellResizer {\r\n  position: absolute;\r\n  right: -4px;\r\n  height: 100%;\r\n  width: 8px;\r\n  cursor: ew-resize;\r\n  z-index: 10;\r\n  top: 0;\r\n}\r\n.mk-doc__tableCellHeader {\r\n  background-color: #f2f3f5;\r\n  text-align: start;\r\n}\r\n.mk-doc__tableCellSelected {\r\n  background-color: #c9dbf0;\r\n}\r\n.mk-doc__tableCellPrimarySelected {\r\n  border: 2px solid rgb(60, 132, 244);\r\n  display: block;\r\n  height: calc(100% - 2px);\r\n  position: absolute;\r\n  width: calc(100% - 2px);\r\n  left: -1px;\r\n  top: -1px;\r\n  z-index: 2;\r\n}\r\n.mk-doc__tableCellEditing {\r\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\r\n  border-radius: 3px;\r\n}\r\n.mk-doc__tableAddColumns {\r\n  position: absolute;\r\n  top: 0;\r\n  width: 20px;\r\n  background-color: #eee;\r\n  height: 100%;\r\n  right: -25px;\r\n  animation: table-controls 0.2s ease;\r\n  border: 0;\r\n  cursor: pointer;\r\n}\r\n.mk-doc__tableAddColumns:after {\r\n  background-image: url(../images/icons/plus.svg);\r\n  background-size: contain;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  display: block;\r\n  content: ' ';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0.4;\r\n}\r\n.mk-doc__tableAddColumns:hover {\r\n  background-color: #c9dbf0;\r\n}\r\n.mk-doc__tableAddRows {\r\n  position: absolute;\r\n  bottom: -25px;\r\n  width: calc(100% - 25px);\r\n  background-color: #eee;\r\n  height: 20px;\r\n  left: 0;\r\n  animation: table-controls 0.2s ease;\r\n  border: 0;\r\n  cursor: pointer;\r\n}\r\n.mk-doc__tableAddRows:after {\r\n  background-image: url(../images/icons/plus.svg);\r\n  background-size: contain;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  display: block;\r\n  content: ' ';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0.4;\r\n}\r\n.mk-doc__tableAddRows:hover {\r\n  background-color: #c9dbf0;\r\n}\r\n@keyframes table-controls {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n.mk-doc__tableCellResizeRuler {\r\n  display: block;\r\n  position: absolute;\r\n  width: 1px;\r\n  background-color: rgb(60, 132, 244);\r\n  height: 100%;\r\n  top: 0;\r\n}\r\n.mk-doc__tableCellActionButtonContainer {\r\n  display: block;\r\n  right: 5px;\r\n  top: 6px;\r\n  position: absolute;\r\n  z-index: 4;\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n.mk-doc__tableCellActionButton {\r\n  background-color: #eee;\r\n  display: block;\r\n  border: 0;\r\n  border-radius: 20px;\r\n  width: 20px;\r\n  height: 20px;\r\n  color: #222;\r\n  cursor: pointer;\r\n}\r\n.mk-doc__tableCellActionButton:hover {\r\n  background-color: #ddd;\r\n}\r\n.mk-doc__characterLimit {\r\n  display: inline;\r\n  background-color: #ffbbbb !important;\r\n}\r\n.mk-doc__ol1 {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__ol2 {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-type: upper-alpha;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__ol3 {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-type: lower-alpha;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__ol4 {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-type: upper-roman;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__ol5 {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-type: lower-roman;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__ul {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-position: inside;\r\n}\r\n.mk-doc__listItem {\r\n  margin: 0 32px;\r\n}\r\n.mk-doc__listItemChecked,\r\n.mk-doc__listItemUnchecked {\r\n  position: relative;\r\n  margin-left: 8px;\r\n  margin-right: 8px;\r\n  padding-left: 24px;\r\n  padding-right: 24px;\r\n  list-style-type: none;\r\n  outline: none;\r\n}\r\n.mk-doc__listItemChecked {\r\n  text-decoration: line-through;\r\n}\r\n.mk-doc__listItemUnchecked:before,\r\n.mk-doc__listItemChecked:before {\r\n  content: '';\r\n  width: 16px;\r\n  height: 16px;\r\n  top: 2px;\r\n  left: 0;\r\n  cursor: pointer;\r\n  display: block;\r\n  background-size: cover;\r\n  position: absolute;\r\n}\r\n.mk-doc__listItemUnchecked[dir='rtl']:before,\r\n.mk-doc__listItemChecked[dir='rtl']:before {\r\n  left: auto;\r\n  right: 0;\r\n}\r\n.mk-doc__listItemUnchecked:focus:before,\r\n.mk-doc__listItemChecked:focus:before {\r\n  box-shadow: 0 0 0 2px #a6cdfe;\r\n  border-radius: 2px;\r\n}\r\n.mk-doc__listItemUnchecked:before {\r\n  border: 1px solid #999;\r\n  border-radius: 2px;\r\n}\r\n.mk-doc__listItemChecked:before {\r\n  border: 1px solid rgb(61, 135, 245);\r\n  border-radius: 2px;\r\n  background-color: #3d87f5;\r\n  background-repeat: no-repeat;\r\n}\r\n.mk-doc__listItemChecked:after {\r\n  content: '';\r\n  cursor: pointer;\r\n  border-color: #fff;\r\n  border-style: solid;\r\n  position: absolute;\r\n  display: block;\r\n  top: 6px;\r\n  width: 3px;\r\n  left: 7px;\r\n  right: 7px;\r\n  height: 6px;\r\n  transform: rotate(45deg);\r\n  border-width: 0 2px 2px 0;\r\n}\r\n.mk-doc__nestedListItem {\r\n  list-style-type: none;\r\n}\r\n.mk-doc__nestedListItem:before,\r\n.mk-doc__nestedListItem:after {\r\n  display: none;\r\n}\r\n.mk-doc__tokenComment {\r\n  color: slategray;\r\n}\r\n.mk-doc__tokenPunctuation {\r\n  color: #999;\r\n}\r\n.mk-doc__tokenProperty {\r\n  color: #905;\r\n}\r\n.mk-doc__tokenSelector {\r\n  color: #690;\r\n}\r\n.mk-doc__tokenOperator {\r\n  color: #9a6e3a;\r\n}\r\n.mk-doc__tokenAttr {\r\n  color: #07a;\r\n}\r\n.mk-doc__tokenVariable {\r\n  color: #e90;\r\n}\r\n.mk-doc__tokenFunction {\r\n  color: #dd4a68;\r\n}\r\n.mk-doc__mark {\r\n  background: rgba(255, 212, 0, 0.14);\r\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\r\n  padding-bottom: 2px;\r\n}\r\n.mk-doc__markOverlap {\r\n  background: rgba(255, 212, 0, 0.3);\r\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\r\n}\r\n.mk-doc__mark.selected {\r\n  background: rgba(255, 212, 0, 0.5);\r\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\r\n}\r\n.mk-doc__markOverlap.selected {\r\n  background: rgba(255, 212, 0, 0.7);\r\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\r\n}\r\n.mk-doc__embedBlock {\r\n  user-select: none;\r\n}\r\n.mk-doc__embedBlockFocus {\r\n  outline: 2px solid rgb(60, 132, 244);\r\n}\r\n.mk-doc__layoutContainer {\r\n  display: grid;\r\n  gap: 10px;\r\n  margin: 10px 0;\r\n}\r\n.mk-doc__layoutItem {\r\n  border: 1px dashed #ddd;\r\n  padding: 8px 16px;\r\n}\r\n";
+const DocThemeCss = `\r
+ .mk-doc__ltr {\r
+  text-align: left;\r
+}\r
+.mk-doc__rtl {\r
+  text-align: right;\r
+}\r
+.mk-doc__paragraph {\r
+  margin: 0;\r
+  position: relative;\r
+  line-height: 2em;\r
+}\r
+.mk-doc__quote {\r
+  margin: 0;\r
+  margin-left: 20px;\r
+  margin-bottom: 10px;\r
+  font-size: 15px;\r
+  color: rgb(101, 103, 107);\r
+  border-left-color: rgb(206, 208, 212);\r
+  border-left-width: 4px;\r
+  border-left-style: solid;\r
+  padding-left: 16px;\r
+}\r
+.mk-doc__quote .mk-doc__paragraph {\r
+  text-indent: 0;\r
+\r
+}\r
+.mk-doc__h1 {\r
+  font-size: 2rem;\r
+  color: rgb(5, 5, 5);\r
+  font-weight: 400;\r
+  margin: 0;\r
+}\r
+.mk-doc__h2 {\r
+  font-size: 1.5rem;\r
+  color: rgb(101, 103, 107);\r
+  font-weight: 700;\r
+  margin: 0;\r
+  text-transform: uppercase;\r
+}\r
+.mk-doc__h3 {\r
+  font-size: 1.17rem;\r
+  margin: 0;\r
+  text-transform: uppercase;\r
+}\r
+.mk-doc__indent {\r
+  --lexical-indent-base-value: 40px;\r
+}\r
+.mk-doc__textBold {\r
+  font-weight: bold;\r
+}\r
+.mk-doc__textItalic {\r
+  font-style: italic;\r
+}\r
+.mk-doc__textUnderline {\r
+  text-decoration: underline;\r
+}\r
+.mk-doc__textStrikethrough {\r
+  text-decoration: line-through;\r
+}\r
+.mk-doc__textUnderlineStrikethrough {\r
+  text-decoration: underline line-through;\r
+}\r
+.mk-doc__textSubscript {\r
+  font-size: 0.8em;\r
+  vertical-align: sub !important;\r
+}\r
+.mk-doc__textSuperscript {\r
+  font-size: 0.8em;\r
+  vertical-align: super;\r
+}\r
+.mk-doc__textCode {\r
+  background-color: rgb(240, 242, 245);\r
+  padding: 1px 0.25rem;\r
+  font-family: Menlo, Consolas, Monaco, monospace;\r
+  font-size: 94%;\r
+}\r
+.mk-doc__hashtag {\r
+  background-color: rgba(88, 144, 255, 0.15);\r
+  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\r
+}\r
+.mk-doc__link {\r
+  color: rgb(33, 111, 219);\r
+  text-decoration: none;\r
+}\r
+.mk-doc__link:hover {\r
+  text-decoration: underline;\r
+  cursor: pointer;\r
+}\r
+.mk-doc__code {\r
+  background-color: rgb(240, 242, 245);\r
+  font-family: Menlo, Consolas, Monaco, monospace;\r
+  display: block;\r
+  padding: 8px 8px 8px 52px;\r
+  line-height: 1.53;\r
+  font-size: 13px;\r
+  margin: 0;\r
+  margin-top: 8px;\r
+  margin-bottom: 8px;\r
+  overflow-x: auto;\r
+  position: relative;\r
+  tab-size: 2;\r
+}\r
+.mk-doc__code:before {\r
+  content: attr(data-gutter);\r
+  position: absolute;\r
+  background-color: #eee;\r
+  left: 0;\r
+  top: 0;\r
+  border-right: 1px solid #ccc;\r
+  padding: 8px;\r
+  color: #777;\r
+  white-space: pre-wrap;\r
+  text-align: right;\r
+  min-width: 25px;\r
+}\r
+.mk-doc__table {\r
+  border-collapse: collapse;\r
+  border-spacing: 0;\r
+  overflow-y: scroll;\r
+  overflow-x: scroll;\r
+  table-layout: fixed;\r
+  width: max-content;\r
+  margin: 30px 0;\r
+}\r
+.mk-doc__tableSelection *::selection {\r
+  background-color: transparent;\r
+}\r
+.mk-doc__tableSelected {\r
+  outline: 2px solid rgb(60, 132, 244);\r
+}\r
+.mk-doc__tableCell {\r
+  border: 1px solid #bbb;\r
+  width: 75px;\r
+  min-width: 75px;\r
+  vertical-align: top;\r
+  text-align: start;\r
+  padding: 6px 8px;\r
+  position: relative;\r
+  outline: none;\r
+}\r
+.mk-doc__tableCellSortedIndicator {\r
+  display: block;\r
+  opacity: 0.5;\r
+  position: absolute;\r
+  bottom: 0;\r
+  left: 0;\r
+  width: 100%;\r
+  height: 4px;\r
+  background-color: #999;\r
+}\r
+.mk-doc__tableCellResizer {\r
+  position: absolute;\r
+  right: -4px;\r
+  height: 100%;\r
+  width: 8px;\r
+  cursor: ew-resize;\r
+  z-index: 10;\r
+  top: 0;\r
+}\r
+.mk-doc__tableCellHeader {\r
+  background-color: #f2f3f5;\r
+  text-align: start;\r
+}\r
+.mk-doc__tableCellSelected {\r
+  background-color: #c9dbf0;\r
+}\r
+.mk-doc__tableCellPrimarySelected {\r
+  border: 2px solid rgb(60, 132, 244);\r
+  display: block;\r
+  height: calc(100% - 2px);\r
+  position: absolute;\r
+  width: calc(100% - 2px);\r
+  left: -1px;\r
+  top: -1px;\r
+  z-index: 2;\r
+}\r
+.mk-doc__tableCellEditing {\r
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\r
+  border-radius: 3px;\r
+}\r
+.mk-doc__tableAddColumns {\r
+  position: absolute;\r
+  top: 0;\r
+  width: 20px;\r
+  background-color: #eee;\r
+  height: 100%;\r
+  right: -25px;\r
+  animation: table-controls 0.2s ease;\r
+  border: 0;\r
+  cursor: pointer;\r
+}\r
+.mk-doc__tableAddColumns:after {\r
+  background-image: url(../images/icons/plus.svg);\r
+  background-size: contain;\r
+  background-position: center;\r
+  background-repeat: no-repeat;\r
+  display: block;\r
+  content: ' ';\r
+  position: absolute;\r
+  top: 0;\r
+  left: 0;\r
+  width: 100%;\r
+  height: 100%;\r
+  opacity: 0.4;\r
+}\r
+.mk-doc__tableAddColumns:hover {\r
+  background-color: #c9dbf0;\r
+}\r
+.mk-doc__tableAddRows {\r
+  position: absolute;\r
+  bottom: -25px;\r
+  width: calc(100% - 25px);\r
+  background-color: #eee;\r
+  height: 20px;\r
+  left: 0;\r
+  animation: table-controls 0.2s ease;\r
+  border: 0;\r
+  cursor: pointer;\r
+}\r
+.mk-doc__tableAddRows:after {\r
+  background-image: url(../images/icons/plus.svg);\r
+  background-size: contain;\r
+  background-position: center;\r
+  background-repeat: no-repeat;\r
+  display: block;\r
+  content: ' ';\r
+  position: absolute;\r
+  top: 0;\r
+  left: 0;\r
+  width: 100%;\r
+  height: 100%;\r
+  opacity: 0.4;\r
+}\r
+.mk-doc__tableAddRows:hover {\r
+  background-color: #c9dbf0;\r
+}\r
+@keyframes table-controls {\r
+  0% {\r
+    opacity: 0;\r
+  }\r
+  100% {\r
+    opacity: 1;\r
+  }\r
+}\r
+.mk-doc__tableCellResizeRuler {\r
+  display: block;\r
+  position: absolute;\r
+  width: 1px;\r
+  background-color: rgb(60, 132, 244);\r
+  height: 100%;\r
+  top: 0;\r
+}\r
+.mk-doc__tableCellActionButtonContainer {\r
+  display: block;\r
+  right: 5px;\r
+  top: 6px;\r
+  position: absolute;\r
+  z-index: 4;\r
+  width: 20px;\r
+  height: 20px;\r
+}\r
+.mk-doc__tableCellActionButton {\r
+  background-color: #eee;\r
+  display: block;\r
+  border: 0;\r
+  border-radius: 20px;\r
+  width: 20px;\r
+  height: 20px;\r
+  color: #222;\r
+  cursor: pointer;\r
+}\r
+.mk-doc__tableCellActionButton:hover {\r
+  background-color: #ddd;\r
+}\r
+.mk-doc__characterLimit {\r
+  display: inline;\r
+  background-color: #ffbbbb !important;\r
+}\r
+.mk-doc__ol1 {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__ol2 {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-type: upper-alpha;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__ol3 {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-type: lower-alpha;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__ol4 {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-type: upper-roman;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__ol5 {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-type: lower-roman;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__ul {\r
+  padding: 0;\r
+  margin: 0;\r
+  list-style-position: inside;\r
+}\r
+.mk-doc__listItem {\r
+  margin: 0 32px;\r
+}\r
+.mk-doc__listItemChecked,\r
+.mk-doc__listItemUnchecked {\r
+  position: relative;\r
+  margin-left: 8px;\r
+  margin-right: 8px;\r
+  padding-left: 24px;\r
+  padding-right: 24px;\r
+  list-style-type: none;\r
+  outline: none;\r
+}\r
+.mk-doc__listItemChecked {\r
+  text-decoration: line-through;\r
+}\r
+.mk-doc__listItemUnchecked:before,\r
+.mk-doc__listItemChecked:before {\r
+  content: '';\r
+  width: 16px;\r
+  height: 16px;\r
+  top: 2px;\r
+  left: 0;\r
+  cursor: pointer;\r
+  display: block;\r
+  background-size: cover;\r
+  position: absolute;\r
+}\r
+.mk-doc__listItemUnchecked[dir='rtl']:before,\r
+.mk-doc__listItemChecked[dir='rtl']:before {\r
+  left: auto;\r
+  right: 0;\r
+}\r
+.mk-doc__listItemUnchecked:focus:before,\r
+.mk-doc__listItemChecked:focus:before {\r
+  box-shadow: 0 0 0 2px #a6cdfe;\r
+  border-radius: 2px;\r
+}\r
+.mk-doc__listItemUnchecked:before {\r
+  border: 1px solid #999;\r
+  border-radius: 2px;\r
+}\r
+.mk-doc__listItemChecked:before {\r
+  border: 1px solid rgb(61, 135, 245);\r
+  border-radius: 2px;\r
+  background-color: #3d87f5;\r
+  background-repeat: no-repeat;\r
+}\r
+.mk-doc__listItemChecked:after {\r
+  content: '';\r
+  cursor: pointer;\r
+  border-color: #fff;\r
+  border-style: solid;\r
+  position: absolute;\r
+  display: block;\r
+  top: 6px;\r
+  width: 3px;\r
+  left: 7px;\r
+  right: 7px;\r
+  height: 6px;\r
+  transform: rotate(45deg);\r
+  border-width: 0 2px 2px 0;\r
+}\r
+.mk-doc__nestedListItem {\r
+  list-style-type: none;\r
+}\r
+.mk-doc__nestedListItem:before,\r
+.mk-doc__nestedListItem:after {\r
+  display: none;\r
+}\r
+.mk-doc__tokenComment {\r
+  color: slategray;\r
+}\r
+.mk-doc__tokenPunctuation {\r
+  color: #999;\r
+}\r
+.mk-doc__tokenProperty {\r
+  color: #905;\r
+}\r
+.mk-doc__tokenSelector {\r
+  color: #690;\r
+}\r
+.mk-doc__tokenOperator {\r
+  color: #9a6e3a;\r
+}\r
+.mk-doc__tokenAttr {\r
+  color: #07a;\r
+}\r
+.mk-doc__tokenVariable {\r
+  color: #e90;\r
+}\r
+.mk-doc__tokenFunction {\r
+  color: #dd4a68;\r
+}\r
+.mk-doc__mark {\r
+  background: rgba(255, 212, 0, 0.14);\r
+  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\r
+  padding-bottom: 2px;\r
+}\r
+.mk-doc__markOverlap {\r
+  background: rgba(255, 212, 0, 0.3);\r
+  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\r
+}\r
+.mk-doc__mark.selected {\r
+  background: rgba(255, 212, 0, 0.5);\r
+  border-bottom: 2px solid rgba(255, 212, 0, 1);\r
+}\r
+.mk-doc__markOverlap.selected {\r
+  background: rgba(255, 212, 0, 0.7);\r
+  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\r
+}\r
+.mk-doc__embedBlock {\r
+  user-select: none;\r
+  position: relative;\r
+  z-index: 1;\r
+}\r
+.mk-doc__embedBlockFocus {\r
+  outline: 2px solid rgb(60, 132, 244);\r
+}\r
+.mk-doc__layoutContainer {\r
+  display: grid;\r
+  gap: 10px;\r
+  margin: 10px 0;\r
+}\r
+.mk-doc__layoutItem {\r
+  border: 1px dashed #ddd;\r
+  padding: 8px 16px;\r
+}\r
+\r
+/* block结构 */\r
+.mk-doc-block{\r
+  position: relative;\r
+}\r
+.mk-doc-block.mk-doc-block-image-text::after{\r
+  content: ".";\r
+  font-size: 0;\r
+  clear: both;\r
+  display: block;\r
+}\r
+`;
 export {
   DocThemeCss as default
 };

package/dist/esm/components/basic/doc-editor/themes/doc-theme.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"doc-theme.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-theme.css?raw"],"sourcesContent":["export default \"\\r\\n .mk-doc__ltr {\\r\\n  text-align: left;\\r\\n}\\r\\n.mk-doc__rtl {\\r\\n  text-align: right;\\r\\n}\\r\\n.mk-doc__paragraph {\\r\\n  margin: 0;\\r\\n  position: relative;\\r\\n}\\r\\n.mk-doc__quote {\\r\\n  margin: 0;\\r\\n  margin-left: 20px;\\r\\n  margin-bottom: 10px;\\r\\n  font-size: 15px;\\r\\n  color: rgb(101, 103, 107);\\r\\n  border-left-color: rgb(206, 208, 212);\\r\\n  border-left-width: 4px;\\r\\n  border-left-style: solid;\\r\\n  padding-left: 16px;\\r\\n}\\r\\n.mk-doc__h1 {\\r\\n  font-size: 2rem;\\r\\n  color: rgb(5, 5, 5);\\r\\n  font-weight: 400;\\r\\n  margin: 0;\\r\\n}\\r\\n.mk-doc__h2 {\\r\\n  font-size: 1.5rem;\\r\\n  color: rgb(101, 103, 107);\\r\\n  font-weight: 700;\\r\\n  margin: 0;\\r\\n  text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__h3 {\\r\\n  font-size: 1.17rem;\\r\\n  margin: 0;\\r\\n  text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__indent {\\r\\n  --lexical-indent-base-value: 40px;\\r\\n}\\r\\n.mk-doc__textBold {\\r\\n  font-weight: bold;\\r\\n}\\r\\n.mk-doc__textItalic {\\r\\n  font-style: italic;\\r\\n}\\r\\n.mk-doc__textUnderline {\\r\\n  text-decoration: underline;\\r\\n}\\r\\n.mk-doc__textStrikethrough {\\r\\n  text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__textUnderlineStrikethrough {\\r\\n  text-decoration: underline line-through;\\r\\n}\\r\\n.mk-doc__textSubscript {\\r\\n  font-size: 0.8em;\\r\\n  vertical-align: sub !important;\\r\\n}\\r\\n.mk-doc__textSuperscript {\\r\\n  font-size: 0.8em;\\r\\n  vertical-align: super;\\r\\n}\\r\\n.mk-doc__textCode {\\r\\n  background-color: rgb(240, 242, 245);\\r\\n  padding: 1px 0.25rem;\\r\\n  font-family: Menlo, Consolas, Monaco, monospace;\\r\\n  font-size: 94%;\\r\\n}\\r\\n.mk-doc__hashtag {\\r\\n  background-color: rgba(88, 144, 255, 0.15);\\r\\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\\r\\n}\\r\\n.mk-doc__link {\\r\\n  color: rgb(33, 111, 219);\\r\\n  text-decoration: none;\\r\\n}\\r\\n.mk-doc__link:hover {\\r\\n  text-decoration: underline;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__code {\\r\\n  background-color: rgb(240, 242, 245);\\r\\n  font-family: Menlo, Consolas, Monaco, monospace;\\r\\n  display: block;\\r\\n  padding: 8px 8px 8px 52px;\\r\\n  line-height: 1.53;\\r\\n  font-size: 13px;\\r\\n  margin: 0;\\r\\n  margin-top: 8px;\\r\\n  margin-bottom: 8px;\\r\\n  overflow-x: auto;\\r\\n  position: relative;\\r\\n  tab-size: 2;\\r\\n}\\r\\n.mk-doc__code:before {\\r\\n  content: attr(data-gutter);\\r\\n  position: absolute;\\r\\n  background-color: #eee;\\r\\n  left: 0;\\r\\n  top: 0;\\r\\n  border-right: 1px solid #ccc;\\r\\n  padding: 8px;\\r\\n  color: #777;\\r\\n  white-space: pre-wrap;\\r\\n  text-align: right;\\r\\n  min-width: 25px;\\r\\n}\\r\\n.mk-doc__table {\\r\\n  border-collapse: collapse;\\r\\n  border-spacing: 0;\\r\\n  overflow-y: scroll;\\r\\n  overflow-x: scroll;\\r\\n  table-layout: fixed;\\r\\n  width: max-content;\\r\\n  margin: 30px 0;\\r\\n}\\r\\n.mk-doc__tableSelection *::selection {\\r\\n  background-color: transparent;\\r\\n}\\r\\n.mk-doc__tableSelected {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n.mk-doc__tableCell {\\r\\n  border: 1px solid #bbb;\\r\\n  width: 75px;\\r\\n  min-width: 75px;\\r\\n  vertical-align: top;\\r\\n  text-align: start;\\r\\n  padding: 6px 8px;\\r\\n  position: relative;\\r\\n  outline: none;\\r\\n}\\r\\n.mk-doc__tableCellSortedIndicator {\\r\\n  display: block;\\r\\n  opacity: 0.5;\\r\\n  position: absolute;\\r\\n  bottom: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 4px;\\r\\n  background-color: #999;\\r\\n}\\r\\n.mk-doc__tableCellResizer {\\r\\n  position: absolute;\\r\\n  right: -4px;\\r\\n  height: 100%;\\r\\n  width: 8px;\\r\\n  cursor: ew-resize;\\r\\n  z-index: 10;\\r\\n  top: 0;\\r\\n}\\r\\n.mk-doc__tableCellHeader {\\r\\n  background-color: #f2f3f5;\\r\\n  text-align: start;\\r\\n}\\r\\n.mk-doc__tableCellSelected {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableCellPrimarySelected {\\r\\n  border: 2px solid rgb(60, 132, 244);\\r\\n  display: block;\\r\\n  height: calc(100% - 2px);\\r\\n  position: absolute;\\r\\n  width: calc(100% - 2px);\\r\\n  left: -1px;\\r\\n  top: -1px;\\r\\n  z-index: 2;\\r\\n}\\r\\n.mk-doc__tableCellEditing {\\r\\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\\r\\n  border-radius: 3px;\\r\\n}\\r\\n.mk-doc__tableAddColumns {\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  width: 20px;\\r\\n  background-color: #eee;\\r\\n  height: 100%;\\r\\n  right: -25px;\\r\\n  animation: table-controls 0.2s ease;\\r\\n  border: 0;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddColumns:after {\\r\\n  background-image: url(../images/icons/plus.svg);\\r\\n  background-size: contain;\\r\\n  background-position: center;\\r\\n  background-repeat: no-repeat;\\r\\n  display: block;\\r\\n  content: ' ';\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 100%;\\r\\n  opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddColumns:hover {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableAddRows {\\r\\n  position: absolute;\\r\\n  bottom: -25px;\\r\\n  width: calc(100% - 25px);\\r\\n  background-color: #eee;\\r\\n  height: 20px;\\r\\n  left: 0;\\r\\n  animation: table-controls 0.2s ease;\\r\\n  border: 0;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddRows:after {\\r\\n  background-image: url(../images/icons/plus.svg);\\r\\n  background-size: contain;\\r\\n  background-position: center;\\r\\n  background-repeat: no-repeat;\\r\\n  display: block;\\r\\n  content: ' ';\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 100%;\\r\\n  opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddRows:hover {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n@keyframes table-controls {\\r\\n  0% {\\r\\n    opacity: 0;\\r\\n  }\\r\\n  100% {\\r\\n    opacity: 1;\\r\\n  }\\r\\n}\\r\\n.mk-doc__tableCellResizeRuler {\\r\\n  display: block;\\r\\n  position: absolute;\\r\\n  width: 1px;\\r\\n  background-color: rgb(60, 132, 244);\\r\\n  height: 100%;\\r\\n  top: 0;\\r\\n}\\r\\n.mk-doc__tableCellActionButtonContainer {\\r\\n  display: block;\\r\\n  right: 5px;\\r\\n  top: 6px;\\r\\n  position: absolute;\\r\\n  z-index: 4;\\r\\n  width: 20px;\\r\\n  height: 20px;\\r\\n}\\r\\n.mk-doc__tableCellActionButton {\\r\\n  background-color: #eee;\\r\\n  display: block;\\r\\n  border: 0;\\r\\n  border-radius: 20px;\\r\\n  width: 20px;\\r\\n  height: 20px;\\r\\n  color: #222;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableCellActionButton:hover {\\r\\n  background-color: #ddd;\\r\\n}\\r\\n.mk-doc__characterLimit {\\r\\n  display: inline;\\r\\n  background-color: #ffbbbb !important;\\r\\n}\\r\\n.mk-doc__ol1 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol2 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: upper-alpha;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol3 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: lower-alpha;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol4 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: upper-roman;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol5 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: lower-roman;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ul {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__listItem {\\r\\n  margin: 0 32px;\\r\\n}\\r\\n.mk-doc__listItemChecked,\\r\\n.mk-doc__listItemUnchecked {\\r\\n  position: relative;\\r\\n  margin-left: 8px;\\r\\n  margin-right: 8px;\\r\\n  padding-left: 24px;\\r\\n  padding-right: 24px;\\r\\n  list-style-type: none;\\r\\n  outline: none;\\r\\n}\\r\\n.mk-doc__listItemChecked {\\r\\n  text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before,\\r\\n.mk-doc__listItemChecked:before {\\r\\n  content: '';\\r\\n  width: 16px;\\r\\n  height: 16px;\\r\\n  top: 2px;\\r\\n  left: 0;\\r\\n  cursor: pointer;\\r\\n  display: block;\\r\\n  background-size: cover;\\r\\n  position: absolute;\\r\\n}\\r\\n.mk-doc__listItemUnchecked[dir='rtl']:before,\\r\\n.mk-doc__listItemChecked[dir='rtl']:before {\\r\\n  left: auto;\\r\\n  right: 0;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:focus:before,\\r\\n.mk-doc__listItemChecked:focus:before {\\r\\n  box-shadow: 0 0 0 2px #a6cdfe;\\r\\n  border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before {\\r\\n  border: 1px solid #999;\\r\\n  border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemChecked:before {\\r\\n  border: 1px solid rgb(61, 135, 245);\\r\\n  border-radius: 2px;\\r\\n  background-color: #3d87f5;\\r\\n  background-repeat: no-repeat;\\r\\n}\\r\\n.mk-doc__listItemChecked:after {\\r\\n  content: '';\\r\\n  cursor: pointer;\\r\\n  border-color: #fff;\\r\\n  border-style: solid;\\r\\n  position: absolute;\\r\\n  display: block;\\r\\n  top: 6px;\\r\\n  width: 3px;\\r\\n  left: 7px;\\r\\n  right: 7px;\\r\\n  height: 6px;\\r\\n  transform: rotate(45deg);\\r\\n  border-width: 0 2px 2px 0;\\r\\n}\\r\\n.mk-doc__nestedListItem {\\r\\n  list-style-type: none;\\r\\n}\\r\\n.mk-doc__nestedListItem:before,\\r\\n.mk-doc__nestedListItem:after {\\r\\n  display: none;\\r\\n}\\r\\n.mk-doc__tokenComment {\\r\\n  color: slategray;\\r\\n}\\r\\n.mk-doc__tokenPunctuation {\\r\\n  color: #999;\\r\\n}\\r\\n.mk-doc__tokenProperty {\\r\\n  color: #905;\\r\\n}\\r\\n.mk-doc__tokenSelector {\\r\\n  color: #690;\\r\\n}\\r\\n.mk-doc__tokenOperator {\\r\\n  color: #9a6e3a;\\r\\n}\\r\\n.mk-doc__tokenAttr {\\r\\n  color: #07a;\\r\\n}\\r\\n.mk-doc__tokenVariable {\\r\\n  color: #e90;\\r\\n}\\r\\n.mk-doc__tokenFunction {\\r\\n  color: #dd4a68;\\r\\n}\\r\\n.mk-doc__mark {\\r\\n  background: rgba(255, 212, 0, 0.14);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\\r\\n  padding-bottom: 2px;\\r\\n}\\r\\n.mk-doc__markOverlap {\\r\\n  background: rgba(255, 212, 0, 0.3);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__mark.selected {\\r\\n  background: rgba(255, 212, 0, 0.5);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\\r\\n}\\r\\n.mk-doc__markOverlap.selected {\\r\\n  background: rgba(255, 212, 0, 0.7);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__embedBlock {\\r\\n  user-select: none;\\r\\n}\\r\\n.mk-doc__embedBlockFocus {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n.mk-doc__layoutContainer {\\r\\n  display: grid;\\r\\n  gap: 10px;\\r\\n  margin: 10px 0;\\r\\n}\\r\\n.mk-doc__layoutItem {\\r\\n  border: 1px dashed #ddd;\\r\\n  padding: 8px 16px;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,cAAA;"}
+{"version":3,"file":"doc-theme.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-theme.css?raw"],"sourcesContent":["export default \"\\r\\n .mk-doc__ltr {\\r\\n  text-align: left;\\r\\n}\\r\\n.mk-doc__rtl {\\r\\n  text-align: right;\\r\\n}\\r\\n.mk-doc__paragraph {\\r\\n  margin: 0;\\r\\n  position: relative;\\r\\n  line-height: 2em;\\r\\n}\\r\\n.mk-doc__quote {\\r\\n  margin: 0;\\r\\n  margin-left: 20px;\\r\\n  margin-bottom: 10px;\\r\\n  font-size: 15px;\\r\\n  color: rgb(101, 103, 107);\\r\\n  border-left-color: rgb(206, 208, 212);\\r\\n  border-left-width: 4px;\\r\\n  border-left-style: solid;\\r\\n  padding-left: 16px;\\r\\n}\\r\\n.mk-doc__quote .mk-doc__paragraph {\\r\\n  text-indent: 0;\\r\\n\\r\\n}\\r\\n.mk-doc__h1 {\\r\\n  font-size: 2rem;\\r\\n  color: rgb(5, 5, 5);\\r\\n  font-weight: 400;\\r\\n  margin: 0;\\r\\n}\\r\\n.mk-doc__h2 {\\r\\n  font-size: 1.5rem;\\r\\n  color: rgb(101, 103, 107);\\r\\n  font-weight: 700;\\r\\n  margin: 0;\\r\\n  text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__h3 {\\r\\n  font-size: 1.17rem;\\r\\n  margin: 0;\\r\\n  text-transform: uppercase;\\r\\n}\\r\\n.mk-doc__indent {\\r\\n  --lexical-indent-base-value: 40px;\\r\\n}\\r\\n.mk-doc__textBold {\\r\\n  font-weight: bold;\\r\\n}\\r\\n.mk-doc__textItalic {\\r\\n  font-style: italic;\\r\\n}\\r\\n.mk-doc__textUnderline {\\r\\n  text-decoration: underline;\\r\\n}\\r\\n.mk-doc__textStrikethrough {\\r\\n  text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__textUnderlineStrikethrough {\\r\\n  text-decoration: underline line-through;\\r\\n}\\r\\n.mk-doc__textSubscript {\\r\\n  font-size: 0.8em;\\r\\n  vertical-align: sub !important;\\r\\n}\\r\\n.mk-doc__textSuperscript {\\r\\n  font-size: 0.8em;\\r\\n  vertical-align: super;\\r\\n}\\r\\n.mk-doc__textCode {\\r\\n  background-color: rgb(240, 242, 245);\\r\\n  padding: 1px 0.25rem;\\r\\n  font-family: Menlo, Consolas, Monaco, monospace;\\r\\n  font-size: 94%;\\r\\n}\\r\\n.mk-doc__hashtag {\\r\\n  background-color: rgba(88, 144, 255, 0.15);\\r\\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\\r\\n}\\r\\n.mk-doc__link {\\r\\n  color: rgb(33, 111, 219);\\r\\n  text-decoration: none;\\r\\n}\\r\\n.mk-doc__link:hover {\\r\\n  text-decoration: underline;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__code {\\r\\n  background-color: rgb(240, 242, 245);\\r\\n  font-family: Menlo, Consolas, Monaco, monospace;\\r\\n  display: block;\\r\\n  padding: 8px 8px 8px 52px;\\r\\n  line-height: 1.53;\\r\\n  font-size: 13px;\\r\\n  margin: 0;\\r\\n  margin-top: 8px;\\r\\n  margin-bottom: 8px;\\r\\n  overflow-x: auto;\\r\\n  position: relative;\\r\\n  tab-size: 2;\\r\\n}\\r\\n.mk-doc__code:before {\\r\\n  content: attr(data-gutter);\\r\\n  position: absolute;\\r\\n  background-color: #eee;\\r\\n  left: 0;\\r\\n  top: 0;\\r\\n  border-right: 1px solid #ccc;\\r\\n  padding: 8px;\\r\\n  color: #777;\\r\\n  white-space: pre-wrap;\\r\\n  text-align: right;\\r\\n  min-width: 25px;\\r\\n}\\r\\n.mk-doc__table {\\r\\n  border-collapse: collapse;\\r\\n  border-spacing: 0;\\r\\n  overflow-y: scroll;\\r\\n  overflow-x: scroll;\\r\\n  table-layout: fixed;\\r\\n  width: max-content;\\r\\n  margin: 30px 0;\\r\\n}\\r\\n.mk-doc__tableSelection *::selection {\\r\\n  background-color: transparent;\\r\\n}\\r\\n.mk-doc__tableSelected {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n.mk-doc__tableCell {\\r\\n  border: 1px solid #bbb;\\r\\n  width: 75px;\\r\\n  min-width: 75px;\\r\\n  vertical-align: top;\\r\\n  text-align: start;\\r\\n  padding: 6px 8px;\\r\\n  position: relative;\\r\\n  outline: none;\\r\\n}\\r\\n.mk-doc__tableCellSortedIndicator {\\r\\n  display: block;\\r\\n  opacity: 0.5;\\r\\n  position: absolute;\\r\\n  bottom: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 4px;\\r\\n  background-color: #999;\\r\\n}\\r\\n.mk-doc__tableCellResizer {\\r\\n  position: absolute;\\r\\n  right: -4px;\\r\\n  height: 100%;\\r\\n  width: 8px;\\r\\n  cursor: ew-resize;\\r\\n  z-index: 10;\\r\\n  top: 0;\\r\\n}\\r\\n.mk-doc__tableCellHeader {\\r\\n  background-color: #f2f3f5;\\r\\n  text-align: start;\\r\\n}\\r\\n.mk-doc__tableCellSelected {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableCellPrimarySelected {\\r\\n  border: 2px solid rgb(60, 132, 244);\\r\\n  display: block;\\r\\n  height: calc(100% - 2px);\\r\\n  position: absolute;\\r\\n  width: calc(100% - 2px);\\r\\n  left: -1px;\\r\\n  top: -1px;\\r\\n  z-index: 2;\\r\\n}\\r\\n.mk-doc__tableCellEditing {\\r\\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\\r\\n  border-radius: 3px;\\r\\n}\\r\\n.mk-doc__tableAddColumns {\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  width: 20px;\\r\\n  background-color: #eee;\\r\\n  height: 100%;\\r\\n  right: -25px;\\r\\n  animation: table-controls 0.2s ease;\\r\\n  border: 0;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddColumns:after {\\r\\n  background-image: url(../images/icons/plus.svg);\\r\\n  background-size: contain;\\r\\n  background-position: center;\\r\\n  background-repeat: no-repeat;\\r\\n  display: block;\\r\\n  content: ' ';\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 100%;\\r\\n  opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddColumns:hover {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n.mk-doc__tableAddRows {\\r\\n  position: absolute;\\r\\n  bottom: -25px;\\r\\n  width: calc(100% - 25px);\\r\\n  background-color: #eee;\\r\\n  height: 20px;\\r\\n  left: 0;\\r\\n  animation: table-controls 0.2s ease;\\r\\n  border: 0;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableAddRows:after {\\r\\n  background-image: url(../images/icons/plus.svg);\\r\\n  background-size: contain;\\r\\n  background-position: center;\\r\\n  background-repeat: no-repeat;\\r\\n  display: block;\\r\\n  content: ' ';\\r\\n  position: absolute;\\r\\n  top: 0;\\r\\n  left: 0;\\r\\n  width: 100%;\\r\\n  height: 100%;\\r\\n  opacity: 0.4;\\r\\n}\\r\\n.mk-doc__tableAddRows:hover {\\r\\n  background-color: #c9dbf0;\\r\\n}\\r\\n@keyframes table-controls {\\r\\n  0% {\\r\\n    opacity: 0;\\r\\n  }\\r\\n  100% {\\r\\n    opacity: 1;\\r\\n  }\\r\\n}\\r\\n.mk-doc__tableCellResizeRuler {\\r\\n  display: block;\\r\\n  position: absolute;\\r\\n  width: 1px;\\r\\n  background-color: rgb(60, 132, 244);\\r\\n  height: 100%;\\r\\n  top: 0;\\r\\n}\\r\\n.mk-doc__tableCellActionButtonContainer {\\r\\n  display: block;\\r\\n  right: 5px;\\r\\n  top: 6px;\\r\\n  position: absolute;\\r\\n  z-index: 4;\\r\\n  width: 20px;\\r\\n  height: 20px;\\r\\n}\\r\\n.mk-doc__tableCellActionButton {\\r\\n  background-color: #eee;\\r\\n  display: block;\\r\\n  border: 0;\\r\\n  border-radius: 20px;\\r\\n  width: 20px;\\r\\n  height: 20px;\\r\\n  color: #222;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__tableCellActionButton:hover {\\r\\n  background-color: #ddd;\\r\\n}\\r\\n.mk-doc__characterLimit {\\r\\n  display: inline;\\r\\n  background-color: #ffbbbb !important;\\r\\n}\\r\\n.mk-doc__ol1 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol2 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: upper-alpha;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol3 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: lower-alpha;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol4 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: upper-roman;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ol5 {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-type: lower-roman;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__ul {\\r\\n  padding: 0;\\r\\n  margin: 0;\\r\\n  list-style-position: inside;\\r\\n}\\r\\n.mk-doc__listItem {\\r\\n  margin: 0 32px;\\r\\n}\\r\\n.mk-doc__listItemChecked,\\r\\n.mk-doc__listItemUnchecked {\\r\\n  position: relative;\\r\\n  margin-left: 8px;\\r\\n  margin-right: 8px;\\r\\n  padding-left: 24px;\\r\\n  padding-right: 24px;\\r\\n  list-style-type: none;\\r\\n  outline: none;\\r\\n}\\r\\n.mk-doc__listItemChecked {\\r\\n  text-decoration: line-through;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before,\\r\\n.mk-doc__listItemChecked:before {\\r\\n  content: '';\\r\\n  width: 16px;\\r\\n  height: 16px;\\r\\n  top: 2px;\\r\\n  left: 0;\\r\\n  cursor: pointer;\\r\\n  display: block;\\r\\n  background-size: cover;\\r\\n  position: absolute;\\r\\n}\\r\\n.mk-doc__listItemUnchecked[dir='rtl']:before,\\r\\n.mk-doc__listItemChecked[dir='rtl']:before {\\r\\n  left: auto;\\r\\n  right: 0;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:focus:before,\\r\\n.mk-doc__listItemChecked:focus:before {\\r\\n  box-shadow: 0 0 0 2px #a6cdfe;\\r\\n  border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemUnchecked:before {\\r\\n  border: 1px solid #999;\\r\\n  border-radius: 2px;\\r\\n}\\r\\n.mk-doc__listItemChecked:before {\\r\\n  border: 1px solid rgb(61, 135, 245);\\r\\n  border-radius: 2px;\\r\\n  background-color: #3d87f5;\\r\\n  background-repeat: no-repeat;\\r\\n}\\r\\n.mk-doc__listItemChecked:after {\\r\\n  content: '';\\r\\n  cursor: pointer;\\r\\n  border-color: #fff;\\r\\n  border-style: solid;\\r\\n  position: absolute;\\r\\n  display: block;\\r\\n  top: 6px;\\r\\n  width: 3px;\\r\\n  left: 7px;\\r\\n  right: 7px;\\r\\n  height: 6px;\\r\\n  transform: rotate(45deg);\\r\\n  border-width: 0 2px 2px 0;\\r\\n}\\r\\n.mk-doc__nestedListItem {\\r\\n  list-style-type: none;\\r\\n}\\r\\n.mk-doc__nestedListItem:before,\\r\\n.mk-doc__nestedListItem:after {\\r\\n  display: none;\\r\\n}\\r\\n.mk-doc__tokenComment {\\r\\n  color: slategray;\\r\\n}\\r\\n.mk-doc__tokenPunctuation {\\r\\n  color: #999;\\r\\n}\\r\\n.mk-doc__tokenProperty {\\r\\n  color: #905;\\r\\n}\\r\\n.mk-doc__tokenSelector {\\r\\n  color: #690;\\r\\n}\\r\\n.mk-doc__tokenOperator {\\r\\n  color: #9a6e3a;\\r\\n}\\r\\n.mk-doc__tokenAttr {\\r\\n  color: #07a;\\r\\n}\\r\\n.mk-doc__tokenVariable {\\r\\n  color: #e90;\\r\\n}\\r\\n.mk-doc__tokenFunction {\\r\\n  color: #dd4a68;\\r\\n}\\r\\n.mk-doc__mark {\\r\\n  background: rgba(255, 212, 0, 0.14);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\\r\\n  padding-bottom: 2px;\\r\\n}\\r\\n.mk-doc__markOverlap {\\r\\n  background: rgba(255, 212, 0, 0.3);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__mark.selected {\\r\\n  background: rgba(255, 212, 0, 0.5);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\\r\\n}\\r\\n.mk-doc__markOverlap.selected {\\r\\n  background: rgba(255, 212, 0, 0.7);\\r\\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\\r\\n}\\r\\n.mk-doc__embedBlock {\\r\\n  user-select: none;\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n}\\r\\n.mk-doc__embedBlockFocus {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n.mk-doc__layoutContainer {\\r\\n  display: grid;\\r\\n  gap: 10px;\\r\\n  margin: 10px 0;\\r\\n}\\r\\n.mk-doc__layoutItem {\\r\\n  border: 1px dashed #ddd;\\r\\n  padding: 8px 16px;\\r\\n}\\r\\n\\r\\n/* block结构 */\\r\\n.mk-doc-block{\\r\\n  position: relative;\\r\\n}\\r\\n.mk-doc-block.mk-doc-block-image-text::after{\\r\\n  content: \\\".\\\";\\r\\n  font-size: 0;\\r\\n  clear: both;\\r\\n  display: block;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,cAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/esm/components/basic/image-cropper/image-cropper-api.js

@@ -0,0 +1,63 @@
+import { ref, createVNode, Fragment, createTextVNode, unref } from "vue";
+import { Dialoger } from "@maketribe/dm";
+import ImageCropperContent from "./image-cropper-content.js";
+import "vue/jsx-runtime";
+import { ElButton } from "element-plus";
+async function ImageCropper(options) {
+  const ratioOptions = options.ratioOptions ?? [];
+  const fixedBox = options.fixedBox ?? false;
+  return new Promise((resolve) => {
+    const imageCropperContentEl = ref(null);
+    const handleCancelClick = () => {
+      dialogInstance.destroy();
+      resolve({
+        isConfirm: false,
+        data: "",
+        size: {
+          width: 0,
+          height: 0
+        }
+      });
+    };
+    const handleConfirmClick = async () => {
+      dialogInstance.destroy();
+      const cropperRef = unref(imageCropperContentEl).cropperRef;
+      resolve({
+        isConfirm: true,
+        data: await new Promise(cropperRef.getCropData.bind(cropperRef)),
+        size: {
+          width: cropperRef.cropW,
+          height: cropperRef.cropH
+        }
+      });
+    };
+    const dialogInstance = Dialoger.customRender({
+      title: "图片裁切",
+      onClose: handleCancelClick,
+      body: () => {
+        return createVNode(ImageCropperContent, {
+          "ref": (el) => imageCropperContentEl.value = el,
+          "src": options.src,
+          "fixedBox": fixedBox,
+          "ratioOptions": ratioOptions
+        }, null);
+      },
+      footer: () => {
+        return createVNode(Fragment, null, [createVNode(ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [createTextVNode("取消")]
+        }), createVNode(ElButton, {
+          "type": "primary",
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [createTextVNode("确认")]
+        })]);
+      }
+    });
+  });
+}
+export {
+  ImageCropper
+};
+//# sourceMappingURL=image-cropper-api.js.map

package/dist/esm/components/basic/image-cropper/image-cropper-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-cropper-api.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-api.tsx"],"sourcesContent":["import { Dialoger } from \"@maketribe/dm\";\nimport ImageCropperContent, {\n  ImageCropperRatioOption,\n} from \"./image-cropper-content\";\nimport { Fragment } from \"vue/jsx-runtime\";\nimport { ElButton } from \"element-plus\";\nimport { ref, Ref, unref } from \"vue\";\n\nexport type MKImageCropperOptions = {\n  src: string;\n  ratioOptions?: Array<ImageCropperRatioOption>;\n  fixedBox?: boolean;\n};\nexport type MKImageCropperResult = {\n  isConfirm: boolean;\n  data: string;\n  size: { width: number; height: number };\n};\n\nexport async function ImageCropper(\n  options: MKImageCropperOptions\n): Promise<MKImageCropperResult> {\n  const ratioOptions = options.ratioOptions ?? [];\n  const fixedBox = options.fixedBox ?? false;\n\n  return new Promise((resolve) => {\n    const imageCropperContentEl: Ref<typeof ImageCropperContent | null> =\n      ref(null);\n\n    const handleCancelClick = () => {\n      dialogInstance.destroy();\n\n      resolve({\n        isConfirm: false,\n        data: \"\",\n        size: { width: 0, height: 0 },\n      });\n    };\n\n    const handleConfirmClick = async () => {\n      dialogInstance.destroy();\n\n      const cropperRef = unref(imageCropperContentEl)!.cropperRef;\n\n      resolve({\n        isConfirm: true,\n        data: await new Promise(cropperRef.getCropData.bind(cropperRef)),\n        size: { width: cropperRef.cropW, height: cropperRef.cropH },\n      });\n    };\n\n    const dialogInstance = Dialoger.customRender({\n      title: \"图片裁切\",\n      onClose: handleCancelClick,\n      body: () => {\n        return (\n          <ImageCropperContent\n            ref={((el: any) => (imageCropperContentEl.value = el)) as any}\n            src={options.src}\n            fixedBox={fixedBox}\n            ratioOptions={ratioOptions}\n          />\n        );\n      },\n      footer: () => {\n        return (\n          <Fragment>\n            <ElButton onClick={handleCancelClick}>取消</ElButton>\n            <ElButton type=\"primary\" onClick={handleConfirmClick}>\n              确认\n            </ElButton>\n          </Fragment>\n        );\n      },\n    });\n  });\n}\n"],"names":["ImageCropper","options","ratioOptions","fixedBox","Promise","resolve","imageCropperContentEl","ref","handleCancelClick","dialogInstance","destroy","isConfirm","data","size","width","height","handleConfirmClick","cropperRef","unref","getCropData","bind","cropW","cropH","Dialoger","customRender","title","onClose","body","_createVNode","ImageCropperContent","el","value","src","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;AAmBO,eAAeA,aACpBC,SAC+B;AAC/B,QAAMC,eAAeD,QAAQC,gBAAgB;AAC7C,QAAMC,WAAWF,QAAQE,YAAY;AAErC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,wBACJC,IAAI,IAAI;AAEV,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBL,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM;AAAA,QACNC,MAAM;AAAA,UAAEC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAE;AAAA,MAC9B,CAAC;AAAA;AAGH,UAAMC,qBAAqB,YAAY;AACrCP,qBAAeC,QAAO;AAEtB,YAAMO,aAAaC,MAAMZ,qBAAqB,EAAGW;AAEjDZ,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM,MAAM,IAAIR,QAAQa,WAAWE,YAAYC,KAAKH,UAAU,CAAC;AAAA,QAC/DJ,MAAM;AAAA,UAAEC,OAAOG,WAAWI;AAAAA,UAAON,QAAQE,WAAWK;AAAAA,QAAM;AAAA,MAC5D,CAAC;AAAA;AAGH,UAAMb,iBAAiBc,SAASC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,SAASlB;AAAAA,MACTmB,MAAMA,MAAM;AACV,eAAAC,YAAAC,qBAAA;AAAA,UAAA,OAEWC,QAAaxB,sBAAsByB,QAAQD;AAAAA,UAAG,OAChD7B,QAAQ+B;AAAAA,UAAG,YACN7B;AAAAA,UAAQ,gBACJD;AAAAA,QAAY,GAAA,IAAA;AAAA,MAG/B;AAAA,MACD+B,QAAQA,MAAM;AACZ,eAAAL,YAAAM,UAAAN,MAAAA,CAAAA,YAAAO,UAAA;AAAA,UAAA,WAEuB3B;AAAAA,QAAiB,GAAA;AAAA,UAAA4B,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,SAAAT,GAAAA,YAAAO,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFnB;AAAAA,QAAkB,GAAA;AAAA,UAAAoB,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}