@todovue/tv-demo 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/tv-demo.cjs.js +2 -2
- package/dist/tv-demo.es.js +26 -26
- package/package.json +2 -2
package/dist/tv-demo.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@600&family=Lato:wght@300&display=swap";.cb[data-v-3c0bc7c1]{position:absolute;cursor:pointer;transition:.3s opacity linear;opacity:.5;height:30px;width:80px;right:0}.cb:hover .cb_tooltip[data-v-3c0bc7c1]{display:block}.cb[data-v-3c0bc7c1]:hover{opacity:1}.cb_tooltip[data-v-3c0bc7c1]{font-family:sans-serif;display:none;position:absolute;left:-96px;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb_copy[data-v-3c0bc7c1]{position:absolute;font-family:sans-serif;display:block;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb textarea[data-v-3c0bc7c1]{-webkit-user-select:none;user-select:none;position:absolute;padding:0;width:0;height:0;background:transparent;resize:none;opacity:0;border-color:#0000}.TL[data-v-b98f7724]{display:flex;align-items:center;justify-content:center;width:40px;height:30px;position:relative}.TL_word[data-v-b98f7724]{width:20px;height:20px;text-align:center;color:#aaa;font-size:16px}.code[data-v-f4a493be]{display:flex;flex-direction:column;font-size:0;position:relative;text-align:left;overflow:hidden}.code_header[data-v-f4a493be]{min-height:14px;position:relative}.code_area[data-v-f4a493be]{position:relative;overflow:hidden;padding-left:20px;margin:auto 0;display:flex}.code_area textarea[data-v-f4a493be]{overflow-y:hidden;box-sizing:border-box;caret-color:#7f7f7f;-webkit-text-fill-color:transparent;white-space:pre;word-wrap:normal;border:0;position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background:none;border:none;outline:none;resize:none;padding:0 20px 20px;line-height:1.3;overflow:overlay;font-family:Consolas,Monaco,monospace}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area_link[data-v-f4a493be]{position:absolute}.code_area.change_hight[data-v-f4a493be]{height:calc(100% - 30px)}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area pre[data-v-f4a493be]{position:relative;margin:0;height:100%;overflow:hidden}.code_header[data-v-f4a493be]{position:relative;display:flex;justify-content:flex-start;width:100%}.code pre code[data-v-f4a493be]{font-family:Consolas,Monaco,monospace;line-height:1.3;position:relative;overflow-x:visible;border-radius:0;box-sizing:border-box;display:block;border:none;margin:0}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar{width:6px}.code_area_lines[data-v-f4a493be]{display:flex;flex-direction:column;width:10px;align-items:center;position:absolute;transform:translate(-18px)}.code_area_lines_item[data-v-f4a493be]{height:24px;width:10px;font-size:12px;color:#adb5bd;text-align:center;display:flex;justify-content:center;align-items:center;opacity:.6}.code_area_lines_item.dark[data-v-f4a493be]{color:#adb5bd}.code_area_lines_item.light[data-v-f4a493be]{color:#212529}.atom_one_dark.hljs,.atom_one_dark .hljs{color:#abb2bf;background:#282c34}.atom_one_dark .hljs-comment,.atom_one_dark .hljs-quote{color:#5c6370;font-style:italic}.atom_one_dark .hljs-doctag,.atom_one_dark .hljs-keyword,.atom_one_dark .hljs-formula{color:#c678dd}.atom_one_dark .hljs-section,.atom_one_dark .hljs-name,.atom_one_dark .hljs-selector-tag,.atom_one_dark .hljs-deletion,.atom_one_dark .hljs-subst{color:#e06c75}.atom_one_dark .hljs-literal{color:#56b6c2}.atom_one_dark .hljs-string,.atom_one_dark .hljs-regexp,.atom_one_dark .hljs-addition,.atom_one_dark .hljs-attribute,.atom_one_dark .hljs-meta .hljs-string{color:#98c379}.atom_one_dark .hljs-attr,.atom_one_dark .hljs-variable,.atom_one_dark .hljs-template-variable,.atom_one_dark .hljs-type,.atom_one_dark .hljs-selector-class,.atom_one_dark .hljs-selector-attr,.atom_one_dark .hljs-selector-pseudo,.atom_one_dark .hljs-number{color:#d19a66}.atom_one_dark .hljs-symbol,.atom_one_dark .hljs-bullet,.atom_one_dark .hljs-link,.atom_one_dark .hljs-meta,.atom_one_dark .hljs-selector-id,.atom_one_dark .hljs-title{color:#61aeee}.atom_one_dark .hljs-built_in,.atom_one_dark .hljs-title .class_,.atom_one_dark .hljs-class .hljs-title{color:#e6c07b}.atom_one_dark .hljs-emphasis{font-style:italic}.atom_one_dark .hljs-strong{font-weight:700}.atom_one_dark .hljs-link{text-decoration:underline}.atom_one_light.hljs,.atom_one_light .hljs{color:#383a42;background:#edf2f4}.atom_one_light .hljs-comment,.atom_one_light .hljs-quote{color:#a0a1a7;font-style:italic}.atom_one_light .hljs-doctag,.atom_one_light .hljs-keyword,.atom_one_light .hljs-formula{color:#a626a4}.atom_one_light .hljs-section,.atom_one_light .hljs-name,.atom_one_light .hljs-selector-tag,.atom_one_light .hljs-deletion,.atom_one_light .hljs-subst{color:#e45649}.atom_one_light .hljs-literal{color:#0184bb}.atom_one_light .hljs-string,.atom_one_light .hljs-regexp,.atom_one_light .hljs-addition,.atom_one_light .hljs-attribute,.atom_one_light .hljs-meta .hljs-string{color:#50a14f}.atom_one_light .hljs-attr,.atom_one_light .hljs-variable,.atom_one_light .hljs-template-variable,.atom_one_light .hljs-type,.atom_one_light .hljs-selector-class,.atom_one_light .hljs-selector-attr,.atom_one_light .hljs-selector-pseudo,.atom_one_light .hljs-number{color:#986801}.atom_one_light .hljs-symbol,.atom_one_light .hljs-bullet,.atom_one_light .hljs-link,.atom_one_light .hljs-meta,.atom_one_light .hljs-selector-id,.atom_one_light .hljs-title{color:#4078f2}.atom_one_light .hljs-built_in,.atom_one_light .hljs-title .class_,.atom_one_light .hljs-class .hljs-title{color:#c18401}.atom_one_light .hljs-emphasis{font-style:italic}.atom_one_light .hljs-strong{font-weight:700}.atom_one_light .hljs-link{text-decoration:underline}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-tag,.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-strong,.hljs-number,.hljs-name{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attribute,.hljs-attr,.hljs-symbol,.hljs-regexp,.hljs-link{color:#bf79db}.hljs-string,.hljs-bullet,.hljs-subst,.hljs-title,.hljs-section,.hljs-emphasis,.hljs-type,.hljs-built_in,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#a6e22e}.hljs-title.class_,.hljs-class .hljs-title{color:#fff}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#75715e}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-title,.hljs-section,.hljs-type,.hljs-selector-id{font-weight:700}[data-v-95f3b0ae]{box-sizing:border-box;margin:0;padding:0}body[data-v-95f3b0ae]{font-family:Lato,sans-serif;font-size:1rem}h1[data-v-95f3b0ae],h2[data-v-95f3b0ae],h3[data-v-95f3b0ae],h4[data-v-95f3b0ae],h5[data-v-95f3b0ae],h6[data-v-95f3b0ae]{font-family:Kanit,sans-serif;font-size:2rem}.dark-mode[data-v-95f3b0ae],.dark-mode body[data-v-95f3b0ae]{background-color:#7a7d7d;color:#f4faff}.dark-mode .tv-search-results[data-v-95f3b0ae]::-webkit-scrollbar-thumb{background-color:#0e131f}.dark-mode .tv-search-results[data-v-95f3b0ae]::-webkit-scrollbar-thumb:hover{background-color:#000}.light-mode[data-v-95f3b0ae],.light-mode body[data-v-95f3b0ae]{background-color:#e0e1e1;color:#000b14}.light-mode .tv-search-results[data-v-95f3b0ae]::-webkit-scrollbar-thumb{background-color:#b9c4df}.light-mode .tv-search-results[data-v-95f3b0ae]::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}[data-v-95f3b0ae]::-webkit-scrollbar{width:8px}[data-v-95f3b0ae]::-webkit-scrollbar-track{background-color:#f1f9f9}[data-v-95f3b0ae]::-webkit-scrollbar-thumb{background-color:#b9c4df}[data-v-95f3b0ae]::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}.markdown-body[data-v-95f3b0ae]{padding:50px 25px;border-radius:8px;color:#fff;font-size:16px}.markdown-body h1[data-v-95f3b0ae],.markdown-body h2[data-v-95f3b0ae],.markdown-body h3[data-v-95f3b0ae]{color:#3b82f6}.markdown-body pre[data-v-95f3b0ae]{background:#282c34;padding:10px;border-radius:5px;overflow-x:auto}.tv-demo-tabs[data-v-95f3b0ae]{display:flex;margin-bottom:10px}.tv-demo-tabs button[data-v-95f3b0ae]{border:none;padding:10px 15px;cursor:pointer;font-size:1rem;border-radius:5px 5px 0 0;margin-right:5px}.tv-demo-content[data-v-95f3b0ae]{padding:20px;border:1px solid #4a4a4a;border-radius:0 5px 5px}.tv-demo-content .tv-demo-description[data-v-95f3b0ae]{font-size:2rem}a[data-v-95f3b0ae],.tv-demo-links-item[data-v-95f3b0ae]{text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:3px;cursor:pointer;font-size:1.1rem}.dark-mode .tv-demo-select[data-v-95f3b0ae]{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.dark-mode .tv-demo-option[data-v-95f3b0ae]{background:#b9c4df}.dark-mode .no-background[data-v-95f3b0ae]{background-color:#0e131f;color:#b9c4df;box-shadow:0 0 10px #0e131f}.dark-mode .tv-demo-tabs button[data-v-95f3b0ae]{background-color:#b9c4df;color:#000b14}.dark-mode .tv-demo-tabs button.active[data-v-95f3b0ae]{background:#8598c7;font-weight:700}.dark-mode .tv-demo-tabs button[data-v-95f3b0ae]:hover{background:#96a7cf}.light-mode .tv-demo-select[data-v-95f3b0ae]{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.light-mode .tv-demo-option[data-v-95f3b0ae]{background:#0e131f}.light-mode .no-background[data-v-95f3b0ae]{background-color:#b9c4df;color:#0e131f;box-shadow:0 0 10px #b9c4df}.light-mode .tv-demo-tabs button[data-v-95f3b0ae]{background-color:#0e131f;color:#f4faff}.light-mode .tv-demo-tabs button.active[data-v-95f3b0ae]{background:#000;font-weight:700}.light-mode .tv-demo-tabs button[data-v-95f3b0ae]:hover{background:#000}.tv-demo-body[data-v-95f3b0ae]{margin:0 auto;min-height:100vh;width:80%}.tv-demo-body.dark-mode[data-v-95f3b0ae]{background-color:#0e131f}.tv-demo-body.dark-mode .tv-demo-select[data-v-95f3b0ae]{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.tv-demo-body.dark-mode .tv-demo-option[data-v-95f3b0ae]{background:#b9c4df}.tv-demo-body.dark-mode .tv-demo-copy[data-v-95f3b0ae]{background-color:#b9c4df;color:#0e131f;box-shadow:0 0 10px #b9c4df}.tv-demo-body.dark-mode .tv-demo-links-item[data-v-95f3b0ae]{color:#b9c4df}.tv-demo-body.light-mode[data-v-95f3b0ae]{background-color:#b9c4df}.tv-demo-body.light-mode .tv-demo-select[data-v-95f3b0ae]{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.tv-demo-body.light-mode .tv-demo-option[data-v-95f3b0ae]{background:#0e131f}.tv-demo-body.light-mode .tv-demo-copy[data-v-95f3b0ae]{background-color:#0e131f;color:#b9c4df;box-shadow:0 0 10px #0e131f}.tv-demo-body.light-mode .tv-demo-links-item[data-v-95f3b0ae]{color:#0e131f}.tv-demo-body .tv-demo-theme[data-v-95f3b0ae]{display:inline-block;min-height:100%;padding:0 20px;width:100%}.tv-demo-body .tv-demo-links[data-v-95f3b0ae]{display:flex;gap:10px;align-content:center;align-items:center}.tv-demo-body .tv-demo-links a[data-v-95f3b0ae]{color:inherit}.tv-demo-body .tv-demo-copy[data-v-95f3b0ae]{border-radius:4px;font-size:14px;padding:5px 10px;position:absolute;top:70px;width:auto}.tv-demo-body .tv-demo-header[data-v-95f3b0ae]{padding:40px 0;display:flex;justify-content:space-between}.tv-demo-body .tv-demo-case[data-v-95f3b0ae]{padding:0 20px 20px;position:relative}.tv-demo-body .tv-demo-case-demo .demo[data-v-95f3b0ae]{margin-bottom:20px}.tv-demo-body .tv-demo-case-demo h3[data-v-95f3b0ae]{font-size:22px;padding-top:20px}.tv-demo-body .tv-demo-case-demo h1[data-v-95f3b0ae]{font-size:2.2rem;font-weight:700}.tv-demo-body .tv-demo-case-demo h1 span[data-v-95f3b0ae]{font-size:1rem;font-weight:300}.tv-demo-body .tv-demo-select[data-v-95f3b0ae]{border-radius:4px;cursor:pointer;font-size:16px;height:40px;margin-bottom:20px;margin-top:5px;padding:0 10px;width:100%}.tv-demo-body .tv-demo-select-theme[data-v-95f3b0ae]{width:150px}.tv-demo-body .tv-demo-option[data-v-95f3b0ae]{font-size:16px}.tv-demo-body .tv-demo-component[data-v-95f3b0ae]{align-items:center;display:flex;height:100%;justify-content:center;margin-top:5px;width:100%}.tv-demo-body .tv-demo-no-component[data-v-95f3b0ae]{color:inherit;font-size:1.5rem;font-weight:500;text-align:center}.tv-demo-body .tv-demo-code[data-v-95f3b0ae]{margin-top:5px;width:100%!important;height:auto!important;padding:20px 0}@media (max-width: 768px){.tv-demo-case[data-v-95f3b0ae]{padding:10px!important}.tv-demo-body[data-v-95f3b0ae]{width:90%}.tv-demo-header[data-v-95f3b0ae]{flex-direction:column;align-items:flex-start;gap:10px;padding:0}.tv-demo-header .tv-demo-theme[data-v-95f3b0ae]{width:100%;padding-left:0;padding-right:0}.tv-demo-header .tv-demo-select-theme[data-v-95f3b0ae]{width:100%}}@media (max-width: 640px){.tv-demo-case[data-v-95f3b0ae]{padding:0!important}.tv-demo-body[data-v-95f3b0ae]{width:100%}}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
-
"use strict";const e=require("vue"),g=require("vue-highlight-code");require("github-markdown-css");const h=require("vue3-markdown-it"),E=t=>{const a=e.ref("dark"),r=e.ref(0),s=e.ref(""),d=e.ref(!1),m=e.ref(""),c=e.ref(""),u=e.ref("demo");e.onMounted(()=>{const n=localStorage.getItem("theme");n&&(a.value=n),s.value=a.value||"dark"});const v=async()=>{try{const n=await fetch(t.readmePath);if(!n.ok)throw new Error("README.md not found");c.value=await n.text()}catch{c.value="⚠️ Documentation not found."}},k=()=>{a.value=s.value,localStorage.setItem("theme",a.value)},i=e.computed(()=>{var n;return((n=t.variants)==null?void 0:n[r.value])||{}}),f=e.computed(()=>{var o,l;const n=a.value==="dark"?(o=t.demoStyle)==null?void 0:o.dark:(l=t.demoStyle)==null?void 0:l.light;return{body:{backgroundColor:(n==null?void 0:n.backgroundBody)||"",color:(n==null?void 0:n.color)||""},content:{backgroundColor:(n==null?void 0:n.backgroundContent)||"",color:(n==null?void 0:n.color)||""}}}),C=n=>{let o="";n==="npm"?o=`npm install ${t.isDevComponent?"-D ":""}${t.npmInstall}`:o=`git clone ${t.urlClone}`,navigator.clipboard.writeText(o).then(()=>{d.value=!0,m.value=`✅ Copied: ${o}`}).catch(l=>{d.value=!0,m.value=`❌ Failed to copy: ${l}`}).finally(()=>{setTimeout(()=>{d.value=!1,m.value=""},2e3)})};return e.watchEffect(v),{customStyle:f,isCopy:d,messageCopy:m,readmeContent:c,selectedTab:u,selectedTheme:s,selectedVariantIndex:r,theme:a,variant:i,setClickItem:C,toggleTheme:k}},V=(t,a)=>{const r=t.__vccOpts||t;for(const[s,d]of a)r[s]=d;return r},B={class:"tv-demo-case"},p={class:"tv-demo-header"},N={class:"tv-demo-title"},S={class:"tv-demo-links"},D=["href"],b={key:1},I={key:3},T={class:"tv-demo-theme"},$={class:"tv-demo-tabs"},w={key:0,class:"tv-demo-content"},x=["value"],z={class:"tv-demo-description"},L={key:1,class:"tv-demo-content"},
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@600&family=Lato:wght@300&display=swap";.cb[data-v-3c0bc7c1]{position:absolute;cursor:pointer;transition:.3s opacity linear;opacity:.5;height:30px;width:80px;right:0}.cb:hover .cb_tooltip[data-v-3c0bc7c1]{display:block}.cb[data-v-3c0bc7c1]:hover{opacity:1}.cb_tooltip[data-v-3c0bc7c1]{font-family:sans-serif;display:none;position:absolute;left:-96px;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb_copy[data-v-3c0bc7c1]{position:absolute;font-family:sans-serif;display:block;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb textarea[data-v-3c0bc7c1]{-webkit-user-select:none;user-select:none;position:absolute;padding:0;width:0;height:0;background:transparent;resize:none;opacity:0;border-color:#0000}.TL[data-v-b98f7724]{display:flex;align-items:center;justify-content:center;width:40px;height:30px;position:relative}.TL_word[data-v-b98f7724]{width:20px;height:20px;text-align:center;color:#aaa;font-size:16px}.code[data-v-f4a493be]{display:flex;flex-direction:column;font-size:0;position:relative;text-align:left;overflow:hidden}.code_header[data-v-f4a493be]{min-height:14px;position:relative}.code_area[data-v-f4a493be]{position:relative;overflow:hidden;padding-left:20px;margin:auto 0;display:flex}.code_area textarea[data-v-f4a493be]{overflow-y:hidden;box-sizing:border-box;caret-color:#7f7f7f;-webkit-text-fill-color:transparent;white-space:pre;word-wrap:normal;border:0;position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background:none;border:none;outline:none;resize:none;padding:0 20px 20px;line-height:1.3;overflow:overlay;font-family:Consolas,Monaco,monospace}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area_link[data-v-f4a493be]{position:absolute}.code_area.change_hight[data-v-f4a493be]{height:calc(100% - 30px)}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area pre[data-v-f4a493be]{position:relative;margin:0;height:100%;overflow:hidden}.code_header[data-v-f4a493be]{position:relative;display:flex;justify-content:flex-start;width:100%}.code pre code[data-v-f4a493be]{font-family:Consolas,Monaco,monospace;line-height:1.3;position:relative;overflow-x:visible;border-radius:0;box-sizing:border-box;display:block;border:none;margin:0}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar{width:6px}.code_area_lines[data-v-f4a493be]{display:flex;flex-direction:column;width:10px;align-items:center;position:absolute;transform:translate(-18px)}.code_area_lines_item[data-v-f4a493be]{height:24px;width:10px;font-size:12px;color:#adb5bd;text-align:center;display:flex;justify-content:center;align-items:center;opacity:.6}.code_area_lines_item.dark[data-v-f4a493be]{color:#adb5bd}.code_area_lines_item.light[data-v-f4a493be]{color:#212529}.atom_one_dark.hljs,.atom_one_dark .hljs{color:#abb2bf;background:#282c34}.atom_one_dark .hljs-comment,.atom_one_dark .hljs-quote{color:#5c6370;font-style:italic}.atom_one_dark .hljs-doctag,.atom_one_dark .hljs-keyword,.atom_one_dark .hljs-formula{color:#c678dd}.atom_one_dark .hljs-section,.atom_one_dark .hljs-name,.atom_one_dark .hljs-selector-tag,.atom_one_dark .hljs-deletion,.atom_one_dark .hljs-subst{color:#e06c75}.atom_one_dark .hljs-literal{color:#56b6c2}.atom_one_dark .hljs-string,.atom_one_dark .hljs-regexp,.atom_one_dark .hljs-addition,.atom_one_dark .hljs-attribute,.atom_one_dark .hljs-meta .hljs-string{color:#98c379}.atom_one_dark .hljs-attr,.atom_one_dark .hljs-variable,.atom_one_dark .hljs-template-variable,.atom_one_dark .hljs-type,.atom_one_dark .hljs-selector-class,.atom_one_dark .hljs-selector-attr,.atom_one_dark .hljs-selector-pseudo,.atom_one_dark .hljs-number{color:#d19a66}.atom_one_dark .hljs-symbol,.atom_one_dark .hljs-bullet,.atom_one_dark .hljs-link,.atom_one_dark .hljs-meta,.atom_one_dark .hljs-selector-id,.atom_one_dark .hljs-title{color:#61aeee}.atom_one_dark .hljs-built_in,.atom_one_dark .hljs-title .class_,.atom_one_dark .hljs-class .hljs-title{color:#e6c07b}.atom_one_dark .hljs-emphasis{font-style:italic}.atom_one_dark .hljs-strong{font-weight:700}.atom_one_dark .hljs-link{text-decoration:underline}.atom_one_light.hljs,.atom_one_light .hljs{color:#383a42;background:#edf2f4}.atom_one_light .hljs-comment,.atom_one_light .hljs-quote{color:#a0a1a7;font-style:italic}.atom_one_light .hljs-doctag,.atom_one_light .hljs-keyword,.atom_one_light .hljs-formula{color:#a626a4}.atom_one_light .hljs-section,.atom_one_light .hljs-name,.atom_one_light .hljs-selector-tag,.atom_one_light .hljs-deletion,.atom_one_light .hljs-subst{color:#e45649}.atom_one_light .hljs-literal{color:#0184bb}.atom_one_light .hljs-string,.atom_one_light .hljs-regexp,.atom_one_light .hljs-addition,.atom_one_light .hljs-attribute,.atom_one_light .hljs-meta .hljs-string{color:#50a14f}.atom_one_light .hljs-attr,.atom_one_light .hljs-variable,.atom_one_light .hljs-template-variable,.atom_one_light .hljs-type,.atom_one_light .hljs-selector-class,.atom_one_light .hljs-selector-attr,.atom_one_light .hljs-selector-pseudo,.atom_one_light .hljs-number{color:#986801}.atom_one_light .hljs-symbol,.atom_one_light .hljs-bullet,.atom_one_light .hljs-link,.atom_one_light .hljs-meta,.atom_one_light .hljs-selector-id,.atom_one_light .hljs-title{color:#4078f2}.atom_one_light .hljs-built_in,.atom_one_light .hljs-title .class_,.atom_one_light .hljs-class .hljs-title{color:#c18401}.atom_one_light .hljs-emphasis{font-style:italic}.atom_one_light .hljs-strong{font-weight:700}.atom_one_light .hljs-link{text-decoration:underline}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-tag,.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-strong,.hljs-number,.hljs-name{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attribute,.hljs-attr,.hljs-symbol,.hljs-regexp,.hljs-link{color:#bf79db}.hljs-string,.hljs-bullet,.hljs-subst,.hljs-title,.hljs-section,.hljs-emphasis,.hljs-type,.hljs-built_in,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#a6e22e}.hljs-title.class_,.hljs-class .hljs-title{color:#fff}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#75715e}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-title,.hljs-section,.hljs-type,.hljs-selector-id{font-weight:700}[data-v-3dcc2ede]{box-sizing:border-box;margin:0;padding:0}body[data-v-3dcc2ede]{font-family:Lato,sans-serif;font-size:1rem}h1[data-v-3dcc2ede],h2[data-v-3dcc2ede],h3[data-v-3dcc2ede],h4[data-v-3dcc2ede],h5[data-v-3dcc2ede],h6[data-v-3dcc2ede]{font-family:Kanit,sans-serif;font-size:2rem}.dark-mode[data-v-3dcc2ede],.dark-mode body[data-v-3dcc2ede]{background-color:#7a7d7d;color:#f4faff}.dark-mode .tv-search-results[data-v-3dcc2ede]::-webkit-scrollbar-thumb{background-color:#0e131f}.dark-mode .tv-search-results[data-v-3dcc2ede]::-webkit-scrollbar-thumb:hover{background-color:#000}.light-mode[data-v-3dcc2ede],.light-mode body[data-v-3dcc2ede]{background-color:#e0e1e1;color:#000b14}.light-mode .tv-search-results[data-v-3dcc2ede]::-webkit-scrollbar-thumb{background-color:#b9c4df}.light-mode .tv-search-results[data-v-3dcc2ede]::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}[data-v-3dcc2ede]::-webkit-scrollbar{width:8px}[data-v-3dcc2ede]::-webkit-scrollbar-track{background-color:#f1f9f9}[data-v-3dcc2ede]::-webkit-scrollbar-thumb{background-color:#b9c4df}[data-v-3dcc2ede]::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}.markdown-body[data-v-3dcc2ede]{padding:50px 25px;border-radius:8px;color:#fff;font-size:16px}.markdown-body h1[data-v-3dcc2ede],.markdown-body h2[data-v-3dcc2ede],.markdown-body h3[data-v-3dcc2ede]{color:#3b82f6}.markdown-body pre[data-v-3dcc2ede]{background:#282c34;padding:10px;border-radius:5px;overflow-x:auto}.tv-demo-tabs[data-v-3dcc2ede]{display:flex;margin-bottom:10px}.tv-demo-tabs button[data-v-3dcc2ede]{border:none;padding:10px 15px;cursor:pointer;font-size:1rem;border-radius:5px 5px 0 0;margin-right:5px}.tv-demo-content[data-v-3dcc2ede]{padding:20px;border:1px solid #4a4a4a;border-radius:0 5px 5px}.tv-demo-content .tv-demo-description[data-v-3dcc2ede]{font-size:1.1rem}.tv-demo-content .tv-demo-component-content[data-v-3dcc2ede]{display:flex;margin:0 auto;padding:20px;justify-content:center}a[data-v-3dcc2ede],.tv-demo-links-item[data-v-3dcc2ede]{text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:3px;cursor:pointer;font-size:1.1rem}.dark-mode .tv-demo-select[data-v-3dcc2ede]{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.dark-mode .tv-demo-option[data-v-3dcc2ede]{background:#b9c4df}.dark-mode .no-background[data-v-3dcc2ede]{background-color:#0e131f;color:#b9c4df;box-shadow:0 0 10px #0e131f}.dark-mode .tv-demo-tabs button[data-v-3dcc2ede]{background-color:#b9c4df;color:#000b14}.dark-mode .tv-demo-tabs button.active[data-v-3dcc2ede]{background:#8598c7;font-weight:700}.dark-mode .tv-demo-tabs button[data-v-3dcc2ede]:hover{background:#96a7cf}.light-mode .tv-demo-select[data-v-3dcc2ede]{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.light-mode .tv-demo-option[data-v-3dcc2ede]{background:#0e131f}.light-mode .no-background[data-v-3dcc2ede]{background-color:#b9c4df;color:#0e131f;box-shadow:0 0 10px #b9c4df}.light-mode .tv-demo-tabs button[data-v-3dcc2ede]{background-color:#0e131f;color:#f4faff}.light-mode .tv-demo-tabs button.active[data-v-3dcc2ede]{background:#000;font-weight:700}.light-mode .tv-demo-tabs button[data-v-3dcc2ede]:hover{background:#000}.tv-demo-body[data-v-3dcc2ede]{margin:0 auto;min-height:100vh;width:80%}.tv-demo-body.dark-mode[data-v-3dcc2ede]{background-color:#0e131f}.tv-demo-body.dark-mode .tv-demo-select[data-v-3dcc2ede]{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.tv-demo-body.dark-mode .tv-demo-option[data-v-3dcc2ede]{background:#b9c4df}.tv-demo-body.dark-mode .tv-demo-copy[data-v-3dcc2ede]{background-color:#b9c4df;color:#0e131f;box-shadow:0 0 10px #b9c4df}.tv-demo-body.dark-mode .tv-demo-links-item[data-v-3dcc2ede]{color:#b9c4df}.tv-demo-body.light-mode[data-v-3dcc2ede]{background-color:#b9c4df}.tv-demo-body.light-mode .tv-demo-select[data-v-3dcc2ede]{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.tv-demo-body.light-mode .tv-demo-option[data-v-3dcc2ede]{background:#0e131f}.tv-demo-body.light-mode .tv-demo-copy[data-v-3dcc2ede]{background-color:#0e131f;color:#b9c4df;box-shadow:0 0 10px #0e131f}.tv-demo-body.light-mode .tv-demo-links-item[data-v-3dcc2ede]{color:#0e131f}.tv-demo-body .tv-demo-theme[data-v-3dcc2ede]{display:inline-block;min-height:100%;padding:0 20px;width:100%}.tv-demo-body .tv-demo-links[data-v-3dcc2ede]{display:flex;gap:10px;align-content:center;align-items:center}.tv-demo-body .tv-demo-links a[data-v-3dcc2ede]{color:inherit}.tv-demo-body .tv-demo-copy[data-v-3dcc2ede]{border-radius:4px;font-size:14px;padding:5px 10px;position:absolute;top:70px;width:auto}.tv-demo-body .tv-demo-header[data-v-3dcc2ede]{padding:40px 0;display:flex;justify-content:space-between}.tv-demo-body .tv-demo-case[data-v-3dcc2ede]{padding:0 20px 20px;position:relative}.tv-demo-body .tv-demo-case-demo .demo[data-v-3dcc2ede]{margin-bottom:20px}.tv-demo-body .tv-demo-case-demo h3[data-v-3dcc2ede]{font-size:22px;padding-top:20px}.tv-demo-body .tv-demo-case-demo h1[data-v-3dcc2ede]{font-size:2.2rem;font-weight:700}.tv-demo-body .tv-demo-case-demo h1 span[data-v-3dcc2ede]{font-size:1rem;font-weight:300}.tv-demo-body .tv-demo-select[data-v-3dcc2ede]{border-radius:4px;cursor:pointer;font-size:16px;height:40px;margin-bottom:20px;margin-top:5px;padding:0 10px;width:100%}.tv-demo-body .tv-demo-select-theme[data-v-3dcc2ede]{width:150px}.tv-demo-body .tv-demo-option[data-v-3dcc2ede]{font-size:16px}.tv-demo-body .tv-demo-component[data-v-3dcc2ede]{align-items:center;display:flex;height:100%;justify-content:center;margin-top:5px;width:100%}.tv-demo-body .tv-demo-no-component[data-v-3dcc2ede]{color:inherit;font-size:1.5rem;font-weight:500;text-align:center}.tv-demo-body .tv-demo-code[data-v-3dcc2ede]{margin-top:5px;width:100%!important;height:auto!important;padding:20px 0}@media (max-width: 768px){.tv-demo-case[data-v-3dcc2ede]{padding:10px!important}.tv-demo-body[data-v-3dcc2ede]{width:90%}.tv-demo-header[data-v-3dcc2ede]{flex-direction:column;align-items:flex-start;gap:10px;padding:0}.tv-demo-header .tv-demo-theme[data-v-3dcc2ede]{width:100%;padding-left:0;padding-right:0}.tv-demo-header .tv-demo-select-theme[data-v-3dcc2ede]{width:100%}}@media (max-width: 640px){.tv-demo-case[data-v-3dcc2ede]{padding:0!important}.tv-demo-body[data-v-3dcc2ede]{width:100%}}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
+
"use strict";const e=require("vue"),g=require("vue-highlight-code");require("github-markdown-css");const h=require("vue3-markdown-it"),E=t=>{const a=e.ref("dark"),r=e.ref(0),s=e.ref(""),d=e.ref(!1),m=e.ref(""),c=e.ref(""),u=e.ref("demo");e.onMounted(()=>{const n=localStorage.getItem("theme");n&&(a.value=n),s.value=a.value||"dark"});const v=async()=>{try{const n=await fetch(t.readmePath);if(!n.ok)throw new Error("README.md not found");c.value=await n.text()}catch{c.value="⚠️ Documentation not found."}},k=()=>{a.value=s.value,localStorage.setItem("theme",a.value)},i=e.computed(()=>{var n;return((n=t.variants)==null?void 0:n[r.value])||{}}),f=e.computed(()=>{var o,l;const n=a.value==="dark"?(o=t.demoStyle)==null?void 0:o.dark:(l=t.demoStyle)==null?void 0:l.light;return{body:{backgroundColor:(n==null?void 0:n.backgroundBody)||"",color:(n==null?void 0:n.color)||""},content:{backgroundColor:(n==null?void 0:n.backgroundContent)||"",color:(n==null?void 0:n.color)||""}}}),C=n=>{let o="";n==="npm"?o=`npm install ${t.isDevComponent?"-D ":""}${t.npmInstall}`:o=`git clone ${t.urlClone}`,navigator.clipboard.writeText(o).then(()=>{d.value=!0,m.value=`✅ Copied: ${o}`}).catch(l=>{d.value=!0,m.value=`❌ Failed to copy: ${l}`}).finally(()=>{setTimeout(()=>{d.value=!1,m.value=""},2e3)})};return e.watchEffect(v),{customStyle:f,isCopy:d,messageCopy:m,readmeContent:c,selectedTab:u,selectedTheme:s,selectedVariantIndex:r,theme:a,variant:i,setClickItem:C,toggleTheme:k}},V=(t,a)=>{const r=t.__vccOpts||t;for(const[s,d]of a)r[s]=d;return r},B={class:"tv-demo-case"},p={class:"tv-demo-header"},N={class:"tv-demo-title"},S={class:"tv-demo-links"},D=["href"],b={key:1},I={key:3},T={class:"tv-demo-theme"},$={class:"tv-demo-tabs"},w={key:0,class:"tv-demo-content"},x=["value"],z={class:"tv-demo-description"},L={class:"tv-demo-component-content"},M={key:1,class:"tv-demo-content"},R={key:0,class:"markdown-body"},P={key:1},q={__name:"TvDemo",props:{demoStyle:{type:Object,default:()=>({body:{},content:{}})},hideBackground:Boolean,component:Object,variants:Array,nameComponent:{type:String,default:"Component Demo"},sourceLink:{type:String,default:null},urlClone:{type:String,default:null},npmInstall:{type:String,default:null},isDevComponent:{type:Boolean,default:!1},version:{type:String,default:"0.0.0"},readmePath:{type:String,default:"/README.md"}},setup(t){const a=t,{customStyle:r,isCopy:s,messageCopy:d,readmeContent:m,selectedTab:c,selectedTheme:u,selectedVariantIndex:v,theme:k,variant:i,setClickItem:f,toggleTheme:C}=E(a);return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(k)}-mode`),style:e.normalizeStyle(e.unref(r).body)},[e.createElementVNode("div",{class:e.normalizeClass(["tv-demo-body",{[`${e.unref(k)}-mode`]:!t.hideBackground}]),style:e.normalizeStyle(e.unref(r).content)},[e.createElementVNode("div",B,[e.createElementVNode("div",p,[e.createElementVNode("div",null,[e.createElementVNode("h1",N,[e.createTextVNode(e.toDisplayString(t.nameComponent)+" ",1),e.createElementVNode("span",null,"v"+e.toDisplayString(t.version),1)]),e.createElementVNode("div",S,[t.sourceLink||t.npmInstall||t.urlClone?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.sourceLink?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.sourceLink,target:"_blank",class:"tv-demo-links-item"}," 📂 Source ",8,D)):e.createCommentVNode("",!0),t.sourceLink&&(t.npmInstall||t.urlClone)?(e.openBlock(),e.createElementBlock("span",b," | ")):e.createCommentVNode("",!0),t.npmInstall?(e.openBlock(),e.createElementBlock("div",{key:2,class:"tv-demo-links-item",onClick:o[0]||(o[0]=l=>e.unref(f)("npm"))}," 📦 NPM Command ")):e.createCommentVNode("",!0),t.npmInstall&&t.urlClone?(e.openBlock(),e.createElementBlock("span",I," | ")):e.createCommentVNode("",!0),t.urlClone?(e.openBlock(),e.createElementBlock("div",{key:4,class:"tv-demo-links-item",onClick:o[1]||(o[1]=l=>e.unref(f)("clone"))}," 📝 Clone Component ")):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",null,[e.createElementVNode("div",T,[e.withDirectives(e.createElementVNode("select",{class:"tv-demo-select tv-demo-select-theme","onUpdate:modelValue":o[2]||(o[2]=l=>e.isRef(u)?u.value=l:null),onChange:o[3]||(o[3]=(...l)=>e.unref(C)&&e.unref(C)(...l))},o[7]||(o[7]=[e.createElementVNode("option",{disabled:"",value:""},"Select theme",-1),e.createElementVNode("option",{value:"dark"},"Dark",-1),e.createElementVNode("option",{value:"light"},"Light",-1)]),544),[[e.vModelSelect,e.unref(u)]])])])]),e.createElementVNode("div",$,[e.createElementVNode("button",{class:e.normalizeClass({active:e.unref(c)==="demo"}),onClick:o[4]||(o[4]=l=>c.value="demo")},"📌 Demo",2),e.createElementVNode("button",{class:e.normalizeClass({active:e.unref(c)==="docs"}),onClick:o[5]||(o[5]=l=>c.value="docs")},"📖 Documentation",2)]),e.unref(c)==="demo"?(e.openBlock(),e.createElementBlock("div",w,[o[8]||(o[8]=e.createElementVNode("h3",null,"Variations:",-1)),t.variants.length>1?e.withDirectives((e.openBlock(),e.createElementBlock("select",{key:0,class:"tv-demo-select","onUpdate:modelValue":o[6]||(o[6]=l=>e.isRef(v)?v.value=l:null)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.variants,(l,y)=>(e.openBlock(),e.createElementBlock("option",{key:l.title,value:y},e.toDisplayString(l.title),9,x))),128))],512)),[[e.vModelSelect,e.unref(v)]]):e.createCommentVNode("",!0),e.createElementVNode("span",z,e.toDisplayString(e.unref(i).description),1),e.createElementVNode("div",L,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),e.normalizeProps(e.guardReactiveProps(e.unref(i).propsData)),null,16))]),o[9]||(o[9]=e.createElementVNode("h3",null,"Code:",-1)),(e.openBlock(),e.createBlock(e.unref(g.HighCode),{class:"tv-demo-code",codeValue:e.unref(i).html,theme:e.unref(k),lang:"html",codeLines:"",key:e.unref(i).title,height:"auto"},null,8,["codeValue","theme"])),e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(t.hideBackground?"tv-demo-copy no-background":"tv-demo-copy")},e.toDisplayString(e.unref(d)),3)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(c)==="docs"?(e.openBlock(),e.createElementBlock("div",M,[o[10]||(o[10]=e.createElementVNode("h2",null,"📖 Documentation",-1)),e.unref(m)?(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(e.unref(h),{source:e.unref(m),html:""},null,8,["source"])])):(e.openBlock(),e.createElementBlock("div",P,"No documentation available."))])):e.createCommentVNode("",!0)])],6)],6))}},A=V(q,[["__scopeId","data-v-3dcc2ede"]]);module.exports=A;
|
package/dist/tv-demo.es.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@600&family=Lato:wght@300&display=swap";.cb[data-v-3c0bc7c1]{position:absolute;cursor:pointer;transition:.3s opacity linear;opacity:.5;height:30px;width:80px;right:0}.cb:hover .cb_tooltip[data-v-3c0bc7c1]{display:block}.cb[data-v-3c0bc7c1]:hover{opacity:1}.cb_tooltip[data-v-3c0bc7c1]{font-family:sans-serif;display:none;position:absolute;left:-96px;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb_copy[data-v-3c0bc7c1]{position:absolute;font-family:sans-serif;display:block;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb textarea[data-v-3c0bc7c1]{-webkit-user-select:none;user-select:none;position:absolute;padding:0;width:0;height:0;background:transparent;resize:none;opacity:0;border-color:#0000}.TL[data-v-b98f7724]{display:flex;align-items:center;justify-content:center;width:40px;height:30px;position:relative}.TL_word[data-v-b98f7724]{width:20px;height:20px;text-align:center;color:#aaa;font-size:16px}.code[data-v-f4a493be]{display:flex;flex-direction:column;font-size:0;position:relative;text-align:left;overflow:hidden}.code_header[data-v-f4a493be]{min-height:14px;position:relative}.code_area[data-v-f4a493be]{position:relative;overflow:hidden;padding-left:20px;margin:auto 0;display:flex}.code_area textarea[data-v-f4a493be]{overflow-y:hidden;box-sizing:border-box;caret-color:#7f7f7f;-webkit-text-fill-color:transparent;white-space:pre;word-wrap:normal;border:0;position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background:none;border:none;outline:none;resize:none;padding:0 20px 20px;line-height:1.3;overflow:overlay;font-family:Consolas,Monaco,monospace}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area_link[data-v-f4a493be]{position:absolute}.code_area.change_hight[data-v-f4a493be]{height:calc(100% - 30px)}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area pre[data-v-f4a493be]{position:relative;margin:0;height:100%;overflow:hidden}.code_header[data-v-f4a493be]{position:relative;display:flex;justify-content:flex-start;width:100%}.code pre code[data-v-f4a493be]{font-family:Consolas,Monaco,monospace;line-height:1.3;position:relative;overflow-x:visible;border-radius:0;box-sizing:border-box;display:block;border:none;margin:0}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar{width:6px}.code_area_lines[data-v-f4a493be]{display:flex;flex-direction:column;width:10px;align-items:center;position:absolute;transform:translate(-18px)}.code_area_lines_item[data-v-f4a493be]{height:24px;width:10px;font-size:12px;color:#adb5bd;text-align:center;display:flex;justify-content:center;align-items:center;opacity:.6}.code_area_lines_item.dark[data-v-f4a493be]{color:#adb5bd}.code_area_lines_item.light[data-v-f4a493be]{color:#212529}.atom_one_dark.hljs,.atom_one_dark .hljs{color:#abb2bf;background:#282c34}.atom_one_dark .hljs-comment,.atom_one_dark .hljs-quote{color:#5c6370;font-style:italic}.atom_one_dark .hljs-doctag,.atom_one_dark .hljs-keyword,.atom_one_dark .hljs-formula{color:#c678dd}.atom_one_dark .hljs-section,.atom_one_dark .hljs-name,.atom_one_dark .hljs-selector-tag,.atom_one_dark .hljs-deletion,.atom_one_dark .hljs-subst{color:#e06c75}.atom_one_dark .hljs-literal{color:#56b6c2}.atom_one_dark .hljs-string,.atom_one_dark .hljs-regexp,.atom_one_dark .hljs-addition,.atom_one_dark .hljs-attribute,.atom_one_dark .hljs-meta .hljs-string{color:#98c379}.atom_one_dark .hljs-attr,.atom_one_dark .hljs-variable,.atom_one_dark .hljs-template-variable,.atom_one_dark .hljs-type,.atom_one_dark .hljs-selector-class,.atom_one_dark .hljs-selector-attr,.atom_one_dark .hljs-selector-pseudo,.atom_one_dark .hljs-number{color:#d19a66}.atom_one_dark .hljs-symbol,.atom_one_dark .hljs-bullet,.atom_one_dark .hljs-link,.atom_one_dark .hljs-meta,.atom_one_dark .hljs-selector-id,.atom_one_dark .hljs-title{color:#61aeee}.atom_one_dark .hljs-built_in,.atom_one_dark .hljs-title .class_,.atom_one_dark .hljs-class .hljs-title{color:#e6c07b}.atom_one_dark .hljs-emphasis{font-style:italic}.atom_one_dark .hljs-strong{font-weight:700}.atom_one_dark .hljs-link{text-decoration:underline}.atom_one_light.hljs,.atom_one_light .hljs{color:#383a42;background:#edf2f4}.atom_one_light .hljs-comment,.atom_one_light .hljs-quote{color:#a0a1a7;font-style:italic}.atom_one_light .hljs-doctag,.atom_one_light .hljs-keyword,.atom_one_light .hljs-formula{color:#a626a4}.atom_one_light .hljs-section,.atom_one_light .hljs-name,.atom_one_light .hljs-selector-tag,.atom_one_light .hljs-deletion,.atom_one_light .hljs-subst{color:#e45649}.atom_one_light .hljs-literal{color:#0184bb}.atom_one_light .hljs-string,.atom_one_light .hljs-regexp,.atom_one_light .hljs-addition,.atom_one_light .hljs-attribute,.atom_one_light .hljs-meta .hljs-string{color:#50a14f}.atom_one_light .hljs-attr,.atom_one_light .hljs-variable,.atom_one_light .hljs-template-variable,.atom_one_light .hljs-type,.atom_one_light .hljs-selector-class,.atom_one_light .hljs-selector-attr,.atom_one_light .hljs-selector-pseudo,.atom_one_light .hljs-number{color:#986801}.atom_one_light .hljs-symbol,.atom_one_light .hljs-bullet,.atom_one_light .hljs-link,.atom_one_light .hljs-meta,.atom_one_light .hljs-selector-id,.atom_one_light .hljs-title{color:#4078f2}.atom_one_light .hljs-built_in,.atom_one_light .hljs-title .class_,.atom_one_light .hljs-class .hljs-title{color:#c18401}.atom_one_light .hljs-emphasis{font-style:italic}.atom_one_light .hljs-strong{font-weight:700}.atom_one_light .hljs-link{text-decoration:underline}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-tag,.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-strong,.hljs-number,.hljs-name{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attribute,.hljs-attr,.hljs-symbol,.hljs-regexp,.hljs-link{color:#bf79db}.hljs-string,.hljs-bullet,.hljs-subst,.hljs-title,.hljs-section,.hljs-emphasis,.hljs-type,.hljs-built_in,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#a6e22e}.hljs-title.class_,.hljs-class .hljs-title{color:#fff}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#75715e}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-title,.hljs-section,.hljs-type,.hljs-selector-id{font-weight:700}[data-v-95f3b0ae]{box-sizing:border-box;margin:0;padding:0}body[data-v-95f3b0ae]{font-family:Lato,sans-serif;font-size:1rem}h1[data-v-95f3b0ae],h2[data-v-95f3b0ae],h3[data-v-95f3b0ae],h4[data-v-95f3b0ae],h5[data-v-95f3b0ae],h6[data-v-95f3b0ae]{font-family:Kanit,sans-serif;font-size:2rem}.dark-mode[data-v-95f3b0ae],.dark-mode body[data-v-95f3b0ae]{background-color:#7a7d7d;color:#f4faff}.dark-mode .tv-search-results[data-v-95f3b0ae]::-webkit-scrollbar-thumb{background-color:#0e131f}.dark-mode .tv-search-results[data-v-95f3b0ae]::-webkit-scrollbar-thumb:hover{background-color:#000}.light-mode[data-v-95f3b0ae],.light-mode body[data-v-95f3b0ae]{background-color:#e0e1e1;color:#000b14}.light-mode .tv-search-results[data-v-95f3b0ae]::-webkit-scrollbar-thumb{background-color:#b9c4df}.light-mode .tv-search-results[data-v-95f3b0ae]::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}[data-v-95f3b0ae]::-webkit-scrollbar{width:8px}[data-v-95f3b0ae]::-webkit-scrollbar-track{background-color:#f1f9f9}[data-v-95f3b0ae]::-webkit-scrollbar-thumb{background-color:#b9c4df}[data-v-95f3b0ae]::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}.markdown-body[data-v-95f3b0ae]{padding:50px 25px;border-radius:8px;color:#fff;font-size:16px}.markdown-body h1[data-v-95f3b0ae],.markdown-body h2[data-v-95f3b0ae],.markdown-body h3[data-v-95f3b0ae]{color:#3b82f6}.markdown-body pre[data-v-95f3b0ae]{background:#282c34;padding:10px;border-radius:5px;overflow-x:auto}.tv-demo-tabs[data-v-95f3b0ae]{display:flex;margin-bottom:10px}.tv-demo-tabs button[data-v-95f3b0ae]{border:none;padding:10px 15px;cursor:pointer;font-size:1rem;border-radius:5px 5px 0 0;margin-right:5px}.tv-demo-content[data-v-95f3b0ae]{padding:20px;border:1px solid #4a4a4a;border-radius:0 5px 5px}.tv-demo-content .tv-demo-description[data-v-95f3b0ae]{font-size:2rem}a[data-v-95f3b0ae],.tv-demo-links-item[data-v-95f3b0ae]{text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:3px;cursor:pointer;font-size:1.1rem}.dark-mode .tv-demo-select[data-v-95f3b0ae]{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.dark-mode .tv-demo-option[data-v-95f3b0ae]{background:#b9c4df}.dark-mode .no-background[data-v-95f3b0ae]{background-color:#0e131f;color:#b9c4df;box-shadow:0 0 10px #0e131f}.dark-mode .tv-demo-tabs button[data-v-95f3b0ae]{background-color:#b9c4df;color:#000b14}.dark-mode .tv-demo-tabs button.active[data-v-95f3b0ae]{background:#8598c7;font-weight:700}.dark-mode .tv-demo-tabs button[data-v-95f3b0ae]:hover{background:#96a7cf}.light-mode .tv-demo-select[data-v-95f3b0ae]{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.light-mode .tv-demo-option[data-v-95f3b0ae]{background:#0e131f}.light-mode .no-background[data-v-95f3b0ae]{background-color:#b9c4df;color:#0e131f;box-shadow:0 0 10px #b9c4df}.light-mode .tv-demo-tabs button[data-v-95f3b0ae]{background-color:#0e131f;color:#f4faff}.light-mode .tv-demo-tabs button.active[data-v-95f3b0ae]{background:#000;font-weight:700}.light-mode .tv-demo-tabs button[data-v-95f3b0ae]:hover{background:#000}.tv-demo-body[data-v-95f3b0ae]{margin:0 auto;min-height:100vh;width:80%}.tv-demo-body.dark-mode[data-v-95f3b0ae]{background-color:#0e131f}.tv-demo-body.dark-mode .tv-demo-select[data-v-95f3b0ae]{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.tv-demo-body.dark-mode .tv-demo-option[data-v-95f3b0ae]{background:#b9c4df}.tv-demo-body.dark-mode .tv-demo-copy[data-v-95f3b0ae]{background-color:#b9c4df;color:#0e131f;box-shadow:0 0 10px #b9c4df}.tv-demo-body.dark-mode .tv-demo-links-item[data-v-95f3b0ae]{color:#b9c4df}.tv-demo-body.light-mode[data-v-95f3b0ae]{background-color:#b9c4df}.tv-demo-body.light-mode .tv-demo-select[data-v-95f3b0ae]{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.tv-demo-body.light-mode .tv-demo-option[data-v-95f3b0ae]{background:#0e131f}.tv-demo-body.light-mode .tv-demo-copy[data-v-95f3b0ae]{background-color:#0e131f;color:#b9c4df;box-shadow:0 0 10px #0e131f}.tv-demo-body.light-mode .tv-demo-links-item[data-v-95f3b0ae]{color:#0e131f}.tv-demo-body .tv-demo-theme[data-v-95f3b0ae]{display:inline-block;min-height:100%;padding:0 20px;width:100%}.tv-demo-body .tv-demo-links[data-v-95f3b0ae]{display:flex;gap:10px;align-content:center;align-items:center}.tv-demo-body .tv-demo-links a[data-v-95f3b0ae]{color:inherit}.tv-demo-body .tv-demo-copy[data-v-95f3b0ae]{border-radius:4px;font-size:14px;padding:5px 10px;position:absolute;top:70px;width:auto}.tv-demo-body .tv-demo-header[data-v-95f3b0ae]{padding:40px 0;display:flex;justify-content:space-between}.tv-demo-body .tv-demo-case[data-v-95f3b0ae]{padding:0 20px 20px;position:relative}.tv-demo-body .tv-demo-case-demo .demo[data-v-95f3b0ae]{margin-bottom:20px}.tv-demo-body .tv-demo-case-demo h3[data-v-95f3b0ae]{font-size:22px;padding-top:20px}.tv-demo-body .tv-demo-case-demo h1[data-v-95f3b0ae]{font-size:2.2rem;font-weight:700}.tv-demo-body .tv-demo-case-demo h1 span[data-v-95f3b0ae]{font-size:1rem;font-weight:300}.tv-demo-body .tv-demo-select[data-v-95f3b0ae]{border-radius:4px;cursor:pointer;font-size:16px;height:40px;margin-bottom:20px;margin-top:5px;padding:0 10px;width:100%}.tv-demo-body .tv-demo-select-theme[data-v-95f3b0ae]{width:150px}.tv-demo-body .tv-demo-option[data-v-95f3b0ae]{font-size:16px}.tv-demo-body .tv-demo-component[data-v-95f3b0ae]{align-items:center;display:flex;height:100%;justify-content:center;margin-top:5px;width:100%}.tv-demo-body .tv-demo-no-component[data-v-95f3b0ae]{color:inherit;font-size:1.5rem;font-weight:500;text-align:center}.tv-demo-body .tv-demo-code[data-v-95f3b0ae]{margin-top:5px;width:100%!important;height:auto!important;padding:20px 0}@media (max-width: 768px){.tv-demo-case[data-v-95f3b0ae]{padding:10px!important}.tv-demo-body[data-v-95f3b0ae]{width:90%}.tv-demo-header[data-v-95f3b0ae]{flex-direction:column;align-items:flex-start;gap:10px;padding:0}.tv-demo-header .tv-demo-theme[data-v-95f3b0ae]{width:100%;padding-left:0;padding-right:0}.tv-demo-header .tv-demo-select-theme[data-v-95f3b0ae]{width:100%}}@media (max-width: 640px){.tv-demo-case[data-v-95f3b0ae]{padding:0!important}.tv-demo-body[data-v-95f3b0ae]{width:100%}}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
-
import { ref as y, onMounted as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@600&family=Lato:wght@300&display=swap";.cb[data-v-3c0bc7c1]{position:absolute;cursor:pointer;transition:.3s opacity linear;opacity:.5;height:30px;width:80px;right:0}.cb:hover .cb_tooltip[data-v-3c0bc7c1]{display:block}.cb[data-v-3c0bc7c1]:hover{opacity:1}.cb_tooltip[data-v-3c0bc7c1]{font-family:sans-serif;display:none;position:absolute;left:-96px;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb_copy[data-v-3c0bc7c1]{position:absolute;font-family:sans-serif;display:block;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:#000c;box-sizing:border-box;text-align:center;border-radius:4px}.cb textarea[data-v-3c0bc7c1]{-webkit-user-select:none;user-select:none;position:absolute;padding:0;width:0;height:0;background:transparent;resize:none;opacity:0;border-color:#0000}.TL[data-v-b98f7724]{display:flex;align-items:center;justify-content:center;width:40px;height:30px;position:relative}.TL_word[data-v-b98f7724]{width:20px;height:20px;text-align:center;color:#aaa;font-size:16px}.code[data-v-f4a493be]{display:flex;flex-direction:column;font-size:0;position:relative;text-align:left;overflow:hidden}.code_header[data-v-f4a493be]{min-height:14px;position:relative}.code_area[data-v-f4a493be]{position:relative;overflow:hidden;padding-left:20px;margin:auto 0;display:flex}.code_area textarea[data-v-f4a493be]{overflow-y:hidden;box-sizing:border-box;caret-color:#7f7f7f;-webkit-text-fill-color:transparent;white-space:pre;word-wrap:normal;border:0;position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background:none;border:none;outline:none;resize:none;padding:0 20px 20px;line-height:1.3;overflow:overlay;font-family:Consolas,Monaco,monospace}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area_link[data-v-f4a493be]{position:absolute}.code_area.change_hight[data-v-f4a493be]{height:calc(100% - 30px)}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area pre[data-v-f4a493be]{position:relative;margin:0;height:100%;overflow:hidden}.code_header[data-v-f4a493be]{position:relative;display:flex;justify-content:flex-start;width:100%}.code pre code[data-v-f4a493be]{font-family:Consolas,Monaco,monospace;line-height:1.3;position:relative;overflow-x:visible;border-radius:0;box-sizing:border-box;display:block;border:none;margin:0}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar{width:6px}.code_area_lines[data-v-f4a493be]{display:flex;flex-direction:column;width:10px;align-items:center;position:absolute;transform:translate(-18px)}.code_area_lines_item[data-v-f4a493be]{height:24px;width:10px;font-size:12px;color:#adb5bd;text-align:center;display:flex;justify-content:center;align-items:center;opacity:.6}.code_area_lines_item.dark[data-v-f4a493be]{color:#adb5bd}.code_area_lines_item.light[data-v-f4a493be]{color:#212529}.atom_one_dark.hljs,.atom_one_dark .hljs{color:#abb2bf;background:#282c34}.atom_one_dark .hljs-comment,.atom_one_dark .hljs-quote{color:#5c6370;font-style:italic}.atom_one_dark .hljs-doctag,.atom_one_dark .hljs-keyword,.atom_one_dark .hljs-formula{color:#c678dd}.atom_one_dark .hljs-section,.atom_one_dark .hljs-name,.atom_one_dark .hljs-selector-tag,.atom_one_dark .hljs-deletion,.atom_one_dark .hljs-subst{color:#e06c75}.atom_one_dark .hljs-literal{color:#56b6c2}.atom_one_dark .hljs-string,.atom_one_dark .hljs-regexp,.atom_one_dark .hljs-addition,.atom_one_dark .hljs-attribute,.atom_one_dark .hljs-meta .hljs-string{color:#98c379}.atom_one_dark .hljs-attr,.atom_one_dark .hljs-variable,.atom_one_dark .hljs-template-variable,.atom_one_dark .hljs-type,.atom_one_dark .hljs-selector-class,.atom_one_dark .hljs-selector-attr,.atom_one_dark .hljs-selector-pseudo,.atom_one_dark .hljs-number{color:#d19a66}.atom_one_dark .hljs-symbol,.atom_one_dark .hljs-bullet,.atom_one_dark .hljs-link,.atom_one_dark .hljs-meta,.atom_one_dark .hljs-selector-id,.atom_one_dark .hljs-title{color:#61aeee}.atom_one_dark .hljs-built_in,.atom_one_dark .hljs-title .class_,.atom_one_dark .hljs-class .hljs-title{color:#e6c07b}.atom_one_dark .hljs-emphasis{font-style:italic}.atom_one_dark .hljs-strong{font-weight:700}.atom_one_dark .hljs-link{text-decoration:underline}.atom_one_light.hljs,.atom_one_light .hljs{color:#383a42;background:#edf2f4}.atom_one_light .hljs-comment,.atom_one_light .hljs-quote{color:#a0a1a7;font-style:italic}.atom_one_light .hljs-doctag,.atom_one_light .hljs-keyword,.atom_one_light .hljs-formula{color:#a626a4}.atom_one_light .hljs-section,.atom_one_light .hljs-name,.atom_one_light .hljs-selector-tag,.atom_one_light .hljs-deletion,.atom_one_light .hljs-subst{color:#e45649}.atom_one_light .hljs-literal{color:#0184bb}.atom_one_light .hljs-string,.atom_one_light .hljs-regexp,.atom_one_light .hljs-addition,.atom_one_light .hljs-attribute,.atom_one_light .hljs-meta .hljs-string{color:#50a14f}.atom_one_light .hljs-attr,.atom_one_light .hljs-variable,.atom_one_light .hljs-template-variable,.atom_one_light .hljs-type,.atom_one_light .hljs-selector-class,.atom_one_light .hljs-selector-attr,.atom_one_light .hljs-selector-pseudo,.atom_one_light .hljs-number{color:#986801}.atom_one_light .hljs-symbol,.atom_one_light .hljs-bullet,.atom_one_light .hljs-link,.atom_one_light .hljs-meta,.atom_one_light .hljs-selector-id,.atom_one_light .hljs-title{color:#4078f2}.atom_one_light .hljs-built_in,.atom_one_light .hljs-title .class_,.atom_one_light .hljs-class .hljs-title{color:#c18401}.atom_one_light .hljs-emphasis{font-style:italic}.atom_one_light .hljs-strong{font-weight:700}.atom_one_light .hljs-link{text-decoration:underline}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-tag,.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-strong,.hljs-number,.hljs-name{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attribute,.hljs-attr,.hljs-symbol,.hljs-regexp,.hljs-link{color:#bf79db}.hljs-string,.hljs-bullet,.hljs-subst,.hljs-title,.hljs-section,.hljs-emphasis,.hljs-type,.hljs-built_in,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#a6e22e}.hljs-title.class_,.hljs-class .hljs-title{color:#fff}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#75715e}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-title,.hljs-section,.hljs-type,.hljs-selector-id{font-weight:700}[data-v-3dcc2ede]{box-sizing:border-box;margin:0;padding:0}body[data-v-3dcc2ede]{font-family:Lato,sans-serif;font-size:1rem}h1[data-v-3dcc2ede],h2[data-v-3dcc2ede],h3[data-v-3dcc2ede],h4[data-v-3dcc2ede],h5[data-v-3dcc2ede],h6[data-v-3dcc2ede]{font-family:Kanit,sans-serif;font-size:2rem}.dark-mode[data-v-3dcc2ede],.dark-mode body[data-v-3dcc2ede]{background-color:#7a7d7d;color:#f4faff}.dark-mode .tv-search-results[data-v-3dcc2ede]::-webkit-scrollbar-thumb{background-color:#0e131f}.dark-mode .tv-search-results[data-v-3dcc2ede]::-webkit-scrollbar-thumb:hover{background-color:#000}.light-mode[data-v-3dcc2ede],.light-mode body[data-v-3dcc2ede]{background-color:#e0e1e1;color:#000b14}.light-mode .tv-search-results[data-v-3dcc2ede]::-webkit-scrollbar-thumb{background-color:#b9c4df}.light-mode .tv-search-results[data-v-3dcc2ede]::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}[data-v-3dcc2ede]::-webkit-scrollbar{width:8px}[data-v-3dcc2ede]::-webkit-scrollbar-track{background-color:#f1f9f9}[data-v-3dcc2ede]::-webkit-scrollbar-thumb{background-color:#b9c4df}[data-v-3dcc2ede]::-webkit-scrollbar-thumb:hover{background-color:#96a7cf}.markdown-body[data-v-3dcc2ede]{padding:50px 25px;border-radius:8px;color:#fff;font-size:16px}.markdown-body h1[data-v-3dcc2ede],.markdown-body h2[data-v-3dcc2ede],.markdown-body h3[data-v-3dcc2ede]{color:#3b82f6}.markdown-body pre[data-v-3dcc2ede]{background:#282c34;padding:10px;border-radius:5px;overflow-x:auto}.tv-demo-tabs[data-v-3dcc2ede]{display:flex;margin-bottom:10px}.tv-demo-tabs button[data-v-3dcc2ede]{border:none;padding:10px 15px;cursor:pointer;font-size:1rem;border-radius:5px 5px 0 0;margin-right:5px}.tv-demo-content[data-v-3dcc2ede]{padding:20px;border:1px solid #4a4a4a;border-radius:0 5px 5px}.tv-demo-content .tv-demo-description[data-v-3dcc2ede]{font-size:1.1rem}.tv-demo-content .tv-demo-component-content[data-v-3dcc2ede]{display:flex;margin:0 auto;padding:20px;justify-content:center}a[data-v-3dcc2ede],.tv-demo-links-item[data-v-3dcc2ede]{text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:3px;cursor:pointer;font-size:1.1rem}.dark-mode .tv-demo-select[data-v-3dcc2ede]{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.dark-mode .tv-demo-option[data-v-3dcc2ede]{background:#b9c4df}.dark-mode .no-background[data-v-3dcc2ede]{background-color:#0e131f;color:#b9c4df;box-shadow:0 0 10px #0e131f}.dark-mode .tv-demo-tabs button[data-v-3dcc2ede]{background-color:#b9c4df;color:#000b14}.dark-mode .tv-demo-tabs button.active[data-v-3dcc2ede]{background:#8598c7;font-weight:700}.dark-mode .tv-demo-tabs button[data-v-3dcc2ede]:hover{background:#96a7cf}.light-mode .tv-demo-select[data-v-3dcc2ede]{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.light-mode .tv-demo-option[data-v-3dcc2ede]{background:#0e131f}.light-mode .no-background[data-v-3dcc2ede]{background-color:#b9c4df;color:#0e131f;box-shadow:0 0 10px #b9c4df}.light-mode .tv-demo-tabs button[data-v-3dcc2ede]{background-color:#0e131f;color:#f4faff}.light-mode .tv-demo-tabs button.active[data-v-3dcc2ede]{background:#000;font-weight:700}.light-mode .tv-demo-tabs button[data-v-3dcc2ede]:hover{background:#000}.tv-demo-body[data-v-3dcc2ede]{margin:0 auto;min-height:100vh;width:80%}.tv-demo-body.dark-mode[data-v-3dcc2ede]{background-color:#0e131f}.tv-demo-body.dark-mode .tv-demo-select[data-v-3dcc2ede]{background-color:#b9c4df;color:#0e131f;border:1px solid #B9C4DF}.tv-demo-body.dark-mode .tv-demo-option[data-v-3dcc2ede]{background:#b9c4df}.tv-demo-body.dark-mode .tv-demo-copy[data-v-3dcc2ede]{background-color:#b9c4df;color:#0e131f;box-shadow:0 0 10px #b9c4df}.tv-demo-body.dark-mode .tv-demo-links-item[data-v-3dcc2ede]{color:#b9c4df}.tv-demo-body.light-mode[data-v-3dcc2ede]{background-color:#b9c4df}.tv-demo-body.light-mode .tv-demo-select[data-v-3dcc2ede]{background-color:#0e131f;color:#b9c4df;border:1px solid #0E131F}.tv-demo-body.light-mode .tv-demo-option[data-v-3dcc2ede]{background:#0e131f}.tv-demo-body.light-mode .tv-demo-copy[data-v-3dcc2ede]{background-color:#0e131f;color:#b9c4df;box-shadow:0 0 10px #0e131f}.tv-demo-body.light-mode .tv-demo-links-item[data-v-3dcc2ede]{color:#0e131f}.tv-demo-body .tv-demo-theme[data-v-3dcc2ede]{display:inline-block;min-height:100%;padding:0 20px;width:100%}.tv-demo-body .tv-demo-links[data-v-3dcc2ede]{display:flex;gap:10px;align-content:center;align-items:center}.tv-demo-body .tv-demo-links a[data-v-3dcc2ede]{color:inherit}.tv-demo-body .tv-demo-copy[data-v-3dcc2ede]{border-radius:4px;font-size:14px;padding:5px 10px;position:absolute;top:70px;width:auto}.tv-demo-body .tv-demo-header[data-v-3dcc2ede]{padding:40px 0;display:flex;justify-content:space-between}.tv-demo-body .tv-demo-case[data-v-3dcc2ede]{padding:0 20px 20px;position:relative}.tv-demo-body .tv-demo-case-demo .demo[data-v-3dcc2ede]{margin-bottom:20px}.tv-demo-body .tv-demo-case-demo h3[data-v-3dcc2ede]{font-size:22px;padding-top:20px}.tv-demo-body .tv-demo-case-demo h1[data-v-3dcc2ede]{font-size:2.2rem;font-weight:700}.tv-demo-body .tv-demo-case-demo h1 span[data-v-3dcc2ede]{font-size:1rem;font-weight:300}.tv-demo-body .tv-demo-select[data-v-3dcc2ede]{border-radius:4px;cursor:pointer;font-size:16px;height:40px;margin-bottom:20px;margin-top:5px;padding:0 10px;width:100%}.tv-demo-body .tv-demo-select-theme[data-v-3dcc2ede]{width:150px}.tv-demo-body .tv-demo-option[data-v-3dcc2ede]{font-size:16px}.tv-demo-body .tv-demo-component[data-v-3dcc2ede]{align-items:center;display:flex;height:100%;justify-content:center;margin-top:5px;width:100%}.tv-demo-body .tv-demo-no-component[data-v-3dcc2ede]{color:inherit;font-size:1.5rem;font-weight:500;text-align:center}.tv-demo-body .tv-demo-code[data-v-3dcc2ede]{margin-top:5px;width:100%!important;height:auto!important;padding:20px 0}@media (max-width: 768px){.tv-demo-case[data-v-3dcc2ede]{padding:10px!important}.tv-demo-body[data-v-3dcc2ede]{width:90%}.tv-demo-header[data-v-3dcc2ede]{flex-direction:column;align-items:flex-start;gap:10px;padding:0}.tv-demo-header .tv-demo-theme[data-v-3dcc2ede]{width:100%;padding-left:0;padding-right:0}.tv-demo-header .tv-demo-select-theme[data-v-3dcc2ede]{width:100%}}@media (max-width: 640px){.tv-demo-case[data-v-3dcc2ede]{padding:0!important}.tv-demo-body[data-v-3dcc2ede]{width:100%}}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
+
import { ref as y, onMounted as L, computed as I, watchEffect as M, createElementBlock as d, openBlock as s, normalizeStyle as T, normalizeClass as b, unref as n, createElementVNode as l, createCommentVNode as m, createTextVNode as N, toDisplayString as p, Fragment as V, withDirectives as $, isRef as w, vModelSelect as B, createBlock as x, renderList as P, resolveDynamicComponent as R, normalizeProps as z, guardReactiveProps as A, createVNode as O } from "vue";
|
|
3
3
|
import { HighCode as j } from "vue-highlight-code";
|
|
4
4
|
import "github-markdown-css";
|
|
5
5
|
import F from "vue3-markdown-it";
|
|
6
6
|
const U = (e) => {
|
|
7
7
|
const i = y("dark"), r = y(0), v = y(""), u = y(!1), k = y(""), c = y(""), g = y("demo");
|
|
8
|
-
|
|
8
|
+
L(() => {
|
|
9
9
|
const o = localStorage.getItem("theme");
|
|
10
10
|
o && (i.value = o), v.value = i.value || "dark";
|
|
11
11
|
});
|
|
@@ -47,7 +47,7 @@ const U = (e) => {
|
|
|
47
47
|
}, 2e3);
|
|
48
48
|
});
|
|
49
49
|
};
|
|
50
|
-
return
|
|
50
|
+
return M(C), {
|
|
51
51
|
customStyle: D,
|
|
52
52
|
isCopy: u,
|
|
53
53
|
messageCopy: k,
|
|
@@ -68,13 +68,13 @@ const U = (e) => {
|
|
|
68
68
|
}, q = { class: "tv-demo-case" }, G = { class: "tv-demo-header" }, J = { class: "tv-demo-title" }, K = { class: "tv-demo-links" }, Q = ["href"], W = { key: 1 }, X = { key: 3 }, Y = { class: "tv-demo-theme" }, Z = { class: "tv-demo-tabs" }, _ = {
|
|
69
69
|
key: 0,
|
|
70
70
|
class: "tv-demo-content"
|
|
71
|
-
}, ee = ["value"], te = { class: "tv-demo-description" }, oe = {
|
|
71
|
+
}, ee = ["value"], te = { class: "tv-demo-description" }, oe = { class: "tv-demo-component-content" }, ne = {
|
|
72
72
|
key: 1,
|
|
73
73
|
class: "tv-demo-content"
|
|
74
|
-
},
|
|
74
|
+
}, le = {
|
|
75
75
|
key: 0,
|
|
76
76
|
class: "markdown-body"
|
|
77
|
-
},
|
|
77
|
+
}, ae = { key: 1 }, se = {
|
|
78
78
|
__name: "TvDemo",
|
|
79
79
|
props: {
|
|
80
80
|
demoStyle: { type: Object, default: () => ({ body: {}, content: {} }) },
|
|
@@ -115,11 +115,11 @@ const U = (e) => {
|
|
|
115
115
|
l("div", G, [
|
|
116
116
|
l("div", null, [
|
|
117
117
|
l("h1", J, [
|
|
118
|
-
|
|
118
|
+
N(p(e.nameComponent) + " ", 1),
|
|
119
119
|
l("span", null, "v" + p(e.version), 1)
|
|
120
120
|
]),
|
|
121
121
|
l("div", K, [
|
|
122
|
-
e.sourceLink || e.npmInstall || e.urlClone ? (s(), d(
|
|
122
|
+
e.sourceLink || e.npmInstall || e.urlClone ? (s(), d(V, { key: 0 }, [
|
|
123
123
|
e.sourceLink ? (s(), d("a", {
|
|
124
124
|
key: 0,
|
|
125
125
|
href: e.sourceLink,
|
|
@@ -143,9 +143,9 @@ const U = (e) => {
|
|
|
143
143
|
]),
|
|
144
144
|
l("div", null, [
|
|
145
145
|
l("div", Y, [
|
|
146
|
-
|
|
146
|
+
$(l("select", {
|
|
147
147
|
class: "tv-demo-select tv-demo-select-theme",
|
|
148
|
-
"onUpdate:modelValue": t[2] || (t[2] = (a) =>
|
|
148
|
+
"onUpdate:modelValue": t[2] || (t[2] = (a) => w(g) ? g.value = a : null),
|
|
149
149
|
onChange: t[3] || (t[3] = (...a) => n(S) && n(S)(...a))
|
|
150
150
|
}, t[7] || (t[7] = [
|
|
151
151
|
l("option", {
|
|
@@ -155,7 +155,7 @@ const U = (e) => {
|
|
|
155
155
|
l("option", { value: "dark" }, "Dark", -1),
|
|
156
156
|
l("option", { value: "light" }, "Light", -1)
|
|
157
157
|
]), 544), [
|
|
158
|
-
[
|
|
158
|
+
[B, n(g)]
|
|
159
159
|
])
|
|
160
160
|
])
|
|
161
161
|
])
|
|
@@ -172,24 +172,24 @@ const U = (e) => {
|
|
|
172
172
|
]),
|
|
173
173
|
n(c) === "demo" ? (s(), d("div", _, [
|
|
174
174
|
t[8] || (t[8] = l("h3", null, "Variations:", -1)),
|
|
175
|
-
e.variants.length > 1 ?
|
|
175
|
+
e.variants.length > 1 ? $((s(), d("select", {
|
|
176
176
|
key: 0,
|
|
177
177
|
class: "tv-demo-select",
|
|
178
|
-
"onUpdate:modelValue": t[6] || (t[6] = (a) =>
|
|
178
|
+
"onUpdate:modelValue": t[6] || (t[6] = (a) => w(C) ? C.value = a : null)
|
|
179
179
|
}, [
|
|
180
|
-
(s(!0), d(
|
|
180
|
+
(s(!0), d(V, null, P(e.variants, (a, E) => (s(), d("option", {
|
|
181
181
|
key: a.title,
|
|
182
|
-
value:
|
|
182
|
+
value: E
|
|
183
183
|
}, p(a.title), 9, ee))), 128))
|
|
184
184
|
], 512)), [
|
|
185
|
-
[
|
|
185
|
+
[B, n(C)]
|
|
186
186
|
]) : m("", !0),
|
|
187
|
-
|
|
188
|
-
l("div",
|
|
189
|
-
(s(),
|
|
187
|
+
l("span", te, p(n(h).description), 1),
|
|
188
|
+
l("div", oe, [
|
|
189
|
+
(s(), x(R(e.component), z(A(n(h).propsData)), null, 16))
|
|
190
190
|
]),
|
|
191
191
|
t[9] || (t[9] = l("h3", null, "Code:", -1)),
|
|
192
|
-
(s(),
|
|
192
|
+
(s(), x(n(j), {
|
|
193
193
|
class: "tv-demo-code",
|
|
194
194
|
codeValue: n(h).html,
|
|
195
195
|
theme: n(f),
|
|
@@ -203,20 +203,20 @@ const U = (e) => {
|
|
|
203
203
|
class: b(e.hideBackground ? "tv-demo-copy no-background" : "tv-demo-copy")
|
|
204
204
|
}, p(n(u)), 3)) : m("", !0)
|
|
205
205
|
])) : m("", !0),
|
|
206
|
-
n(c) === "docs" ? (s(), d("div",
|
|
206
|
+
n(c) === "docs" ? (s(), d("div", ne, [
|
|
207
207
|
t[10] || (t[10] = l("h2", null, "📖 Documentation", -1)),
|
|
208
|
-
n(k) ? (s(), d("div",
|
|
208
|
+
n(k) ? (s(), d("div", le, [
|
|
209
209
|
O(n(F), {
|
|
210
210
|
source: n(k),
|
|
211
211
|
html: ""
|
|
212
212
|
}, null, 8, ["source"])
|
|
213
|
-
])) : (s(), d("div",
|
|
213
|
+
])) : (s(), d("div", ae, "No documentation available."))
|
|
214
214
|
])) : m("", !0)
|
|
215
215
|
])
|
|
216
216
|
], 6)
|
|
217
217
|
], 6));
|
|
218
218
|
}
|
|
219
|
-
},
|
|
219
|
+
}, re = /* @__PURE__ */ H(se, [["__scopeId", "data-v-3dcc2ede"]]);
|
|
220
220
|
export {
|
|
221
|
-
|
|
221
|
+
re as default
|
|
222
222
|
};
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"author": "Cristhian Daza",
|
|
5
5
|
"description": "This is a default demo display for TODOvue components. Use this area to showcase the component's usage, props, variants, and live behavior in isolation.",
|
|
6
6
|
"license": "MIT",
|
|
7
|
-
"version": "1.0.
|
|
7
|
+
"version": "1.0.2",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@vitejs/plugin-vue": "^5.0.0",
|
|
60
60
|
"sass": "^1.0.0",
|
|
61
|
-
"vite": "^
|
|
61
|
+
"vite": "^6.0.0",
|
|
62
62
|
"vite-plugin-css-injected-by-js": "^3.0.0",
|
|
63
63
|
"vite-plugin-dts": "^4.0.0"
|
|
64
64
|
}
|