| 1234 |
- /*!
- Build based on gin-vue-admin
- Time : 1757946830000 */
- import{_ as a,M as e,N as r,O as s,c as l,o,F as t,I as d,b as n,n as i,d as c,a0 as u,C as b}from"./index.DlqNVRUO.js";const p={class:"grid grid-cols-2 gap-6 font-inter px-6"},y=["onClick"],g={class:"flex justify-center mb-5"},m={class:"flex-1 flex flex-col gap-1.5"},h={class:"text-center"},C={class:"block text-sm text-gray-500 dark:text-gray-400"},v=a(Object.assign({name:"LayoutModeCard"},{__name:"layoutModeCard",props:{modelValue:{type:String,default:"normal"}},emits:["update:modelValue"],setup(a,{emit:v}){const w=v,f=e(),{config:k}=r(f),x=s(()=>k.value.primaryColor),S=s(()=>{const a=k.value.primaryColor.replace("#",""),e=parseInt(a.substr(0,2),16),r=parseInt(a.substr(2,2),16),s=parseInt(a.substr(4,2),16);return"rgba(".concat(e,", ").concat(r,", ").concat(s,", 0.7)")}),E=s(()=>{const a=k.value.primaryColor.replace("#",""),e=parseInt(a.substr(0,2),16),r=parseInt(a.substr(2,2),16),s=parseInt(a.substr(4,2),16);return"rgba(".concat(e,", ").concat(r,", ").concat(s,", 0.4)")}),I=[{value:"normal",label:"经典布局",description:"左侧导航，顶部标题栏",containerClass:"",showSidebar:!0,sidebarClass:"w-1/4",showHeader:!0,headerClass:"h-1/4",contentClass:"",showRightSidebar:!1,primaryElement:"sidebar"},{value:"head",label:"顶部导航",description:"水平导航栏布局",containerClass:"flex-col",showSidebar:!1,showHeader:!0,headerClass:"h-1/3",contentClass:"",showRightSidebar:!1,primaryElement:"header"},{value:"combination",label:"混合布局",description:"多级导航组合模式",containerClass:"",showSidebar:!0,sidebarClass:"w-1/5",showHeader:!0,headerClass:"h-1/4",contentClass:"",showRightSidebar:!0,rightSidebarClass:"w-1/5",primaryElement:"header",secondaryElement:"sidebar"},{value:"sidebar",label:"侧栏常驻",description:"二级菜单会始终打开",containerClass:"",showSidebar:!0,sidebarClass:"w-1/3",showHeader:!0,headerClass:"h-1/4",contentClass:"",showRightSidebar:!1,primaryElement:"sidebar"}],V=a=>"sidebar"===a.primaryElement?{backgroundColor:x.value,opacity:"0.95"}:"sidebar"===a.secondaryElement?{backgroundColor:S.value,opacity:"0.85"}:{backgroundColor:E.value,opacity:"0.6"},H=a=>"header"===a.primaryElement?{backgroundColor:x.value,opacity:"0.95"}:"header"===a.secondaryElement?{backgroundColor:S.value,opacity:"0.85"}:{backgroundColor:E.value,opacity:"0.6"};return(e,r)=>(o(),l("div",p,[(o(),l(t,null,d(I,e=>n("div",{key:e.value,class:i(["bg-white dark:bg-gray-700 border-2 border-gray-200 dark:border-gray-600 rounded-xl p-6 cursor-pointer transition-all duration-150 ease-in-out hover:transform hover:-translate-y-1 hover:shadow-xl",{"ring-2 ring-offset-2 ring-offset-gray-50 dark:ring-offset-gray-900 transform -translate-y-1 shadow-xl":a.modelValue===e.value}]),style:u(a.modelValue===e.value?{borderColor:x.value,ringColor:x.value+"40"}:{}),onClick:a=>(a=>{w("update:modelValue",a)})(e.value)},[n("div",g,[n("div",{class:i(["w-28 h-20 bg-gray-50 dark:bg-gray-600 border border-gray-200 dark:border-gray-500 rounded-lg p-2 flex gap-1.5 shadow-inner",e.containerClass])},[e.showSidebar?(o(),l("div",{key:0,class:i(["rounded-sm",[e.sidebarClass]]),style:u(V(e))},null,6)):c("",!0),n("div",m,[e.showHeader?(o(),l("div",{key:0,class:i(["rounded-sm",e.headerClass]),style:u(H(e))},null,6)):c("",!0),n("div",{class:i(["flex-1 rounded-sm",e.contentClass]),style:u({backgroundColor:E.value,opacity:"0.5"})},null,6)])],2)]),n("div",h,[n("span",{class:i(["block text-base font-semibold text-gray-900 dark:text-white mb-2",{"text-current":a.modelValue===e.value}]),style:u(a.modelValue===e.value?{color:x.value}:{})},b(e.label),7),n("span",C,b(e.description),1)])],14,y)),64))]))}}),[["__scopeId","data-v-63eae83e"]]);export{v as default};
|
