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

package/dist/style.css

@@ -1 +1,438 @@
-@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.x-md-animated-word{animation:fadeIn .3s ease-in-out}.x-md-renderer pre{margin:16px 0;padding:0;overflow:auto;background:transparent!important}.x-md-renderer pre:has(.x-md-code-header-wrapper--sticky){overflow:unset}.katex-error{color:var(--el-text-color-secondary)!important}.katex-html{overflow:auto hidden;padding:3px}.x-md-syntax-code-block[data-v-ddb364e9]{width:100%}.x-md-syntax-code-block pre[data-v-ddb364e9]{margin:0;padding:16px;overflow:auto;background:transparent!important}.x-md-code-content[data-v-ddb364e9]{display:flex;flex-direction:column}.x-md-code-line[data-v-ddb364e9]{width:100%;font-size:14px;line-height:1.5;display:flex}.x-md-code-block[data-v-5e8d09a0]{border-radius:8px;overflow:hidden;font-size:0;background:#00000008}.x-md-code-block.x-md-code-block--dark[data-v-5e8d09a0]{background:#ffffff21}.x-md-code-header-wrapper--sticky[data-v-5e8d09a0]{background:#fff;position:sticky;top:0}.x-md-code-block.x-md-code-block--dark .x-md-code-header-wrapper--sticky[data-v-5e8d09a0]{background:#1a1a1a}.x-md-code-header[data-v-5e8d09a0]{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#0000000d;color:#333}.x-md-code-block .x-md-code-header-wrapper--sticky .x-md-code-header[data-v-5e8d09a0]{background:#ebebeb;border-radius:8px 8px 0 0}.x-md-code-block[data-v-5e8d09a0]:has(.x-md-code-header-wrapper--sticky){overflow:visible}.x-md-code-block.x-md-code-block--dark .x-md-code-header[data-v-5e8d09a0]{background:#00000040;color:#fff}.x-md-code-block.x-md-code-block--dark .x-md-code-header-wrapper--sticky .x-md-code-header[data-v-5e8d09a0]{background:#2c2c2c}.x-md-code-block .x-md-code-header-wrapper--collapsed .x-md-code-header[data-v-5e8d09a0]{border-radius:8px}.x-md-code-header__left[data-v-5e8d09a0],.x-md-code-header__right[data-v-5e8d09a0]{display:flex;align-items:center;gap:8px}.x-md-code-lang[data-v-5e8d09a0]{font-size:12px;font-weight:500;opacity:.6;text-transform:lowercase}.x-md-copy-btn[data-v-5e8d09a0]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:4px;background:transparent;color:inherit;cursor:pointer;opacity:.7;transition:all .2s ease}.x-md-copy-btn[data-v-5e8d09a0]:hover{opacity:1;background:#00000014}.x-md-code-block.x-md-code-block--dark .x-md-copy-btn[data-v-5e8d09a0]:hover{background:#ffffff1a}.x-md-copy-btn.x-md-copy-btn--copied[data-v-5e8d09a0]{opacity:1;color:#22c55e}.x-md-copy-icon[data-v-5e8d09a0]{flex-shrink:0}.x-md-action-btn[data-v-5e8d09a0]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:4px;background:transparent;color:inherit;cursor:pointer;opacity:.7;transition:all .2s ease}.x-md-action-btn[data-v-5e8d09a0]:hover{opacity:1;background:#00000014}.x-md-code-block.x-md-code-block--dark .x-md-action-btn[data-v-5e8d09a0]:hover{background:#ffffff1a}.x-md-action-btn.x-md-action-btn--disabled[data-v-5e8d09a0]{opacity:.3;cursor:not-allowed;pointer-events:none}.x-md-action-icon[data-v-5e8d09a0]{display:flex;align-items:center;justify-content:center}.x-md-action-icon[data-v-5e8d09a0] svg{width:16px;height:16px;flex-shrink:0}.x-md-collapse-btn[data-v-5e8d09a0]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:inherit;cursor:pointer;opacity:.5;transition:all .2s ease}.x-md-collapse-btn[data-v-5e8d09a0]:hover{opacity:1;background:#00000014}.x-md-code-block.x-md-code-block--dark .x-md-collapse-btn[data-v-5e8d09a0]:hover{background:#ffffff1a}.x-md-collapse-icon[data-v-5e8d09a0]{transition:transform .2s ease}.x-md-collapse-btn--collapsed .x-md-collapse-icon[data-v-5e8d09a0]{transform:rotate(-90deg)}.x-md-code-body[data-v-5e8d09a0]{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.x-md-code-body--collapsed[data-v-5e8d09a0]{max-height:0!important;opacity:0}.x-md-inline-code[data-v-d2fd90dc]{display:inline-block;border-radius:8px;overflow:hidden;font-size:14px;background:#00000008;vertical-align:sub}.x-md-inline-code.x-md-inline-code--dark[data-v-d2fd90dc]{background:#ffffff21}.x-md-inline-code code[data-v-d2fd90dc]{background:transparent!important}.syntax-mermaid{display:flex;align-items:center;justify-content:center;min-height:200px;overflow:hidden;cursor:grab;position:relative}.syntax-mermaid__render-container{position:absolute;max-height:0;opacity:0;overflow:hidden;pointer-events:none}.syntax-mermaid:active{cursor:grabbing}.syntax-mermaid__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.syntax-mermaid__content svg{transform-origin:center center;max-width:100%;max-height:100%}.syntax-mermaid:fullscreen{max-height:100vh}.syntax-mermaid:fullscreen .syntax-mermaid__content{justify-content:center}.syntax-mermaid__loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px}.syntax-mermaid__loading-text{color:#666;font-size:14px}.syntax-mermaid--dark .syntax-mermaid__loading-text{color:#999}.markdown-mermaid{border-radius:8px;overflow:hidden;font-size:0;background:#00000008}.markdown-mermaid.markdown-mermaid--dark{background:#ffffff21}.markdown-mermaid .toolbar-container{position:relative;z-index:10;flex-shrink:0;background:#0000000d;color:#333}.markdown-mermaid.markdown-mermaid--dark .toolbar-container{background:#00000040;color:#fff}.markdown-mermaid .mermaid-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:transparent;color:inherit}.markdown-mermaid .mermaid-toolbar .toolbar-left{display:flex;align-items:center}.markdown-mermaid .mermaid-toolbar .segmented-control{display:flex;align-items:center;position:relative;background:#0000000f;border-radius:6px;padding:3px;gap:2px}.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segmented-control{background:#ffffff14}.markdown-mermaid .mermaid-toolbar .segmented-slider{position:absolute;top:3px;left:3px;width:calc(50% - 4px);height:calc(100% - 6px);background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:0}.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segmented-slider{background:#ffffff26;box-shadow:0 1px 3px #0003}.markdown-mermaid .mermaid-toolbar .segmented-slider.slide-right{transform:translate(calc(100% + 2px))}.markdown-mermaid .mermaid-toolbar .segment-item{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;border:none;color:inherit;min-width:60px;text-align:center;box-sizing:border-box;font-weight:500;cursor:pointer;border-radius:4px;padding:5px 12px;transition:all .2s ease;background:transparent;opacity:.6;user-select:none;position:relative;z-index:1}.markdown-mermaid .mermaid-toolbar .segment-item.active{opacity:1}.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segment-item.active{color:#fff}.markdown-mermaid .mermaid-toolbar .segment-item:hover{opacity:1}.markdown-mermaid .mermaid-toolbar .segment-item svg{flex-shrink:0}.markdown-mermaid .mermaid-toolbar .toolbar-right{display:flex;align-items:center;gap:16px}.markdown-mermaid .mermaid-toolbar .toolbar-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:4px;background:transparent;color:inherit;cursor:pointer;transition:all .2s ease;opacity:.7}.markdown-mermaid .mermaid-toolbar .toolbar-action-btn:hover{opacity:1;background:#00000014}.markdown-mermaid .mermaid-toolbar .toolbar-action-btn.copy-success{opacity:1;color:#22c55e}.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .toolbar-action-btn:hover{background:#ffffff1a}.markdown-mermaid .mermaid-toolbar .toolbar-action-btn.toolbar-action-btn--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.markdown-mermaid .mermaid-toolbar .mermaid-action-icon{display:flex;align-items:center;justify-content:center}.markdown-mermaid .mermaid-toolbar .mermaid-action-icon :deep(svg){width:16px;height:16px;flex-shrink:0}.markdown-mermaid .mermaid-source-code{position:relative;z-index:1;flex:1;width:100%;overflow:auto;box-sizing:border-box}.toolbar-enter-active,.toolbar-leave-active{transition:opacity .3s ease}.toolbar-enter-from,.toolbar-leave-to{opacity:0}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.x-md-animated-word {
+  animation: fadeIn .3s ease-in-out;
+}
+
+.x-md-renderer pre{
+  margin: 16px 0;
+  padding: 0;
+  overflow: auto;
+  background: transparent !important;
+}
+
+.x-md-renderer pre:has(.x-md-code-header-wrapper--sticky) {
+  overflow: unset;
+}
+
+.katex-error {
+  color: var(--el-text-color-secondary) !important;
+}
+.katex-html {
+  overflow: auto hidden;
+  padding: 3px;
+}
+
+.x-md-syntax-code-block[data-v-ddb364e9] {
+  width: 100%;
+}
+.x-md-syntax-code-block pre[data-v-ddb364e9] {
+  margin: 0;
+  padding: 16px;
+  overflow: auto;
+  background: transparent !important;
+}
+.x-md-code-content[data-v-ddb364e9] {
+  display: flex;
+  flex-direction: column;
+}
+.x-md-code-line[data-v-ddb364e9] {
+  width: 100%;
+  font-size: 14px;
+  line-height: 1.5;
+  display: flex;
+}
+
+.x-md-code-block[data-v-5e8d09a0] {
+  border-radius: 8px;
+  overflow: hidden;
+  font-size: 0;
+  background: rgba(0, 0, 0, 0.03);
+}
+.x-md-code-block.x-md-code-block--dark[data-v-5e8d09a0] {
+  background: rgba(255, 255, 255, 0.13);
+}
+.x-md-code-header-wrapper--sticky[data-v-5e8d09a0] {
+  background: #fff;
+  position: sticky;
+  top: 0;
+}
+.x-md-code-block.x-md-code-block--dark .x-md-code-header-wrapper--sticky[data-v-5e8d09a0] {
+  background: #1a1a1a;
+}
+.x-md-code-header[data-v-5e8d09a0] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 16px;
+  background: rgba(0, 0, 0, 0.05);
+  color: #333;
+}
+.x-md-code-block .x-md-code-header-wrapper--sticky .x-md-code-header[data-v-5e8d09a0]{
+  background: rgba(235, 235, 235);
+  border-radius: 8px 8px 0 0;
+}
+.x-md-code-block[data-v-5e8d09a0]:has(.x-md-code-header-wrapper--sticky) {
+  overflow: visible;
+}
+.x-md-code-block.x-md-code-block--dark .x-md-code-header[data-v-5e8d09a0] {
+  background: rgba(0, 0, 0, 0.25);
+  color: #fff;
+}
+.x-md-code-block.x-md-code-block--dark .x-md-code-header-wrapper--sticky .x-md-code-header[data-v-5e8d09a0] {
+  background: rgba(44, 44, 44);
+}
+.x-md-code-block .x-md-code-header-wrapper--collapsed .x-md-code-header[data-v-5e8d09a0] {
+    border-radius: 8px;
+}
+.x-md-code-header__left[data-v-5e8d09a0],
+.x-md-code-header__right[data-v-5e8d09a0] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.x-md-code-lang[data-v-5e8d09a0] {
+  font-size: 12px;
+  font-weight: 500;
+  opacity: 0.6;
+  text-transform: lowercase;
+}
+.x-md-copy-btn[data-v-5e8d09a0] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  opacity: 0.7;
+  transition: all 0.2s ease;
+}
+.x-md-copy-btn[data-v-5e8d09a0]:hover {
+  opacity: 1;
+  background: rgba(0, 0, 0, 0.08);
+}
+.x-md-code-block.x-md-code-block--dark .x-md-copy-btn[data-v-5e8d09a0]:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+.x-md-copy-btn.x-md-copy-btn--copied[data-v-5e8d09a0] {
+  opacity: 1;
+  color: #22c55e;
+}
+.x-md-copy-icon[data-v-5e8d09a0] {
+  flex-shrink: 0;
+}
+.x-md-action-btn[data-v-5e8d09a0] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  opacity: 0.7;
+  transition: all 0.2s ease;
+}
+.x-md-action-btn[data-v-5e8d09a0]:hover {
+  opacity: 1;
+  background: rgba(0, 0, 0, 0.08);
+}
+.x-md-code-block.x-md-code-block--dark .x-md-action-btn[data-v-5e8d09a0]:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+.x-md-action-btn.x-md-action-btn--disabled[data-v-5e8d09a0] {
+  opacity: 0.3;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.x-md-action-icon[data-v-5e8d09a0] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.x-md-action-icon[data-v-5e8d09a0] svg {
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+}
+.x-md-collapse-btn[data-v-5e8d09a0] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  opacity: 0.5;
+  transition: all 0.2s ease;
+}
+.x-md-collapse-btn[data-v-5e8d09a0]:hover {
+  opacity: 1;
+  background: rgba(0, 0, 0, 0.08);
+}
+.x-md-code-block.x-md-code-block--dark .x-md-collapse-btn[data-v-5e8d09a0]:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+.x-md-collapse-icon[data-v-5e8d09a0] {
+  transition: transform 0.2s ease;
+}
+.x-md-collapse-btn--collapsed .x-md-collapse-icon[data-v-5e8d09a0] {
+  transform: rotate(-90deg);
+}
+.x-md-code-body[data-v-5e8d09a0] {
+  overflow: hidden;
+  transition:
+    max-height 0.3s ease,
+    opacity 0.2s ease;
+}
+.x-md-code-body--collapsed[data-v-5e8d09a0] {
+  max-height: 0 !important;
+  opacity: 0;
+}
+
+.x-md-inline-code[data-v-d2fd90dc] {
+  display: inline-block;
+  border-radius: 8px;
+  overflow: hidden;
+  font-size: 14px;
+  background: rgba(0, 0, 0, 0.03);
+  vertical-align: sub;
+}
+.x-md-inline-code.x-md-inline-code--dark[data-v-d2fd90dc] {
+  background: rgba(255, 255, 255, 0.13);
+}
+.x-md-inline-code code[data-v-d2fd90dc] {
+  background: transparent !important;
+}
+
+.syntax-mermaid {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 200px;
+  overflow: hidden;
+  cursor: grab;
+  position: relative;
+}
+.syntax-mermaid__render-container {
+  position: absolute;
+  max-height: 0;
+  opacity: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+.syntax-mermaid:active {
+  cursor: grabbing;
+}
+.syntax-mermaid__content {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.syntax-mermaid__content svg {
+  transform-origin: center center;
+  max-width: 100%;
+  max-height: 100%;
+}
+.syntax-mermaid:fullscreen {
+  max-height: 100vh;
+}
+.syntax-mermaid:fullscreen .syntax-mermaid__content {
+  justify-content: center;
+}
+.syntax-mermaid__loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  min-height: 200px;
+}
+.syntax-mermaid__loading-text {
+  color: #666;
+  font-size: 14px;
+}
+.syntax-mermaid--dark .syntax-mermaid__loading-text {
+  color: #999;
+}
+
+.markdown-mermaid {
+  border-radius: 8px;
+  overflow: hidden;
+  font-size: 0;
+  background: rgba(0, 0, 0, 0.03);
+}
+.markdown-mermaid.markdown-mermaid--dark {
+  background: rgba(255, 255, 255, 0.13);
+}
+.markdown-mermaid .toolbar-container {
+  position: relative;
+  z-index: 10;
+  flex-shrink: 0;
+  background: rgba(0, 0, 0, 0.05);
+  color: #333;
+}
+.markdown-mermaid.markdown-mermaid--dark .toolbar-container {
+  background: rgba(0, 0, 0, 0.25);
+  color: #fff;
+}
+.markdown-mermaid .mermaid-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 16px;
+  background: transparent;
+  color: inherit;
+}
+.markdown-mermaid .mermaid-toolbar .toolbar-left {
+  display: flex;
+  align-items: center;
+}
+.markdown-mermaid .mermaid-toolbar .segmented-control {
+  display: flex;
+  align-items: center;
+  position: relative;
+  background: rgba(0, 0, 0, 0.06);
+  border-radius: 6px;
+  padding: 3px;
+  gap: 2px;
+}
+.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segmented-control {
+  background: rgba(255, 255, 255, 0.08);
+}
+.markdown-mermaid .mermaid-toolbar .segmented-slider {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: calc(50% - 4px);
+  height: calc(100% - 6px);
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 0;
+}
+.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segmented-slider {
+  background: rgba(255, 255, 255, 0.15);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+.markdown-mermaid .mermaid-toolbar .segmented-slider.slide-right {
+  transform: translateX(calc(100% + 2px));
+}
+.markdown-mermaid .mermaid-toolbar .segment-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 12px;
+  border: none;
+  color: inherit;
+  min-width: 60px;
+  text-align: center;
+  box-sizing: border-box;
+  font-weight: 500;
+  cursor: pointer;
+  border-radius: 4px;
+  padding: 5px 12px;
+  transition: all 0.2s ease;
+  background: transparent;
+  opacity: 0.6;
+  user-select: none;
+  position: relative;
+  z-index: 1;
+}
+.markdown-mermaid .mermaid-toolbar .segment-item.active {
+  opacity: 1;
+}
+.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segment-item.active {
+  color: #fff;
+}
+.markdown-mermaid .mermaid-toolbar .segment-item:hover {
+  opacity: 1;
+}
+.markdown-mermaid .mermaid-toolbar .segment-item svg {
+  flex-shrink: 0;
+}
+.markdown-mermaid .mermaid-toolbar .toolbar-right {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+.markdown-mermaid .mermaid-toolbar .toolbar-action-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  opacity: 0.7;
+}
+.markdown-mermaid .mermaid-toolbar .toolbar-action-btn:hover {
+  opacity: 1;
+  background: rgba(0, 0, 0, 0.08);
+}
+.markdown-mermaid .mermaid-toolbar .toolbar-action-btn.copy-success {
+  opacity: 1;
+  color: #22c55e;
+}
+.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .toolbar-action-btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+.markdown-mermaid .mermaid-toolbar .toolbar-action-btn.toolbar-action-btn--disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.markdown-mermaid .mermaid-toolbar .mermaid-action-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.markdown-mermaid .mermaid-toolbar .mermaid-action-icon :deep(svg) {
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+}
+.markdown-mermaid .mermaid-source-code {
+  position: relative;
+  z-index: 1;
+  flex: 1;
+  width: 100%;
+  overflow: auto;
+  box-sizing: border-box;
+}
+.toolbar-enter-active,
+.toolbar-leave-active {
+  transition: opacity 0.3s ease;
+}
+.toolbar-enter-from,
+.toolbar-leave-to {
+  opacity: 0;
+}

package/dist/types/config.d.ts

@@ -0,0 +1,33 @@
+import { type InjectionKey } from 'vue';
+export interface XMarkdownOptions {
+    /**
+     * Shiki 加载函数
+     * @example () => import('shiki')
+     */
+    shiki?: () => Promise<any>;
+    /**
+     * Shiki Stream 加载函数
+     * @example () => import('shiki-stream')
+     */
+    shikiStream?: () => Promise<any>;
+    /**
+     * Mermaid 加载函数
+     * @example () => import('mermaid')
+     */
+    mermaid?: () => Promise<any>;
+    /**
+     * 是否显示控制台提示
+     * @default true
+     */
+    showConsoleHints?: boolean;
+}
+export declare const X_MARKDOWN_CONFIG_KEY: InjectionKey<XMarkdownOptions>;
+/**
+ * 提供 x-markdown 全局配置
+ * @param options 配置选项
+ */
+export declare function provideXMarkdown(options: XMarkdownOptions): void;
+/**
+ * 获取 x-markdown 全局配置
+ */
+export declare function useXMarkdownConfig(): XMarkdownOptions;

package/dist/types/hooks/useMermaid.d.ts

@@ -16,7 +16,7 @@ export declare function getMermaidAvailableCache(): boolean | null;
 /**
  * 检测 mermaid 是否可用（全局缓存，只检测一次）
  */
-export declare function checkMermaidAvailable(): Promise<boolean>;
+export declare function checkMermaidAvailable(loader?: () => Promise<any>): Promise<boolean>;
 export declare function useMermaid(content: string | Ref<string>, options?: UseMermaidOptionsInput): UseMermaidResult;
 export declare function useMermaidZoom(options: UseMermaidZoomOptions): MermaidZoomControls;
 export {};

package/dist/types/index.d.ts

@@ -14,6 +14,8 @@ export { useProcessMarkdown, preprocessLaTeX } from './hooks/useMarkdown';
 export { useMermaid } from './hooks/useMermaid';
 export { usePlugins } from './hooks/usePlugins';
 export { useTheme } from './hooks/useTheme';
+export { provideXMarkdown } from './config';
+export type { XMarkdownOptions } from './config';
 export type * from './core/types';
 export type { CodeLineProps } from './components/CodeLine/types';
 export type { CodeBlockProps } from './components/CodeBlock/types';

package/dist/x-markdown.cjs.js

@@ -1,2 +1,36 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./x-markdown.cjs2.js"),r=require("./x-markdown.cjs3.js"),s=require("./x-markdown.cjs4.js"),o=require("./x-markdown.cjs5.js"),n=require("./x-markdown.cjs6.js"),d=require("./x-markdown.cjs7.js"),u=require("./x-markdown.cjs8.js"),t=require("./x-markdown.cjs9.js"),a=require("./x-markdown.cjs10.js"),c=require("./x-markdown.cjs11.js");exports.VueMarkdown=e.VueMarkdown,exports.VueMarkdownAsync=e.VueMarkdownAsync,exports.MarkdownRenderer=r.MarkdownRenderer,exports.MarkdownRendererAsync=r.MarkdownRendererAsync,exports.getVNodeInfos=s.getVNodeInfos,exports.render=s.render,exports.renderChildren=s.renderChildren,exports.createProcessor=o.createProcessor,exports.useMarkdownProcessor=o.useMarkdownProcessor,exports.useComponents=n.useComponents,exports.useHighlight=d.useHighlight,exports.preprocessLaTeX=u.preprocessLaTeX,exports.useProcessMarkdown=u.useProcessMarkdown,exports.useMermaid=t.useMermaid,exports.usePlugins=a.usePlugins,exports.useTheme=c.useTheme;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components = require('./x-markdown.cjs2.js');
+const index = require('./x-markdown.cjs3.js');
+const hastToVnode = require('./x-markdown.cjs4.js');
+const useProcessor = require('./x-markdown.cjs5.js');
+const useComponents = require('./x-markdown.cjs6.js');
+const useHighlight = require('./x-markdown.cjs7.js');
+const useMarkdown = require('./x-markdown.cjs8.js');
+const useMermaid = require('./x-markdown.cjs9.js');
+const usePlugins = require('./x-markdown.cjs10.js');
+const useTheme = require('./x-markdown.cjs11.js');
+const config = require('./x-markdown.cjs12.js');
+
+
+
+exports.VueMarkdown = components.VueMarkdown;
+exports.VueMarkdownAsync = components.VueMarkdownAsync;
+exports.MarkdownRenderer = index.MarkdownRenderer;
+exports.MarkdownRendererAsync = index.MarkdownRendererAsync;
+exports.getVNodeInfos = hastToVnode.getVNodeInfos;
+exports.render = hastToVnode.render;
+exports.renderChildren = hastToVnode.renderChildren;
+exports.createProcessor = useProcessor.createProcessor;
+exports.useMarkdownProcessor = useProcessor.useMarkdownProcessor;
+exports.useComponents = useComponents.useComponents;
+exports.useHighlight = useHighlight.useHighlight;
+exports.preprocessLaTeX = useMarkdown.preprocessLaTeX;
+exports.useProcessMarkdown = useMarkdown.useProcessMarkdown;
+exports.useMermaid = useMermaid.useMermaid;
+exports.usePlugins = usePlugins.usePlugins;
+exports.useTheme = useTheme.useTheme;
+exports.provideXMarkdown = config.provideXMarkdown;
 //# sourceMappingURL=x-markdown.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"x-markdown.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"x-markdown.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/x-markdown.cjs10.js

@@ -1,2 +1,53 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("rehype-katex"),r=require("rehype-raw"),a=require("remark-breaks"),u=require("remark-gfm"),l=require("remark-math"),n=require("vue"),i=require("./x-markdown.cjs14.js");exports.usePlugins=function(t){const{allowHtml:s,enableAnimate:o,enableLatex:m,enableBreaks:g,enableGfm:v,rehypePlugins:p,remarkPlugins:k,rehypePluginsAhead:c,remarkPluginsAhead:d}=n.toRefs(t);return{rehypePlugins:n.computed(()=>[...c.value,s.value&&r,m.value&&e,o.value&&i.rehypeAnimatedPlugin,...p.value].filter(Boolean)),remarkPlugins:n.computed(()=>{const e=[m.value&&l,!1!==v.value&&[u,{singleTilde:!1}],g.value&&a].filter(Boolean);return[...d.value,...e,...k.value]})}};
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const rehypeKatex = require('rehype-katex');
+const rehypeRaw = require('rehype-raw');
+const remarkBreaks = require('remark-breaks');
+const remarkGfm = require('remark-gfm');
+const remarkMath = require('remark-math');
+const vue = require('vue');
+const rehypePlugin = require('./x-markdown.cjs15.js');
+
+function usePlugins(props) {
+  const {
+    allowHtml,
+    enableAnimate,
+    enableLatex,
+    enableBreaks,
+    enableGfm,
+    rehypePlugins,
+    remarkPlugins,
+    rehypePluginsAhead,
+    remarkPluginsAhead
+  } = vue.toRefs(props);
+  const rehype = vue.computed(() => {
+    return [
+      ...rehypePluginsAhead.value,
+      allowHtml.value && rehypeRaw,
+      enableLatex.value && rehypeKatex,
+      enableAnimate.value && rehypePlugin.rehypeAnimatedPlugin,
+      ...rehypePlugins.value
+    ].filter(Boolean);
+  });
+  const remark = vue.computed(() => {
+    const base = [
+      enableLatex.value && remarkMath,
+      enableGfm.value !== false && [remarkGfm, { singleTilde: false }],
+      enableBreaks.value && remarkBreaks
+    ].filter(Boolean);
+    return [
+      ...remarkPluginsAhead.value,
+      ...base,
+      ...remarkPlugins.value
+    ];
+  });
+  return {
+    rehypePlugins: rehype,
+    remarkPlugins: remark
+  };
+}
+
+exports.usePlugins = usePlugins;
 //# sourceMappingURL=x-markdown.cjs10.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"x-markdown.cjs10.js","sources":["../src/hooks/usePlugins.ts"],"sourcesContent":["import type { Pluggable } from 'unified'\r\nimport rehypeKatex from 'rehype-katex'\r\nimport rehypeRaw from 'rehype-raw'\r\nimport remarkBreaks from 'remark-breaks'\r\nimport remarkGfm from 'remark-gfm'\r\nimport remarkMath from 'remark-math'\r\nimport { computed, toRefs } from 'vue'\r\nimport { rehypeAnimatedPlugin } from '../plugins/rehypePlugin'\r\n\r\nfunction usePlugins(props: any) {\r\n  const {\r\n    allowHtml,\r\n    enableAnimate,\r\n    enableLatex,\r\n    enableBreaks,\r\n    enableGfm,\r\n    rehypePlugins,\r\n    remarkPlugins,\r\n    rehypePluginsAhead,\r\n    remarkPluginsAhead,\r\n  } = toRefs(props)\r\n\r\n  const rehype = computed(() => {\r\n    return [\r\n      ...(rehypePluginsAhead.value as Pluggable[]),\r\n      allowHtml.value && rehypeRaw,\r\n      enableLatex.value && rehypeKatex,\r\n      enableAnimate.value && rehypeAnimatedPlugin,\r\n      ...(rehypePlugins.value as Pluggable[]),\r\n    ].filter(Boolean) as Pluggable[]\r\n  })\r\n\r\n  const remark = computed(() => {\r\n    const base: (Pluggable | { plugins: Pluggable[] })[] = [\r\n      enableLatex.value && remarkMath,\r\n      enableGfm.value !== false && [remarkGfm, { singleTilde: false }],\r\n      enableBreaks.value && remarkBreaks,\r\n    ].filter(Boolean) as (Pluggable | { plugins: Pluggable[] })[]\r\n\r\n    return [\r\n      ...(remarkPluginsAhead.value as (Pluggable | { plugins: Pluggable[] })[]),\r\n      ...base,\r\n      ...(remarkPlugins.value as (Pluggable | { plugins: Pluggable[] })[]),\r\n    ]\r\n  })\r\n\r\n  return {\r\n    rehypePlugins: rehype,\r\n    remarkPlugins: remark,\r\n  }\r\n}\r\nexport { usePlugins }\r\n"],"names":["props","allowHtml","enableAnimate","enableLatex","enableBreaks","enableGfm","rehypePlugins","remarkPlugins","rehypePluginsAhead","remarkPluginsAhead","toRefs","computed","value","rehypeRaw","rehypeKatex","rehypeAnimatedPlugin","filter","Boolean","base","remarkMath","remarkGfm","singleTilde","remarkBreaks"],"mappings":"2RASA,SAAoBA,GAClB,MAAMC,UACJA,EAAAC,cACAA,EAAAC,YACAA,EAAAC,aACAA,EAAAC,UACAA,EAAAC,cACAA,EAAAC,cACAA,EAAAC,mBACAA,EAAAC,mBACAA,GACEC,EAAAA,OAAOV,GA0BX,MAAO,CACLM,cAzBaK,EAAAA,SAAS,IACf,IACDH,EAAmBI,MACvBX,EAAUW,OAASC,EACnBV,EAAYS,OAASE,EACrBZ,EAAcU,OAASG,EAAAA,wBACnBT,EAAcM,OAClBI,OAAOC,UAmBTV,cAhBaI,EAAAA,SAAS,KACtB,MAAMO,EAAiD,CACrDf,EAAYS,OAASO,GACD,IAApBd,EAAUO,OAAmB,CAACQ,EAAW,CAAEC,aAAa,IACxDjB,EAAaQ,OAASU,GACtBN,OAAOC,SAET,MAAO,IACDR,EAAmBG,SACpBM,KACCX,EAAcK,SAQxB"}
+{"version":3,"file":"x-markdown.cjs10.js","sources":["../src/hooks/usePlugins.ts"],"sourcesContent":["import type { Pluggable } from 'unified'\r\nimport rehypeKatex from 'rehype-katex'\r\nimport rehypeRaw from 'rehype-raw'\r\nimport remarkBreaks from 'remark-breaks'\r\nimport remarkGfm from 'remark-gfm'\r\nimport remarkMath from 'remark-math'\r\nimport { computed, toRefs } from 'vue'\r\nimport { rehypeAnimatedPlugin } from '../plugins/rehypePlugin'\r\n\r\nfunction usePlugins(props: any) {\r\n  const {\r\n    allowHtml,\r\n    enableAnimate,\r\n    enableLatex,\r\n    enableBreaks,\r\n    enableGfm,\r\n    rehypePlugins,\r\n    remarkPlugins,\r\n    rehypePluginsAhead,\r\n    remarkPluginsAhead,\r\n  } = toRefs(props)\r\n\r\n  const rehype = computed(() => {\r\n    return [\r\n      ...(rehypePluginsAhead.value as Pluggable[]),\r\n      allowHtml.value && rehypeRaw,\r\n      enableLatex.value && rehypeKatex,\r\n      enableAnimate.value && rehypeAnimatedPlugin,\r\n      ...(rehypePlugins.value as Pluggable[]),\r\n    ].filter(Boolean) as Pluggable[]\r\n  })\r\n\r\n  const remark = computed(() => {\r\n    const base: (Pluggable | { plugins: Pluggable[] })[] = [\r\n      enableLatex.value && remarkMath,\r\n      enableGfm.value !== false && [remarkGfm, { singleTilde: false }],\r\n      enableBreaks.value && remarkBreaks,\r\n    ].filter(Boolean) as (Pluggable | { plugins: Pluggable[] })[]\r\n\r\n    return [\r\n      ...(remarkPluginsAhead.value as (Pluggable | { plugins: Pluggable[] })[]),\r\n      ...base,\r\n      ...(remarkPlugins.value as (Pluggable | { plugins: Pluggable[] })[]),\r\n    ]\r\n  })\r\n\r\n  return {\r\n    rehypePlugins: rehype,\r\n    remarkPlugins: remark,\r\n  }\r\n}\r\nexport { usePlugins }\r\n"],"names":["toRefs","computed","rehypeAnimatedPlugin"],"mappings":";;;;;;;;;;;;AASA,SAAS,WAAW,KAAA,EAAY;AAC9B,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,GACF,GAAIA,WAAO,KAAK,CAAA;AAEhB,EAAA,MAAM,MAAA,GAASC,aAAS,MAAM;AAC5B,IAAA,OAAO;AAAA,MACL,GAAI,kBAAA,CAAmB,KAAA;AAAA,MACvB,UAAU,KAAA,IAAS,SAAA;AAAA,MACnB,YAAY,KAAA,IAAS,WAAA;AAAA,MACrB,cAAc,KAAA,IAASC,iCAAA;AAAA,MACvB,GAAI,aAAA,CAAc;AAAA,KACpB,CAAE,OAAO,OAAO,CAAA;AAAA,EAClB,CAAC,CAAA;AAED,EAAA,MAAM,MAAA,GAASD,aAAS,MAAM;AAC5B,IAAA,MAAM,IAAA,GAAiD;AAAA,MACrD,YAAY,KAAA,IAAS,UAAA;AAAA,MACrB,SAAA,CAAU,UAAU,KAAA,IAAS,CAAC,WAAW,EAAE,WAAA,EAAa,OAAO,CAAA;AAAA,MAC/D,aAAa,KAAA,IAAS;AAAA,KACxB,CAAE,OAAO,OAAO,CAAA;AAEhB,IAAA,OAAO;AAAA,MACL,GAAI,kBAAA,CAAmB,KAAA;AAAA,MACvB,GAAG,IAAA;AAAA,MACH,GAAI,aAAA,CAAc;AAAA,KACpB;AAAA,EACF,CAAC,CAAA;AAED,EAAA,OAAO;AAAA,IACL,aAAA,EAAe,MAAA;AAAA,IACf,aAAA,EAAe;AAAA,GACjB;AACF;;;;"}

package/dist/x-markdown.cjs11.js

@@ -1,2 +1,58 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t={light:"vitesse-light",dark:"vitesse-dark"};exports.themeMap=t,exports.useTheme=function(a={}){const{lightTheme:o=t.light,darkTheme:u=t.dark}=a,d=e.ref(e.isRef(a.mode)?a.mode.value:a.mode||"auto"),l=e.computed({get:()=>e.isRef(a.mode)?a.mode.value:d.value,set:e=>{d.value=e}}),s=e.ref(!1);if("undefined"!=typeof window){const e=window.matchMedia("(prefers-color-scheme: dark)");s.value=e.matches,e.addEventListener("change",e=>{s.value=e.matches})}const r=e.computed(()=>"auto"===l.value?s.value:"dark"===l.value),i=e.computed(()=>(e.isRef(a.theme)?a.theme.value:a.theme)||(r.value?u:o));return{mode:l,isDark:r,actualTheme:i,setMode:e=>{d.value=e},toggleMode:()=>{const e=["light","dark","auto"],t=e.indexOf(l.value);d.value=e[(t+1)%e.length]}}};
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const vue = require('vue');
+
+const themeMap = {
+  light: "vitesse-light",
+  dark: "vitesse-dark"
+};
+function useTheme(options = {}) {
+  const { lightTheme = themeMap.light, darkTheme = themeMap.dark } = options;
+  const internalMode = vue.ref(vue.isRef(options.mode) ? options.mode.value : options.mode || "auto");
+  const mode = vue.computed({
+    get: () => vue.isRef(options.mode) ? options.mode.value : internalMode.value,
+    set: (val) => {
+      internalMode.value = val;
+    }
+  });
+  const systemIsDark = vue.ref(false);
+  if (typeof window !== "undefined") {
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    systemIsDark.value = mediaQuery.matches;
+    mediaQuery.addEventListener("change", (e) => {
+      systemIsDark.value = e.matches;
+    });
+  }
+  const isDark = vue.computed(() => {
+    if (mode.value === "auto") {
+      return systemIsDark.value;
+    }
+    return mode.value === "dark";
+  });
+  const actualTheme = vue.computed(() => {
+    const customTheme = vue.isRef(options.theme) ? options.theme.value : options.theme;
+    if (customTheme) return customTheme;
+    return isDark.value ? darkTheme : lightTheme;
+  });
+  const setMode = (newMode) => {
+    internalMode.value = newMode;
+  };
+  const toggleMode = () => {
+    const modes = ["light", "dark", "auto"];
+    const currentIndex = modes.indexOf(mode.value);
+    internalMode.value = modes[(currentIndex + 1) % modes.length];
+  };
+  return {
+    mode,
+    isDark,
+    actualTheme,
+    setMode,
+    toggleMode
+  };
+}
+
+exports.themeMap = themeMap;
+exports.useTheme = useTheme;
 //# sourceMappingURL=x-markdown.cjs11.js.map