5 lines
3.8 KiB
JavaScript
5 lines
3.8 KiB
JavaScript
/*!
|
|
Build based on gin-vue-admin
|
|
Time : 1776662816000 */
|
|
import{O as e,P as a,G as r,c as s,o as l,F as o,J as t,b as n,n as d,d as i,K as c,t as u}from"./087AC4D233B64EB0index.D-00lXMX.js";import{_ as b}from"./087AC4D233B64EB0_plugin-vue_export-helper.BCo6x5W8.js";const p={class:"grid grid-cols-2 gap-6 font-inter px-6"},g=["onClick"],m={class:"flex justify-center mb-5"},y={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=b(Object.assign({name:"LayoutModeCard"},{__name:"layoutModeCard",props:{modelValue:{type:String,default:"normal"}},emits:["update:modelValue"],setup(b,{emit:v}){const w=v,f=e(),{config:x}=a(f),k=r(()=>x.value.primaryColor),E=r(()=>{const e=x.value.primaryColor.replace("#",""),a=parseInt(e.substr(0,2),16),r=parseInt(e.substr(2,2),16),s=parseInt(e.substr(4,2),16);return"rgba(".concat(a,", ").concat(r,", ").concat(s,", 0.7)")}),S=r(()=>{const e=x.value.primaryColor.replace("#",""),a=parseInt(e.substr(0,2),16),r=parseInt(e.substr(2,2),16),s=parseInt(e.substr(4,2),16);return"rgba(".concat(a,", ").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=e=>"sidebar"===e.primaryElement?{backgroundColor:k.value,opacity:"0.95"}:"sidebar"===e.secondaryElement?{backgroundColor:E.value,opacity:"0.85"}:{backgroundColor:S.value,opacity:"0.6"},_=e=>"header"===e.primaryElement?{backgroundColor:k.value,opacity:"0.95"}:"header"===e.secondaryElement?{backgroundColor:E.value,opacity:"0.85"}:{backgroundColor:S.value,opacity:"0.6"};return(e,a)=>(l(),s("div",p,[(l(),s(o,null,t(I,e=>n("div",{key:e.value,class:d(["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":b.modelValue===e.value}]),style:c(b.modelValue===e.value?{borderColor:k.value,ringColor:k.value+"40"}:{}),onClick:a=>(e=>{w("update:modelValue",e)})(e.value)},[n("div",m,[n("div",{class:d(["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?(l(),s("div",{key:0,class:d(["rounded-sm",[e.sidebarClass]]),style:c(V(e))},null,6)):i("",!0),n("div",y,[e.showHeader?(l(),s("div",{key:0,class:d(["rounded-sm",e.headerClass]),style:c(_(e))},null,6)):i("",!0),n("div",{class:d(["flex-1 rounded-sm",e.contentClass]),style:c({backgroundColor:S.value,opacity:"0.5"})},null,6)])],2)]),n("div",h,[n("span",{class:d(["block text-base font-semibold text-gray-900 dark:text-white mb-2",{"text-current":b.modelValue===e.value}]),style:c(b.modelValue===e.value?{color:k.value}:{})},u(e.label),7),n("span",C,u(e.description),1)])],14,g)),64))]))}}),[["__scopeId","data-v-63eae83e"]]);export{v as default};
|