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