epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),c=require("@vueuse/core"),i=require("../store/index.cjs");function d(){const{isDark:e}=i.useStore(),t=c.useToggle(e);return{isDark:e,toggleDark:t}}function l(){const e=n.ref(!1);return n.onMounted(()=>{u(e),m(e)}),n.watch(()=>e.value,()=>{typeof document<"u"&&(e.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"))}),{isDark:e}}function u(e){if(typeof document>"u")return;const t=document.documentElement;t&&(e.value=!!t.classList.contains("dark"))}function m(e){if(typeof document>"u")return;const t=document.querySelector("html"),r=new MutationObserver(s=>{for(const o of s)if(o.type==="attributes"&&o.attributeName==="class"){const a=o.target;e.value=[...a.classList].includes("dark")}});t&&r.observe(t,{attributeFilter:["class"],attributes:!0}),n.onUnmounted(()=>{r.disconnect()})}exports.getDarkState=u;exports.useDark=l;exports.useTheme=d;