@hejiayue/x-markdown-test 0.0.1-beta.120 → 0.0.1-beta.124

package/package.json

@@ -1,85 +1,87 @@
-{
-  "name": "@hejiayue/x-markdown-test",
-  "version": "0.0.1-beta.120",
-  "description": "A markdown component library for Vue",
-  "type": "module",
-  "main": "./dist/x-markdown.cjs.js",
-  "module": "./dist/x-markdown.es.js",
-  "types": "./dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/x-markdown.es.js"
-      },
-      "require": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/x-markdown.cjs.js"
-      }
-    },
-    "./style": "./dist/style.css"
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "*.css",
-    "*.scss",
-    "*.vue"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build && tsc --project tsconfig.build.json",
-    "lint": "eslint src --ext .ts,.tsx,.vue",
-    "clean": "rm -rf dist node_modules"
-  },
-  "keywords": [
-    "vue",
-    "markdown",
-    "component",
-    "vue3"
-  ],
-  "author": "",
-  "license": "MIT",
-  "peerDependencies": {
-    "vue": "^3.3.0"
-  },
-  "dependencies": {
-    "deepmerge": "^4.3.1",
-    "dompurify": "^3.0.0",
-    "element-plus": "^2.5.0",
-    "hast": "^1.0.0",
-    "lodash-es": "^4.17.21",
-    "mdast": "^3.0.0",
-    "mdast-util-to-hast": "^13.2.1",
-    "property-information": "^7.1.0",
-    "rehype": "^13.0.0",
-    "rehype-katex": "^7.0.0",
-    "rehype-raw": "^7.0.0",
-    "rehype-sanitize": "^6.0.0",
-    "remark": "^15.0.0",
-    "remark-breaks": "^4.0.0",
-    "remark-gfm": "^4.0.0",
-    "remark-math": "^6.0.0",
-    "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.0.0",
-    "shiki-stream": "^0.1.4",
-    "unified": "^11.0.0",
-    "unist-util-visit": "^5.0.0"
-  },
-  "devDependencies": {
-    "@types/dompurify": "^3.0.0",
-    "@types/hast": "^3.0.4",
-    "@types/lodash-es": "^4.17.12",
-    "@types/mdast": "^4.0.4",
-    "@types/node": "^20.0.0",
-    "@vitejs/plugin-vue": "^5.0.0",
-    "@vueuse/core": "^14.1.0",
-    "sass": "^1.70.0",
-    "terser": "^5.44.1",
-    "typescript": "^5.3.0",
-    "vite": "^5.0.0",
-    "vue": "^3.3.0",
-    "vue-tsc": "^2.0.0"
-  }
-}
+{
+  "name": "@hejiayue/x-markdown-test",
+  "version": "0.0.1-beta.124",
+  "description": "A markdown component library for Vue",
+  "type": "module",
+  "main": "./dist/x-markdown.cjs.js",
+  "module": "./dist/x-markdown.es.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/x-markdown.es.js"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/x-markdown.cjs.js"
+      }
+    },
+    "./style": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css",
+    "*.scss",
+    "*.vue"
+  ],
+  "keywords": [
+    "vue",
+    "markdown",
+    "component",
+    "vue3"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "deepmerge": "^4.3.1",
+    "dompurify": "^3.0.0",
+    "element-plus": "^2.5.0",
+    "hast": "^1.0.0",
+    "lodash-es": "^4.17.21",
+    "mdast": "^3.0.0",
+    "mdast-util-to-hast": "^13.2.1",
+    "property-information": "^7.1.0",
+    "rehype": "^13.0.0",
+    "rehype-katex": "^7.0.0",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "remark": "^15.0.0",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-math": "^6.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.0.0",
+    "unified": "^11.0.0",
+    "unist-util-visit": "^5.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0",
+    "shiki": "^1.0.0",
+    "shiki-stream": "^0.1.4",
+    "mermaid": "^1.0.0"
+  },
+  "devDependencies": {
+    "@types/dompurify": "^3.0.0",
+    "@types/hast": "^3.0.4",
+    "@types/lodash-es": "^4.17.12",
+    "@types/mdast": "^4.0.4",
+    "@types/node": "^20.0.0",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "@vueuse/core": "^14.1.0",
+    "sass": "^1.70.0",
+    "terser": "^5.44.1",
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0",
+    "vue": "^3.3.0",
+    "vue-tsc": "^2.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc --project tsconfig.build.json",
+    "lint": "eslint src --ext .ts,.tsx,.vue",
+    "clean": "rm -rf dist node_modules"
+  }
+}

package/dist/x-markdown.cjs20.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./x-markdown.cjs27.js"),l=require("./x-markdown.cjs28.js"),a={class:"x-md-code-header"},t={class:"x-md-code-header__left"},c=["title"],n={class:"x-md-code-lang"},d={class:"x-md-code-header__right"},r=["title","disabled","onClick"],s={key:0,class:"x-md-copy-icon",width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},i={key:1,class:"x-md-copy-icon",width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},u=e.defineComponent({name:"CodeBlock",__name:"index",props:{code:{},language:{},lightTheme:{default:"vitesse-light"},darkTheme:{default:"vitesse-dark"},isDark:{type:Boolean,default:!1},colorReplacements:{},codeMaxHeight:{},showCodeBlockHeader:{type:Boolean,default:!0},enableAnimate:{type:Boolean,default:!1},codeBlockActions:{default:void 0},stickyCodeBlockHeader:{type:Boolean,default:!0}},setup(u,{expose:m}){const{copy:p,copied:k}=o.useClipboard({copiedDuring:2e3}),h=e.ref(!1),v=e.ref(null),g=()=>{h.value=!h.value},f=u,x=e.computed(()=>f.code.trim()),y=e.computed(()=>f.language||"text"),B=e.computed(()=>f.codeBlockActions||[]),C=e.computed(()=>B.value.filter(e=>!e.show||e.show(b.value))),b=e.computed(()=>({language:y.value,code:x.value,copy:p,copied:k.value,collapsed:h.value,toggleCollapse:g}));function w(o){if(!o.icon)return null;if("string"==typeof o.icon)return e.h("span",{class:"x-md-action-icon",innerHTML:o.icon});if("function"==typeof o.icon){try{const e=o.icon(b.value);if(e&&"object"==typeof e&&"__v_isVNode"in e)return e}catch{}return e.h(o.icon)}return e.h(o.icon)}return m({copy:p,copied:k,collapsed:h,toggleCollapse:g,syntaxCodeBlockRef:v}),(o,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["x-md-code-block",{"x-md-code-block--dark":f.isDark}])},[u.showCodeBlockHeader?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["x-md-code-header-wrapper",[{"x-md-code-header-wrapper--sticky":f.stickyCodeBlockHeader},{"x-md-code-header-wrapper--collapsed":h.value}]])},[e.createElementVNode("div",a,[e.renderSlot(o.$slots,"codeHeader",{language:y.value,code:x.value,copy:e.unref(p),copied:e.unref(k),collapsed:h.value,toggleCollapse:g},()=>[e.createElementVNode("div",t,[e.createElementVNode("button",{class:e.normalizeClass(["x-md-collapse-btn",{"x-md-collapse-btn--collapsed":h.value}]),onClick:g,title:h.value?"展开代码":"折叠代码"},[...m[1]||(m[1]=[e.createElementVNode("svg",{class:"x-md-collapse-icon",viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("polyline",{points:"6 9 12 15 18 9"})],-1)])],10,c),e.createElementVNode("span",n,e.toDisplayString(y.value),1)]),e.createElementVNode("div",d,[e.renderSlot(o.$slots,"codeActions",{code:x.value,copy:e.unref(p),copied:e.unref(k)},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,o=>(e.openBlock(),e.createElementBlock("button",{key:o.key,class:e.normalizeClass(["x-md-action-btn",[o.class,{"x-md-action-btn--disabled":o.disabled}]]),style:e.normalizeStyle(o.style),title:o.title,disabled:o.disabled,onClick:e=>function(e){e.disabled||e.onClick?.(b.value)}(o)},[o.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w(o)),{key:0})):e.createCommentVNode("",!0)],14,r))),128)),e.createElementVNode("button",{class:e.normalizeClass(["x-md-copy-btn",{"x-md-copy-btn--copied":e.unref(k)}]),onClick:m[0]||(m[0]=o=>e.unref(p)(x.value))},[e.unref(k)?(e.openBlock(),e.createElementBlock("svg",s,[...m[2]||(m[2]=[e.createElementVNode("path",{fill:"currentColor",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"},null,-1)])])):(e.openBlock(),e.createElementBlock("svg",i,[...m[3]||(m[3]=[e.createElementVNode("path",{fill:"currentColor",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"},null,-1),e.createElementVNode("path",{fill:"currentColor",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"},null,-1)])]))],2)],!0)])],!0)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["x-md-code-body",{"x-md-code-body--collapsed":h.value}])},[e.createVNode(l.default,{ref_key:"syntaxCodeBlockRef",ref:v,code:x.value,language:y.value,"light-theme":f.lightTheme,"dark-theme":f.darkTheme,"is-dark":f.isDark,"color-replacements":f.colorReplacements,"code-max-height":f.codeMaxHeight,"enable-animate":f.enableAnimate},null,8,["code","language","light-theme","dark-theme","is-dark","color-replacements","code-max-height","enable-animate"])],2)],2))}});exports.default=u;
-//# sourceMappingURL=x-markdown.cjs20.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.cjs20.js","sources":["../src/components/CodeBlock/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"x-md-code-block\" :class=\"{ 'x-md-code-block--dark': props.isDark }\">\r\n    <!-- 头部区域：支持完全自定义或默认渲染 -->\r\n    <div\r\n      v-if=\"showCodeBlockHeader\"\r\n      class=\"x-md-code-header-wrapper\"\r\n      :class=\"[{'x-md-code-header-wrapper--sticky': props.stickyCodeBlockHeader }, { 'x-md-code-header-wrapper--collapsed': collapsed }]\"\r\n    >\r\n      <div class=\"x-md-code-header\">\r\n        <slot\r\n          name=\"codeHeader\"\r\n          :language=\"language\"\r\n          :code=\"code\"\r\n          :copy=\"copy\"\r\n          :copied=\"copied\"\r\n          :collapsed=\"collapsed\"\r\n          :toggleCollapse=\"toggleCollapse\"\r\n        >\r\n          <div class=\"x-md-code-header__left\">\r\n            <button\r\n              class=\"x-md-collapse-btn\"\r\n              :class=\"{ 'x-md-collapse-btn--collapsed': collapsed }\"\r\n              @click=\"toggleCollapse\"\r\n              :title=\"collapsed ? '展开代码' : '折叠代码'\"\r\n            >\r\n              <svg\r\n                class=\"x-md-collapse-icon\"\r\n                viewBox=\"0 0 24 24\"\r\n                width=\"14\"\r\n                height=\"14\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              >\r\n                <polyline points=\"6 9 12 15 18 9\"></polyline>\r\n              </svg>\r\n            </button>\r\n            <span class=\"x-md-code-lang\">{{ language }}</span>\r\n          </div>\r\n          <div class=\"x-md-code-header__right\">\r\n            <slot name=\"codeActions\" :code=\"code\" :copy=\"copy\" :copied=\"copied\">\r\n              <button\r\n                v-for=\"action in filteredActions\"\r\n                :key=\"action.key\"\r\n                class=\"x-md-action-btn\"\r\n                :class=\"[action.class, { 'x-md-action-btn--disabled': action.disabled }]\"\r\n                :style=\"action.style\"\r\n                :title=\"action.title\"\r\n                :disabled=\"action.disabled\"\r\n                @click=\"handleActionClick(action)\"\r\n              >\r\n                <component :is=\"renderActionIcon(action)\" v-if=\"action.icon\" />\r\n              </button>\r\n                <button class=\"x-md-copy-btn\" :class=\"{ 'x-md-copy-btn--copied': copied }\" @click=\"copy(code)\">\r\n                  <svg\r\n                    v-if=\"copied\"\r\n                    class=\"x-md-copy-icon\"\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\r\n                    v-else\r\n                    class=\"x-md-copy-icon\"\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=\"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                </button>\r\n              </slot>\r\n          </div>\r\n        </slot>\r\n      </div>\r\n    </div>\r\n    <div class=\"x-md-code-body\" :class=\"{ 'x-md-code-body--collapsed': collapsed }\">\r\n      <SyntaxCodeBlock\r\n        ref=\"syntaxCodeBlockRef\"\r\n        :code=\"code\"\r\n        :language=\"language\"\r\n        :light-theme=\"props.lightTheme\"\r\n        :dark-theme=\"props.darkTheme\"\r\n        :is-dark=\"props.isDark\"\r\n        :color-replacements=\"props.colorReplacements\"\r\n        :code-max-height=\"props.codeMaxHeight\"\r\n        :enable-animate=\"props.enableAnimate\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, ref, h, type VNode } from 'vue'\r\nimport { useClipboard } from '@vueuse/core'\r\nimport type { CodeBlockProps, CodeBlockAction, CodeBlockSlotProps } from './types'\r\nimport SyntaxCodeBlock from './SyntaxCodeBlock.vue'\r\n\r\ndefineOptions({\r\n  name: 'CodeBlock',\r\n})\r\n\r\nconst { copy, copied } = useClipboard({ copiedDuring: 2000 })\r\n\r\nconst collapsed = ref(false)\r\n\r\nconst syntaxCodeBlockRef = ref<InstanceType<typeof SyntaxCodeBlock> | null>(null)\r\n\r\nconst toggleCollapse = () => {\r\n  collapsed.value = !collapsed.value\r\n}\r\n\r\nconst props = withDefaults(defineProps<CodeBlockProps>(), {\r\n  lightTheme: 'vitesse-light',\r\n  darkTheme: 'vitesse-dark',\r\n  isDark: false,\r\n  showCodeBlockHeader: true,\r\n  enableAnimate: false,\r\n  codeBlockActions: undefined,\r\n  stickyCodeBlockHeader: true,\r\n})\r\n\r\nconst code = computed(() => props.code.trim())\r\n\r\nconst language = computed(() => props.language || 'text')\r\n\r\nconst normalizedActions = computed<CodeBlockAction[]>(() => {\r\n  return props.codeBlockActions || []\r\n})\r\n\r\nconst filteredActions = computed<CodeBlockAction[]>(() => {\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<CodeBlockSlotProps>(() => ({\r\n  language: language.value,\r\n  code: code.value,\r\n  copy,\r\n  copied: copied.value,\r\n  collapsed: collapsed.value,\r\n  toggleCollapse,\r\n}))\r\n\r\nfunction renderActionIcon(action: CodeBlockAction): 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: 'x-md-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: CodeBlockSlotProps) => VNode)(slotProps.value)\r\n      if (result && typeof result === 'object' && '__v_isVNode' in result) {\r\n        return result\r\n      }\r\n    } catch {\r\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: CodeBlockAction) {\r\n  if (action.disabled) return\r\n  action.onClick?.(slotProps.value)\r\n}\r\n\r\ndefineExpose({\r\n  copy,\r\n  copied,\r\n  collapsed,\r\n  toggleCollapse,\r\n  syntaxCodeBlockRef,\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.x-md-code-block {\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.x-md-code-block.x-md-code-block--dark {\r\n  background: rgba(255, 255, 255, 0.13);\r\n}\r\n\r\n.x-md-code-header-wrapper--sticky {\r\n  background: #fff;\r\n  position: sticky;\r\n  top: 0;\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-code-header-wrapper--sticky {\r\n  background: #1a1a1a;\r\n}\r\n\r\n.x-md-code-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 8px 16px;\r\n  background: rgba(0, 0, 0, 0.05);\r\n  color: #333;\r\n}\r\n\r\n.x-md-code-block .x-md-code-header-wrapper--sticky .x-md-code-header{\r\n  background: rgba(235, 235, 235);\r\n  border-radius: 8px 8px 0 0;\r\n}\r\n\r\n.x-md-code-block:has(.x-md-code-header-wrapper--sticky) {\r\n  overflow: visible;\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-code-header {\r\n  background: rgba(0, 0, 0, 0.25);\r\n  color: #fff;\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-code-header-wrapper--sticky .x-md-code-header {\r\n  background: rgba(44, 44, 44);\r\n}\r\n\r\n.x-md-code-block .x-md-code-header-wrapper--collapsed .x-md-code-header {\r\n    border-radius: 8px;\r\n}\r\n\r\n.x-md-code-header__left,\r\n.x-md-code-header__right {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.x-md-code-lang {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  opacity: 0.6;\r\n  text-transform: lowercase;\r\n}\r\n\r\n.x-md-copy-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  opacity: 0.7;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.x-md-copy-btn:hover {\r\n  opacity: 1;\r\n  background: rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-copy-btn:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.x-md-copy-btn.x-md-copy-btn--copied {\r\n  opacity: 1;\r\n  color: #22c55e;\r\n}\r\n\r\n.x-md-copy-icon {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.x-md-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  opacity: 0.7;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.x-md-action-btn:hover {\r\n  opacity: 1;\r\n  background: rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-action-btn:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.x-md-action-btn.x-md-action-btn--disabled {\r\n  opacity: 0.3;\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.x-md-action-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.x-md-action-icon :deep(svg) {\r\n  width: 16px;\r\n  height: 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.x-md-collapse-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 20px;\r\n  height: 20px;\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  opacity: 0.5;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.x-md-collapse-btn:hover {\r\n  opacity: 1;\r\n  background: rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-collapse-btn:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.x-md-collapse-icon {\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.x-md-collapse-btn--collapsed .x-md-collapse-icon {\r\n  transform: rotate(-90deg);\r\n}\r\n\r\n.x-md-code-body {\r\n  overflow: hidden;\r\n  transition:\r\n    max-height 0.3s ease,\r\n    opacity 0.2s ease;\r\n}\r\n\r\n.x-md-code-body--collapsed {\r\n  max-height: 0 !important;\r\n  opacity: 0;\r\n}\r\n</style>"],"names":["copy","copied","useClipboard","copiedDuring","collapsed","ref","syntaxCodeBlockRef","toggleCollapse","value","props","__props","code","computed","trim","language","normalizedActions","codeBlockActions","filteredActions","filter","action","show","slotProps","renderActionIcon","icon","h","class","innerHTML","result","__expose","_createElementBlock","_normalizeClass","isDark","showCodeBlockHeader","stickyCodeBlockHeader","_createElementVNode","_hoisted_1","_renderSlot","_ctx","$slots","_unref","_hoisted_2","onClick","title","viewBox","width","height","fill","stroke","points","_hoisted_4","_toDisplayString","_hoisted_5","_Fragment","_renderList","key","disabled","style","_normalizeStyle","$event","handleActionClick","_createBlock","_resolveDynamicComponent","_cache","_openBlock","_hoisted_7","d","_hoisted_8","_createVNode","SyntaxCodeBlock","lightTheme","darkTheme","colorReplacements","codeMaxHeight","enableAnimate"],"mappings":"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"}

package/dist/x-markdown.cjs23.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./x-markdown.cjs7.js"),n=e.defineComponent({__name:"index",props:{raw:{default:()=>({})},isDark:{type:Boolean,default:!1},shikiTheme:{default:()=>["vitesse-light","vitesse-dark"]},enableAnimate:{type:Boolean,default:!1}},setup(n){let a=null;e.onMounted(async()=>{const e=await Function("return import('@shikijs/core')")().catch(()=>({getTokenStyleObject:()=>({})}));a=e.getTokenStyleObject});const l=n,o=e.computed(()=>l.raw?.content??""),r=e.computed(()=>l.raw?.language||"ts"),i=e.computed(()=>l.isDark?l.shikiTheme[1]:l.shikiTheme[0]),{lines:s,preStyle:c}=t.useHighlight(o,{language:r,theme:i}),u=e.computed(()=>s.value.flat()),m=e.computed(()=>c.value||{}),d=e=>{const t={};return Object.entries(e).forEach(([e,n])=>{const a=e.replace(/-([a-z])/g,(e,t)=>t.toUpperCase());t[a]=n}),t},p=e=>{if(e.htmlStyle)return d(e.htmlStyle);if(!a)return{};const t=a(e);return d(t)};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["x-md-inline-code",{"x-md-inline-code--dark":l.isDark,"x-md-animated-word":l.enableAnimate}])},[e.createElementVNode("code",{style:e.normalizeStyle(m.value)},[u.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(u.value,(t,n)=>(e.openBlock(),e.createElementBlock("span",{key:n,style:e.normalizeStyle(p(t)),class:e.normalizeClass({"x-md-animated-word":l.enableAnimate})},e.toDisplayString(t.content),7))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.value),1)],64))],4)],2))}});exports.default=n;
-//# sourceMappingURL=x-markdown.cjs23.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.cjs23.js","sources":["../src/components/CodeLine/index.vue"],"sourcesContent":["<template>\r\n  <!-- 行内代码容器 - 支持深浅色主题和语法高亮 -->\r\n  <div\r\n    class=\"x-md-inline-code\"\r\n    :class=\"{\r\n      'x-md-inline-code--dark': props.isDark,\r\n      'x-md-animated-word': props.enableAnimate,\r\n    }\"\r\n  >\r\n    <code :style=\"codeStyle\">\r\n      <!-- 无高亮时显示纯文本 -->\r\n      <template v-if=\"!flatTokens.length\">{{ content }}</template>\r\n      <!-- 有高亮时渲染 token -->\r\n      <template v-else>\r\n        <span\r\n          v-for=\"(token, i) in flatTokens\"\r\n          :key=\"i\"\r\n          :style=\"getTokenStyle(token)\"\r\n          :class=\"{ 'x-md-animated-word': props.enableAnimate }\"\r\n          >{{ token.content }}</span\r\n        >\r\n      </template>\r\n    </code>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, onMounted, type CSSProperties } from 'vue'\r\nimport { useHighlight } from '../../hooks/useHighlight'\r\nimport type { CodeLineProps } from './types'\r\n\r\nconst SHIKI_CORE_PKG = '@shikijs/core'\r\n\r\nlet getTokenStyleObjectFn: any = null\r\n\r\nonMounted(async () => {\r\n  const mod = await (Function(`return import('${SHIKI_CORE_PKG}')`)())\r\n    .catch(() => {\r\n      return { getTokenStyleObject: () => ({}) }\r\n    })\r\n  getTokenStyleObjectFn = mod.getTokenStyleObject\r\n})\r\n\r\nconst props = withDefaults(defineProps<CodeLineProps>(), {\r\n  raw: () => ({}),\r\n  isDark: false,\r\n  shikiTheme: () => ['vitesse-light', 'vitesse-dark'],\r\n  enableAnimate: false,\r\n})\r\n\r\nconst content = computed(() => props.raw?.content ?? '')\r\nconst language = computed(() => props.raw?.language || 'ts')\r\nconst actualTheme = computed(() => (props.isDark ? props.shikiTheme[1] : props.shikiTheme[0]))\r\n\r\nconst { lines, preStyle } = useHighlight(content, {\r\n  language,\r\n  theme: actualTheme,\r\n})\r\n\r\nconst flatTokens = computed(() => lines.value.flat())\r\nconst codeStyle = computed<CSSProperties>(() => preStyle.value || {})\r\n\r\nconst normalizeStyleKeys = (style: Record<string, string | number>): CSSProperties => {\r\n  const normalized: CSSProperties = {}\r\n  Object.entries(style).forEach(([key, value]) => {\r\n    const camelKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase())\r\n    ;(normalized as Record<string, string | number>)[camelKey] = value\r\n  })\r\n  return normalized\r\n}\r\n\r\nconst getTokenStyle = (token: ThemedToken): CSSProperties => {\r\n  if (token.htmlStyle) {\r\n    return normalizeStyleKeys(token.htmlStyle)\r\n  }\r\n\r\n  if (!getTokenStyleObjectFn) {\r\n    return {}\r\n  }\r\n\r\n  const rawStyle = getTokenStyleObjectFn(token)\r\n  return normalizeStyleKeys(rawStyle)\r\n}\r\n</script>\r\n<style scoped>\r\n.x-md-inline-code {\r\n  display: inline-block;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  font-size: 14px;\r\n  background: rgba(0, 0, 0, 0.03);\r\n  vertical-align: sub;\r\n}\r\n\r\n.x-md-inline-code.x-md-inline-code--dark {\r\n  background: rgba(255, 255, 255, 0.13);\r\n}\r\n.x-md-inline-code code {\r\n  background: transparent !important;\r\n}\r\n</style>\r\n"],"names":["getTokenStyleObjectFn","onMounted","async","mod","Function","catch","getTokenStyleObject","props","__props","content","computed","raw","language","actualTheme","isDark","shikiTheme","lines","preStyle","useHighlight","theme","flatTokens","value","flat","codeStyle","normalizeStyleKeys","style","normalized","Object","entries","forEach","key","camelKey","replace","_","char","toUpperCase","getTokenStyle","token","htmlStyle","rawStyle","_createElementBlock","class","enableAnimate","_createElementVNode","length","_openBlock","_Fragment","_renderList","i","_normalizeStyle","_normalizeClass","_toDisplayString"],"mappings":"oXAiCA,IAAIA,EAA6B,KAEjCC,EAAAA,UAAUC,UACR,MAAMC,QAAaC,SAAS,iCAATA,GAChBC,MAAM,KACE,CAAEC,oBAAqB,KAAA,CAAO,MAEzCN,EAAwBG,EAAIG,sBAG9B,MAAMC,EAAQC,EAORC,EAAUC,EAAAA,SAAS,IAAMH,EAAMI,KAAKF,SAAW,IAC/CG,EAAWF,EAAAA,SAAS,IAAMH,EAAMI,KAAKC,UAAY,MACjDC,EAAcH,EAAAA,SAAS,IAAOH,EAAMO,OAASP,EAAMQ,WAAW,GAAKR,EAAMQ,WAAW,KAEpFC,MAAEA,EAAAC,SAAOA,GAAaC,EAAAA,aAAaT,EAAS,CAChDG,WACAO,MAAON,IAGHO,EAAaV,EAAAA,SAAS,IAAMM,EAAMK,MAAMC,QACxCC,EAAYb,EAAAA,SAAwB,IAAMO,EAASI,OAAS,CAAA,GAE5DG,EAAsBC,IAC1B,MAAMC,EAA4B,CAAA,EAKlC,OAJAC,OAAOC,QAAQH,GAAOI,QAAQ,EAAEC,EAAKT,MACnC,MAAMU,EAAWD,EAAIE,QAAQ,YAAa,CAACC,EAAGC,IAASA,EAAKC,eAC1DT,EAA+CK,GAAYV,IAExDK,GAGHU,EAAiBC,IACrB,GAAIA,EAAMC,UACR,OAAOd,EAAmBa,EAAMC,WAGlC,IAAKtC,EACH,MAAO,CAAA,EAGT,MAAMuC,EAAWvC,EAAsBqC,GACvC,OAAOb,EAAmBe,gCA/E1BC,EAAAA,mBAqBM,MAAA,CApBJC,wBAAM,mBAAkB,CACmB,yBAAAlC,EAAMO,OAAqC,qBAAAP,EAAMmC,mBAK5FC,EAAAA,mBAaO,OAAA,CAbAlB,uBAAOF,EAAAF,SAEKD,EAAAC,MAAWuB,QAG1BC,EAAAA,WAAA,GAAAL,EAAAA,mBAKuCM,EAAAA,SAAA,CAAAhB,IAAA,GAAAiB,EAAAA,WAJhB3B,EAAAC,MAAU,CAAvBgB,EAAOW,mBADjBR,EAAAA,mBAKuC,OAAA,CAHpCV,IAAKkB,EACLvB,MAAKwB,EAAAA,eAAEb,EAAcC,IACrBI,MAAKS,EAAAA,eAAA,CAAA,qBAA0B3C,EAAMmC,iBAClCS,kBAAAd,EAAM5B,SAAO,0BARrB+B,EAAAA,mBAA4DM,WAAA,CAAAhB,IAAA,GAAA,qCAArBrB,EAAAY,OAAO"}

package/dist/x-markdown.cjs29.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("lodash-es"),n=require("./x-markdown.cjs9.js"),t={key:0,class:"syntax-mermaid__loading"},r=["innerHTML"],i=e.defineComponent({__name:"SyntaxMermaid",props:{content:{default:""},id:{default:"mermaid-default"},isDark:{type:Boolean,default:!1},config:{default:()=>({})}},emits:["degraded","ready"],setup(i,{expose:o,emit:d}){const l=i,s=d,u=e.ref(null),c=e.computed(()=>l.content),m=e.computed(()=>({id:l.id,theme:l.isDark?"dark":"default",config:l.config,container:u.value})),v=n.useMermaid(c,m),f=e.ref(""),g=e.computed(()=>v.isLoading.value),y=e.computed(()=>v.error.value),p=e.ref(null),k=n.useMermaidZoom({container:p}),x=a.debounce(function(){e.nextTick(()=>{p.value&&k.initialize()})},500);return e.watch(()=>v.data.value,(e,a)=>{console.log("[SyntaxMermaid] mermaidResult.data.value changed:",{oldSvg:a,newSvg:e,isNewSvg:!!e,startsWithSvg:e?.trim().startsWith("<svg"),preview:e?.substring(0,50)}),e&&(f.value=e,x(),e.trim().startsWith("<svg")?(console.log("[SyntaxMermaid] Emitting ready event - Mermaid is available"),s("ready")):(console.log("[SyntaxMermaid] Emitting degraded event - Mermaid not available"),s("degraded")))},{immediate:!0}),e.watch(f,e=>{e&&x()}),e.onMounted(()=>{f.value&&x()}),o({svg:f,isLoading:g,error:y,containerRef:p,zoomIn:function(){k?.zoomIn()},zoomOut:function(){k?.zoomOut()},reset:function(){k?.reset()},fullscreen:function(){k?.fullscreen(),k?.reset()},download:function(){n.downloadSvgAsPng(f.value)},getSvg:function(){return f.value},reinitialize:function(){x()}}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:p,class:e.normalizeClass(["syntax-mermaid",{"syntax-mermaid--dark":l.isDark}])},[e.createElementVNode("div",{ref_key:"renderContainerRef",ref:u,class:"syntax-mermaid__render-container","aria-hidden":"true"},null,512),g.value?(e.openBlock(),e.createElementBlock("div",t,[e.renderSlot(a.$slots,"loading",{},()=>[n[0]||(n[0]=e.createElementVNode("span",{class:"syntax-mermaid__loading-text"},"加载中...",-1))])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"syntax-mermaid__content",innerHTML:f.value},null,8,r))],2))}});exports.default=i;
-//# sourceMappingURL=x-markdown.cjs29.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.cjs29.js","sources":["../src/components/Mermaid/SyntaxMermaid.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, nextTick, ref, watch, onMounted } from 'vue'\r\nimport { debounce } from 'lodash-es'\r\nimport { useMermaid, useMermaidZoom, downloadSvgAsPng } from '../../hooks'\r\n\r\ninterface SyntaxMermaidProps {\r\n  content: string\r\n  id?: string\r\n  isDark?: boolean\r\n  config?: Record<string, any>\r\n}\r\n\r\nconst props = withDefaults(defineProps<SyntaxMermaidProps>(), {\r\n  content: '',\r\n  id: 'mermaid-default',\r\n  isDark: false,\r\n  config: () => ({}),\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  degraded: []\r\n  ready: []\r\n}>()\r\n\r\nconst renderContainerRef = ref<HTMLElement | null>(null)\r\n\r\nconst mermaidContent = computed(() => props.content)\r\nconst mermaidOptions = computed(() => ({\r\n  id: props.id,\r\n  theme: props.isDark ? 'dark' : 'default',\r\n  config: props.config,\r\n  container: renderContainerRef.value,\r\n}))\r\nconst mermaidResult = useMermaid(mermaidContent, mermaidOptions)\r\n\r\nconst svg = ref('')\r\nconst isLoading = computed(() => mermaidResult.isLoading.value)\r\nconst error = computed(() => mermaidResult.error.value)\r\n\r\nconst containerRef = ref<HTMLElement | null>(null)\r\n\r\nconst zoomControls = useMermaidZoom({\r\n  container: containerRef,\r\n  scaleStep: 0.2,\r\n  minScale: 0.1,\r\n  maxScale: 5,\r\n})\r\n\r\nconst debouncedInitialize = debounce(initializeZoom, 500)\r\n\r\nfunction initializeZoom() {\r\n  nextTick(() => {\r\n    if (containerRef.value) {\r\n      zoomControls.initialize()\r\n    }\r\n  })\r\n}\r\n\r\nwatch(\r\n  () => mermaidResult.data.value,\r\n  (newSvg, oldSvg) => {\r\n    console.log('[SyntaxMermaid] mermaidResult.data.value changed:', {\r\n      oldSvg,\r\n      newSvg,\r\n      isNewSvg: !!newSvg,\r\n      startsWithSvg: newSvg?.trim().startsWith('<svg'),\r\n      preview: newSvg?.substring(0, 50)\r\n    })\r\n\r\n    if (newSvg) {\r\n      svg.value = newSvg\r\n      debouncedInitialize()\r\n\r\n      // 检测是否成功渲染了 SVG（以 <svg 开头）\r\n      if (newSvg.trim().startsWith('<svg')) {\r\n        console.log('[SyntaxMermaid] Emitting ready event - Mermaid is available')\r\n        emit('ready')\r\n      } else {\r\n        console.log('[SyntaxMermaid] Emitting degraded event - Mermaid not available')\r\n        emit('degraded')\r\n      }\r\n    }\r\n  },\r\n  { immediate: true },\r\n)\r\n\r\nwatch(svg, (newSvg) => {\r\n  if (newSvg) {\r\n    debouncedInitialize()\r\n  }\r\n})\r\n\r\nfunction zoomIn() {\r\n  zoomControls?.zoomIn()\r\n}\r\n\r\nfunction zoomOut() {\r\n  zoomControls?.zoomOut()\r\n}\r\n\r\nfunction reset() {\r\n  zoomControls?.reset()\r\n}\r\n\r\nfunction fullscreen() {\r\n  zoomControls?.fullscreen()\r\n  zoomControls?.reset()\r\n}\r\n\r\nfunction download() {\r\n  downloadSvgAsPng(svg.value)\r\n}\r\n\r\nfunction getSvg() {\r\n  return svg.value\r\n}\r\n\r\nfunction reinitialize() {\r\n  debouncedInitialize()\r\n}\r\n\r\nonMounted(() => {\r\n  if (svg.value) {\r\n    debouncedInitialize()\r\n  }\r\n})\r\n\r\ndefineExpose({\r\n  svg,\r\n  isLoading,\r\n  error,\r\n  containerRef,\r\n  zoomIn,\r\n  zoomOut,\r\n  reset,\r\n  fullscreen,\r\n  download,\r\n  getSvg,\r\n  reinitialize,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"containerRef\" class=\"syntax-mermaid\" :class=\"{ 'syntax-mermaid--dark': props.isDark }\">\r\n    <div ref=\"renderContainerRef\" class=\"syntax-mermaid__render-container\" aria-hidden=\"true\" />\r\n\r\n    <div v-if=\"isLoading\" class=\"syntax-mermaid__loading\">\r\n      <slot name=\"loading\">\r\n        <span class=\"syntax-mermaid__loading-text\">加载中...</span>\r\n      </slot>\r\n    </div>\r\n    <div v-else class=\"syntax-mermaid__content\" v-html=\"svg\" />\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.syntax-mermaid {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 200px;\r\n  overflow: hidden;\r\n  cursor: grab;\r\n  position: relative;\r\n}\r\n\r\n.syntax-mermaid__render-container {\r\n  position: absolute;\r\n  max-height: 0;\r\n  opacity: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n.syntax-mermaid:active {\r\n  cursor: grabbing;\r\n}\r\n\r\n.syntax-mermaid__content {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.syntax-mermaid__content svg {\r\n  transform-origin: center center;\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n}\r\n\r\n.syntax-mermaid:fullscreen {\r\n  max-height: 100vh;\r\n}\r\n\r\n.syntax-mermaid:fullscreen .syntax-mermaid__content {\r\n  justify-content: center;\r\n}\r\n\r\n.syntax-mermaid__loading {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 200px;\r\n}\r\n\r\n.syntax-mermaid__loading-text {\r\n  color: #666;\r\n  font-size: 14px;\r\n}\r\n\r\n.syntax-mermaid--dark .syntax-mermaid__loading-text {\r\n  color: #999;\r\n}\r\n</style>\r\n"],"names":["props","__props","emit","__emit","renderContainerRef","ref","mermaidContent","computed","content","mermaidOptions","id","theme","isDark","config","container","value","mermaidResult","useMermaid","svg","isLoading","error","containerRef","zoomControls","useMermaidZoom","debouncedInitialize","debounce","nextTick","initialize","watch","data","newSvg","oldSvg","console","log","isNewSvg","startsWithSvg","trim","startsWith","preview","substring","immediate","onMounted","__expose","zoomIn","zoomOut","reset","fullscreen","download","downloadSvgAsPng","getSvg","reinitialize","_createElementBlock","class","_normalizeClass","_createElementVNode","_openBlock","_hoisted_1","_renderSlot","_ctx","_cache","innerHTML"],"mappings":"+cAYA,MAAMA,EAAQC,EAORC,EAAOC,EAKPC,EAAqBC,EAAAA,IAAwB,MAE7CC,EAAiBC,EAAAA,SAAS,IAAMP,EAAMQ,SACtCC,EAAiBF,EAAAA,SAAS,KAAA,CAC9BG,GAAIV,EAAMU,GACVC,MAAOX,EAAMY,OAAS,OAAS,UAC/BC,OAAQb,EAAMa,OACdC,UAAWV,EAAmBW,SAE1BC,EAAgBC,EAAAA,WAAWX,EAAgBG,GAE3CS,EAAMb,EAAAA,IAAI,IACVc,EAAYZ,EAAAA,SAAS,IAAMS,EAAcG,UAAUJ,OACnDK,EAAQb,EAAAA,SAAS,IAAMS,EAAcI,MAAML,OAE3CM,EAAehB,EAAAA,IAAwB,MAEvCiB,EAAeC,EAAAA,eAAe,CAClCT,UAAWO,IAMPG,EAAsBC,EAAAA,SAE5B,WACEC,EAAAA,SAAS,KACHL,EAAaN,OACfO,EAAaK,cAGnB,EARqD,YAUrDC,EAAAA,MACE,IAAMZ,EAAca,KAAKd,MACzB,CAACe,EAAQC,KACPC,QAAQC,IAAI,oDAAqD,CAC/DF,SACAD,SACAI,WAAYJ,EACZK,cAAeL,GAAQM,OAAOC,WAAW,QACzCC,QAASR,GAAQS,UAAU,EAAG,MAG5BT,IACFZ,EAAIH,MAAQe,EACZN,IAGIM,EAAOM,OAAOC,WAAW,SAC3BL,QAAQC,IAAI,+DACZ/B,EAAK,WAEL8B,QAAQC,IAAI,mEACZ/B,EAAK,eAIX,CAAEsC,WAAW,IAGfZ,QAAMV,EAAMY,IACNA,GACFN,MAiCJiB,EAAAA,UAAU,KACJvB,EAAIH,OACNS,MAIJkB,EAAa,CACXxB,MACAC,YACAC,QACAC,eACAsB,OAxCF,WACErB,GAAcqB,QAChB,EAuCEC,QArCF,WACEtB,GAAcsB,SAChB,EAoCEC,MAlCF,WACEvB,GAAcuB,OAChB,EAiCEC,WA/BF,WACExB,GAAcwB,aACdxB,GAAcuB,OAChB,EA6BEE,SA3BF,WACEC,EAAAA,iBAAiB9B,EAAIH,MACvB,EA0BEkC,OAxBF,WACE,OAAO/B,EAAIH,KACb,EAuBEmC,aArBF,WACE1B,GACF,0BAwBE2B,EAAAA,mBASM,MAAA,SATG,eAAJ9C,IAAIgB,EAAe+B,MAAKC,EAAAA,eAAA,CAAC,iBAAgB,CAAA,uBAAmCrD,EAAMY,YACrF0C,EAAAA,mBAA4F,MAAA,SAAnF,qBAAJjD,IAAID,EAAqBgD,MAAM,mCAAmC,cAAY,kBAExEjC,EAAAJ,OAAXwC,EAAAA,YAAAJ,EAAAA,mBAIM,MAJNK,EAIM,CAHJC,EAAAA,WAEOC,sBAFP,IAEO,CADLC,EAAA,KAAAA,EAAA,GAAAL,EAAAA,mBAAwD,OAAA,CAAlDF,MAAM,gCAA+B,UAAM,wBAGrDD,EAAAA,mBAA2D,MAAA,OAA/CC,MAAM,0BAA0BQ,UAAQ1C,EAAAH"}

package/dist/x-markdown.cjs32.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./x-markdown.cjs7.js"),o={class:"x-md-syntax-code-block"},l={class:"x-md-code-content"},n={key:0},a=e.defineComponent({name:"SyntaxCodeBlock",__name:"SyntaxCodeBlock",props:{code:{},language:{},lightTheme:{default:"vitesse-light"},darkTheme:{default:"vitesse-dark"},isDark:{type:Boolean,default:!1},colorReplacements:{},codeMaxHeight:{},enableAnimate:{type:Boolean,default:!1}},setup(a,{expose:c}){const r=a,s=e.computed(()=>r.code.trim()),i=e.computed(()=>r.language||"text"),d=e.computed(()=>r.isDark?r.darkTheme:r.lightTheme),{lines:m,preStyle:u}=t.useHighlight(s,{language:i,theme:d,colorReplacements:r.colorReplacements}),p=(e,t)=>t&&t[e.toLowerCase()]||e,k=e=>{if(!e)return{};if(e.htmlStyle){const t=(e=>{const t={};return Object.entries(e).forEach(([e,o])=>{const l=e.replace(/-([a-z])/g,(e,t)=>t.toUpperCase());t[l]=o}),t})(e.htmlStyle);if(!r.colorReplacements)return t;const o={...t};return o.color&&"string"==typeof o.color&&(o.color=p(o.color,r.colorReplacements)),o.backgroundColor&&"string"==typeof o.backgroundColor&&(o.backgroundColor=p(o.backgroundColor,r.colorReplacements)),o}const t={};return e.color&&(t.color=r.colorReplacements?p(e.color,r.colorReplacements):e.color),"italic"===e.fontStyle&&(t.fontStyle="italic"),e.fontWeight&&(t.fontWeight=e.fontWeight),t},g=e.computed(()=>!m.value?.length),y=e.computed(()=>({...u.value,maxHeight:r.codeMaxHeight}));return c({lines:m,code:s,language:i,actualTheme:d}),(t,a)=>(e.openBlock(),e.createElementBlock("div",o,[g.value?(e.openBlock(),e.createElementBlock("pre",{key:0,style:e.normalizeStyle(y.value)},[e.createElementVNode("code",null,e.toDisplayString(s.value),1)],4)):(e.openBlock(),e.createElementBlock("pre",{key:1,class:e.normalizeClass(["shiki",d.value]),style:e.normalizeStyle(y.value),tabindex:"0"},[a[4]||(a[4]=e.createTextVNode("      ",-1)),e.createElementVNode("code",l,[a[2]||(a[2]=e.createTextVNode("\n        ",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(t,o)=>(e.openBlock(),e.createElementBlock("span",{key:o,class:"x-md-code-line"},[a[0]||(a[0]=e.createTextVNode("\n          ",-1)),t.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t,(t,o)=>(e.openBlock(),e.createElementBlock("span",{key:o,style:e.normalizeStyle(k(t)),class:e.normalizeClass({"x-md-animated-word":r.enableAnimate})},e.toDisplayString(t.content),7))),128)):(e.openBlock(),e.createElementBlock("span",n," ")),a[1]||(a[1]=e.createTextVNode("\n        ",-1))]))),128)),a[3]||(a[3]=e.createTextVNode("\n      ",-1))]),a[5]||(a[5]=e.createTextVNode("\n    ",-1))],6))]))}});exports.default=a;
-//# sourceMappingURL=x-markdown.cjs32.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.cjs32.js","sources":["../src/components/CodeBlock/SyntaxCodeBlock.vue"],"sourcesContent":["<template>\r\n  <div class=\"x-md-syntax-code-block\">\r\n    <pre v-if=\"showFallback\" :style=\"codeContainerStyle\"><code>{{ code }}</code></pre>\r\n    <pre v-else :class=\"['shiki', actualTheme]\" :style=\"codeContainerStyle\" tabindex=\"0\">\r\n      <code class=\"x-md-code-content\">\r\n        <span v-for=\"(line, i) in lines\" :key=\"i\" class=\"x-md-code-line\">\r\n          <span v-if=\"!line.length\">&nbsp;</span>\r\n          <span  \r\n            v-else \r\n            v-for=\"(token, j) in line\" \r\n            :key=\"j\" \r\n            :style=\"getTokenStyle(token)\"\r\n            :class=\"{ 'x-md-animated-word': props.enableAnimate }\"\r\n          >{{ token.content }}</span>\r\n        </span>\r\n      </code>\r\n    </pre>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, type CSSProperties } from 'vue'\r\nimport { useHighlight } from '../../hooks/useHighlight'\r\nimport type { SyntaxCodeBlockProps } from './types'\r\n\r\ninterface HighlightToken {\r\n  content?: string\r\n  color?: string\r\n  fontStyle?: 'italic' | null\r\n  fontWeight?: 'normal' | 'bold' | null\r\n  htmlStyle?: Record<string, string>\r\n}\r\n\r\ndefineOptions({\r\n  name: 'SyntaxCodeBlock',\r\n})\r\n\r\nconst props = withDefaults(defineProps<SyntaxCodeBlockProps>(), {\r\n  lightTheme: 'vitesse-light',\r\n  darkTheme: 'vitesse-dark',\r\n  isDark: false,\r\n  enableAnimate: false,\r\n})\r\n\r\nconst code = computed(() => props.code.trim())\r\n\r\nconst language = computed(() => props.language || 'text')\r\n\r\nconst actualTheme = computed(() => (props.isDark ? props.darkTheme : props.lightTheme))\r\n\r\nconst { lines, preStyle } = useHighlight(code, {\r\n  language,\r\n  theme: actualTheme,\r\n  colorReplacements: props.colorReplacements,\r\n})\r\n\r\nconst applyColorReplacement = (color: string, replacements?: Record<string, string>) => {\r\n  if (!replacements) return color\r\n  return replacements[color.toLowerCase()] || color\r\n}\r\n\r\nconst normalizeStyleKeys = (style: Record<string, string | number>): CSSProperties => {\r\n  const normalized: CSSProperties = {}\r\n  Object.entries(style).forEach(([key, value]) => {\r\n    const camelKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase())\r\n    ;(normalized as Record<string, string | number>)[camelKey] = value\r\n  })\r\n  return normalized\r\n}\r\n\r\nconst getTokenStyle = (token: HighlightToken | null | undefined): CSSProperties => {\r\n  // 处理 null/undefined token\r\n  if (!token) {\r\n    return {}\r\n  }\r\n\r\n  // 优先使用 htmlStyle（如果存在）\r\n  if (token.htmlStyle) {\r\n    const baseStyle = normalizeStyleKeys(token.htmlStyle)\r\n\r\n    if (!props.colorReplacements) return baseStyle\r\n\r\n    const style = { ...baseStyle }\r\n\r\n    if (style.color && typeof style.color === 'string') {\r\n      style.color = applyColorReplacement(style.color, props.colorReplacements)\r\n    }\r\n    if (style.backgroundColor && typeof style.backgroundColor === 'string') {\r\n      style.backgroundColor = applyColorReplacement(style.backgroundColor, props.colorReplacements)\r\n    }\r\n\r\n    return style\r\n  }\r\n\r\n  // 直接使用 token 的 color、fontStyle、fontWeight 属性\r\n  const style: CSSProperties = {}\r\n\r\n  if (token.color) {\r\n    style.color = props.colorReplacements\r\n      ? applyColorReplacement(token.color, props.colorReplacements)\r\n      : token.color\r\n  }\r\n\r\n  if (token.fontStyle === 'italic') {\r\n    style.fontStyle = 'italic'\r\n  }\r\n\r\n  if (token.fontWeight) {\r\n    style.fontWeight = token.fontWeight\r\n  }\r\n\r\n  return style\r\n}\r\n\r\nconst showFallback = computed(() => !lines.value?.length)\r\n\r\nconst codeContainerStyle = computed(() => ({\r\n  ...preStyle.value,\r\n  maxHeight: props.codeMaxHeight,\r\n}))\r\n\r\ndefineExpose({\r\n  lines,\r\n  code,\r\n  language,\r\n  actualTheme,\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.x-md-syntax-code-block {\r\n  width: 100%;\r\n}\r\n\r\n.x-md-syntax-code-block pre {\r\n  margin: 0;\r\n  padding: 16px;\r\n  overflow: auto;\r\n  background: transparent !important;\r\n}\r\n\r\n.x-md-code-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.x-md-code-line {\r\n  width: 100%;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  display: flex;\r\n}\r\n</style>"],"names":["props","__props","code","computed","trim","language","actualTheme","isDark","darkTheme","lightTheme","lines","preStyle","useHighlight","theme","colorReplacements","applyColorReplacement","color","replacements","toLowerCase","getTokenStyle","token","htmlStyle","baseStyle","style","normalized","Object","entries","forEach","key","value","camelKey","replace","_","char","toUpperCase","normalizeStyleKeys","backgroundColor","fontStyle","fontWeight","showFallback","length","codeContainerStyle","maxHeight","codeMaxHeight","__expose","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","class","tabindex","_hoisted_2","_Fragment","_renderList","_unref","line","i","j","_normalizeStyle","_normalizeClass","enableAnimate","_toDisplayString","content"],"mappings":"4hBAqCA,MAAMA,EAAQC,EAORC,EAAOC,EAAAA,SAAS,IAAMH,EAAME,KAAKE,QAEjCC,EAAWF,EAAAA,SAAS,IAAMH,EAAMK,UAAY,QAE5CC,EAAcH,EAAAA,SAAS,IAAOH,EAAMO,OAASP,EAAMQ,UAAYR,EAAMS,aAErEC,MAAEA,EAAAC,SAAOA,GAAaC,EAAAA,aAAaV,EAAM,CAC7CG,WACAQ,MAAOP,EACPQ,kBAAmBd,EAAMc,oBAGrBC,EAAwB,CAACC,EAAeC,IACvCA,GACEA,EAAaD,EAAME,gBADAF,EAatBG,EAAiBC,IAErB,IAAKA,EACH,MAAO,CAAA,EAIT,GAAIA,EAAMC,UAAW,CACnB,MAAMC,EAjBiB,CAACC,IAC1B,MAAMC,EAA4B,CAAA,EAKlC,OAJAC,OAAOC,QAAQH,GAAOI,QAAQ,EAAEC,EAAKC,MACnC,MAAMC,EAAWF,EAAIG,QAAQ,YAAa,CAACC,EAAGC,IAASA,EAAKC,eAC1DV,EAA+CM,GAAYD,IAExDL,GAWaW,CAAmBf,EAAMC,WAE3C,IAAKrB,EAAMc,kBAAmB,OAAOQ,EAErC,MAAMC,EAAQ,IAAKD,GASnB,OAPIC,EAAMP,OAAgC,iBAAhBO,EAAMP,QAC9BO,EAAMP,MAAQD,EAAsBQ,EAAMP,MAAOhB,EAAMc,oBAErDS,EAAMa,iBAAoD,iBAA1Bb,EAAMa,kBACxCb,EAAMa,gBAAkBrB,EAAsBQ,EAAMa,gBAAiBpC,EAAMc,oBAGtES,CACT,CAGA,MAAMA,EAAuB,CAAA,EAgB7B,OAdIH,EAAMJ,QACRO,EAAMP,MAAQhB,EAAMc,kBAChBC,EAAsBK,EAAMJ,MAAOhB,EAAMc,mBACzCM,EAAMJ,OAGY,WAApBI,EAAMiB,YACRd,EAAMc,UAAY,UAGhBjB,EAAMkB,aACRf,EAAMe,WAAalB,EAAMkB,YAGpBf,GAGHgB,EAAepC,EAAAA,SAAS,KAAOO,EAAMmB,OAAOW,QAE5CC,EAAqBtC,EAAAA,SAAS,KAAA,IAC/BQ,EAASkB,MACZa,UAAW1C,EAAM2C,wBAGnBC,EAAa,CACXlC,QACAR,OACAG,WACAC,wBA5HAuC,cAAAC,qBAgBM,MAhBNC,EAgBM,CAfOR,EAAAV,qBAAXiB,EAAAA,mBAAkF,MAAA,OAAxDvB,uBAAOkB,EAAAZ,SAAoBmB,EAAAA,mBAAuB,8BAAd9C,EAAA2B,OAAI,uBAClEiB,EAAAA,mBAaM,MAAA,OAbOG,gCAAiB3C,EAAAuB,QAAeN,uBAAOkB,EAAAZ,OAAoBqB,SAAS,oCAAI,UACnF,IAAAF,EAAAA,mBAWO,OAXPG,EAWO,+BAXyB,cAC9B,KAAAN,EAAAA,WAAA,GAAAC,EAAAA,mBASOM,EAAAA,SAAA,KAAAC,aATmBC,EAAAA,MAAA5C,GAAK,CAAjB6C,EAAMC,mBAApBV,EAAAA,mBASO,OAAA,CAT2BlB,IAAK4B,EAAGP,MAAM,iDAAiB,gBAC/D,IAAaM,EAAKf,QAClBK,aAAA,GAAAC,qBAM2BM,EAAAA,SAAA,CAAAxB,IAAA,GAAAyB,EAAAA,WAJJE,EAAI,CAAjBnC,EAAOqC,mBAFjBX,EAAAA,mBAM2B,OAAA,CAHxBlB,IAAK6B,EACLlC,MAAKmC,EAAAA,eAAEvC,EAAcC,IACrB6B,MAAKU,EAAAA,eAAA,CAAA,qBAA0B3D,EAAM4D,iBACpCC,kBAAAzC,EAAM0C,SAAO,YAPjBjB,EAAAA,YAAAC,EAAAA,mBAAuC,SAAb,oCAOC,cAC7B,4CAAO,YACT,oCAAO,UACT"}

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

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

package/dist/x-markdown.es20.js

@@ -1,207 +0,0 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, unref, toDisplayString, Fragment, renderList, normalizeStyle, createBlock, resolveDynamicComponent, createVNode, h } from "vue";
-import { useClipboard } from "./x-markdown.es27.js";
-import SyntaxCodeBlock from "./x-markdown.es28.js";
-const _hoisted_1 = { class: "x-md-code-header" };
-const _hoisted_2 = { class: "x-md-code-header__left" };
-const _hoisted_3 = ["title"];
-const _hoisted_4 = { class: "x-md-code-lang" };
-const _hoisted_5 = { class: "x-md-code-header__right" };
-const _hoisted_6 = ["title", "disabled", "onClick"];
-const _hoisted_7 = {
-  key: 0,
-  class: "x-md-copy-icon",
-  width: "16",
-  height: "16",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-};
-const _hoisted_8 = {
-  key: 1,
-  class: "x-md-copy-icon",
-  width: "16",
-  height: "16",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "CodeBlock"
-  },
-  __name: "index",
-  props: {
-    code: {},
-    language: {},
-    lightTheme: { default: "vitesse-light" },
-    darkTheme: { default: "vitesse-dark" },
-    isDark: { type: Boolean, default: false },
-    colorReplacements: {},
-    codeMaxHeight: {},
-    showCodeBlockHeader: { type: Boolean, default: true },
-    enableAnimate: { type: Boolean, default: false },
-    codeBlockActions: { default: void 0 },
-    stickyCodeBlockHeader: { type: Boolean, default: true }
-  },
-  setup(__props, { expose: __expose }) {
-    const { copy, copied } = useClipboard({ copiedDuring: 2e3 });
-    const collapsed = ref(false);
-    const syntaxCodeBlockRef = ref(null);
-    const toggleCollapse = () => {
-      collapsed.value = !collapsed.value;
-    };
-    const props = __props;
-    const code = computed(() => props.code.trim());
-    const language = computed(() => props.language || "text");
-    const normalizedActions = computed(() => {
-      return props.codeBlockActions || [];
-    });
-    const filteredActions = computed(() => {
-      return normalizedActions.value.filter((action) => {
-        if (!action.show) return true;
-        return action.show(slotProps.value);
-      });
-    });
-    const slotProps = computed(() => ({
-      language: language.value,
-      code: code.value,
-      copy,
-      copied: copied.value,
-      collapsed: collapsed.value,
-      toggleCollapse
-    }));
-    function renderActionIcon(action) {
-      if (!action.icon) return null;
-      if (typeof action.icon === "string") {
-        return h("span", {
-          class: "x-md-action-icon",
-          innerHTML: action.icon
-        });
-      }
-      if (typeof action.icon === "function") {
-        try {
-          const result = action.icon(slotProps.value);
-          if (result && typeof result === "object" && "__v_isVNode" in result) {
-            return result;
-          }
-        } catch {
-        }
-        return h(action.icon);
-      }
-      return h(action.icon);
-    }
-    function handleActionClick(action) {
-      if (action.disabled) return;
-      action.onClick?.(slotProps.value);
-    }
-    __expose({
-      copy,
-      copied,
-      collapsed,
-      toggleCollapse,
-      syntaxCodeBlockRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["x-md-code-block", { "x-md-code-block--dark": props.isDark }])
-      }, [
-        __props.showCodeBlockHeader ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["x-md-code-header-wrapper", [{ "x-md-code-header-wrapper--sticky": props.stickyCodeBlockHeader }, { "x-md-code-header-wrapper--collapsed": collapsed.value }]])
-        }, [
-          createElementVNode("div", _hoisted_1, [
-            renderSlot(_ctx.$slots, "codeHeader", {
-              language: language.value,
-              code: code.value,
-              copy: unref(copy),
-              copied: unref(copied),
-              collapsed: collapsed.value,
-              toggleCollapse
-            }, () => [
-              createElementVNode("div", _hoisted_2, [
-                createElementVNode("button", {
-                  class: normalizeClass(["x-md-collapse-btn", { "x-md-collapse-btn--collapsed": collapsed.value }]),
-                  onClick: toggleCollapse,
-                  title: collapsed.value ? "展开代码" : "折叠代码"
-                }, [..._cache[1] || (_cache[1] = [
-                  createElementVNode("svg", {
-                    class: "x-md-collapse-icon",
-                    viewBox: "0 0 24 24",
-                    width: "14",
-                    height: "14",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round"
-                  }, [
-                    createElementVNode("polyline", { points: "6 9 12 15 18 9" })
-                  ], -1)
-                ])], 10, _hoisted_3),
-                createElementVNode("span", _hoisted_4, toDisplayString(language.value), 1)
-              ]),
-              createElementVNode("div", _hoisted_5, [
-                renderSlot(_ctx.$slots, "codeActions", {
-                  code: code.value,
-                  copy: unref(copy),
-                  copied: unref(copied)
-                }, () => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(filteredActions.value, (action) => {
-                    return openBlock(), createElementBlock("button", {
-                      key: action.key,
-                      class: normalizeClass(["x-md-action-btn", [action.class, { "x-md-action-btn--disabled": action.disabled }]]),
-                      style: normalizeStyle(action.style),
-                      title: action.title,
-                      disabled: action.disabled,
-                      onClick: ($event) => handleActionClick(action)
-                    }, [
-                      action.icon ? (openBlock(), createBlock(resolveDynamicComponent(renderActionIcon(action)), { key: 0 })) : createCommentVNode("", true)
-                    ], 14, _hoisted_6);
-                  }), 128)),
-                  createElementVNode("button", {
-                    class: normalizeClass(["x-md-copy-btn", { "x-md-copy-btn--copied": unref(copied) }]),
-                    onClick: _cache[0] || (_cache[0] = ($event) => unref(copy)(code.value))
-                  }, [
-                    unref(copied) ? (openBlock(), createElementBlock("svg", _hoisted_7, [..._cache[2] || (_cache[2] = [
-                      createElementVNode("path", {
-                        fill: "currentColor",
-                        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"
-                      }, null, -1)
-                    ])])) : (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[3] || (_cache[3] = [
-                      createElementVNode("path", {
-                        fill: "currentColor",
-                        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"
-                      }, null, -1),
-                      createElementVNode("path", {
-                        fill: "currentColor",
-                        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"
-                      }, null, -1)
-                    ])]))
-                  ], 2)
-                ], true)
-              ])
-            ], true)
-          ])
-        ], 2)) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass(["x-md-code-body", { "x-md-code-body--collapsed": collapsed.value }])
-        }, [
-          createVNode(SyntaxCodeBlock, {
-            ref_key: "syntaxCodeBlockRef",
-            ref: syntaxCodeBlockRef,
-            code: code.value,
-            language: language.value,
-            "light-theme": props.lightTheme,
-            "dark-theme": props.darkTheme,
-            "is-dark": props.isDark,
-            "color-replacements": props.colorReplacements,
-            "code-max-height": props.codeMaxHeight,
-            "enable-animate": props.enableAnimate
-          }, null, 8, ["code", "language", "light-theme", "dark-theme", "is-dark", "color-replacements", "code-max-height", "enable-animate"])
-        ], 2)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=x-markdown.es20.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.es20.js","sources":["../src/components/CodeBlock/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"x-md-code-block\" :class=\"{ 'x-md-code-block--dark': props.isDark }\">\r\n    <!-- 头部区域：支持完全自定义或默认渲染 -->\r\n    <div\r\n      v-if=\"showCodeBlockHeader\"\r\n      class=\"x-md-code-header-wrapper\"\r\n      :class=\"[{'x-md-code-header-wrapper--sticky': props.stickyCodeBlockHeader }, { 'x-md-code-header-wrapper--collapsed': collapsed }]\"\r\n    >\r\n      <div class=\"x-md-code-header\">\r\n        <slot\r\n          name=\"codeHeader\"\r\n          :language=\"language\"\r\n          :code=\"code\"\r\n          :copy=\"copy\"\r\n          :copied=\"copied\"\r\n          :collapsed=\"collapsed\"\r\n          :toggleCollapse=\"toggleCollapse\"\r\n        >\r\n          <div class=\"x-md-code-header__left\">\r\n            <button\r\n              class=\"x-md-collapse-btn\"\r\n              :class=\"{ 'x-md-collapse-btn--collapsed': collapsed }\"\r\n              @click=\"toggleCollapse\"\r\n              :title=\"collapsed ? '展开代码' : '折叠代码'\"\r\n            >\r\n              <svg\r\n                class=\"x-md-collapse-icon\"\r\n                viewBox=\"0 0 24 24\"\r\n                width=\"14\"\r\n                height=\"14\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              >\r\n                <polyline points=\"6 9 12 15 18 9\"></polyline>\r\n              </svg>\r\n            </button>\r\n            <span class=\"x-md-code-lang\">{{ language }}</span>\r\n          </div>\r\n          <div class=\"x-md-code-header__right\">\r\n            <slot name=\"codeActions\" :code=\"code\" :copy=\"copy\" :copied=\"copied\">\r\n              <button\r\n                v-for=\"action in filteredActions\"\r\n                :key=\"action.key\"\r\n                class=\"x-md-action-btn\"\r\n                :class=\"[action.class, { 'x-md-action-btn--disabled': action.disabled }]\"\r\n                :style=\"action.style\"\r\n                :title=\"action.title\"\r\n                :disabled=\"action.disabled\"\r\n                @click=\"handleActionClick(action)\"\r\n              >\r\n                <component :is=\"renderActionIcon(action)\" v-if=\"action.icon\" />\r\n              </button>\r\n                <button class=\"x-md-copy-btn\" :class=\"{ 'x-md-copy-btn--copied': copied }\" @click=\"copy(code)\">\r\n                  <svg\r\n                    v-if=\"copied\"\r\n                    class=\"x-md-copy-icon\"\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\r\n                    v-else\r\n                    class=\"x-md-copy-icon\"\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=\"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                </button>\r\n              </slot>\r\n          </div>\r\n        </slot>\r\n      </div>\r\n    </div>\r\n    <div class=\"x-md-code-body\" :class=\"{ 'x-md-code-body--collapsed': collapsed }\">\r\n      <SyntaxCodeBlock\r\n        ref=\"syntaxCodeBlockRef\"\r\n        :code=\"code\"\r\n        :language=\"language\"\r\n        :light-theme=\"props.lightTheme\"\r\n        :dark-theme=\"props.darkTheme\"\r\n        :is-dark=\"props.isDark\"\r\n        :color-replacements=\"props.colorReplacements\"\r\n        :code-max-height=\"props.codeMaxHeight\"\r\n        :enable-animate=\"props.enableAnimate\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, ref, h, type VNode } from 'vue'\r\nimport { useClipboard } from '@vueuse/core'\r\nimport type { CodeBlockProps, CodeBlockAction, CodeBlockSlotProps } from './types'\r\nimport SyntaxCodeBlock from './SyntaxCodeBlock.vue'\r\n\r\ndefineOptions({\r\n  name: 'CodeBlock',\r\n})\r\n\r\nconst { copy, copied } = useClipboard({ copiedDuring: 2000 })\r\n\r\nconst collapsed = ref(false)\r\n\r\nconst syntaxCodeBlockRef = ref<InstanceType<typeof SyntaxCodeBlock> | null>(null)\r\n\r\nconst toggleCollapse = () => {\r\n  collapsed.value = !collapsed.value\r\n}\r\n\r\nconst props = withDefaults(defineProps<CodeBlockProps>(), {\r\n  lightTheme: 'vitesse-light',\r\n  darkTheme: 'vitesse-dark',\r\n  isDark: false,\r\n  showCodeBlockHeader: true,\r\n  enableAnimate: false,\r\n  codeBlockActions: undefined,\r\n  stickyCodeBlockHeader: true,\r\n})\r\n\r\nconst code = computed(() => props.code.trim())\r\n\r\nconst language = computed(() => props.language || 'text')\r\n\r\nconst normalizedActions = computed<CodeBlockAction[]>(() => {\r\n  return props.codeBlockActions || []\r\n})\r\n\r\nconst filteredActions = computed<CodeBlockAction[]>(() => {\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<CodeBlockSlotProps>(() => ({\r\n  language: language.value,\r\n  code: code.value,\r\n  copy,\r\n  copied: copied.value,\r\n  collapsed: collapsed.value,\r\n  toggleCollapse,\r\n}))\r\n\r\nfunction renderActionIcon(action: CodeBlockAction): 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: 'x-md-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: CodeBlockSlotProps) => VNode)(slotProps.value)\r\n      if (result && typeof result === 'object' && '__v_isVNode' in result) {\r\n        return result\r\n      }\r\n    } catch {\r\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: CodeBlockAction) {\r\n  if (action.disabled) return\r\n  action.onClick?.(slotProps.value)\r\n}\r\n\r\ndefineExpose({\r\n  copy,\r\n  copied,\r\n  collapsed,\r\n  toggleCollapse,\r\n  syntaxCodeBlockRef,\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.x-md-code-block {\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.x-md-code-block.x-md-code-block--dark {\r\n  background: rgba(255, 255, 255, 0.13);\r\n}\r\n\r\n.x-md-code-header-wrapper--sticky {\r\n  background: #fff;\r\n  position: sticky;\r\n  top: 0;\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-code-header-wrapper--sticky {\r\n  background: #1a1a1a;\r\n}\r\n\r\n.x-md-code-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 8px 16px;\r\n  background: rgba(0, 0, 0, 0.05);\r\n  color: #333;\r\n}\r\n\r\n.x-md-code-block .x-md-code-header-wrapper--sticky .x-md-code-header{\r\n  background: rgba(235, 235, 235);\r\n  border-radius: 8px 8px 0 0;\r\n}\r\n\r\n.x-md-code-block:has(.x-md-code-header-wrapper--sticky) {\r\n  overflow: visible;\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-code-header {\r\n  background: rgba(0, 0, 0, 0.25);\r\n  color: #fff;\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-code-header-wrapper--sticky .x-md-code-header {\r\n  background: rgba(44, 44, 44);\r\n}\r\n\r\n.x-md-code-block .x-md-code-header-wrapper--collapsed .x-md-code-header {\r\n    border-radius: 8px;\r\n}\r\n\r\n.x-md-code-header__left,\r\n.x-md-code-header__right {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.x-md-code-lang {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  opacity: 0.6;\r\n  text-transform: lowercase;\r\n}\r\n\r\n.x-md-copy-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  opacity: 0.7;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.x-md-copy-btn:hover {\r\n  opacity: 1;\r\n  background: rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-copy-btn:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.x-md-copy-btn.x-md-copy-btn--copied {\r\n  opacity: 1;\r\n  color: #22c55e;\r\n}\r\n\r\n.x-md-copy-icon {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.x-md-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  opacity: 0.7;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.x-md-action-btn:hover {\r\n  opacity: 1;\r\n  background: rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-action-btn:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.x-md-action-btn.x-md-action-btn--disabled {\r\n  opacity: 0.3;\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.x-md-action-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.x-md-action-icon :deep(svg) {\r\n  width: 16px;\r\n  height: 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.x-md-collapse-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 20px;\r\n  height: 20px;\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  opacity: 0.5;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.x-md-collapse-btn:hover {\r\n  opacity: 1;\r\n  background: rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.x-md-code-block.x-md-code-block--dark .x-md-collapse-btn:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.x-md-collapse-icon {\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.x-md-collapse-btn--collapsed .x-md-collapse-icon {\r\n  transform: rotate(-90deg);\r\n}\r\n\r\n.x-md-code-body {\r\n  overflow: hidden;\r\n  transition:\r\n    max-height 0.3s ease,\r\n    opacity 0.2s ease;\r\n}\r\n\r\n.x-md-code-body--collapsed {\r\n  max-height: 0 !important;\r\n  opacity: 0;\r\n}\r\n</style>"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_unref","_toDisplayString","_Fragment","_renderList","_normalizeStyle","_createBlock","_resolveDynamicComponent","_openBlock","_createVNode"],"mappings":"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"}