@maketribe/ms-app 3.2.21 → 3.2.23

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleTool.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FontStyleTool.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  $getSelection,\r\n  $isRangeSelection,\r\n  $isRootOrShadowRoot,\r\n  FORMAT_TEXT_COMMAND,\r\n  FORMAT_ELEMENT_COMMAND,\r\n  SELECTION_CHANGE_COMMAND,\r\n  type CommandListenerPriority,\r\n  type ElementFormatType\r\n} from 'lexical'\r\nimport {\r\n  $getSelectionStyleValueForProperty,\r\n  $patchStyleText,\r\n} from '@lexical/selection'\r\nimport { $findMatchingParent,mergeRegister } from '@lexical/utils'\r\nimport {  useLexicalComposer } from '../../lexical-vue'\r\nimport { onMounted, onUnmounted, ref,watch } from 'vue'\r\nimport { FONT_SIZE_OPTIONS,ROOT_FONT_SIZE,FONT_FAMILY_OPTIONS } from \"./FontStyleDefines\"\r\n\r\nconst editor = useLexicalComposer()\r\nconst fontSize = ref('14px')\r\nconst fontColor = ref<string>('#000')\r\nconst bgColor = ref<string>('#fff')\r\nconst fontFamily = ref<any>(FONT_FAMILY_OPTIONS[0])\r\nconst isBold = ref(false)\r\nconst isItalic = ref(false)\r\nconst isUnderline = ref(false)\r\nconst isStrikethrough = ref(false)\r\n\r\n\r\nconst lowPriority: CommandListenerPriority = 1\r\n\r\n// 对齐方式\r\nconst alignList = ref<ElementFormatType[]>([\"left\",\"center\",\"right\",\"justify\"])\r\nconst alignValue = ref(alignList.value[0])\r\nconst disabled = ref(false)\r\n\r\n\r\n// 更新状态栏\r\nfunction updateToolbar() {\r\n\r\n  const selection = $getSelection()\r\n\r\n  if ($isRangeSelection(selection)) {\r\n\r\n    const anchorNode = selection.anchor.getNode()\r\n\r\n    let element = anchorNode.getKey() === 'root'\r\n          ? anchorNode\r\n          : $findMatchingParent(anchorNode, (e) => {\r\n            const parent = e.getParent()\r\n            return parent !== null && $isRootOrShadowRoot(parent)\r\n          });\r\n\r\n\r\n    if (element === null){\r\n      element = anchorNode.getTopLevelElementOrThrow()\r\n    }\r\n\r\n    let elementDOM = editor.getElementByKey(element.getKey());\r\n\r\n    // 文本对齐\r\n    alignValue.value = (elementDOM?.style.textAlign as ElementFormatType) || \"left\";\r\n\r\n    if(alignValue.value  == \"start\"){ alignValue.value  = \"left\"; }\r\n    else if(alignValue.value  == \"end\"){ alignValue.value  = \"right\"; }\r\n\r\n    // Update text format\r\n    isBold.value = selection.hasFormat('bold')\r\n    isItalic.value = selection.hasFormat('italic')\r\n    isUnderline.value = selection.hasFormat('underline')\r\n    isStrikethrough.value = selection.hasFormat('strikethrough')\r\n\r\n    // Handle buttons\r\n    var ff = $getSelectionStyleValueForProperty(selection, 'font-family', 'Arial');\r\n    let fs = $getSelectionStyleValueForProperty(selection, 'font-size', '1rem');\r\n     \r\n    if(fs){\r\n       fontSize.value = Math.round(parseFloat(fs) * ROOT_FONT_SIZE)+\"px\"\r\n    }\r\n   \r\n    fontColor.value = $getSelectionStyleValueForProperty(selection, 'color', '#000')\r\n    bgColor.value = $getSelectionStyleValueForProperty(selection, 'background-color', '#fff')\r\n    fontFamily.value = FONT_FAMILY_OPTIONS.find(item=>item.value==ff) || FONT_FAMILY_OPTIONS[0];\r\n\r\n    disabled.value = false;\r\n  }\r\n  else{\r\n\r\n    disabled.value = true;\r\n  }\r\n}\r\n\r\n// 文字样式\r\nconst fontStyleHandle = (data : any,styleName?:any)=>{\r\n  fontSize.value = data.label;\r\n  editor.update(() => {\r\n    const selection = $getSelection()\r\n    if (selection !== null) {\r\n      $patchStyleText(selection, {\r\n        [styleName || \"font-size\"]:data.value\r\n      })\r\n    }\r\n  })\r\n}\r\n\r\n// 字体颜色\r\nwatch(fontColor,(color:any)=>{\r\n  editor.update(() => {\r\n      const selection = $getSelection()\r\n      if (selection !== null){\r\n        $patchStyleText(selection, { color })\r\n      }\r\n    },{})\r\n})\r\n\r\n// bg颜色\r\nwatch(bgColor,(color:any)=>{\r\n  editor.update(() => {\r\n      const selection = $getSelection()\r\n      if (selection !== null){\r\n        $patchStyleText(selection, { 'background-color':color })\r\n      }\r\n    },{})\r\n})\r\n\r\n// 挂载的时候\r\nonMounted(() => {\r\n\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerUpdateListener(({ editorState }) => {\r\n      editorState.read(() => updateToolbar())\r\n    }),\r\n    // editor.registerCommand(SELECTION_CHANGE_COMMAND, (_payload, _newEditor) => updateToolbar()!,lowPriority)\r\n  )\r\n\r\n  onUnmounted(() => unregisterMergeListener());\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n   <!-- 字体 -->\r\n    <el-dropdown max-height=\"300px\" trigger=\"click\" :disabled=\"disabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"disabled\">\r\n        {{fontFamily.label}} <MKSvgIcon iconClass=\"ArrowDownBold\" style=\"margin-left: 8px;\" /> \r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:fontFamily.label == item.label}\" :disabled=\"disabled\"  v-for=\"item in FONT_FAMILY_OPTIONS\" :value=\"item.value\" @click=\"fontStyleHandle(item,'font-family')\">\r\n            <span :style=\"{fontFamily:item.value}\">\r\n              {{item.label}}\r\n            </span>\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 字体大小 -->\r\n    <el-dropdown max-height=\"300px\" trigger=\"click\" :disabled=\"disabled\">\r\n        <el-button text :disabled=\"disabled\">\r\n          {{fontSize}} <MKSvgIcon iconClass=\"ArrowDownBold\" style=\"margin-left: 8px;\" /> \r\n        </el-button>\r\n        <template #dropdown>\r\n          <el-dropdown-menu>\r\n            <el-dropdown-item :class=\"{active:fontSize==item.label}\" :disabled=\"disabled\" v-for=\"item in FONT_SIZE_OPTIONS\" :value=\"item.value\" @click=\"fontStyleHandle(item)\">{{item.label}}</el-dropdown-item>\r\n          </el-dropdown-menu>\r\n        </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 字体颜色 -->\r\n    <el-button text class=\"mk-doc-editor-toolbar__fontcolor\" :disabled=\"disabled\" >\r\n        <el-color-picker v-model=\"fontColor\" :disabled=\"disabled\"  />\r\n    </el-button>\r\n    <!-- 背景颜色 -->\r\n    <el-button text class=\"mk-doc-editor-toolbar__bgcolor\" :disabled=\"disabled\" >\r\n      <el-color-picker v-model=\"bgColor\" :disabled=\"disabled\"  />\r\n      <MKSvgIcon class=\"view\" iconClass=\"doc-background-color\" /> \r\n    </el-button>\r\n\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-button-group>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isBold ? 'active' : ''}`\" @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')\">\r\n        <MKSvgIcon iconClass=\"doc-bold\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isItalic ? 'active' : ''}`\" @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'italic')\">\r\n        <MKSvgIcon iconClass=\"doc-italic\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isUnderline ? 'active' : ''}`\"  @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'underline')\">\r\n        <MKSvgIcon iconClass=\"doc-underline\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isStrikethrough ? 'active' : ''}`\" @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'strikethrough')\">\r\n        <MKSvgIcon iconClass=\"doc-strikethrough\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-dropdown max-height=\"300px\" trigger=\"click\" :disabled=\"disabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"disabled\">\r\n        <MKSvgIcon :iconClass=\"`doc-align-${alignValue}`\" style=\"font-size: 18px;\" /> \r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :disabled=\"disabled\"  :class=\"{active:alignValue == item}\" v-for=\"item in alignList\" :value=\"item\"  @click=\"editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, item)\">\r\n            <MKSvgIcon :iconClass=\"`doc-align-${item}`\" style=\"font-size: 18px;\"  /> \r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n</template>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FontStyleTool.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  $getSelection,\r\n  $isRangeSelection,\r\n  $isRootOrShadowRoot,\r\n  FORMAT_TEXT_COMMAND,\r\n  FORMAT_ELEMENT_COMMAND,\r\n  SELECTION_CHANGE_COMMAND,\r\n  type CommandListenerPriority,\r\n  type ElementFormatType\r\n} from 'lexical'\r\nimport {\r\n  $getSelectionStyleValueForProperty,\r\n  $patchStyleText,\r\n} from '@lexical/selection'\r\nimport { $findMatchingParent,mergeRegister } from '@lexical/utils'\r\nimport {  useLexicalComposer } from 'lexical-vue'\r\nimport { onMounted, onUnmounted, ref,watch } from 'vue'\r\nimport { FONT_SIZE_OPTIONS,ROOT_FONT_SIZE,FONT_FAMILY_OPTIONS } from \"./FontStyleDefines\"\r\n\r\nconst editor = useLexicalComposer()\r\nconst fontSize = ref('14px')\r\nconst fontColor = ref<string>('#000')\r\nconst bgColor = ref<string>('#fff')\r\nconst fontFamily = ref<any>(FONT_FAMILY_OPTIONS[0])\r\nconst isBold = ref(false)\r\nconst isItalic = ref(false)\r\nconst isUnderline = ref(false)\r\nconst isStrikethrough = ref(false)\r\n\r\n\r\nconst lowPriority: CommandListenerPriority = 1\r\n\r\n// 对齐方式\r\nconst alignList = ref<ElementFormatType[]>([\"left\",\"center\",\"right\",\"justify\"])\r\nconst alignValue = ref(alignList.value[0])\r\nconst disabled = ref(false)\r\n\r\n\r\n// 更新状态栏\r\nfunction updateToolbar() {\r\n\r\n  const selection = $getSelection()\r\n\r\n  if ($isRangeSelection(selection)) {\r\n\r\n    const anchorNode = selection.anchor.getNode()\r\n\r\n    let element = anchorNode.getKey() === 'root'\r\n          ? anchorNode\r\n          : $findMatchingParent(anchorNode, (e) => {\r\n            const parent = e.getParent()\r\n            return parent !== null && $isRootOrShadowRoot(parent)\r\n          });\r\n\r\n\r\n    if (element === null){\r\n      element = anchorNode.getTopLevelElementOrThrow()\r\n    }\r\n\r\n    let elementDOM = editor.getElementByKey(element.getKey());\r\n\r\n    // 文本对齐\r\n    alignValue.value = (elementDOM?.style.textAlign as ElementFormatType) || \"left\";\r\n\r\n    if(alignValue.value  == \"start\"){ alignValue.value  = \"left\"; }\r\n    else if(alignValue.value  == \"end\"){ alignValue.value  = \"right\"; }\r\n\r\n    // Update text format\r\n    isBold.value = selection.hasFormat('bold')\r\n    isItalic.value = selection.hasFormat('italic')\r\n    isUnderline.value = selection.hasFormat('underline')\r\n    isStrikethrough.value = selection.hasFormat('strikethrough')\r\n\r\n    // Handle buttons\r\n    var ff = $getSelectionStyleValueForProperty(selection, 'font-family', 'Arial');\r\n    let fs = $getSelectionStyleValueForProperty(selection, 'font-size', '1rem');\r\n     \r\n    if(fs){\r\n       fontSize.value = Math.round(parseFloat(fs) * ROOT_FONT_SIZE)+\"px\"\r\n    }\r\n   \r\n    fontColor.value = $getSelectionStyleValueForProperty(selection, 'color', '#000')\r\n    bgColor.value = $getSelectionStyleValueForProperty(selection, 'background-color', '#fff')\r\n    fontFamily.value = FONT_FAMILY_OPTIONS.find(item=>item.value==ff) || FONT_FAMILY_OPTIONS[0];\r\n\r\n    disabled.value = false;\r\n  }\r\n  else{\r\n\r\n    disabled.value = true;\r\n  }\r\n}\r\n\r\n// 文字样式\r\nconst fontStyleHandle = (data : any,styleName?:any)=>{\r\n  fontSize.value = data.label;\r\n  editor.update(() => {\r\n    const selection = $getSelection()\r\n    if (selection !== null) {\r\n      $patchStyleText(selection, {\r\n        [styleName || \"font-size\"]:data.value\r\n      })\r\n    }\r\n  })\r\n}\r\n\r\n// 字体颜色\r\nwatch(fontColor,(color:any)=>{\r\n  editor.update(() => {\r\n      const selection = $getSelection()\r\n      if (selection !== null){\r\n        $patchStyleText(selection, { color })\r\n      }\r\n    },{})\r\n})\r\n\r\n// bg颜色\r\nwatch(bgColor,(color:any)=>{\r\n  editor.update(() => {\r\n      const selection = $getSelection()\r\n      if (selection !== null){\r\n        $patchStyleText(selection, { 'background-color':color })\r\n      }\r\n    },{})\r\n})\r\n\r\n// 挂载的时候\r\nonMounted(() => {\r\n\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerUpdateListener(({ editorState }) => {\r\n      editorState.read(() => updateToolbar())\r\n    }),\r\n    // editor.registerCommand(SELECTION_CHANGE_COMMAND, (_payload, _newEditor) => updateToolbar()!,lowPriority)\r\n  )\r\n\r\n  onUnmounted(() => unregisterMergeListener());\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n   <!-- 字体 -->\r\n    <el-dropdown max-height=\"300px\" trigger=\"click\" :disabled=\"disabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"disabled\">\r\n        {{fontFamily.label}} <MKSvgIcon iconClass=\"ArrowDownBold\" style=\"margin-left: 8px;\" /> \r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:fontFamily.label == item.label}\" :disabled=\"disabled\"  v-for=\"item in FONT_FAMILY_OPTIONS\" :value=\"item.value\" @click=\"fontStyleHandle(item,'font-family')\">\r\n            <span :style=\"{fontFamily:item.value}\">\r\n              {{item.label}}\r\n            </span>\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 字体大小 -->\r\n    <el-dropdown max-height=\"300px\" trigger=\"click\" :disabled=\"disabled\">\r\n        <el-button text :disabled=\"disabled\">\r\n          {{fontSize}} <MKSvgIcon iconClass=\"ArrowDownBold\" style=\"margin-left: 8px;\" /> \r\n        </el-button>\r\n        <template #dropdown>\r\n          <el-dropdown-menu>\r\n            <el-dropdown-item :class=\"{active:fontSize==item.label}\" :disabled=\"disabled\" v-for=\"item in FONT_SIZE_OPTIONS\" :value=\"item.value\" @click=\"fontStyleHandle(item)\">{{item.label}}</el-dropdown-item>\r\n          </el-dropdown-menu>\r\n        </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 字体颜色 -->\r\n    <el-button text class=\"mk-doc-editor-toolbar__fontcolor\" :disabled=\"disabled\" >\r\n        <el-color-picker v-model=\"fontColor\" :disabled=\"disabled\"  />\r\n    </el-button>\r\n    <!-- 背景颜色 -->\r\n    <el-button text class=\"mk-doc-editor-toolbar__bgcolor\" :disabled=\"disabled\" >\r\n      <el-color-picker v-model=\"bgColor\" :disabled=\"disabled\"  />\r\n      <MKSvgIcon class=\"view\" iconClass=\"doc-background-color\" /> \r\n    </el-button>\r\n\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-button-group>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isBold ? 'active' : ''}`\" @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')\">\r\n        <MKSvgIcon iconClass=\"doc-bold\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isItalic ? 'active' : ''}`\" @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'italic')\">\r\n        <MKSvgIcon iconClass=\"doc-italic\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isUnderline ? 'active' : ''}`\"  @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'underline')\">\r\n        <MKSvgIcon iconClass=\"doc-underline\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isStrikethrough ? 'active' : ''}`\" @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'strikethrough')\">\r\n        <MKSvgIcon iconClass=\"doc-strikethrough\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-dropdown max-height=\"300px\" trigger=\"click\" :disabled=\"disabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"disabled\">\r\n        <MKSvgIcon :iconClass=\"`doc-align-${alignValue}`\" style=\"font-size: 18px;\" /> \r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :disabled=\"disabled\"  :class=\"{active:alignValue == item}\" v-for=\"item in alignList\" :value=\"item\"  @click=\"editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, item)\">\r\n            <MKSvgIcon :iconClass=\"`doc-align-${item}`\" style=\"font-size: 18px;\"  /> \r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;AAoBA,UAAM,SAAS;AACT,UAAA,WAAW,IAAI,MAAM;AACrB,UAAA,YAAY,IAAY,MAAM;AAC9B,UAAA,UAAU,IAAY,MAAM;AAClC,UAAM,aAAa,IAAS,oBAAoB,CAAC,CAAC;AAC5C,UAAA,SAAS,IAAI,KAAK;AAClB,UAAA,WAAW,IAAI,KAAK;AACpB,UAAA,cAAc,IAAI,KAAK;AACvB,UAAA,kBAAkB,IAAI,KAAK;AAMjC,UAAM,YAAY,IAAyB,CAAC,QAAO,UAAS,SAAQ,SAAS,CAAC;AAC9E,UAAM,aAAa,IAAI,UAAU,MAAM,CAAC,CAAC;AACnC,UAAA,WAAW,IAAI,KAAK;AAI1B,aAAS,gBAAgB;AAEvB,YAAM,YAAY;AAEd,UAAA,kBAAkB,SAAS,GAAG;AAE1B,cAAA,aAAa,UAAU,OAAO,QAAQ;AAExC,YAAA,UAAU,WAAW,aAAa,SAC9B,aACA,oBAAoB,YAAY,CAAC,MAAM;AACjC,gBAAA,SAAS,EAAE;AACV,iBAAA,WAAW,QAAQ,oBAAoB,MAAM;AAAA,QAAA,CACrD;AAGP,YAAI,YAAY,MAAK;AACnB,oBAAU,WAAW;QACvB;AAEA,YAAI,aAAa,OAAO,gBAAgB,QAAQ,OAAQ,CAAA;AAG7C,mBAAA,SAAS,yCAAY,MAAM,cAAmC;AAEtE,YAAA,WAAW,SAAU,SAAQ;AAAE,qBAAW,QAAS;AAAA,QAAA,WAC9C,WAAW,SAAU,OAAM;AAAE,qBAAW,QAAS;AAAA,QAAS;AAG3D,eAAA,QAAQ,UAAU,UAAU,MAAM;AAChC,iBAAA,QAAQ,UAAU,UAAU,QAAQ;AACjC,oBAAA,QAAQ,UAAU,UAAU,WAAW;AACnC,wBAAA,QAAQ,UAAU,UAAU,eAAe;AAG3D,YAAI,KAAK,mCAAmC,WAAW,eAAe,OAAO;AAC7E,YAAI,KAAK,mCAAmC,WAAW,aAAa,MAAM;AAE1E,YAAG,IAAG;AACH,mBAAS,QAAQ,KAAK,MAAM,WAAW,EAAE,IAAI,cAAc,IAAE;AAAA,QAChE;AAEA,kBAAU,QAAQ,mCAAmC,WAAW,SAAS,MAAM;AAC/E,gBAAQ,QAAQ,mCAAmC,WAAW,oBAAoB,MAAM;AAC7E,mBAAA,QAAQ,oBAAoB,KAAK,CAAA,SAAM,KAAK,SAAO,EAAE,KAAK,oBAAoB,CAAC;AAE1F,iBAAS,QAAQ;AAAA,MAAA,OAEf;AAEF,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAGM,UAAA,kBAAkB,CAAC,MAAW,cAAiB;AACnD,eAAS,QAAQ,KAAK;AACtB,aAAO,OAAO,MAAM;AAClB,cAAM,YAAY;AAClB,YAAI,cAAc,MAAM;AACtB,0BAAgB,WAAW;AAAA,YACzB,CAAC,aAAa,WAAW,GAAE,KAAK;AAAA,UAAA,CACjC;AAAA,QACH;AAAA,MAAA,CACD;AAAA,IAAA;AAIG,UAAA,WAAU,CAAC,UAAY;AAC3B,aAAO,OAAO,MAAM;AAChB,cAAM,YAAY;AAClB,YAAI,cAAc,MAAK;AACL,0BAAA,WAAW,EAAE,MAAA,CAAO;AAAA,QACtC;AAAA,MACF,GAAE,CAAE,CAAA;AAAA,IAAA,CACP;AAGK,UAAA,SAAQ,CAAC,UAAY;AACzB,aAAO,OAAO,MAAM;AAChB,cAAM,YAAY;AAClB,YAAI,cAAc,MAAK;AACrB,0BAAgB,WAAW,EAAE,oBAAmB,MAAO,CAAA;AAAA,QACzD;AAAA,MACF,GAAE,CAAE,CAAA;AAAA,IAAA,CACP;AAGD,cAAU,MAAM;AAEd,YAAM,0BAA0B;AAAA,QAC9B,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AACrC,sBAAA,KAAK,MAAM,cAAA,CAAe;AAAA,QAAA,CACvC;AAAA;AAAA,MAAA;AAIS,kBAAA,MAAM,yBAAyB;AAAA,IAAA,CAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/InlineToolsPlugin.vue.js

@@ -1,28 +1,6 @@
 import { defineComponent, ref, shallowRef, reactive, onMounted, onUnmounted, openBlock, createElementBlock, normalizeStyle, createBlock, resolveDynamicComponent, createCommentVNode, nextTick } from "vue";
 import { mergeRegister } from "@lexical/utils";
-import "@lexical/text";
-import "@lexical/overflow";
-import "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import { useLexicalComposer } from "../../lexical-vue/composables/useLexicalComposer.js";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
-import "@lexical/rich-text";
-import "@lexical/yjs";
-import "yjs";
-import "../../lexical-vue/components/LexicalDecoratedTeleports.js";
-import "@lexical/html";
-import "@lexical/link";
-import "@lexical/mark";
-import "@lexical/table";
-import "@lexical/hashtag";
-import "@lexical/markdown";
-import "../../lexical-vue/composables/useCollaborationContext.js";
-import "../../lexical-vue/components/LexicalMenu/shared.js";
-import "../../lexical-vue/components/LexicalAutoEmbedPlugin/shared.js";
-import "../../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js";
+import { useLexicalComposer } from "lexical-vue";
 import { IMAGE_ATTRS_CHANGE } from "../ImagePlugin/index.js";
 import { DEVICE_VIEW_MODE, SELECTED_COMPONENT_COMMAND } from "../commands.js";
 const lowPriority = 1;

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/InlineToolsPlugin.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineToolsPlugin.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/InlineToolsPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CommandListenerPriority } from 'lexical'\r\nimport {  mergeRegister } from '@lexical/utils'\r\nimport {  useLexicalComposer } from '../../lexical-vue'\r\nimport { IMAGE_ATTRS_CHANGE } from \"../ImagePlugin\"\r\nimport { onMounted, onUnmounted, ref,reactive,shallowRef,nextTick } from 'vue'\r\nimport { DEVICE_VIEW_MODE,SELECTED_COMPONENT_COMMAND,ComponentSelectEvent } from \"../commands\"\r\n\r\nconst lowPriority: CommandListenerPriority = 1\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst editor = useLexicalComposer()\r\nconst selectPayload = shallowRef<ComponentSelectEvent|null>(null);\r\nconst toolsPos = reactive({ left:\"px\",top:\"0px\" });\r\n\r\nconst updateToolsPos = ()=>{\r\n\r\n  nextTick(()=>{\r\n    if(selectPayload.value != null && toolbarRef.value != null){\r\n      const editIframeRect = (toolbarRef.value.getRootNode() as any).body.querySelector(\".mk-doc-editor__stage_iframe\").getBoundingClientRect();\r\n      const editBodyRect = (toolbarRef.value.getRootNode() as any).body.querySelector(\".mk-doc-editor__stage_body\").getBoundingClientRect();\r\n      const baseY =  editIframeRect.y - editBodyRect.y;\r\n      const selectRect = selectPayload.value.el.getBoundingClientRect();\r\n      const toolsRect = toolbarRef.value.getBoundingClientRect();\r\n      if(toolsRect){\r\n        // 中心点\r\n        toolsPos.top = Math.max(selectRect.y - toolsRect.height - 5 + baseY,5 +baseY) + \"px\"\r\n        toolsPos.left = toolsRect.width / -2 + selectRect.x + selectRect.width / 2 + \"px\";\r\n      }\r\n    }\r\n  })\r\n \r\n\r\n  return false;\r\n}\r\n\r\nonMounted(() => {\r\n\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerCommand(DEVICE_VIEW_MODE,() => updateToolsPos(),lowPriority),\r\n    editor.registerCommand(IMAGE_ATTRS_CHANGE,() => updateToolsPos(),lowPriority),\r\n    editor.registerUpdateListener(({ editorState }) =>  editorState.read(() => updateToolsPos())),\r\n    editor.registerCommand(SELECTED_COMPONENT_COMMAND, (payload:ComponentSelectEvent) => {\r\n      selectPayload.value = payload;\r\n      return updateToolsPos();\r\n    },lowPriority)\r\n    // editor.registerCommand(SELECTION_CHANGE_COMMAND, (payload, newEditor) => {\r\n      \r\n    //   const selection = $getSelection();\r\n\r\n    //   if($isNodeSelection(selection)){\r\n\r\n    //     const node = selection.getNodes()[0]\r\n\r\n    //     console.log(node,node.getTopLevelElement());\r\n    //   }\r\n\r\n    //   return updateToolsPos();\r\n    // },lowPriority)\r\n  )\r\n\r\n  onUnmounted(() => {\r\n    unregisterMergeListener()\r\n  })\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"selectPayload != null\" ref=\"toolbarRef\" class=\"mk-doc-editor-inline-toolbar\" :style=\"toolsPos\">\r\n    <component :is=\"selectPayload.component\" />\r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,cAAuC;;;;AACvC,UAAA,aAAa,IAA2B,IAAI;AAClD,UAAM,SAAS;AACT,UAAA,gBAAgB,WAAsC,IAAI;AAChE,UAAM,WAAW,SAAS,EAAE,MAAK,MAAK,KAAI,OAAO;AAEjD,UAAM,iBAAiB,MAAI;AAEzB,eAAS,MAAI;AACX,YAAG,cAAc,SAAS,QAAQ,WAAW,SAAS,MAAK;AACnD,gBAAA,iBAAkB,WAAW,MAAM,YAAA,EAAsB,KAAK,cAAc,8BAA8B,EAAE;AAC5G,gBAAA,eAAgB,WAAW,MAAM,YAAA,EAAsB,KAAK,cAAc,4BAA4B,EAAE;AACxG,gBAAA,QAAS,eAAe,IAAI,aAAa;AAC/C,gBAAM,aAAa,cAAc,MAAM,GAAG,sBAAsB;AAC1D,gBAAA,YAAY,WAAW,MAAM,sBAAsB;AACzD,cAAG,WAAU;AAEF,qBAAA,MAAM,KAAK,IAAI,WAAW,IAAI,UAAU,SAAS,IAAI,OAAM,IAAG,KAAK,IAAI;AACvE,qBAAA,OAAO,UAAU,QAAQ,KAAK,WAAW,IAAI,WAAW,QAAQ,IAAI;AAAA,UAC/E;AAAA,QACF;AAAA,MAAA,CACD;AAGM,aAAA;AAAA,IAAA;AAGT,cAAU,MAAM;AAEd,YAAM,0BAA0B;AAAA,QAC9B,OAAO,gBAAgB,kBAAiB,MAAM,eAAA,GAAiB,WAAW;AAAA,QAC1E,OAAO,gBAAgB,oBAAmB,MAAM,eAAA,GAAiB,WAAW;AAAA,QAC5E,OAAO,uBAAuB,CAAC,EAAE,YAAA,MAAmB,YAAY,KAAK,MAAM,eAAe,CAAC,CAAC;AAAA,QAC5F,OAAO,gBAAgB,4BAA4B,CAAC,YAAiC;AACnF,wBAAc,QAAQ;AACtB,iBAAO,eAAe;AAAA,WACtB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA;AAgBf,kBAAY,MAAM;AACQ;MAAA,CACzB;AAAA,IAAA,CACF;;;;;;;;;;;;;;"}
+{"version":3,"file":"InlineToolsPlugin.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/InlineToolsPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CommandListenerPriority } from 'lexical'\r\nimport {  mergeRegister } from '@lexical/utils'\r\nimport {  useLexicalComposer } from 'lexical-vue'\r\nimport { IMAGE_ATTRS_CHANGE } from \"../ImagePlugin\"\r\nimport { onMounted, onUnmounted, ref,reactive,shallowRef,nextTick } from 'vue'\r\nimport { DEVICE_VIEW_MODE,SELECTED_COMPONENT_COMMAND,ComponentSelectEvent } from \"../commands\"\r\n\r\nconst lowPriority: CommandListenerPriority = 1\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst editor = useLexicalComposer()\r\nconst selectPayload = shallowRef<ComponentSelectEvent|null>(null);\r\nconst toolsPos = reactive({ left:\"px\",top:\"0px\" });\r\n\r\nconst updateToolsPos = ()=>{\r\n\r\n  nextTick(()=>{\r\n    if(selectPayload.value != null && toolbarRef.value != null){\r\n      const editIframeRect = (toolbarRef.value.getRootNode() as any).body.querySelector(\".mk-doc-editor__stage_iframe\").getBoundingClientRect();\r\n      const editBodyRect = (toolbarRef.value.getRootNode() as any).body.querySelector(\".mk-doc-editor__stage_body\").getBoundingClientRect();\r\n      const baseY =  editIframeRect.y - editBodyRect.y;\r\n      const selectRect = selectPayload.value.el.getBoundingClientRect();\r\n      const toolsRect = toolbarRef.value.getBoundingClientRect();\r\n      if(toolsRect){\r\n        // 中心点\r\n        toolsPos.top = Math.max(selectRect.y - toolsRect.height - 5 + baseY,5 +baseY) + \"px\"\r\n        toolsPos.left = toolsRect.width / -2 + selectRect.x + selectRect.width / 2 + \"px\";\r\n      }\r\n    }\r\n  })\r\n \r\n\r\n  return false;\r\n}\r\n\r\nonMounted(() => {\r\n\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerCommand(DEVICE_VIEW_MODE,() => updateToolsPos(),lowPriority),\r\n    editor.registerCommand(IMAGE_ATTRS_CHANGE,() => updateToolsPos(),lowPriority),\r\n    editor.registerUpdateListener(({ editorState }) =>  editorState.read(() => updateToolsPos())),\r\n    editor.registerCommand(SELECTED_COMPONENT_COMMAND, (payload:ComponentSelectEvent) => {\r\n      selectPayload.value = payload;\r\n      return updateToolsPos();\r\n    },lowPriority)\r\n    // editor.registerCommand(SELECTION_CHANGE_COMMAND, (payload, newEditor) => {\r\n      \r\n    //   const selection = $getSelection();\r\n\r\n    //   if($isNodeSelection(selection)){\r\n\r\n    //     const node = selection.getNodes()[0]\r\n\r\n    //     console.log(node,node.getTopLevelElement());\r\n    //   }\r\n\r\n    //   return updateToolsPos();\r\n    // },lowPriority)\r\n  )\r\n\r\n  onUnmounted(() => {\r\n    unregisterMergeListener()\r\n  })\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"selectPayload != null\" ref=\"toolbarRef\" class=\"mk-doc-editor-inline-toolbar\" :style=\"toolsPos\">\r\n    <component :is=\"selectPayload.component\" />\r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;AAQA,MAAM,cAAuC;;;;AACvC,UAAA,aAAa,IAA2B,IAAI;AAClD,UAAM,SAAS;AACT,UAAA,gBAAgB,WAAsC,IAAI;AAChE,UAAM,WAAW,SAAS,EAAE,MAAK,MAAK,KAAI,OAAO;AAEjD,UAAM,iBAAiB,MAAI;AAEzB,eAAS,MAAI;AACX,YAAG,cAAc,SAAS,QAAQ,WAAW,SAAS,MAAK;AACnD,gBAAA,iBAAkB,WAAW,MAAM,YAAA,EAAsB,KAAK,cAAc,8BAA8B,EAAE;AAC5G,gBAAA,eAAgB,WAAW,MAAM,YAAA,EAAsB,KAAK,cAAc,4BAA4B,EAAE;AACxG,gBAAA,QAAS,eAAe,IAAI,aAAa;AAC/C,gBAAM,aAAa,cAAc,MAAM,GAAG,sBAAsB;AAC1D,gBAAA,YAAY,WAAW,MAAM,sBAAsB;AACzD,cAAG,WAAU;AAEF,qBAAA,MAAM,KAAK,IAAI,WAAW,IAAI,UAAU,SAAS,IAAI,OAAM,IAAG,KAAK,IAAI;AACvE,qBAAA,OAAO,UAAU,QAAQ,KAAK,WAAW,IAAI,WAAW,QAAQ,IAAI;AAAA,UAC/E;AAAA,QACF;AAAA,MAAA,CACD;AAGM,aAAA;AAAA,IAAA;AAGT,cAAU,MAAM;AAEd,YAAM,0BAA0B;AAAA,QAC9B,OAAO,gBAAgB,kBAAiB,MAAM,eAAA,GAAiB,WAAW;AAAA,QAC1E,OAAO,gBAAgB,oBAAmB,MAAM,eAAA,GAAiB,WAAW;AAAA,QAC5E,OAAO,uBAAuB,CAAC,EAAE,YAAA,MAAmB,YAAY,KAAK,MAAM,eAAe,CAAC,CAAC;AAAA,QAC5F,OAAO,gBAAgB,4BAA4B,CAAC,YAAiC;AACnF,wBAAc,QAAQ;AACtB,iBAAO,eAAe;AAAA,WACtB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA;AAgBf,kBAAY,MAAM;AACQ;MAAA,CACzB;AAAA,IAAA,CACF;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/PreviewToolbar.vue.js

@@ -1,36 +1,19 @@
 import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, normalizeClass, createElementVNode, createCommentVNode } from "vue";
-import "@lexical/text";
-import "@lexical/utils";
-import "@lexical/overflow";
-import "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import { useLexicalComposer } from "../../lexical-vue/composables/useLexicalComposer.js";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
-import "@lexical/rich-text";
-import "@lexical/yjs";
-import "yjs";
-import "../../lexical-vue/components/LexicalDecoratedTeleports.js";
-import { $generateHtmlFromNodes } from "@lexical/html";
-import "@lexical/link";
-import "@lexical/mark";
-import "@lexical/table";
-import "@lexical/hashtag";
-import "@lexical/markdown";
-import "../../lexical-vue/composables/useCollaborationContext.js";
-import "../../lexical-vue/components/LexicalMenu/shared.js";
-import "../../lexical-vue/components/LexicalAutoEmbedPlugin/shared.js";
-import "../../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js";
+import { useLexicalComposer } from "lexical-vue";
 import { DEVICE_VIEW_MODE } from "../commands.js";
+import { $generateHtmlFromNodes } from "@lexical/html";
 import DocThemeCss from "../../themes/doc-theme.css.js";
 import DocEditorCss from "../../themes/doc-editor.css.js";
 const _hoisted_1 = ["srcdoc"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PreviewToolbar",
+  props: {
+    js: { type: String, default: `` },
+    css: { type: String, default: `` }
+  },
   setup(__props) {
     const editor = useLexicalComposer();
+    const props = __props;
     const iframeContentRef = ref(null);
     const iframeBody = computed(() => {
       var _a, _b, _c;
@@ -38,6 +21,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const codeDialogVisible = ref(false);
     const srcdoc = ref("");
+    const linkStr = props.css.split(",").map((path) => {
+      return `<link crossorigin href="${path}" />`;
+    }).join("");
+    props.css.split(",").map((path) => {
+      return `<link crossorigin href="${path}" />`;
+    }).join("");
+    const viewDevice = ref("pc");
     const createViewContent = (content) => {
       srcdoc.value = `
     <html>
@@ -46,12 +36,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ${DocEditorCss}
           ${DocThemeCss}
         </style>
+        ${linkStr}
       </head>
       <body style="font-size:${viewDevice.value == "pc" ? "14px" : "18px"}">${content}</body>
     </html>
   `;
     };
-    const viewDevice = ref("pc");
     const show = function() {
       editor.getEditorState().read(() => {
         createViewContent($generateHtmlFromNodes(editor));

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/PreviewToolbar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewToolbar.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/PreviewToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {  useLexicalComposer } from '../../lexical-vue'\r\nimport { DEVICE_VIEW_MODE } from \"../commands\"\r\nimport { $generateHtmlFromNodes} from '@lexical/html'\r\nimport { onMounted,ref,computed } from \"vue\"\r\nimport DocThemeCss from \"../../themes/doc-theme.css?raw\";\r\nimport DocEditorCss from \"../../themes/doc-editor.css?raw\";\r\n\r\nconst editor = useLexicalComposer()\r\n// iframe 编辑器\r\nconst iframeContentRef = ref(null as any);\r\nconst iframeBody = computed<any>(()=>iframeContentRef.value?.contentWindow?.document?.body)\r\n\r\nconst codeDialogVisible = ref(false);\r\nconst srcdoc = ref(\"\");\r\n// 创建预览内容\r\nconst createViewContent = (content:string)=>{\r\n  srcdoc.value = `\r\n    <html>\r\n      <head>\r\n        <style type=\"text/css\">\r\n          ${DocEditorCss}\r\n          ${DocThemeCss}\r\n        </style>\r\n      </head>\r\n      <body style=\"font-size:${viewDevice.value=='pc'?\"14px\":\"18px\"}\">${content}</body>\r\n    </html>\r\n  `\r\n}\r\n\r\n// pc | mobile\r\nconst viewDevice = ref('pc')\r\n// 显示\r\nconst show = function(){\r\n\r\n  editor.getEditorState().read(() => {\r\n    createViewContent($generateHtmlFromNodes(editor))\r\n    setTimeout(() => {\r\n      if(iframeBody.value.scrollHeight > iframeBody.value.offsetHeight){\r\n        iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\r\n      }\r\n    }, 100);\r\n  })\r\n\r\n  codeDialogVisible.value = true;\r\n  \r\n}\r\nonMounted(()=>{\r\n  editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\r\n    viewDevice.value = payload;\r\n    return false\r\n  },1)\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n  <el-button text @click=\"show\">\r\n    <MKSvgIcon iconClass=\"View\" /> \r\n  </el-button>\r\n  <el-dialog v-model=\"codeDialogVisible\" append-to-body title=\"预览\" width=\"80%\" fullscreen>\r\n    <div class=\"mk-doc-editor__view_warp\"  :class=\"viewDevice\" v-if=\"codeDialogVisible\">\r\n      <iframe class=\"mk-doc-editor__view_iframe\" ref=\"iframeContentRef\" :srcdoc=\"srcdoc\"></iframe>\r\n    </div>\r\n   \r\n  </el-dialog>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,SAAS;AAET,UAAA,mBAAmB,IAAI,IAAW;AACxC,UAAM,aAAa,SAAc;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAEpF,UAAA,oBAAoB,IAAI,KAAK;AAC7B,UAAA,SAAS,IAAI,EAAE;AAEf,UAAA,oBAAoB,CAAC,YAAiB;AAC1C,aAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,YAIL,YAAY;AAAA,YACZ,WAAW;AAAA;AAAA;AAAA,+BAGQ,WAAW,SAAO,OAAK,SAAO,MAAM,KAAK,OAAO;AAAA;AAAA;AAAA,IAAA;AAMzE,UAAA,aAAa,IAAI,IAAI;AAE3B,UAAM,OAAO,WAAU;AAEd,aAAA,iBAAiB,KAAK,MAAM;AACf,0BAAA,uBAAuB,MAAM,CAAC;AAChD,mBAAW,MAAM;;AACf,cAAG,WAAW,MAAM,eAAe,WAAW,MAAM,cAAa;AAC/D,6BAAiB,MAAM,MAAM,WAAU,gBAAW,UAAX,mBAAkB,gBAAe,KAAI;AAAA,UAC9E;AAAA,WACC,GAAG;AAAA,MAAA,CACP;AAED,wBAAkB,QAAQ;AAAA,IAAA;AAG5B,cAAU,MAAI;AACL,aAAA,gBAAgB,kBAAiB,CAAC,YAAoB;AAC3D,mBAAW,QAAQ;AACZ,eAAA;AAAA,SACP,CAAC;AAAA,IAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PreviewToolbar.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/PreviewToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport {  useLexicalComposer } from 'lexical-vue'\r\nimport { DEVICE_VIEW_MODE } from \"../commands\"\r\nimport { $generateHtmlFromNodes} from '@lexical/html'\r\nimport { onMounted,ref,computed,defineProps } from \"vue\"\r\nimport DocThemeCss from \"../../themes/doc-theme.css?raw\";\r\nimport DocEditorCss from \"../../themes/doc-editor.css?raw\";\r\n\r\nconst editor = useLexicalComposer()\r\n// 参数\r\nconst props = defineProps({\r\n  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n// iframe 编辑器\r\nconst iframeContentRef = ref(null as any);\r\nconst iframeBody = computed<any>(()=>iframeContentRef.value?.contentWindow?.document?.body)\r\n\r\nconst codeDialogVisible = ref(false);\r\nconst srcdoc = ref(\"\");\r\nconst linkStr = props.css.split(\",\").map(path=>{\r\n  return `<link crossorigin href=\"${path}\" />`\r\n}).join(\"\");\r\nconst scriptStr = props.css.split(\",\").map(path=>{\r\n  return `<link crossorigin href=\"${path}\" />`\r\n}).join(\"\");\r\n  // // 扩展的js和css\r\n  // props.js.split(\",\").forEach(path=>{\r\n  //   const script = document.createElement(\"script\");\r\n  //   script.src = path;\r\n  //   script.setAttribute(\"crossorigin\",\"true\")\r\n  //   doc.head.append(script);\r\n  // })\r\n  // props.css.split(\",\").forEach(path=>{\r\n  //   const link = document.createElement(\"link\");\r\n  //   link.href = path;\r\n  //   link.setAttribute(\"crossorigin\",\"true\")\r\n  //   doc.head.append(link);\r\n  // })\r\n\r\n// pc | mobile\r\nconst viewDevice = ref('pc')\r\n\r\n// 创建预览内容\r\nconst createViewContent = (content:string)=>{\r\n  srcdoc.value = `\r\n    <html>\r\n      <head>\r\n        <style type=\"text/css\">\r\n          ${DocEditorCss}\r\n          ${DocThemeCss}\r\n        </style>\r\n        ${linkStr}\r\n      </head>\r\n      <body style=\"font-size:${(viewDevice.value=='pc'?\"14px\":\"18px\")}\">${content}</body>\r\n    </html>\r\n  `;\r\n}\r\n\r\n// 显示\r\nconst show = function(){\r\n\r\n  editor.getEditorState().read(() => {\r\n    createViewContent($generateHtmlFromNodes(editor))\r\n    setTimeout(() => {\r\n      if(iframeBody.value.scrollHeight > iframeBody.value.offsetHeight){\r\n        iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\r\n      }\r\n    }, 100);\r\n  })\r\n\r\n  codeDialogVisible.value = true;\r\n  \r\n}\r\nonMounted(()=>{\r\n  editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\r\n    viewDevice.value = payload;\r\n    return false\r\n  },1)\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n  <el-button text @click=\"show\">\r\n    <MKSvgIcon iconClass=\"View\" /> \r\n  </el-button>\r\n  <el-dialog v-model=\"codeDialogVisible\" append-to-body title=\"预览\" width=\"80%\" fullscreen>\r\n    <div class=\"mk-doc-editor__view_warp\"  :class=\"viewDevice\" v-if=\"codeDialogVisible\">\r\n      <iframe class=\"mk-doc-editor__view_iframe\" ref=\"iframeContentRef\" :srcdoc=\"srcdoc\"></iframe>\r\n    </div>\r\n  </el-dialog>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASA,UAAM,SAAS;AAEf,UAAM,QAAQ;AAKR,UAAA,mBAAmB,IAAI,IAAW;AACxC,UAAM,aAAa,SAAc;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAEpF,UAAA,oBAAoB,IAAI,KAAK;AAC7B,UAAA,SAAS,IAAI,EAAE;AACrB,UAAM,UAAU,MAAM,IAAI,MAAM,GAAG,EAAE,IAAI,CAAM,SAAA;AAC7C,aAAO,2BAA2B,IAAI;AAAA,IAAA,CACvC,EAAE,KAAK,EAAE;AACQ,UAAM,IAAI,MAAM,GAAG,EAAE,IAAI,CAAM,SAAA;AAC/C,aAAO,2BAA2B,IAAI;AAAA,IAAA,CACvC,EAAE,KAAK,EAAE;AAgBJ,UAAA,aAAa,IAAI,IAAI;AAGrB,UAAA,oBAAoB,CAAC,YAAiB;AAC1C,aAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,YAIL,YAAY;AAAA,YACZ,WAAW;AAAA;AAAA,UAEb,OAAO;AAAA;AAAA,+BAEe,WAAW,SAAO,OAAK,SAAO,MAAO,KAAK,OAAO;AAAA;AAAA;AAAA,IAAA;AAMjF,UAAM,OAAO,WAAU;AAEd,aAAA,iBAAiB,KAAK,MAAM;AACf,0BAAA,uBAAuB,MAAM,CAAC;AAChD,mBAAW,MAAM;;AACf,cAAG,WAAW,MAAM,eAAe,WAAW,MAAM,cAAa;AAC/D,6BAAiB,MAAM,MAAM,WAAU,gBAAW,UAAX,mBAAkB,gBAAe,KAAI;AAAA,UAC9E;AAAA,WACC,GAAG;AAAA,MAAA,CACP;AAED,wBAAkB,QAAQ;AAAA,IAAA;AAG5B,cAAU,MAAI;AACL,aAAA,gBAAgB,kBAAiB,CAAC,YAAoB;AAC3D,mBAAW,QAAQ;AACZ,eAAA;AAAA,SACP,CAAC;AAAA,IAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/index.vue.js

@@ -1,28 +1,7 @@
 import { defineComponent, ref, onMounted, onUnmounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
 import { CAN_UNDO_COMMAND, CAN_REDO_COMMAND, UNDO_COMMAND, REDO_COMMAND } from "lexical";
 import { mergeRegister } from "@lexical/utils";
-import "@lexical/text";
-import "@lexical/overflow";
-import "tiny-invariant";
-import "@lexical/history";
-import { useLexicalComposer } from "../../lexical-vue/composables/useLexicalComposer.js";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
-import "@lexical/rich-text";
-import "@lexical/yjs";
-import "yjs";
-import "../../lexical-vue/components/LexicalDecoratedTeleports.js";
-import "@lexical/html";
-import "@lexical/link";
-import "@lexical/mark";
-import "@lexical/table";
-import "@lexical/hashtag";
-import "@lexical/markdown";
-import "../../lexical-vue/composables/useCollaborationContext.js";
-import "../../lexical-vue/components/LexicalMenu/shared.js";
-import "../../lexical-vue/components/LexicalAutoEmbedPlugin/shared.js";
-import "../../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js";
+import { useLexicalComposer } from "lexical-vue";
 import _sfc_main$3 from "./PreviewToolbar.vue.js";
 import _sfc_main$2 from "./FontStyleTool.vue.js";
 import _sfc_main$1 from "./ContentStyleTool.vue.js";
@@ -31,6 +10,10 @@ import { DEVICE_VIEW_MODE } from "../commands.js";
 const LowPriority = 1;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
+  props: {
+    js: { type: String, default: `` },
+    css: { type: String, default: `` }
+  },
   setup(__props) {
     const toolbarRef = ref(null);
     const editor = useLexicalComposer();
@@ -177,7 +160,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(_component_el_divider, { direction: "vertical" }),
         createVNode(_component_el_button_group, null, {
           default: withCtx(() => [
-            createVNode(_sfc_main$3)
+            createVNode(_sfc_main$3, {
+              js: __props.js,
+              css: __props.css
+            }, null, 8, ["js", "css"])
           ]),
           _: 1
         })

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CommandListenerPriority } from 'lexical'\r\nimport {\r\n  CAN_REDO_COMMAND,\r\n  CAN_UNDO_COMMAND,\r\n  REDO_COMMAND,\r\n  UNDO_COMMAND,\r\n} from 'lexical'\r\n\r\nimport {  mergeRegister } from '@lexical/utils'\r\nimport {  useLexicalComposer } from '../../lexical-vue'\r\nimport { onMounted, onUnmounted, ref } from 'vue'\r\nimport PreviewToolbar from \"./PreviewToolbar.vue\"\r\nimport FontStyleToolbar from \"./FontStyleTool.vue\"\r\nimport ContentStyleToolbar from \"./ContentStyleTool.vue\"\r\nimport { ToolbarExtendPlugins } from \"./defines\"\r\nimport { DEVICE_VIEW_MODE } from \"../commands\"\r\n\r\n\r\nconst LowPriority: CommandListenerPriority = 1\r\n\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst editor = useLexicalComposer()\r\n\r\nconst canUndo = ref(false)\r\nconst canRedo = ref(false)\r\n// pc | mobile\r\nconst viewDevice = ref('pc')\r\n\r\n\r\nonMounted(() => {\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerCommand(\r\n      CAN_UNDO_COMMAND,\r\n      (payload: boolean) => {\r\n        canUndo.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    ),\r\n    editor.registerCommand(\r\n      CAN_REDO_COMMAND,\r\n      (payload: boolean) => {\r\n        canRedo.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    ),\r\n    editor.registerCommand(\r\n      DEVICE_VIEW_MODE,\r\n      (payload: string) => {\r\n        viewDevice.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    )\r\n  )\r\n\r\n  onUnmounted(() => {\r\n    ToolbarExtendPlugins.length = 0;\r\n    unregisterMergeListener()\r\n  })\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"toolbarRef\" class=\"mk-doc-editor-toolbar\">\r\n    <el-button-group>\r\n      <el-button text  :disabled=\"!canUndo\" @click=\"editor.dispatchCommand(UNDO_COMMAND, undefined)\">\r\n        <MKSvgIcon iconClass=\"RefreshLeft\" /> \r\n      </el-button>\r\n      <el-button text  :disabled=\"!canRedo\" @click=\"editor.dispatchCommand(REDO_COMMAND, undefined)\">\r\n        <MKSvgIcon iconClass=\"RefreshRight\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <!-- 内容 -->\r\n    <ContentStyleToolbar />\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 文字样式 -->\r\n    <FontStyleToolbar />\r\n    <el-divider  direction=\"vertical\" />\r\n    \r\n    <el-button-group>\r\n      <el-button text :class=\"`${viewDevice=='pc' ? 'active' : ''}`\" @click=\"editor.dispatchCommand(DEVICE_VIEW_MODE, 'pc')\">\r\n        <MKSvgIcon iconClass=\"Platform\" /> \r\n      </el-button>\r\n      <el-button text :class=\"`${viewDevice=='mobile' ? 'active' : ''}`\" @click=\"editor.dispatchCommand(DEVICE_VIEW_MODE, 'mobile')\">\r\n        <MKSvgIcon iconClass=\"Iphone\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-dropdown>\r\n      <el-button text>\r\n        <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 5px;\" /> 插入\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item v-for=\"item in ToolbarExtendPlugins\" :key=\"item\" @click=\"item.action()\">\r\n            <MKSvgIcon :iconClass=\"item.icon\" /> \r\n            {{item.text}}\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-button-group>\r\n      <PreviewToolbar />\r\n    </el-button-group>\r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,cAAuC;;;;AAEvC,UAAA,aAAa,IAA2B,IAAI;AAClD,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AACnB,UAAA,UAAU,IAAI,KAAK;AAEnB,UAAA,aAAa,IAAI,IAAI;AAG3B,cAAU,MAAM;AACd,YAAM,0BAA0B;AAAA,QAC9B,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAqB;AACpB,oBAAQ,QAAQ;AACT,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAqB;AACpB,oBAAQ,QAAQ;AACT,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAoB;AACnB,uBAAW,QAAQ;AACZ,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,MAAA;AAGF,kBAAY,MAAM;AAChB,6BAAqB,SAAS;AACN;MAAA,CACzB;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CommandListenerPriority } from 'lexical'\r\nimport {\r\n  CAN_REDO_COMMAND,\r\n  CAN_UNDO_COMMAND,\r\n  REDO_COMMAND,\r\n  UNDO_COMMAND,\r\n} from 'lexical'\r\n\r\nimport {  mergeRegister } from '@lexical/utils'\r\nimport {  useLexicalComposer } from 'lexical-vue'\r\nimport { onMounted, onUnmounted, ref,defineProps } from 'vue'\r\nimport PreviewToolbar from \"./PreviewToolbar.vue\"\r\nimport FontStyleToolbar from \"./FontStyleTool.vue\"\r\nimport ContentStyleToolbar from \"./ContentStyleTool.vue\"\r\nimport { ToolbarExtendPlugins } from \"./defines\"\r\nimport { DEVICE_VIEW_MODE } from \"../commands\"\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n\r\nconst LowPriority: CommandListenerPriority = 1\r\n\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst editor = useLexicalComposer()\r\n\r\nconst canUndo = ref(false)\r\nconst canRedo = ref(false)\r\n// pc | mobile\r\nconst viewDevice = ref('pc')\r\n\r\n\r\nonMounted(() => {\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerCommand(\r\n      CAN_UNDO_COMMAND,\r\n      (payload: boolean) => {\r\n        canUndo.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    ),\r\n    editor.registerCommand(\r\n      CAN_REDO_COMMAND,\r\n      (payload: boolean) => {\r\n        canRedo.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    ),\r\n    editor.registerCommand(\r\n      DEVICE_VIEW_MODE,\r\n      (payload: string) => {\r\n        viewDevice.value = payload\r\n        return false\r\n      },\r\n      LowPriority,\r\n    )\r\n  )\r\n\r\n  onUnmounted(() => {\r\n    ToolbarExtendPlugins.length = 0;\r\n    unregisterMergeListener()\r\n  })\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"toolbarRef\" class=\"mk-doc-editor-toolbar\">\r\n    <el-button-group>\r\n      <el-button text  :disabled=\"!canUndo\" @click=\"editor.dispatchCommand(UNDO_COMMAND, undefined)\">\r\n        <MKSvgIcon iconClass=\"RefreshLeft\" /> \r\n      </el-button>\r\n      <el-button text  :disabled=\"!canRedo\" @click=\"editor.dispatchCommand(REDO_COMMAND, undefined)\">\r\n        <MKSvgIcon iconClass=\"RefreshRight\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <!-- 内容 -->\r\n    <ContentStyleToolbar />\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 文字样式 -->\r\n    <FontStyleToolbar />\r\n    <el-divider  direction=\"vertical\" />\r\n    \r\n    <el-button-group>\r\n      <el-button text :class=\"`${viewDevice=='pc' ? 'active' : ''}`\" @click=\"editor.dispatchCommand(DEVICE_VIEW_MODE, 'pc')\">\r\n        <MKSvgIcon iconClass=\"Platform\" /> \r\n      </el-button>\r\n      <el-button text :class=\"`${viewDevice=='mobile' ? 'active' : ''}`\" @click=\"editor.dispatchCommand(DEVICE_VIEW_MODE, 'mobile')\">\r\n        <MKSvgIcon iconClass=\"Iphone\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-dropdown>\r\n      <el-button text>\r\n        <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 5px;\" /> 插入\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item v-for=\"item in ToolbarExtendPlugins\" :key=\"item\" @click=\"item.action()\">\r\n            <MKSvgIcon :iconClass=\"item.icon\" /> \r\n            {{item.text}}\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-button-group>\r\n      <PreviewToolbar :js=\"js\" :css=\"css\" />\r\n    </el-button-group>\r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;AAwBA,MAAM,cAAuC;;;;;;;;AAEvC,UAAA,aAAa,IAA2B,IAAI;AAClD,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AACnB,UAAA,UAAU,IAAI,KAAK;AAEnB,UAAA,aAAa,IAAI,IAAI;AAG3B,cAAU,MAAM;AACd,YAAM,0BAA0B;AAAA,QAC9B,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAqB;AACpB,oBAAQ,QAAQ;AACT,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAqB;AACpB,oBAAQ,QAAQ;AACT,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAoB;AACnB,uBAAW,QAAQ;AACZ,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,MAAA;AAGF,kBAAY,MAAM;AAChB,6BAAqB,SAAS;AACN;MAAA,CACzB;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,22 +1,27 @@
-import { HeadingNode } from "@lexical/rich-text";
+import { HeadingNode, QuoteNode } from "@lexical/rich-text";
+import { TableNode, TableCellNode, TableRowNode } from "@lexical/table";
 import { ListNode, ListItemNode } from "@lexical/list";
+import { CodeNode, CodeHighlightNode } from "@lexical/code";
 import { AutoLinkNode, LinkNode } from "@lexical/link";
+import { HashtagNode } from "@lexical/hashtag";
 import { ImageNode } from "./ImagePlugin/index.js";
 import { ImageTextNode } from "./ImageTextPlugin/index.js";
 import { HtmlBlockNode } from "./HtmlBlockPlugin/index.js";
+import { RichTextNode } from "./RichTextPlugin/nodes/RichTextNode.js";
 const Nodes = [
   HeadingNode,
   ListNode,
   ListItemNode,
-  // QuoteNode,
-  // CodeNode,
-  // CodeHighlightNode,
-  // TableNode,
-  // TableCellNode,
-  // TableRowNode,
+  QuoteNode,
+  CodeNode,
+  CodeHighlightNode,
+  TableNode,
+  TableCellNode,
+  TableRowNode,
   AutoLinkNode,
   LinkNode,
-  // HashtagNode,
+  HashtagNode,
+  RichTextNode,
   ImageNode,
   ImageTextNode,
   HtmlBlockNode

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\nimport { ImageTextNode } from \"./ImageTextPlugin\"\r\nimport { HtmlBlockNode } from \"./HtmlBlockPlugin\"\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  HtmlBlockNode\r\n]\r\n\r\nexport default Nodes\r\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,QAAmC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"nodes.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/nodes.ts"],"sourcesContent":["import { type Klass, type LexicalNode,TextNode,ElementNode } 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\nimport { HtmlBlockNode } from \"./HtmlBlockPlugin\"\r\nimport { RichTextNode } from \"./RichTextPlugin/nodes/RichTextNode\"\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\r\n  RichTextNode,\r\n  ImageNode,\r\n  ImageTextNode,\r\n  HtmlBlockNode\r\n]\r\n\r\nexport default Nodes\r\n"],"names":[],"mappings":";;;;;;;;;;AAYA,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,EAEA;AAAA,EACA;AAAA,EACA;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\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";
+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\r\n.mk-doc__embedBlock {\r\n  user-select: none;\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 1px;\r\n}\r\n.mk-doc__embedBlockFocus {\r\n  outline: 2px solid rgb(60, 132, 244);\r\n}\r\n\r\n.mk-doc-html-block >*{\r\n  user-select: none;\r\n  pointer-events: none;;\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\\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;"}
+{"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\\r\\n.mk-doc__embedBlock {\\r\\n  user-select: none;\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n  padding: 1px;\\r\\n}\\r\\n.mk-doc__embedBlockFocus {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n\\r\\n.mk-doc-html-block >*{\\r\\n  user-select: none;\\r\\n  pointer-events: none;;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,eAAA;"}

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

@@ -422,14 +422,6 @@ const DocThemeCss = `\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
@@ -450,6 +442,10 @@ const DocThemeCss = `\r
   clear: both;\r
   display: block;\r
 }\r
+.mk-doc-html-block {\r
+  line-height: normal;\r
+}\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  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;"}
+{"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__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.mk-doc-html-block {\\r\\n  line-height: normal;\\r\\n}\\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;"}

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 {\r\n  ElInput,\r\n  ElScrollbar,\r\n  useFormItem as elUseFormItem,\r\n} 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 search = ref(\"\");\r\n\r\n    const filteredIcons = computed(() => {\r\n      const _search = unref(search).toLowerCase().trim();\r\n\r\n      return unref(icons).filter((icon) =>\r\n        icon.toLowerCase().includes(_search)\r\n      );\r\n    });\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      if (unref(disabled)) {\r\n        return;\r\n      }\r\n\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(filteredIcons).map((icon) => (\r\n        <span\r\n          key={icon}\r\n          class={[\r\n            \"mk-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-icon-select\">\r\n          <ElInput\r\n            modelValue={unref(search)}\r\n            onUpdate:modelValue={(v) => (search.value = v)}\r\n            placeholder=\"搜索图标\"\r\n            validateEvent={false}\r\n            suffixIcon={elIcons.Search}\r\n          />\r\n\r\n          <div\r\n            class={[\r\n              \"mk-icon-select__wrapper\",\r\n              unref(disabled) ? \"is-disabled\" : \"\",\r\n            ]}\r\n          >\r\n            <ElScrollbar height=\"100%\">{children}</ElScrollbar>\r\n          </div>\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","search","filteredIcons","computed","_search","unref","toLowerCase","trim","filter","icon","includes","modelValue","get","set","v","disabled","formItem","elFormItem","elUseFormItem","handleClick","value","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","Set","keys","elIcons","watch","validate","flush","_value","children","_createVNode","onClick","SvgIcon","ElInput","Search","ElScrollbar","default"],"mappings":"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"}
+{"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 {\n  ElInput,\n  ElScrollbar,\n  useFormItem as elUseFormItem,\n} 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 search = ref(\"\");\n\n    const filteredIcons = computed(() => {\n      const _search = unref(search).toLowerCase().trim();\n\n      return unref(icons).filter((icon) =>\n        icon.toLowerCase().includes(_search)\n      );\n    });\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      if (unref(disabled)) {\n        return;\n      }\n\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(filteredIcons).map((icon) => (\n        <span\n          key={icon}\n          class={[\n            \"mk-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-icon-select\">\n          <ElInput\n            modelValue={unref(search)}\n            onUpdate:modelValue={(v) => (search.value = v)}\n            placeholder=\"搜索图标\"\n            validateEvent={false}\n            suffixIcon={elIcons.Search}\n          />\n\n          <div\n            class={[\n              \"mk-icon-select__wrapper\",\n              unref(disabled) ? \"is-disabled\" : \"\",\n            ]}\n          >\n            <ElScrollbar height=\"100%\">{children}</ElScrollbar>\n          </div>\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","search","filteredIcons","computed","_search","unref","toLowerCase","trim","filter","icon","includes","modelValue","get","set","v","disabled","formItem","elFormItem","elUseFormItem","handleClick","value","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","Set","keys","elIcons","watch","validate","flush","_value","children","_createVNode","onClick","SvgIcon","ElInput","Search","ElScrollbar","default"],"mappings":"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"}

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/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/image-cropper/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport ImageCropperContent from \"./image-cropper-content\";\r\n\r\nexport * from \"./image-cropper-api\";\r\n\r\nexport const MKImageCropperContent = withInstall(ImageCropperContent);\r\n\r\nexport default MKImageCropperContent;\r\n\r\nexport * from \"./image-cropper-content-options\";\r\n"],"names":[],"mappings":";;;;;;;AAKa,MAAA,wBAAwB,YAAY,mBAAmB;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/image-cropper/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport ImageCropperContent from \"./image-cropper-content\";\n\nexport * from \"./image-cropper-api\";\n\nexport const MKImageCropperContent = withInstall(ImageCropperContent);\n\nexport default MKImageCropperContent;\n\nexport * from \"./image-cropper-content-options\";\n"],"names":[],"mappings":";;;;;;;AAKa,MAAA,wBAAwB,YAAY,mBAAmB;"}

package/dist/esm/components/basic/json-editor/json-editor-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-editor-options.js","sources":["../../../../../src/components/basic/json-editor/json-editor-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const jsonEditorProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n    required: true,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type JsonEditorProps = ExtractPropTypes<typeof jsonEditorProps>;\r\n\r\nexport const jsonEditorEmits = {\r\n  \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type JsonEditorEmits = typeof jsonEditorEmits;\r\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,eAAuB;AAChD;"}
+{"version":3,"file":"json-editor-options.js","sources":["../../../../../src/components/basic/json-editor/json-editor-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const jsonEditorProps = buildProps({\n  modelValue: {\n    type: null,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type JsonEditorProps = ExtractPropTypes<typeof jsonEditorProps>;\n\nexport const jsonEditorEmits = {\n  \"update:model-value\": (modelValue: string) => true,\n};\n\nexport type JsonEditorEmits = typeof jsonEditorEmits;\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,eAAuB;AAChD;"}

package/dist/esm/components/basic/json-editor/json-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-editor.js","sources":["../../../../../src/components/basic/json-editor/json-editor.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { json } from \"@codemirror/lang-json\";\r\nimport { MKCodeEditor } from \"../code-editor\";\r\nimport { jsonEditorEmits, jsonEditorProps } from \"./json-editor-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKJsonEditor\",\r\n  props: jsonEditorProps,\r\n  emits: jsonEditorEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => (props.modelValue as string) || \"\",\r\n      set: (v: string) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <MKCodeEditor\r\n          class=\"mk-json-editor\"\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:model-value={(v: string) => (modelValue.value = v)}\r\n          disabled={props.disabled}\r\n          extensions={[json()]}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","jsonEditorProps","emits","jsonEditorEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKCodeEditor","unref","value","disabled","json"],"mappings":";;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAyB;AAAA,MAC3CG,KAAMC,OAAcL,KAAK,sBAAsBK,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,cAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMP,UAAU;AAAA,QAAC,wBACNI,OAAeJ,WAAWQ,QAAQJ;AAAAA,QAAE,YACjDV,MAAMe;AAAAA,QAAQ,cACZ,CAACC,MAAM;AAAA,MAAC,GAAA,IAAA;AAAA;EAI5B;AACF,CAAC;"}
+{"version":3,"file":"json-editor.js","sources":["../../../../../src/components/basic/json-editor/json-editor.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { json } from \"@codemirror/lang-json\";\nimport { MKCodeEditor } from \"../code-editor\";\nimport { jsonEditorEmits, jsonEditorProps } from \"./json-editor-options\";\n\nexport default defineComponent({\n  name: \"MKJsonEditor\",\n  props: jsonEditorProps,\n  emits: jsonEditorEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => (props.modelValue as string) || \"\",\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <MKCodeEditor\n          class=\"mk-json-editor\"\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: string) => (modelValue.value = v)}\n          disabled={props.disabled}\n          extensions={[json()]}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","jsonEditorProps","emits","jsonEditorEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKCodeEditor","unref","value","disabled","json"],"mappings":";;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAyB;AAAA,MAC3CG,KAAMC,OAAcL,KAAK,sBAAsBK,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,cAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMP,UAAU;AAAA,QAAC,wBACNI,OAAeJ,WAAWQ,QAAQJ;AAAAA,QAAE,YACjDV,MAAMe;AAAAA,QAAQ,cACZ,CAACC,MAAM;AAAA,MAAC,GAAA,IAAA;AAAA;EAI5B;AACF,CAAC;"}

package/dist/esm/components/basic/page-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/page-container/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport PageContainer from \"./page-container\";\r\n\r\nexport const MKPageContainer = withInstall(PageContainer);\r\nexport default MKPageContainer;\r\n"],"names":[],"mappings":";;AAGa,MAAA,kBAAkB,YAAY,aAAa;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/page-container/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport PageContainer from \"./page-container\";\n\nexport const MKPageContainer = withInstall(PageContainer);\nexport default MKPageContainer;\n"],"names":[],"mappings":";;AAGa,MAAA,kBAAkB,YAAY,aAAa;"}

package/dist/esm/components/basic/page-container/page-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-container.js","sources":["../../../../../src/components/basic/page-container/page-container.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKPageContainer\",\r\n  setup(_, { slots }) {\r\n    return () => {\r\n      return <div class=\"mk-page-container\">{slots.default?.()}</div>;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","_","slots","_createVNode","default"],"mappings":";AAEA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,GAAG;AAAA,IAAEC;AAAAA,EAAM,GAAG;AAClB,WAAO,MAAM;;AACX,aAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,EAAuCD,WAAME,YAANF,8BAAiB,CAAA;AAAA;EAE5D;AACF,CAAC;"}
+{"version":3,"file":"page-container.js","sources":["../../../../../src/components/basic/page-container/page-container.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"MKPageContainer\",\n  setup(_, { slots }) {\n    return () => {\n      return <div class=\"mk-page-container\">{slots.default?.()}</div>;\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","_","slots","_createVNode","default"],"mappings":";AAEA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,GAAG;AAAA,IAAEC;AAAAA,EAAM,GAAG;AAClB,WAAO,MAAM;;AACX,aAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,EAAuCD,WAAME,YAANF,8BAAiB,CAAA;AAAA;EAE5D;AACF,CAAC;"}

package/dist/esm/components/basic/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/radio/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormRadioBox from \"./radio\";\r\n\r\nexport const MKFormRadioBox = withInstall(FormRadioBox);\r\nexport default MKFormRadioBox;\r\n\r\nexport * from \"./radio-options\";\r\n"],"names":[],"mappings":";;;AAGa,MAAA,iBAAiB,YAAY,YAAY;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/radio/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormRadioBox from \"./radio\";\n\nexport const MKFormRadioBox = withInstall(FormRadioBox);\nexport default MKFormRadioBox;\n\nexport * from \"./radio-options\";\n"],"names":[],"mappings":";;;AAGa,MAAA,iBAAiB,YAAY,YAAY;"}

package/dist/esm/components/basic/radio/radio-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-options.js","sources":["../../../../../src/components/basic/radio/radio-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const radioProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n    default: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  options: {\r\n    type: Array,\r\n  },\r\n  dataTable: {\r\n    type: DataTable,\r\n  },\r\n  formatOptions: {\r\n    type: Function,\r\n    default: (item: any) => {\r\n      const value = item.value ?? item.id ?? item.name;\r\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\r\n\r\n      return { value, label };\r\n    },\r\n  },\r\n} as const);\r\n\r\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\r\n\r\nexport const radioEmits = {\r\n  \"update:model-value\": (value: any) => true,\r\n};\r\n\r\nexport type RadioEmits = typeof radioEmits;\r\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,WAAW;AAAA,EACnC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AAErD,aAAA,EAAE,OAAO;IAClB;AAAA,EACF;AACF,CAAU;AAIH,MAAM,aAAa;AAAA,EACxB,sBAAsB,CAAC,UAAe;AACxC;"}
+{"version":3,"file":"radio-options.js","sources":["../../../../../src/components/basic/radio/radio-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const radioProps = buildProps({\n  modelValue: {\n    type: null,\n    default: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n\n      return { value, label };\n    },\n  },\n} as const);\n\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\n\nexport const radioEmits = {\n  \"update:model-value\": (value: any) => true,\n};\n\nexport type RadioEmits = typeof radioEmits;\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,WAAW;AAAA,EACnC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AAErD,aAAA,EAAE,OAAO;IAClB;AAAA,EACF;AACF,CAAU;AAIH,MAAM,aAAa;AAAA,EACxB,sBAAsB,CAAC,UAAe;AACxC;"}