index-g5pWivwy.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. import{M as _,a as h}from"./index-GG-4pF7g.js";import{P as v}from"./index-BB9V0GyI.js";import{R as k}from"./antd-BmrhB3rb.js";import{d as w,f as s,a7 as g,Z as R,a8 as b,a9 as r,$ as u,k as a,G as i,u as o}from"./vue-BjERyvPm.js";import"./entry/index-DShbtsWl.js";import"./index-wJ08BCMi.js";import"./useWindowSizeFn-Cuml40XT.js";import"./onMountedOrActivated-DcvTUt7V.js";import"./useContentViewHeight-w3jL8fd7.js";const C={class:"mt-2"},j=w({__name:"index",setup(D){const l=s(null),e=s(`
  2. # 标题h1
  3. ##### 标题h5
  4. **加粗**
  5. *斜体*
  6. ~~删除线~~
  7. [链接](https://github.com/vbenjs/vue-vben-admin)
  8. ↓分割线↓
  9. ---
  10. * 无序列表1
  11. * 无序列表1.1
  12. 1. 有序列表1
  13. 2. 有序列表2
  14. * [ ] 任务列表1
  15. * [x] 任务列表2
  16. > 引用示例
  17. \`\`\`js
  18. // 代码块:
  19. (() => {
  20. var htmlRoot = document.getElementById('htmlRoot');
  21. var theme = window.localStorage.getItem('__APP__DARK__MODE__');
  22. if (htmlRoot && theme) {
  23. htmlRoot.setAttribute('data-theme', theme);
  24. theme = htmlRoot = null;
  25. }
  26. })();
  27. \`\`\`
  28. | 表格 | 示例 | 🎉️ |
  29. | --- | --- | --- |
  30. | 1 | 2 | 3 |
  31. | 4 | 5 | 6 |
  32. `);function d(){const t=o(l);if(!t)return;t.getVditor().setTheme("dark","dark","dracula")}function c(t){e.value=t}function f(){e.value=""}return(t,n)=>{const m=g("a-button");return R(),b(o(v),{title:"MarkDown组件示例"},{default:r(()=>[u("div",null,[a(m,{onClick:d,class:"mb-2",type:"primary"},{default:r(()=>[i(" 黑暗主题 ")]),_:1}),a(m,{onClick:f,class:"mb-2",type:"default"},{default:r(()=>[i(" 清空内容 ")]),_:1}),a(o(_),{value:e.value,"onUpdate:value":n[0]||(n[0]=p=>e.value=p),onChange:c,ref_key:"markDownRef",ref:l,placeholder:"这是占位文本"},null,8,["value"])]),u("div",C,[a(o(k),{title:"Markdown Viewer 组件演示"},{default:r(()=>[a(o(h),{value:e.value},null,8,["value"])]),_:1})])]),_:1})}}});export{j as default};