@hejiayue/x-markdown-test 0.0.1-beta.151 → 0.0.1-beta.152

package/dist/x-markdown.cjs24.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.cjs24.js","sources":["../src/components/Mermaid/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { MdComponent, MermaidExposeProps, MermaidAction, MermaidSlotProps } from './types'\r\nimport type { VNode } from 'vue'\r\nimport { computed, ref, h, onMounted } from 'vue'\r\nimport { useClipboard } from '@vueuse/core'\r\n// 使用运行时检测\r\nimport { checkMermaidAvailable } from '../../hooks/useMermaid'\r\nimport SyntaxMermaid from './SyntaxMermaid.vue'\r\nimport CodeBlock from '../CodeBlock/index.vue'\r\n\r\ninterface MermaidProps extends MdComponent {\r\n  isDark?: boolean\r\n  shikiTheme?: [string, string]\r\n  config?: Record<string, any>\r\n  mermaidActions?: MermaidAction[]\r\n}\r\n\r\nconst props = withDefaults(defineProps<MermaidProps>(), {\r\n  raw: () => ({}),\r\n  isDark: false,\r\n  shikiTheme: () => ['vitesse-light', 'vitesse-dark'],\r\n  config: () => ({}),\r\n  mermaidActions: undefined,\r\n})\r\n\r\nconst syntaxMermaidRef = ref<InstanceType<typeof SyntaxMermaid> | null>(null)\r\nconst showSourceCode = ref(false)\r\n// 运行时检测 mermaid 是否可用\r\n// 默认为 true（降级模式），检测到可用后才切换到正常模式\r\n// 这样可以避免首次渲染时的闪烁问题\r\nconst isDegraded = ref(true)\r\nconst mermaidContent = computed(() => props.raw?.content || '')\r\nconst mermaidId = computed(() => `mermaid-${props.raw?.key || 'default'}`)\r\nconst isLoading = computed(() => syntaxMermaidRef.value?.isLoading ?? true)\r\nconst svg = computed(() => syntaxMermaidRef.value?.svg ?? '')\r\nconst activeTab = computed(() => (showSourceCode.value ? 'code' : 'diagram'))\r\n\r\nfunction handleZoomIn(event?: Event) {\r\n  event?.stopPropagation()\r\n  event?.preventDefault()\r\n  if (!showSourceCode.value) {\r\n    syntaxMermaidRef.value?.zoomIn()\r\n  }\r\n}\r\n\r\nfunction handleZoomOut(event?: Event) {\r\n  event?.stopPropagation()\r\n  event?.preventDefault()\r\n  if (!showSourceCode.value) {\r\n    syntaxMermaidRef.value?.zoomOut()\r\n  }\r\n}\r\n\r\nfunction handleReset(event?: Event) {\r\n  event?.stopPropagation()\r\n  event?.preventDefault()\r\n  if (!showSourceCode.value) {\r\n    syntaxMermaidRef.value?.reset()\r\n  }\r\n}\r\n\r\nfunction handleFullscreen() {\r\n  if (!showSourceCode.value) {\r\n    syntaxMermaidRef.value?.fullscreen()\r\n  }\r\n}\r\n\r\nfunction handleToggleCode() {\r\n  showSourceCode.value = !showSourceCode.value\r\n}\r\n\r\nconst { copy: copyCode, copied } = useClipboard({ copiedDuring: 1500 })\r\n\r\nfunction handleTabClick(tabName: string) {\r\n  if (tabName === 'code' && !showSourceCode.value) {\r\n    showSourceCode.value = true\r\n  } else if (tabName === 'diagram' && showSourceCode.value) {\r\n    showSourceCode.value = false\r\n  }\r\n}\r\n\r\nasync function handleCopyCode(event?: Event) {\r\n  event?.stopPropagation()\r\n  event?.preventDefault()\r\n\r\n  if (copied.value) {\r\n    return\r\n  }\r\n\r\n  if (!props.raw.content) {\r\n    return\r\n  }\r\n  await copyCode(props.raw.content)\r\n}\r\n\r\nfunction handleDownload() {\r\n  syntaxMermaidRef.value?.download()\r\n}\r\n\r\nconst normalizedActions = computed<MermaidAction[]>(() => {\r\n  return props.mermaidActions || []\r\n})\r\n\r\nconst filteredActions = computed<MermaidAction[]>(() => {\r\n  return normalizedActions.value.filter((action) => {\r\n    if (!action.show) return true\r\n    return action.show(slotProps.value)\r\n  })\r\n})\r\n\r\nconst slotProps = computed<MermaidSlotProps>(() => ({\r\n  showSourceCode: showSourceCode.value,\r\n  svg: svg.value,\r\n  rawContent: props.raw.content || '',\r\n  isLoading: isLoading.value,\r\n  copied: copied.value,\r\n  zoomIn: handleZoomIn,\r\n  zoomOut: handleZoomOut,\r\n  reset: handleReset,\r\n  fullscreen: handleFullscreen,\r\n  toggleCode: handleToggleCode,\r\n  copyCode: handleCopyCode,\r\n  download: handleDownload,\r\n  raw: props.raw,\r\n}))\r\n\r\nfunction renderActionIcon(action: MermaidAction): VNode | null {\r\n  if (!action.icon) return null\r\n\r\n  if (typeof action.icon === 'string') {\r\n    return h('span', {\r\n      class: 'mermaid-action-icon',\r\n      innerHTML: action.icon,\r\n    })\r\n  }\r\n\r\n  if (typeof action.icon === 'function') {\r\n    try {\r\n      const result = (action.icon as (props: MermaidSlotProps) => VNode)(slotProps.value)\r\n      if (result && typeof result === 'object' && '__v_isVNode' in result) {\r\n        return result\r\n      }\r\n    } catch {\n      // ignore\n    }\r\n    return h(action.icon as any)\r\n  }\r\n\r\n  return h(action.icon as any)\r\n}\r\n\r\nfunction handleActionClick(action: MermaidAction) {\r\n  if (action.disabled) return\r\n  action.onClick?.(slotProps.value)\r\n}\r\n\r\nconst exposedMethods = computed(\r\n  () =>\r\n    ({\r\n      showSourceCode: showSourceCode.value,\r\n      svg: svg.value,\r\n      rawContent: props.raw.content || '',\r\n      isLoading: isLoading.value,\r\n      copied: copied.value,\r\n      zoomIn: handleZoomIn,\r\n      zoomOut: handleZoomOut,\r\n      reset: handleReset,\r\n      fullscreen: handleFullscreen,\r\n      toggleCode: handleToggleCode,\r\n      copyCode: handleCopyCode,\r\n      download: handleDownload,\r\n      raw: props.raw,\r\n    }) satisfies MermaidExposeProps,\r\n)\r\n\r\n// 组件挂载时检测 mermaid 是否可用\r\nonMounted(async () => {\r\n  const hasMermaid = await checkMermaidAvailable()\r\n  isDegraded.value = !hasMermaid\r\n})\r\n</script>\r\n\r\n<template>\r\n  <!-- 当 Mermaid 不可用时（降级），渲染 CodeBlock -->\r\n  <CodeBlock\r\n    v-if=\"isDegraded\"\r\n    :code=\"props.raw?.content || ''\"\r\n    language=\"mermaid\"\r\n    :is-dark=\"props.isDark\"\r\n    :light-theme=\"props.shikiTheme[0]\"\r\n    :dark-theme=\"props.shikiTheme[1]\"\r\n  />\r\n\r\n  <!-- 当 Mermaid 可用时，渲染完整的 Mermaid 组件 -->\r\n  <div v-else :key=\"props.raw.key\" class=\"markdown-mermaid\" :class=\"{ 'markdown-mermaid--dark': props.isDark }\">\r\n    <Transition name=\"toolbar\" appear>\r\n      <div class=\"toolbar-container\">\r\n        <slot name=\"mermaidHeader\" v-bind=\"exposedMethods\">\r\n          <div class=\"mermaid-toolbar\">\r\n            <div class=\"toolbar-left\">\r\n              <div class=\"segmented-control\">\r\n                <div class=\"segmented-slider\" :class=\"{ 'slide-right': activeTab === 'code' }\" />\r\n                <div\r\n                  class=\"segment-item\"\r\n                  :class=\"{ active: activeTab === 'diagram' }\"\r\n                  @click=\"handleTabClick('diagram')\"\r\n                >\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path\r\n                      d=\"M12 2L2 7L12 12L22 7L12 2Z\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                      d=\"M2 17L12 22L22 17\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                      d=\"M2 12L12 17L22 12\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                  <span>预览</span>\r\n                </div>\r\n                <div class=\"segment-item\" :class=\"{ active: activeTab === 'code' }\" @click=\"handleTabClick('code')\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path\r\n                      d=\"M16 18L22 12L16 6\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                      d=\"M8 6L2 12L8 18\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                  <span>代码</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"toolbar-right\">\r\n              <slot name=\"mermaidActions\" v-bind=\"exposedMethods\">\r\n                <div\r\n                  v-for=\"action in filteredActions\"\r\n                  :key=\"action.key\"\r\n                  class=\"toolbar-action-btn\"\r\n                  :class=\"[action.class, { 'toolbar-action-btn--disabled': action.disabled }]\"\r\n                  :style=\"action.style\"\r\n                  :title=\"action.title\"\r\n                  @click=\"handleActionClick(action)\"\r\n                >\r\n                  <component :is=\"renderActionIcon(action)\" v-if=\"action.icon\" />\r\n                </div>\r\n\r\n                <template v-if=\"showSourceCode\">\r\n                  <div\r\n                    class=\"toolbar-action-btn\"\r\n                    :class=\"{ 'copy-success': copied }\"\r\n                    title=\"复制代码\"\r\n                    @click=\"handleCopyCode($event)\"\r\n                  >\r\n                    <svg\r\n                      v-if=\"copied\"\r\n                      width=\"16\"\r\n                      height=\"16\"\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                      viewBox=\"0 0 1024 1024\"\r\n                    >\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z\"\r\n                      />\r\n                    </svg>\r\n                    <svg v-else width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M768 832a128 128 0 0 1-128 128H192A128 128 0 0 1 64 832V384a128 128 0 0 1 128-128v64a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64z\"\r\n                      />\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M384 128a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64zm0-64h448a128 128 0 0 1 128 128v448a128 128 0 0 1-128 128H384a128 128 0 0 1-128-128V192A128 128 0 0 1 384 64\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n                </template>\r\n\r\n                <template v-else>\r\n                  <div class=\"toolbar-action-btn\" title=\"缩小\" @click=\"handleZoomOut($event)\">\r\n                    <svg width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n\r\n                  <div class=\"toolbar-action-btn\" title=\"放大\" @click=\"handleZoomIn($event)\">\r\n                    <svg width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n\r\n                  <div class=\"toolbar-action-btn\" title=\"重置\" @click=\"handleReset($event)\">\r\n                    <svg width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896\"\r\n                      />\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M512 96a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V128a32 32 0 0 1 32-32m0 576a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V704a32 32 0 0 1 32-32M96 512a32 32 0 0 1 32-32h192a32 32 0 0 1 0 64H128a32 32 0 0 1-32-32m576 0a32 32 0 0 1 32-32h192a32 32 0 1 1 0 64H704a32 32 0 0 1-32-32\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n\r\n                  <div class=\"toolbar-action-btn\" title=\"下载\" @click=\"handleDownload\">\r\n                    <svg width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n                </template>\r\n              </slot>\r\n            </div>\r\n          </div>\r\n        </slot>\r\n      </div>\r\n    </Transition>\r\n\r\n    <div v-show=\"showSourceCode\" class=\"mermaid-source-code\">\r\n      <CodeBlock\r\n        :code=\"props.raw?.content || ''\"\r\n        language=\"mermaid\"\r\n        :is-dark=\"props.isDark\"\r\n        :light-theme=\"props.shikiTheme[0]\"\r\n        :dark-theme=\"props.shikiTheme[1]\"\r\n        :show-code-block-header=\"false\"\r\n        :sticky-code-block-header=\"false\"\r\n      />\r\n    </div>\r\n\r\n    <SyntaxMermaid\r\n      v-show=\"!showSourceCode\"\r\n      ref=\"syntaxMermaidRef\"\r\n      :content=\"mermaidContent\"\r\n      :id=\"mermaidId\"\r\n      :is-dark=\"props.isDark\"\r\n      :config=\"props.config\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.markdown-mermaid {\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  font-size: 0;\r\n  background: rgba(0, 0, 0, 0.03);\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark {\r\n  background: rgba(255, 255, 255, 0.13);\r\n}\r\n\r\n.markdown-mermaid .toolbar-container {\r\n  position: relative;\r\n  z-index: 10;\r\n  flex-shrink: 0;\r\n  background: rgba(0, 0, 0, 0.05);\r\n  color: #333;\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark .toolbar-container {\r\n  background: rgba(0, 0, 0, 0.25);\r\n  color: #fff;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 8px 16px;\r\n  background: transparent;\r\n  color: inherit;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-left {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segmented-control {\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  background: rgba(0, 0, 0, 0.06);\r\n  border-radius: 6px;\r\n  padding: 3px;\r\n  gap: 2px;\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segmented-control {\r\n  background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segmented-slider {\r\n  position: absolute;\r\n  top: 3px;\r\n  left: 3px;\r\n  width: calc(50% - 4px);\r\n  height: calc(100% - 6px);\r\n  background: #fff;\r\n  border-radius: 4px;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n  z-index: 0;\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segmented-slider {\r\n  background: rgba(255, 255, 255, 0.15);\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segmented-slider.slide-right {\r\n  transform: translateX(calc(100% + 2px));\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segment-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  font-size: 12px;\r\n  border: none;\r\n  color: inherit;\r\n  min-width: 60px;\r\n  text-align: center;\r\n  box-sizing: border-box;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  border-radius: 4px;\r\n  padding: 5px 12px;\r\n  transition: all 0.2s ease;\r\n  background: transparent;\r\n  opacity: 0.6;\r\n  user-select: none;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segment-item.active {\r\n  opacity: 1;\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segment-item.active {\r\n  color: #fff;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segment-item:hover {\r\n  opacity: 1;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segment-item svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-right {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-action-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  padding: 0;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: inherit;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  opacity: 0.7;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-action-btn:hover {\r\n  opacity: 1;\r\n  background: rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-action-btn.copy-success {\r\n  opacity: 1;\r\n  color: #22c55e;\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .toolbar-action-btn:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-action-btn.toolbar-action-btn--disabled {\r\n  opacity: 0.3;\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .mermaid-action-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .mermaid-action-icon :deep(svg) {\r\n  width: 16px;\r\n  height: 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.markdown-mermaid .mermaid-source-code {\r\n  position: relative;\r\n  z-index: 1;\r\n  flex: 1;\r\n  width: 100%;\r\n  overflow: auto;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.toolbar-enter-active,\r\n.toolbar-leave-active {\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.toolbar-enter-from,\r\n.toolbar-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n"],"names":["props","__props","syntaxMermaidRef","ref","showSourceCode","isDegraded","mermaidContent","computed","raw","content","mermaidId","key","isLoading","value","svg","activeTab","handleZoomIn","event","stopPropagation","preventDefault","zoomIn","handleZoomOut","zoomOut","handleReset","reset","handleFullscreen","fullscreen","handleToggleCode","copy","copyCode","copied","useClipboard","copiedDuring","handleTabClick","tabName","async","handleCopyCode","handleDownload","download","normalizedActions","mermaidActions","filteredActions","filter","action","show","slotProps","rawContent","toggleCode","renderActionIcon","icon","h","class","innerHTML","result","exposedMethods","onMounted","hasMermaid","checkMermaidAvailable","_createBlock","CodeBlock","code","language","isDark","shikiTheme","_createElementBlock","_normalizeClass","_createVNode","_Transition","name","appear","_createElementVNode","_hoisted_1","_renderSlot","_ctx","$slots","_normalizeProps","_guardReactiveProps","_hoisted_2","_hoisted_3","_hoisted_4","active","onClick","width","height","viewBox","fill","xmlns","d","stroke","_hoisted_5","_Fragment","_renderList","disabled","style","_normalizeStyle","title","$event","handleActionClick","_resolveDynamicComponent","_unref","_cache","_openBlock","_hoisted_7","_hoisted_8","_withDirectives","_hoisted_9","SyntaxMermaid","id","config"],"mappings":"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"}

package/dist/x-markdown.cjs26.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./x-markdown.cjs30.js"),t=require("vue"),o=e.isClient?window:void 0,n=e.isClient?window.navigator:void 0;function r(e){var o;const n=t.toValue(e);return null!==(o=null==n?void 0:n.$el)&&void 0!==o?o:n}function a(...n){const a=t.computed(()=>{const o=e.toArray(t.toValue(n[0])).filter(e=>null!=e);return o.every(e=>"string"!=typeof e)?o:void 0});return e.watchImmediate(()=>{var l,i;return[null!==(l=null===(i=a.value)||void 0===i?void 0:i.map(e=>r(e)))&&void 0!==l?l:[o].filter(e=>null!=e),e.toArray(t.toValue(a.value?n[1]:n[0])),e.toArray(t.unref(a.value?n[2]:n[1])),t.toValue(a.value?n[3]:n[2])]},([t,o,n,r],a,l)=>{if(!(null==t?void 0:t.length)||!(null==o?void 0:o.length)||!(null==n?void 0:n.length))return;const i=e.isObject(r)?{...r}:r,u=t.flatMap(e=>o.flatMap(t=>n.map(o=>((e,t,o,n)=>(e.addEventListener(t,o,n),()=>e.removeEventListener(t,o,n)))(e,t,o,i))));l(()=>{u.forEach(e=>e())})},{flush:"post"})}function l(){const e=t.shallowRef(!1),o=t.getCurrentInstance();return o&&t.onMounted(()=>{e.value=!0},o),e}function i(e){const o=l();return t.computed(()=>(o.value,Boolean(e())))}function u(o,r={}){const{controls:l=!1,navigator:u=n}=r,s=i(()=>u&&"permissions"in u),c=t.shallowRef(),d="string"==typeof o?{name:o}:o,v=t.shallowRef(),p=()=>{var e,t;v.value=null!==(e=null===(t=c.value)||void 0===t?void 0:t.state)&&void 0!==e?e:"prompt"};a(c,"change",p,{passive:!0});const m=e.createSingletonPromise(async()=>{if(s.value){if(!c.value)try{c.value=await u.permissions.query(d)}catch(e){c.value=void 0}finally{p()}return l?t.toRaw(c.value):void 0}});return m(),l?{state:v,isSupported:s,query:m}:v}exports.createSingletonPromise=e.createSingletonPromise,exports.isClient=e.isClient,exports.isObject=e.isObject,exports.toArray=e.toArray,exports.tryOnScopeDispose=e.tryOnScopeDispose,exports.useTimeoutFn=e.useTimeoutFn,exports.watchImmediate=e.watchImmediate,exports.defaultNavigator=n,exports.defaultWindow=o,exports.unrefElement=r,exports.useClipboard=function(o={}){const{navigator:r=n,read:l=!1,source:s,copiedDuring:c=1500,legacy:d=!1}=o,v=i(()=>r&&"clipboard"in r),p=u("clipboard-read"),m=u("clipboard-write"),f=t.computed(()=>v.value||d),y=t.shallowRef(""),x=t.shallowRef(!1),g=e.useTimeoutFn(()=>x.value=!1,c,{immediate:!1});function w(e){return"granted"===e||"prompt"===e}return f.value&&l&&a(["copy","cut"],async function(){let e=!(v.value&&w(p.value));if(!e)try{y.value=await r.clipboard.readText()}catch(a){e=!0}var t,o,n;e&&(y.value=null!==(t=null===(o=document)||void 0===o||null===(n=o.getSelection)||void 0===n||null===(n=n.call(o))||void 0===n?void 0:n.toString())&&void 0!==t?t:"")},{passive:!0}),{isSupported:f,text:t.readonly(y),copied:t.readonly(x),copy:async function(e=t.toValue(s)){if(f.value&&null!=e){let t=!(v.value&&w(m.value));if(!t)try{await r.clipboard.writeText(e)}catch(o){t=!0}t&&function(e){const t=document.createElement("textarea");t.value=e,t.style.position="absolute",t.style.opacity="0",t.setAttribute("readonly",""),document.body.appendChild(t),t.select(),document.execCommand("copy"),t.remove()}(e),y.value=e,x.value=!0,g.start()}}}},exports.useEventListener=a,exports.useMounted=l,exports.usePermission=u,exports.useSupported=i;
-//# sourceMappingURL=x-markdown.cjs26.js.map