@maketribe/ms-app 3.2.3 → 3.2.4

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/icon-select/icon-select-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-select-options.js","sources":["../../../../../src/components/basic/icon-select/icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const iconSelectProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    default: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n});\r\n\r\nexport type IconSelectProps = ExtractPropTypes<typeof iconSelectProps>;\r\n\r\nexport const iconSelectEmits = {\r\n  \"update:model-value\": (value: string) => true,\r\n};\r\n\r\nexport type IconSelectEmits = ExtractPropTypes<typeof iconSelectEmits>;\r\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,UAAkB;AAC3C;"}
+{"version":3,"file":"icon-select-options.js","sources":["../../../../../src/components/basic/icon-select/icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const iconSelectProps = buildProps({\n  modelValue: {\n    type: String,\n    default: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type IconSelectProps = ExtractPropTypes<typeof iconSelectProps>;\n\nexport const iconSelectEmits = {\n  \"update:model-value\": (value: string) => true,\n};\n\nexport type IconSelectEmits = ExtractPropTypes<typeof iconSelectEmits>;\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,UAAkB;AAC3C;"}

package/dist/esm/components/basic/icon-select/icon-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-select.js","sources":["../../../../../src/components/basic/icon-select/icon-select.tsx"],"sourcesContent":["import {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  onMounted,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport * as elIcons from \"@element-plus/icons-vue\";\r\nimport SvgIcon from \"../svg-icon\";\r\nimport { iconSelectProps, iconSelectEmits } from \"./icon-select-options\";\r\nimport { ElScrollbar, useFormItem as elUseFormItem } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormIconSelect\",\r\n  props: iconSelectProps,\r\n  emits: iconSelectEmits,\r\n  setup(props, { emit }) {\r\n    const icons: Ref<string[]> = ref([]);\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n\r\n    const disabled = computed(() => props.disabled);\r\n\r\n    const { formItem: elFormItem } = elUseFormItem();\r\n\r\n    const handleClick = (icon: string) => {\r\n      modelValue.value = icon;\r\n    };\r\n\r\n    onMounted(() => {\r\n      const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\r\n        'body > svg[aria-hidden=\"true\"]'\r\n      );\r\n\r\n      let iconList: string[] = [];\r\n\r\n      for (const svg of Array.from(svgList)) {\r\n        const symbols = svg.querySelectorAll(\"symbol\");\r\n\r\n        iconList = iconList.concat(\r\n          Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\r\n        );\r\n      }\r\n\r\n      icons.value = Array.from(new Set([...Object.keys(elIcons), ...iconList]));\r\n    });\r\n\r\n    watch(\r\n      modelValue,\r\n      () => {\r\n        elFormItem?.validate?.(\"change\");\r\n      },\r\n      { flush: \"post\" }\r\n    );\r\n\r\n    return () => {\r\n      const _value = unref(modelValue);\r\n\r\n      const children = unref(icons).map((icon) => (\r\n        <span\r\n          key={icon}\r\n          class={[\r\n            \"mk-form-icon-select__icon-item\",\r\n            icon === _value ? \"is-active\" : \"\",\r\n          ]}\r\n          onClick={() => handleClick(icon)}\r\n        >\r\n          <SvgIcon iconClass={icon} />\r\n        </span>\r\n      ));\r\n\r\n      return (\r\n        <div class=\"mk-form-icon-select\">\r\n          <ElScrollbar height=\"100%\">{children}</ElScrollbar>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","iconSelectProps","emits","iconSelectEmits","setup","emit","icons","ref","modelValue","computed","get","set","v","disabled","formItem","elFormItem","elUseFormItem","handleClick","icon","value","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","Set","keys","elIcons","watch","validate","flush","_value","unref","children","_createVNode","onClick","SvgIcon","ElScrollbar","default"],"mappings":";;;;;AAYyE,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAEzE,MAAeM,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,UAAuBC,IAAI,CAAA,CAAE;AAEnC,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMV,MAAMQ;AAAAA,MACjBG,KAAMC,OAAM;AACVP,aAAK,sBAAsBO,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAEgBH,aAAS,MAAMT,MAAMa,QAAQ;AAE9C,UAAM;AAAA,MAAEC,UAAUC;AAAAA,IAAY,IAAGC,YAAa;AAE9C,UAAMC,cAAeC,UAAiB;AACpCV,iBAAWW,QAAQD;AAAAA;AAGrBE,cAAU,MAAM;AACd,YAAMC,UAAkCC,SAASC,iBAC/C,gCACF;AAEA,UAAIC,WAAqB,CAAA;AAEzB,iBAAWC,OAAOC,MAAMC,KAAKN,OAAO,GAAG;AACrC,cAAMO,UAAUH,IAAIF,iBAAiB,QAAQ;AAE7CC,mBAAWA,SAASK,OAClBH,MAAMC,KAAKC,OAAO,EAAEE,IAAKC,YAAWA,OAAOC,GAAGC,QAAQ,UAAU,EAAE,CAAC,CACrE;AAAA,MACF;AAEA3B,cAAMa,QAAQO,MAAMC,KAAK,oBAAIO,IAAI,CAAC,GAAGzC,OAAO0C,KAAKC,KAAO,GAAG,GAAGZ,QAAQ,CAAC,CAAC;AAAA,IAC1E,CAAC;AAEDa,UACE7B,YACA,MAAM;;AACJO,qDAAYuB,aAAZvB,oCAAuB;AAAA,IACzB,GACA;AAAA,MAAEwB,OAAO;AAAA,IAAO,CAClB;AAEA,WAAO,MAAM;AACX,YAAMC,SAASC,MAAMjC,UAAU;AAE/B,YAAMkC,WAAWD,MAAMnC,OAAK,EAAEwB,IAAKZ,UAAIyB,YAAA,QAAA;AAAA,QAAA,OAE9BzB;AAAAA,QAAI,SACF,CACL,kCACAA,SAASsB,SAAS,cAAc,EAAE;AAAA,QACnC,WACQI,MAAM3B,YAAYC,IAAI;AAAA,SAACyB,CAAAA,YAAAE,WAAA;AAAA,QAAA,aAEZ3B;AAAAA,MAAI,GAAA,IAAA,CAAA,CAAA,CAE3B;AAED,aAAAyB,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAG,aAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAAvD,QAEgCmD,QAAQ,IAARA,WAAQ;AAAA,QAAAK,SAAAA,MAAA,CAARL,QAAQ;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAI5C;AACF,CAAC;"}
+{"version":3,"file":"icon-select.js","sources":["../../../../../src/components/basic/icon-select/icon-select.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport * as elIcons from \"@element-plus/icons-vue\";\nimport SvgIcon from \"../svg-icon\";\nimport { iconSelectProps, iconSelectEmits } from \"./icon-select-options\";\nimport { ElScrollbar, useFormItem as elUseFormItem } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKFormIconSelect\",\n  props: iconSelectProps,\n  emits: iconSelectEmits,\n  setup(props, { emit }) {\n    const icons: Ref<string[]> = ref([]);\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    const disabled = computed(() => props.disabled);\n\n    const { formItem: elFormItem } = elUseFormItem();\n\n    const handleClick = (icon: string) => {\n      modelValue.value = icon;\n    };\n\n    onMounted(() => {\n      const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\n        'body > svg[aria-hidden=\"true\"]'\n      );\n\n      let iconList: string[] = [];\n\n      for (const svg of Array.from(svgList)) {\n        const symbols = svg.querySelectorAll(\"symbol\");\n\n        iconList = iconList.concat(\n          Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\n        );\n      }\n\n      icons.value = Array.from(new Set([...Object.keys(elIcons), ...iconList]));\n    });\n\n    watch(\n      modelValue,\n      () => {\n        elFormItem?.validate?.(\"change\");\n      },\n      { flush: \"post\" }\n    );\n\n    return () => {\n      const _value = unref(modelValue);\n\n      const children = unref(icons).map((icon) => (\n        <span\n          key={icon}\n          class={[\n            \"mk-form-icon-select__icon-item\",\n            icon === _value ? \"is-active\" : \"\",\n          ]}\n          onClick={() => handleClick(icon)}\n        >\n          <SvgIcon iconClass={icon} />\n        </span>\n      ));\n\n      return (\n        <div class=\"mk-form-icon-select\">\n          <ElScrollbar height=\"100%\">{children}</ElScrollbar>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","iconSelectProps","emits","iconSelectEmits","setup","emit","icons","ref","modelValue","computed","get","set","v","disabled","formItem","elFormItem","elUseFormItem","handleClick","icon","value","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","Set","keys","elIcons","watch","validate","flush","_value","unref","children","_createVNode","onClick","SvgIcon","ElScrollbar","default"],"mappings":";;;;;AAYyE,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAEzE,MAAeM,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,UAAuBC,IAAI,CAAA,CAAE;AAEnC,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMV,MAAMQ;AAAAA,MACjBG,KAAMC,OAAM;AACVP,aAAK,sBAAsBO,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAEgBH,aAAS,MAAMT,MAAMa,QAAQ;AAE9C,UAAM;AAAA,MAAEC,UAAUC;AAAAA,IAAY,IAAGC,YAAa;AAE9C,UAAMC,cAAeC,UAAiB;AACpCV,iBAAWW,QAAQD;AAAAA;AAGrBE,cAAU,MAAM;AACd,YAAMC,UAAkCC,SAASC,iBAC/C,gCACF;AAEA,UAAIC,WAAqB,CAAA;AAEzB,iBAAWC,OAAOC,MAAMC,KAAKN,OAAO,GAAG;AACrC,cAAMO,UAAUH,IAAIF,iBAAiB,QAAQ;AAE7CC,mBAAWA,SAASK,OAClBH,MAAMC,KAAKC,OAAO,EAAEE,IAAKC,YAAWA,OAAOC,GAAGC,QAAQ,UAAU,EAAE,CAAC,CACrE;AAAA,MACF;AAEA3B,cAAMa,QAAQO,MAAMC,KAAK,oBAAIO,IAAI,CAAC,GAAGzC,OAAO0C,KAAKC,KAAO,GAAG,GAAGZ,QAAQ,CAAC,CAAC;AAAA,IAC1E,CAAC;AAEDa,UACE7B,YACA,MAAM;;AACJO,qDAAYuB,aAAZvB,oCAAuB;AAAA,IACzB,GACA;AAAA,MAAEwB,OAAO;AAAA,IAAO,CAClB;AAEA,WAAO,MAAM;AACX,YAAMC,SAASC,MAAMjC,UAAU;AAE/B,YAAMkC,WAAWD,MAAMnC,OAAK,EAAEwB,IAAKZ,UAAIyB,YAAA,QAAA;AAAA,QAAA,OAE9BzB;AAAAA,QAAI,SACF,CACL,kCACAA,SAASsB,SAAS,cAAc,EAAE;AAAA,QACnC,WACQI,MAAM3B,YAAYC,IAAI;AAAA,SAACyB,CAAAA,YAAAE,WAAA;AAAA,QAAA,aAEZ3B;AAAAA,MAAI,GAAA,IAAA,CAAA,CAAA,CAE3B;AAED,aAAAyB,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAG,aAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAAvD,QAEgCmD,QAAQ,IAARA,WAAQ;AAAA,QAAAK,SAAAA,MAAA,CAARL,QAAQ;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAI5C;AACF,CAAC;"}

package/dist/esm/components/basic/icon-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/icon-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormIconSelect from \"./icon-select\";\r\n\r\nexport const MKFormIconSelect = withInstall(FormIconSelect);\r\nexport default MKFormIconSelect;\r\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAmB,YAAY,cAAc;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/icon-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormIconSelect from \"./icon-select\";\n\nexport const MKFormIconSelect = withInstall(FormIconSelect);\nexport default MKFormIconSelect;\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAmB,YAAY,cAAc;"}

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;"}

package/dist/esm/components/basic/image-cropper/image-cropper-content-options.js

@@ -0,0 +1,18 @@
+import { buildProps } from "@maketribe/utils";
+const imageCropperContentProps = buildProps({
+  // modelValue: { type: String, required: true },
+  src: { type: String, required: true },
+  fixedBox: { type: Boolean, default: false },
+  ratioOptions: {
+    type: Array,
+    default: () => []
+  }
+});
+const imageCropperContentEmits = {
+  // "update:model-value": (modelValue: string) => true,
+};
+export {
+  imageCropperContentEmits,
+  imageCropperContentProps
+};
+//# sourceMappingURL=image-cropper-content-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-cropper-content-options.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-content-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\r\nimport { ExtractPropTypes } from \"vue\";\r\n\r\nexport const imageCropperContentProps = buildProps({\r\n  // modelValue: { type: String, required: true },\r\n  src: { type: String, required: true },\r\n  fixedBox: { type: Boolean, default: false },\r\n  ratioOptions: {\r\n    type: Array,\r\n    default: () => [],\r\n  },\r\n} as const);\r\n\r\nexport type ImageCropperContentProps = ExtractPropTypes<\r\n  typeof imageCropperContentProps\r\n>;\r\n\r\nexport const imageCropperContentEmits = {\r\n  // \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type ImageCropperContentEmits = typeof imageCropperContentEmits;\r\n"],"names":[],"mappings":";AAGO,MAAM,2BAA2B,WAAW;AAAA;AAAA,EAEjD,KAAK,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,EACpC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC1C,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,MAAM,CAAC;AAAA,EAClB;AACF,CAAU;AAMH,MAAM,2BAA2B;AAAA;AAExC;"}