| 1234 |
- /*!
- Build based on gin-vue-admin
- Time : 1757946830000 */
- System.register(["./index-legacy.C7yqTvSr.js"],function(e,a){"use strict";var r,t,s,o,l,n,d,i,c,u,b,h,m;return{setters:[function(e){r=e._,t=e.M,s=e.N,o=e.O,l=e.c,n=e.o,d=e.F,i=e.I,c=e.b,u=e.n,b=e.d,h=e.a0,m=e.C}],execute:function(){var a=document.createElement("style");a.textContent=".font-inter[data-v-63eae83e]{font-family:Inter,sans-serif}.flex-col[data-v-63eae83e]{flex-direction:column}.w-1\\/4[data-v-63eae83e]{width:25%}.w-1\\/3[data-v-63eae83e]{width:33.333333%}.w-1\\/5[data-v-63eae83e]{width:20%}.h-1\\/4[data-v-63eae83e]{height:25%}.h-1\\/3[data-v-63eae83e]{height:33.333333%}@media (max-width: 480px){.grid-cols-2[data-v-63eae83e]{grid-template-columns:repeat(1,minmax(0,1fr))}}\n/*$vite$:1*/",document.head.appendChild(a);var v={class:"grid grid-cols-2 gap-6 font-inter px-6"},g=["onClick"],p={class:"flex justify-center mb-5"},y={class:"flex-1 flex flex-col gap-1.5"},f={class:"text-center"},C={class:"block text-sm text-gray-500 dark:text-gray-400"};e("default",r(Object.assign({name:"LayoutModeCard"},{__name:"layoutModeCard",props:{modelValue:{type:String,default:"normal"}},emits:["update:modelValue"],setup:function(e,a){var r=a.emit,w=t(),x=s(w).config,k=o(function(){return x.value.primaryColor}),S=o(function(){var e=x.value.primaryColor.replace("#",""),a=parseInt(e.substr(0,2),16),r=parseInt(e.substr(2,2),16),t=parseInt(e.substr(4,2),16);return"rgba(".concat(a,", ").concat(r,", ").concat(t,", 0.7)")}),E=o(function(){var e=x.value.primaryColor.replace("#",""),a=parseInt(e.substr(0,2),16),r=parseInt(e.substr(2,2),16),t=parseInt(e.substr(4,2),16);return"rgba(".concat(a,", ").concat(r,", ").concat(t,", 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=function(e){return"sidebar"===e.primaryElement?{backgroundColor:k.value,opacity:"0.95"}:"sidebar"===e.secondaryElement?{backgroundColor:S.value,opacity:"0.85"}:{backgroundColor:E.value,opacity:"0.6"}},H=function(e){return"header"===e.primaryElement?{backgroundColor:k.value,opacity:"0.95"}:"header"===e.secondaryElement?{backgroundColor:S.value,opacity:"0.85"}:{backgroundColor:E.value,opacity:"0.6"}};return function(a,t){return n(),l("div",v,[(n(),l(d,null,i(I,function(a){return c("div",{key:a.value,class:u(["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":e.modelValue===a.value}]),style:h(e.modelValue===a.value?{borderColor:k.value,ringColor:k.value+"40"}:{}),onClick:function(e){return function(e){r("update:modelValue",e)}(a.value)}},[c("div",p,[c("div",{class:u(["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",a.containerClass])},[a.showSidebar?(n(),l("div",{key:0,class:u(["rounded-sm",[a.sidebarClass]]),style:h(V(a))},null,6)):b("",!0),c("div",y,[a.showHeader?(n(),l("div",{key:0,class:u(["rounded-sm",a.headerClass]),style:h(H(a))},null,6)):b("",!0),c("div",{class:u(["flex-1 rounded-sm",a.contentClass]),style:h({backgroundColor:E.value,opacity:"0.5"})},null,6)])],2)]),c("div",f,[c("span",{class:u(["block text-base font-semibold text-gray-900 dark:text-white mb-2",{"text-current":e.modelValue===a.value}]),style:h(e.modelValue===a.value?{color:k.value}:{})},m(a.label),7),c("span",C,m(a.description),1)])],14,g)}),64))])}}}),[["__scopeId","data-v-63eae83e"]]))}}});
|
