xto-fronted 0.4.8 → 0.4.10

package/src/components/Layout/index.vue

@@ -1,444 +1,121 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { useAppStore } from '@/stores/app'
-import { useMenuStore } from '@/stores/menu'
-import Sidebar from './Sidebar.vue'
-import Header from './Header.vue'
-import { Menu, MenuItem, SubMenu } from '@xto/navigation'
-import { Icon } from '@xto/base'
-
-const route = useRoute()
-const router = useRouter()
-const appStore = useAppStore()
-const menuStore = useMenuStore()
-
-// 菜单选择处理
-const handleMenuSelect = (index: string) => {
-  if (index && index !== route.path) {
-    router.push(index)
-  }
-}
-
-// 混合布局顶部菜单选择处理
-const handleTopMenuSelect = (index: string) => {
-  const selectedMenu = menuStore.menuList.find(menu => menu.menuCode === index)
-  if (selectedMenu) {
-    if (selectedMenu.children && selectedMenu.children.length > 0) {
-      const firstChild = selectedMenu.children[0]
-      if (firstChild.menuUrl && firstChild.menuUrl !== route.path) {
-        router.push(firstChild.menuUrl)
-      }
-    } else if (selectedMenu.menuUrl && selectedMenu.menuUrl !== route.path) {
-      router.push(selectedMenu.menuUrl)
-    }
-  }
-}
-
-const sidebarWidth = computed(() =>
-  appStore.isCollapsed ? '64px' : '210px'
-)
-
-const currentLayout = computed(() => appStore.layout)
-const currentPath = computed(() => route.path)
-
-// 获取一级菜单
-const topLevelMenus = computed(() => {
-  return menuStore.menuList.map(menu => ({
-    menuCode: menu.menuCode,
-    menuName: menu.menuName,
-    menuUrl: menu.menuUrl,
-    icon: menu.icon,
-    hasChildren: menu.children && menu.children.length > 0
-  }))
-})
-
-// 活动的顶部菜单
-const activeTopMenu = computed(() => {
-  for (const menu of menuStore.menuList) {
-    if (menu.menuUrl === currentPath.value) return menu.menuCode
-    if (menu.children) {
-      for (const child of menu.children) {
-        if (child.menuUrl === currentPath.value) return menu.menuCode
-      }
-    }
-  }
-  return topLevelMenus.value[0]?.menuCode || ''
-})
-
-// 混合布局子菜单
-const mixSubMenus = computed(() => {
-  if (currentLayout.value !== 'mix') return []
-  const selectedTopMenu = menuStore.menuList.find(
-    menu => menu.menuCode === activeTopMenu.value
-  )
-  return selectedTopMenu?.children || []
-})
-
-// 菜单主题
-const menuBgColor = computed(() => appStore.isDark ? '#1d1e1f' : '#fff')
-const menuTextColor = computed(() => appStore.isDark ? '#cfd3dc' : '#303133')
-const menuActiveTextColor = computed(() => '#409eff')
-
-// 图标列表
-const knownIcons = new Set([
-  'arrow-up', 'arrow-down', 'arrow-left', 'arrow-right',
-  'caret-down', 'caret-right', 'plus', 'minus', 'close', 'check',
-  'edit', 'delete', 'copy', 'download', 'upload', 'refresh', 'search',
-  'filter', 'more', 'setting', 'share', 'loading', 'info', 'success',
-  'warning', 'error', 'question', 'user', 'user-add', 'user-group',
-  'logout', 'login', 'file', 'folder', 'folder-open', 'document',
-  'image', 'video', 'music', 'camera', 'mail', 'phone', 'chat',
-  'bell', 'message', 'eye', 'eye-off', 'calendar', 'clock', 'history',
-  'timer', 'location', 'map', 'globe', 'star', 'heart', 'thumb-up',
-  'link', 'external-link', 'lock', 'unlock', 'key', 'home', 'menu',
-  'menu-fold', 'menu-unfold', 'sidebar-fold', 'sidebar-expand',
-  'sidebar-left', 'dashboard', 'chart', 'chart-pie', 'chart-line',
-  'report', 'analytics', 'system', 'permission', 'role', 'user-manage',
-  'log', 'notification', 'app', 'list', 'grid', 'fullscreen',
-  'fullscreen-exit', 'zoom-in', 'zoom-out', 'print', 'bookmark',
-  'tag', 'code', 'terminal', 'database', 'server', 'cloud', 'gift',
-  'moon', 'sun', 'theme', 'skin'
-])
-
-const getMenuIcon = (icon?: string): string => {
-  if (!icon || icon === '') return ''
-  if (icon.startsWith('tineco-icon-')) {
-    return icon.replace('tineco-icon-', '')
-  }
-  return icon
-}
-
-const iconExists = (iconName: string): boolean => {
-  return knownIcons.has(iconName)
-}
-
-const getFirstChar = (name?: string): string => {
-  if (!name) return ''
-  return name.charAt(0)
-}
-</script>
-
-<template>
-  <!-- 左侧菜单布局 -->
-  <div v-if="currentLayout === 'sidebar'" class="layout layout--sidebar">
-    <aside class="layout__aside" :style="{ width: sidebarWidth }">
-      <Sidebar />
-    </aside>
-    <div class="layout__main">
-      <header class="layout__header">
-        <Header />
-      </header>
-      <main class="layout__content">
-        <router-view />
-      </main>
-    </div>
-  </div>
-
-  <!-- 顶部菜单布局 -->
-  <div v-else-if="currentLayout === 'top'" class="layout layout--top">
-    <header class="layout__header-top">
-      <div class="layout__logo">
-        <img src="/vite.svg" alt="Logo" class="layout__logo-img" />
-        <span class="layout__logo-text">{{ appStore.appName }}</span>
-      </div>
-      <Menu
-        mode="horizontal"
-        :default-active="activeTopMenu"
-        class="layout__top-menu"
-        background-color="transparent"
-        :text-color="menuTextColor"
-        :active-text-color="menuActiveTextColor"
-        @select="handleMenuSelect"
-      >
-        <template v-for="menu in topLevelMenus" :key="menu.menuUrl">
-          <SubMenu v-if="menu.hasChildren" :index="menu.menuCode">
-            <template #title>
-              <span class="layout__menu-icon">
-                <Icon v-if="iconExists(getMenuIcon(menu.icon))" :name="getMenuIcon(menu.icon)" :size="16" />
-                <span v-else class="layout__menu-char">{{ getFirstChar(menu.menuName) }}</span>
-              </span>
-              <span>{{ menu.menuName }}</span>
-            </template>
-            <MenuItem
-              v-for="child in menuStore.menuList.find(m => m.menuCode === menu.menuCode)?.children"
-              :key="child.menuUrl"
-              :index="child.menuUrl"
-            >
-              <span>{{ child.menuName }}</span>
-            </MenuItem>
-          </SubMenu>
-          <MenuItem v-else :index="menu.menuUrl">
-            <span class="layout__menu-icon">
-              <Icon v-if="iconExists(getMenuIcon(menu.icon))" :name="getMenuIcon(menu.icon)" :size="16" />
-              <span v-else class="layout__menu-char">{{ getFirstChar(menu.menuName) }}</span>
-            </span>
-            <span>{{ menu.menuName }}</span>
-          </MenuItem>
-        </template>
-      </Menu>
-      <div class="layout__header-right">
-        <Header />
-      </div>
-    </header>
-    <main class="layout__content-top">
-      <router-view />
-    </main>
-  </div>
-
-  <!-- 混合布局 -->
-  <div v-else-if="currentLayout === 'mix'" class="layout layout--mix">
-    <header class="layout__header-mix">
-      <div class="layout__logo">
-        <img src="/vite.svg" alt="Logo" class="layout__logo-img" />
-        <span class="layout__logo-text">{{ appStore.appName }}</span>
-      </div>
-      <Menu
-        mode="horizontal"
-        :default-active="activeTopMenu"
-        class="layout__top-menu"
-        background-color="transparent"
-        :text-color="menuTextColor"
-        :active-text-color="menuActiveTextColor"
-        @select="handleTopMenuSelect"
-      >
-        <MenuItem
-          v-for="menu in topLevelMenus"
-          :key="menu.menuCode"
-          :index="menu.menuCode"
-        >
-          <span class="layout__menu-icon">
-            <Icon v-if="iconExists(getMenuIcon(menu.icon))" :name="getMenuIcon(menu.icon)" :size="16" />
-            <span v-else class="layout__menu-char">{{ getFirstChar(menu.menuName) }}</span>
-          </span>
-          <span>{{ menu.menuName }}</span>
-        </MenuItem>
-      </Menu>
-      <div class="layout__header-right">
-        <Header />
-      </div>
-    </header>
-    <div class="layout__mix-body">
-      <aside v-if="mixSubMenus.length > 0" class="layout__mix-aside" :style="{ width: sidebarWidth }">
-        <div class="layout__mix-sidebar">
-          <Menu
-            mode="vertical"
-            :collapse="appStore.isCollapsed"
-            :collapse-transition="false"
-            :default-active="currentPath"
-            :background-color="menuBgColor"
-            :text-color="menuTextColor"
-            :active-text-color="menuActiveTextColor"
-            class="layout__mix-menu"
-            @select="handleMenuSelect"
-          >
-            <MenuItem
-              v-for="child in mixSubMenus"
-              :key="child.menuUrl"
-              :index="child.menuUrl"
-            >
-              <span class="layout__menu-icon">
-                <Icon v-if="iconExists(getMenuIcon(child.icon))" :name="getMenuIcon(child.icon)" :size="16" />
-                <span v-else class="layout__menu-char">{{ getFirstChar(child.menuName) }}</span>
-              </span>
-              <span>{{ child.menuName }}</span>
-            </MenuItem>
-          </Menu>
-        </div>
-      </aside>
-      <main class="layout__content-mix">
-        <router-view />
-      </main>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.layout {
-  display: flex;
-  width: 100%;
-  height: 100%;
-
-  // 左侧菜单布局
-  &--sidebar {
-    flex-direction: row;
-
-    .layout__aside {
-      transition: width 0.3s;
-      overflow: hidden;
-      flex-shrink: 0;
-      height: 100%;
-    }
-
-    .layout__main {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-      height: 100%;
-    }
-
-    .layout__header {
-      height: 50px;
-      background-color: var(--bg-color);
-      border-bottom: 1px solid var(--color-border-lighter);
-      flex-shrink: 0;
-    }
-
-    .layout__content {
-      flex: 1;
-      overflow: auto;
-      background-color: var(--bg-color-page);
-    }
-  }
-
-  // 顶部菜单布局
-  &--top {
-    flex-direction: column;
-
-    .layout__header-top {
-      height: 60px;
-      display: flex;
-      align-items: center;
-      padding: 0 20px;
-      background-color: var(--bg-color);
-      border-bottom: 1px solid var(--color-border-lighter);
-      flex-shrink: 0;
-
-      .layout__logo {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        margin-right: 30px;
-      }
-
-      .layout__logo-img {
-        width: 32px;
-        height: 32px;
-      }
-
-      .layout__logo-text {
-        font-size: 16px;
-        font-weight: 600;
-        color: var(--color-primary);
-      }
-
-      .layout__top-menu {
-        flex: 1;
-        border-bottom: none;
-        background-color: transparent;
-      }
-
-      .layout__header-right {
-        display: flex;
-        align-items: center;
-      }
-    }
-
-    .layout__content-top {
-      flex: 1;
-      overflow: auto;
-      background-color: var(--bg-color-page);
-    }
-  }
-
-  // 混合布局
-  &--mix {
-    flex-direction: column;
-
-    .layout__header-mix {
-      height: 60px;
-      display: flex;
-      align-items: center;
-      padding: 0 20px;
-      background-color: var(--bg-color);
-      border-bottom: 1px solid var(--color-border-lighter);
-      flex-shrink: 0;
-
-      .layout__logo {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        margin-right: 30px;
-      }
-
-      .layout__logo-img {
-        width: 32px;
-        height: 32px;
-      }
-
-      .layout__logo-text {
-        font-size: 16px;
-        font-weight: 600;
-        color: var(--color-primary);
-      }
-
-      .layout__top-menu {
-        flex: 1;
-        border-bottom: none;
-        background-color: transparent;
-      }
-
-      .layout__header-right {
-        display: flex;
-        align-items: center;
-      }
-    }
-
-    .layout__mix-body {
-      flex: 1;
-      display: flex;
-      overflow: hidden;
-
-      .layout__mix-aside {
-        transition: width 0.3s;
-        overflow: hidden;
-        flex-shrink: 0;
-        background-color: var(--bg-color);
-        border-right: 1px solid var(--color-border-lighter);
-      }
-
-      .layout__mix-sidebar {
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-      }
-
-      .layout__mix-menu {
-        flex: 1;
-        border-right: none;
-        overflow-y: auto;
-      }
-
-      .layout__content-mix {
-        flex: 1;
-        overflow: auto;
-        background-color: var(--bg-color-page);
-      }
-    }
-  }
-
-  // 公共样式
-  &__menu-icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    height: 16px;
-    margin-right: 8px;
-  }
-
-  &__menu-char {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    height: 16px;
-    font-size: 12px;
-    font-weight: 600;
-    color: var(--color-primary);
-    background-color: var(--color-primary-light-8);
-    border-radius: 4px;
-  }
-}
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useAppStore } from '@/stores/app'
+import { useMenuStore } from '@/stores/menu'
+import Sidebar from './Sidebar.vue'
+import Header from './Header.vue'
+import TopMenu from './TopMenu.vue'
+
+const appStore = useAppStore()
+const menuStore = useMenuStore()
+
+const sidebarWidth = computed(() =>
+  appStore.isCollapsed ? '64px' : '210px'
+)
+
+// 布局模式
+const layoutMode = computed(() => appStore.layout)
+
+// 是否显示左侧菜单
+const showSidebar = computed(() => layoutMode.value === 'sidebar' || layoutMode.value === 'mix')
+
+// 是否显示顶部菜单
+const showTopMenu = computed(() => layoutMode.value === 'top')
+
+// 混合模式下只显示当前顶部菜单的子菜单
+const mixSubMenus = computed(() => {
+  if (layoutMode.value !== 'mix') return menuStore.menuList
+  // 混合模式需要根据顶部选中的菜单显示子菜单
+  // 这里暂时返回全部菜单，后续可根据实际需求调整
+  return menuStore.menuList
+})
+</script>
+
+<template>
+  <div class="layout" :class="`layout--${layoutMode}`">
+    <!-- 左侧菜单布局 -->
+    <aside v-if="showSidebar" class="layout__aside" :style="{ width: sidebarWidth }">
+      <Sidebar :menu-list="layoutMode === 'mix' ? mixSubMenus : menuStore.menuList" />
+    </aside>
+
+    <!-- 顶部菜单布局 -->
+    <div v-if="showTopMenu" class="layout__top-menu">
+      <TopMenu />
+    </div>
+
+    <div class="layout__main">
+      <header class="layout__header">
+        <Header />
+      </header>
+      <main class="layout__content">
+        <router-view />
+      </main>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.layout {
+  display: flex;
+  width: 100%;
+  height: 100%;
+
+  // 左侧菜单模式
+  &--sidebar {
+    flex-direction: row;
+  }
+
+  // 顶部菜单模式
+  &--top {
+    flex-direction: column;
+
+    .layout__aside {
+      display: none;
+    }
+
+    .layout__main {
+      flex: 1;
+    }
+  }
+
+  // 混合菜单模式
+  &--mix {
+    flex-direction: row;
+  }
+
+  &__aside {
+    transition: width 0.3s;
+    overflow: hidden;
+    flex-shrink: 0;
+    height: 100%;
+  }
+
+  &__top-menu {
+    width: 100%;
+    height: 50px;
+    background-color: var(--bg-color);
+    border-bottom: 1px solid var(--color-border-lighter);
+  }
+
+  &__main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    height: 100%;
+  }
+
+  &__header {
+    height: 50px;
+    background-color: var(--bg-color);
+    border-bottom: 1px solid var(--color-border-lighter);
+    flex-shrink: 0;
+  }
+
+  &__content {
+    flex: 1;
+    overflow: auto;
+    background-color: var(--bg-color-page);
+  }
+}
 </style>

package/vite.config.ts

@@ -49,7 +49,7 @@ export default defineConfig(({ mode }) => {
       open: true,
       proxy: {
         '/api': {
-          target: 'http://localhost:8888',
+          target: env.VITE_API_BASE_URL || 'http://localhost:8080',
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, '')
         }

package/dist/App.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

package/dist/api/auth.d.ts

@@ -1,8 +0,0 @@
-import { LoginParams, LoginResult, UserInfo } from '../types/api';
-export declare function login(data: LoginParams): Promise<LoginResult>;
-export declare function logout(): Promise<unknown>;
-export declare function getUserInfo(): Promise<UserInfo>;
-export declare function refreshToken(refreshToken: string): Promise<{
-    token: string;
-    expireTime: number;
-}>;

package/dist/api/system.d.ts

@@ -1,16 +0,0 @@
-import { PageParams, PageResponse } from '../utils/request';
-import { RoleInfo, MenuItem } from '../types/api';
-export declare function getRoleList(params: PageParams & {
-    status?: number;
-    keyword?: string;
-}): Promise<PageResponse<RoleInfo>>;
-export declare function getRoleDetail(id: string | number): Promise<RoleInfo>;
-export declare function createRole(data: Partial<RoleInfo>): Promise<RoleInfo>;
-export declare function updateRole(id: string | number, data: Partial<RoleInfo>): Promise<RoleInfo>;
-export declare function deleteRole(id: string | number): Promise<unknown>;
-export declare function updateRoleStatus(id: string | number, status: number): Promise<unknown>;
-export declare function getMenuList(): Promise<MenuItem[]>;
-export declare function getMenuTree(appId?: string): Promise<MenuItem[]>;
-export declare function createMenu(data: Partial<MenuItem>): Promise<MenuItem>;
-export declare function updateMenu(id: string | number, data: Partial<MenuItem>): Promise<MenuItem>;
-export declare function deleteMenu(id: string | number): Promise<unknown>;

package/dist/api/user.d.ts

@@ -1,13 +0,0 @@
-import { PageParams, PageResponse } from '../utils/request';
-import { UserInfo } from '../types/api';
-export declare function getUserList(params: PageParams & {
-    status?: number;
-    keyword?: string;
-}): Promise<PageResponse<UserInfo>>;
-export declare function getUserDetail(id: string | number): Promise<UserInfo>;
-export declare function createUser(data: Partial<UserInfo>): Promise<UserInfo>;
-export declare function updateUser(id: string | number, data: Partial<UserInfo>): Promise<UserInfo>;
-export declare function deleteUser(id: string | number): Promise<unknown>;
-export declare function batchDeleteUsers(ids: (string | number)[]): Promise<unknown>;
-export declare function updateUserStatus(id: string | number, status: number): Promise<unknown>;
-export declare function resetPassword(id: string | number): Promise<unknown>;

package/dist/assets/index-B-sX4Ru0.js

@@ -1 +0,0 @@
-import{d as x,o as T,c as h,a as p,B as t,C as l,u as a,I as B,k as g,P as I,Q as R,R as q,h as b}from"./vue-vendor-Br-l7wbK.js";import{_ as z}from"./vite-Dw-pgLOX.js";import{r as v,o as C}from"./xto-base-C-IBqjVs.js";import{B as j,F as c,w as y,T as P}from"./xto-form-NRjKKNcY.js";import{c as i}from"./xto-feedback-B7ipsTfz.js";import{a as U}from"./vendor-42ANG6Sg.js";import{g as L,a as N,c as A,b as D,d as E,s as F}from"./index-CkL3sVAQ.js";import{_ as K}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./xto-core-DZK7Cyg0.js";import"./xto-data-BFpiDgJi.js";import"./xto-navigation-CKabFu9d.js";/* empty css                   *//* empty css                     */const $=()=>{const s=U.create({baseURL:"/api",timeout:3e4,headers:{"Content-Type":"application/json"}});return s.interceptors.request.use(e=>{const r=L(),n=N()||"Bearer";return r&&(e.headers.Authorization=`${n} ${r}`),e},e=>Promise.reject(e)),s.interceptors.response.use(e=>{const{data:r}=e;return r.code===200||r.code===0?r.data:(i.error(r.message||"请求失败"),Promise.reject(new Error(r.message||"请求失败")))},e=>{var n;const{response:r}=e;if(r)switch(r.status){case 401:i.error("登录已过期，请重新登录"),A(),window.location.href="/login";break;case 403:i.error("没有权限访问");break;case 404:i.error("请求资源不存在");break;case 500:i.error("服务器错误");break;default:i.error(((n=r.data)==null?void 0:n.message)||"请求失败")}else i.error("网络连接失败");return Promise.reject(e)}),s},m=$(),M={get(s,e){return m.get(s,e)},post(s,e,r){return m.post(s,e,r)},put(s,e,r){return m.put(s,e,r)},patch(s,e,r){return m.patch(s,e,r)},delete(s,e){return m.delete(s,e)}};function Q(s){return M.post("/user/v1.0/login/by-domain",s)}const X={class:"login"},G={class:"login__container"},H=x({__name:"index",setup(s){const e=I(),r=R(),n=g(!1),_=g(!1),u=B({uid:"",password:""}),V={uid:[{required:!0,message:"请输入用户名",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"},{min:6,message:"密码长度至少6位",trigger:"blur"}]},w=g(),k=async()=>{var f;try{await((f=w.value)==null?void 0:f.validate()),n.value=!0;const o=await Q({appId:E(),clientId:D(),uid:u.uid,password:u.password,code:!0});F(o),i.success("登录成功");const d=r.query.redirect||"/";e.push(d)}catch(o){console.error("登录失败:",o)}finally{n.value=!1}};return(f,o)=>(T(),h("div",X,[p("div",G,[o[5]||(o[5]=p("div",{class:"login__header"},[p("img",{src:z,alt:"Logo",class:"login__logo"}),p("h1",{class:"login__title"},"Xto Demo"),p("p",{class:"login__subtitle"},"后台管理系统")],-1)),t(a(j),{ref_key:"formRef",ref:w,model:u,rules:V,class:"login__form","label-width":"0"},{default:l(()=>[t(a(c),{prop:"uid"},{default:l(()=>[t(a(y),{modelValue:u.uid,"onUpdate:modelValue":o[0]||(o[0]=d=>u.uid=d),placeholder:"用户名",size:"large"},{prefix:l(()=>[t(a(v),{name:"user",size:18})]),_:1},8,["modelValue"])]),_:1}),t(a(c),{prop:"password"},{default:l(()=>[t(a(y),{modelValue:u.password,"onUpdate:modelValue":o[1]||(o[1]=d=>u.password=d),type:"password",placeholder:"密码",size:"large","show-password":"",onKeyup:q(k,["enter"])},{prefix:l(()=>[t(a(v),{name:"lock",size:18})]),_:1},8,["modelValue"])]),_:1}),t(a(c),null,{default:l(()=>[t(a(P),{modelValue:_.value,"onUpdate:modelValue":o[2]||(o[2]=d=>_.value=d)},{default:l(()=>[...o[3]||(o[3]=[b("记住我",-1)])]),_:1},8,["modelValue"])]),_:1}),t(a(c),null,{default:l(()=>[t(a(C),{type:"primary",size:"large",loading:n.value,class:"login__submit",onClick:k},{default:l(()=>[...o[4]||(o[4]=[b(" 登录 ",-1)])]),_:1},8,["loading"])]),_:1})]),_:1},8,["model"]),o[6]||(o[6]=p("div",{class:"login__footer"},[p("p",null,"请输入您的用户名和密码")],-1))])]))}}),ne=K(H,[["__scopeId","data-v-6e75b294"]]);export{ne as default};

package/dist/assets/index-BMcziU5a.css

@@ -1 +0,0 @@
-.app{width:100%;height:100%;background-color:var(--bg-color-page);transition:background-color .3s}:root{--color-primary: #409eff;--color-primary-light-3: #79bbff;--color-primary-light-5: #a0cfff;--color-primary-light-7: #c6e2ff;--color-primary-light-8: #d9ecff;--color-primary-light-9: #ecf5ff;--color-primary-dark-2: #337ecc;--color-success: #67c23a;--color-success-light: #e1f3d8;--color-success-dark: #529b2e;--color-warning: #e6a23c;--color-warning-light: #fdf6ec;--color-warning-dark: #b88230;--color-danger: #f56c6c;--color-danger-light: #fde2e2;--color-danger-dark: #c45656;--color-info: #909399;--color-info-light: #f4f4f5;--color-info-dark: #73767a;--color-text-primary: #303133;--color-text-regular: #606266;--color-text-secondary: #909399;--color-text-placeholder: #a8abb2;--color-text-disabled: #c0c4cc;--color-border: #dcdfe6;--color-border-light: #e4e7ed;--color-border-lighter: #ebeef5;--color-border-extra-light: #f2f6fc;--color-border-dark: #d4d7de;--color-fill: #f5f7fa;--color-fill-light: #fafafa;--color-fill-lighter: #fafcff;--color-fill-blank: #ffffff;--bg-color: #ffffff;--bg-color-page: #f2f3f5;--bg-color-overlay: #ffffff;--box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);--box-shadow-light: 0 2px 8px 0 rgba(0, 0, 0, .06);--box-shadow-lighter: 0 1px 4px 0 rgba(0, 0, 0, .04);--box-shadow-dark: 0 4px 16px 0 rgba(0, 0, 0, .12);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-size-extra-large: 18px;--border-radius-base: 4px;--border-radius-small: 2px;--border-radius-large: 8px;--border-radius-round: 20px;--border-radius-circle: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--component-size-large: 40px;--component-size-default: 32px;--component-size-small: 24px;--transition-duration: .3s;--transition-duration-fast: .2s;--transition-duration-slow: .5s;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--sidebar-width: 210px;--sidebar-collapsed-width: 64px;--header-height: 50px;--tabs-height: 40px;--footer-height: 30px}.dark{--color-text-primary: #e5eaf3;--color-text-regular: #cfd3dc;--color-text-secondary: #a3a6ad;--color-text-placeholder: #8d9095;--color-text-disabled: #6c6e72;--color-border: #4c4d4f;--color-border-light: #414243;--color-border-lighter: #363637;--color-border-extra-light: #2b2b2c;--color-border-dark: #58585b;--color-fill: #303030;--color-fill-light: #262727;--color-fill-lighter: #1d1d1d;--color-fill-blank: #141414;--bg-color: #1d1e1f;--bg-color-page: #0a0a0a;--bg-color-overlay: #1d1e1f;--box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .3);--box-shadow-light: 0 2px 8px 0 rgba(0, 0, 0, .24);--box-shadow-lighter: 0 1px 4px 0 rgba(0, 0, 0, .2);--box-shadow-dark: 0 4px 16px 0 rgba(0, 0, 0, .36)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;font-size:var(--font-size-base);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--bg-color-page)}#app{width:100%;height:100%}a{color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color var(--transition-duration-fast)}a:hover{color:var(--color-primary-light-3)}ul,ol{list-style:none}img{max-width:100%;height:auto;vertical-align:middle}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;outline:none}button:disabled{cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500;color:var(--color-text-primary)}p{margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:var(--color-fill-light);border-radius:3px}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary)}::selection{background-color:var(--color-primary-light-8);color:var(--color-primary)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-duration)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-scale-enter-active,.fade-scale-leave-active{transition:all var(--transition-duration)}.fade-scale-enter-from,.fade-scale-leave-to{opacity:0;transform:scale(.9)}.fade-transform-enter-active,.fade-transform-leave-active{transition:all var(--transition-duration-fast)}.fade-transform-enter-from{opacity:0;transform:translate(-10px)}.fade-transform-leave-to{opacity:0;transform:translate(10px)}.slide-down-enter-active,.slide-down-leave-active{transition:all var(--transition-duration)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-20px)}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--transition-duration)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.slide-left-enter-active,.slide-left-leave-active{transition:all var(--transition-duration)}.slide-left-enter-from,.slide-left-leave-to{opacity:0;transform:translate(20px)}.slide-right-enter-active,.slide-right-leave-active{transition:all var(--transition-duration)}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translate(-20px)}.zoom-enter-active,.zoom-leave-active{transition:all var(--transition-duration)}.zoom-enter-from,.zoom-leave-to{opacity:0;transform:scale(.5)}.list-enter-active,.list-leave-active{transition:all var(--transition-duration)}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(30px)}.collapse-transition{transition:width var(--transition-duration),padding var(--transition-duration)}.dark .sidebar,.dark .layout__aside{background-color:#1d1e1f}.dark .sidebar{border-right:1px solid #363637}.dark .sidebar__search-results{background-color:#1d1e1f;border-color:#363637}.dark .sidebar__search-item:hover{background-color:#262727}.dark .sidebar__search-item-title{color:#cfd3dc}.dark .sidebar__search-item-parent{color:#a3a6ad}.dark .sidebar__logo{border-bottom-color:#363637}.dark .sidebar__user{border-top-color:#363637}.dark .sidebar__user-name{color:#cfd3dc}.dark .sidebar__user-role{color:#a3a6ad}.dark .x-menu{background-color:#1d1e1f!important;border-color:#363637;color:#cfd3dc}.dark .x-menu.x-menu--vertical{border-right-color:#363637}.dark .x-menu.x-menu--horizontal{border-bottom-color:#363637}.dark .x-menu-item{color:#cfd3dc!important}.dark .x-menu-item:hover{background-color:#262727!important}.dark .x-menu-item.is-active{color:#409eff!important;background-color:#409eff1a!important}.dark .x-menu-item.is-active:before{background-color:#409eff}.dark .x-sub-menu__title{color:#cfd3dc!important}.dark .x-sub-menu__title:hover{background-color:#262727!important}.dark .x-sub-menu__menu{background-color:#1d1e1f!important;border:1px solid #363637;box-shadow:0 2px 12px #00000080}.dark .x-sub-menu__arrow{color:#a3a6ad}.dark .x-sub-menu.is-opened>.x-sub-menu__title{background-color:#262727!important}.dark .x-sub-menu.is-active>.x-sub-menu__title{color:#409eff!important}.dark .layout__menu-char{background-color:#409eff33;color:#79bbff}.dark .header{background-color:#1d1e1f;border-bottom-color:#363637}.dark .header__collapse{color:#cfd3dc}.dark .header__breadcrumb{color:#a3a6ad}.dark .header__user-name{color:#cfd3dc}.dark .header__user-arrow{color:#a3a6ad}.dark .header__action:hover,.dark .header__user-trigger:hover{background-color:#262727}.dark .header__dropdown{background-color:#1d1e1f;border:1px solid #363637;box-shadow:0 2px 12px #00000080}.dark .header__dropdown-name{color:#e5eaf3}.dark .header__dropdown-role{color:#a3a6ad}.dark .header__dropdown-divider{background-color:#363637}.dark .header__dropdown-item{color:#cfd3dc}.dark .header__dropdown-item:hover{background-color:#262727;color:#e5eaf3}.dark .x-button.x-button--default{background-color:#1d1e1f;border-color:#4c4d4f;color:#cfd3dc}.dark .x-button.x-button--default:hover{border-color:#409eff;color:#409eff}.dark .x-button.x-button--text{color:#409eff}.dark .x-form-item__label{color:#cfd3dc}.dark .x-form-item__error{color:#f56c6c}.dark .x-input{background-color:#1d1e1f;border-color:#4c4d4f}.dark .x-input.is-focus{border-color:#409eff}.dark .x-input .x-input__inner{background-color:transparent;color:#e5eaf3}.dark .x-input .x-input__inner::placeholder{color:#6c6e72}.dark .x-input .x-input__suffix,.dark .x-input .x-input__prefix{color:#a3a6ad}.dark .x-select{background-color:#1d1e1f;border-color:#4c4d4f}.dark .x-card{background-color:#1d1e1f;border-color:#363637}.dark .x-card__header{border-bottom-color:#363637;color:#e5eaf3}.dark .data-table th{background-color:#262727;color:#cfd3dc;border-bottom-color:#363637}.dark .data-table td{border-bottom-color:#363637;color:#cfd3dc}.dark .data-table tr:hover td{background-color:#262727}.dark .x-modal__wrapper{background-color:#000000b3}.dark .x-modal__container{background-color:#1d1e1f;border:1px solid #363637}.dark .x-modal__header{border-bottom-color:#363637;color:#e5eaf3}.dark .x-modal__footer{border-top-color:#363637}.dark .x-message{background-color:#1d1e1f;border:1px solid #363637}.dark .x-tag.x-tag--primary{background-color:#409eff33;color:#79bbff;border-color:#409eff4d}.dark .x-tag.x-tag--success{background-color:#67c23a33;color:#95d475;border-color:#67c23a4d}.dark .x-tag.x-tag--warning{background-color:#e6a23c33;color:#eebe77;border-color:#e6a23c4d}.dark .x-tag.x-tag--danger{background-color:#f56c6c33;color:#fab6b6;border-color:#f56c6c4d}.dark .x-tag.x-tag--info{background-color:#90939933;color:#c0c4cc;border-color:#9093994d}.dark .x-switch{background-color:#4c4d4f}.dark .x-switch.is-checked{background-color:#409eff}.dark .x-pagination{color:#cfd3dc}.dark .x-pagination__item{background-color:#1d1e1f;border-color:#4c4d4f;color:#cfd3dc}.dark .x-pagination__item:hover{color:#409eff}.dark .x-pagination__item.is-active{background-color:#409eff;border-color:#409eff;color:#fff}.dark .login{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .login__container{background-color:#1d1e1f;border:1px solid #363637}.dark .login__title{color:#409eff}.dark .login__subtitle{color:#a3a6ad}.dark .login__footer{color:#6c6e72}.dark .stat-card__title{color:#a3a6ad}.dark .quick-link{background-color:#262727}.dark .quick-link:hover{background-color:#409eff1a}.dark .quick-link__title{color:#cfd3dc}.dark .activity-item{border-bottom-color:#363637}.dark .activity-item__action{color:#cfd3dc}.dark .search-card,.dark .table-card,.dark .x-popconfirm{background-color:#1d1e1f;border:1px solid #363637}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.p-10{padding:10px}.p-20{padding:20px}.card{background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-light);padding:var(--spacing-md)}.page-container{padding:var(--spacing-md);min-height:100%}.search-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.table-container{background-color:var(--bg-color);border-radius:var(--border-radius-base);padding:var(--spacing-md)}.pagination-container{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}