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