xto-fronted 0.1.1 → 0.1.3

package/dist/stores/menu.d.ts

@@ -1,8 +1,7 @@
-import { AppRoute } from '../types/router';
-import { MenuItem } from '../types/api';
+import { MenuItem, RemoteMenuItem } from '../types/api';
 export declare const useMenuStore: import('pinia').StoreDefinition<"menu", Pick<{
     menuList: import('vue').Ref<{
-        id: number | string;
+        code: string;
         name: string;
         path: string;
         component?: string | undefined;
@@ -12,11 +11,12 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"menu", Pick<
         hidden?: boolean | undefined;
         keepAlive?: boolean | undefined;
         affix?: boolean | undefined;
-        order?: number | undefined;
-        parentId?: number | string | null | undefined;
+        default?: boolean | undefined;
+        out?: boolean | undefined;
+        closable?: boolean | undefined;
         children?: /*elided*/ any[] | undefined;
     }[], MenuItem[] | {
-        id: number | string;
+        code: string;
         name: string;
         path: string;
         component?: string | undefined;
@@ -26,18 +26,21 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"menu", Pick<
         hidden?: boolean | undefined;
         keepAlive?: boolean | undefined;
         affix?: boolean | undefined;
-        order?: number | undefined;
-        parentId?: number | string | null | undefined;
+        default?: boolean | undefined;
+        out?: boolean | undefined;
+        closable?: boolean | undefined;
         children?: /*elided*/ any[] | undefined;
     }[]>;
+    menuBtnListMap: import('vue').Ref<Record<string, MenuItem[]>, Record<string, MenuItem[]>>;
     hasMenu: import('vue').ComputedRef<boolean>;
+    index: import('vue').ComputedRef<string>;
+    indexMenu: MenuItem;
     setMenuList: (menus: MenuItem[]) => void;
+    setMenuFromRemote: (remoteMenus: RemoteMenuItem[]) => void;
     clearMenu: () => void;
-    generateRoutes: (menus: MenuItem[]) => AppRoute[];
-    addRoutes: (menus: MenuItem[]) => void;
-}, "menuList">, Pick<{
+}, "menuList" | "menuBtnListMap" | "indexMenu">, Pick<{
     menuList: import('vue').Ref<{
-        id: number | string;
+        code: string;
         name: string;
         path: string;
         component?: string | undefined;
@@ -47,11 +50,12 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"menu", Pick<
         hidden?: boolean | undefined;
         keepAlive?: boolean | undefined;
         affix?: boolean | undefined;
-        order?: number | undefined;
-        parentId?: number | string | null | undefined;
+        default?: boolean | undefined;
+        out?: boolean | undefined;
+        closable?: boolean | undefined;
         children?: /*elided*/ any[] | undefined;
     }[], MenuItem[] | {
-        id: number | string;
+        code: string;
         name: string;
         path: string;
         component?: string | undefined;
@@ -61,18 +65,21 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"menu", Pick<
         hidden?: boolean | undefined;
         keepAlive?: boolean | undefined;
         affix?: boolean | undefined;
-        order?: number | undefined;
-        parentId?: number | string | null | undefined;
+        default?: boolean | undefined;
+        out?: boolean | undefined;
+        closable?: boolean | undefined;
         children?: /*elided*/ any[] | undefined;
     }[]>;
+    menuBtnListMap: import('vue').Ref<Record<string, MenuItem[]>, Record<string, MenuItem[]>>;
     hasMenu: import('vue').ComputedRef<boolean>;
+    index: import('vue').ComputedRef<string>;
+    indexMenu: MenuItem;
     setMenuList: (menus: MenuItem[]) => void;
+    setMenuFromRemote: (remoteMenus: RemoteMenuItem[]) => void;
     clearMenu: () => void;
-    generateRoutes: (menus: MenuItem[]) => AppRoute[];
-    addRoutes: (menus: MenuItem[]) => void;
-}, "hasMenu">, Pick<{
+}, "hasMenu" | "index">, Pick<{
     menuList: import('vue').Ref<{
-        id: number | string;
+        code: string;
         name: string;
         path: string;
         component?: string | undefined;
@@ -82,11 +89,12 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"menu", Pick<
         hidden?: boolean | undefined;
         keepAlive?: boolean | undefined;
         affix?: boolean | undefined;
-        order?: number | undefined;
-        parentId?: number | string | null | undefined;
+        default?: boolean | undefined;
+        out?: boolean | undefined;
+        closable?: boolean | undefined;
         children?: /*elided*/ any[] | undefined;
     }[], MenuItem[] | {
-        id: number | string;
+        code: string;
         name: string;
         path: string;
         component?: string | undefined;
@@ -96,13 +104,16 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"menu", Pick<
         hidden?: boolean | undefined;
         keepAlive?: boolean | undefined;
         affix?: boolean | undefined;
-        order?: number | undefined;
-        parentId?: number | string | null | undefined;
+        default?: boolean | undefined;
+        out?: boolean | undefined;
+        closable?: boolean | undefined;
         children?: /*elided*/ any[] | undefined;
     }[]>;
+    menuBtnListMap: import('vue').Ref<Record<string, MenuItem[]>, Record<string, MenuItem[]>>;
     hasMenu: import('vue').ComputedRef<boolean>;
+    index: import('vue').ComputedRef<string>;
+    indexMenu: MenuItem;
     setMenuList: (menus: MenuItem[]) => void;
+    setMenuFromRemote: (remoteMenus: RemoteMenuItem[]) => void;
     clearMenu: () => void;
-    generateRoutes: (menus: MenuItem[]) => AppRoute[];
-    addRoutes: (menus: MenuItem[]) => void;
-}, "setMenuList" | "clearMenu" | "generateRoutes" | "addRoutes">>;
+}, "setMenuList" | "setMenuFromRemote" | "clearMenu">>;

package/dist/stores/user.d.ts

@@ -1,113 +1,92 @@
 import { UserInfo } from '../types/api';
 export declare const useUserStore: import('pinia').StoreDefinition<"user", Pick<{
     userInfo: import('vue').Ref<{
-        id: number | string;
-        username: string;
-        nickname: string;
-        avatar?: string | undefined;
+        uId: string;
+        appId: string;
+        userId: string;
+        userName: string;
+        departmentName?: string | undefined;
         email?: string | undefined;
-        phone?: string | undefined;
-        status: number;
-        roles: string[];
-        permissions: string[];
-        createTime?: string | undefined;
-        updateTime?: string | undefined;
-    } | null, UserInfo | {
-        id: number | string;
-        username: string;
-        nickname: string;
+        mobilePhone?: string | undefined;
+        positionName?: string | undefined;
         avatar?: string | undefined;
+        workNo?: string | undefined;
+    } | null, UserInfo | {
+        uId: string;
+        appId: string;
+        userId: string;
+        userName: string;
+        departmentName?: string | undefined;
         email?: string | undefined;
-        phone?: string | undefined;
-        status: number;
-        roles: string[];
-        permissions: string[];
-        createTime?: string | undefined;
-        updateTime?: string | undefined;
+        mobilePhone?: string | undefined;
+        positionName?: string | undefined;
+        avatar?: string | undefined;
+        workNo?: string | undefined;
     } | null>;
-    roles: import('vue').Ref<string[], string[]>;
-    permissions: import('vue').Ref<string[], string[]>;
     isLoggedIn: import('vue').ComputedRef<boolean>;
-    username: import('vue').ComputedRef<string>;
-    nickname: import('vue').ComputedRef<string>;
+    userName: import('vue').ComputedRef<string>;
     avatar: import('vue').ComputedRef<string>;
-    userId: import('vue').ComputedRef<string | number | undefined>;
+    userId: import('vue').ComputedRef<string | undefined>;
     setUserInfo: (info: UserInfo) => void;
     clearUserInfo: () => void;
-    hasPermission: (permission: string | string[]) => boolean;
-    hasRole: (role: string | string[]) => boolean;
-}, "userInfo" | "roles" | "permissions">, Pick<{
+}, "userInfo">, Pick<{
     userInfo: import('vue').Ref<{
-        id: number | string;
-        username: string;
-        nickname: string;
-        avatar?: string | undefined;
+        uId: string;
+        appId: string;
+        userId: string;
+        userName: string;
+        departmentName?: string | undefined;
         email?: string | undefined;
-        phone?: string | undefined;
-        status: number;
-        roles: string[];
-        permissions: string[];
-        createTime?: string | undefined;
-        updateTime?: string | undefined;
-    } | null, UserInfo | {
-        id: number | string;
-        username: string;
-        nickname: string;
+        mobilePhone?: string | undefined;
+        positionName?: string | undefined;
         avatar?: string | undefined;
+        workNo?: string | undefined;
+    } | null, UserInfo | {
+        uId: string;
+        appId: string;
+        userId: string;
+        userName: string;
+        departmentName?: string | undefined;
         email?: string | undefined;
-        phone?: string | undefined;
-        status: number;
-        roles: string[];
-        permissions: string[];
-        createTime?: string | undefined;
-        updateTime?: string | undefined;
+        mobilePhone?: string | undefined;
+        positionName?: string | undefined;
+        avatar?: string | undefined;
+        workNo?: string | undefined;
     } | null>;
-    roles: import('vue').Ref<string[], string[]>;
-    permissions: import('vue').Ref<string[], string[]>;
     isLoggedIn: import('vue').ComputedRef<boolean>;
-    username: import('vue').ComputedRef<string>;
-    nickname: import('vue').ComputedRef<string>;
+    userName: import('vue').ComputedRef<string>;
     avatar: import('vue').ComputedRef<string>;
-    userId: import('vue').ComputedRef<string | number | undefined>;
+    userId: import('vue').ComputedRef<string | undefined>;
     setUserInfo: (info: UserInfo) => void;
     clearUserInfo: () => void;
-    hasPermission: (permission: string | string[]) => boolean;
-    hasRole: (role: string | string[]) => boolean;
-}, "isLoggedIn" | "username" | "nickname" | "avatar" | "userId">, Pick<{
+}, "isLoggedIn" | "userId" | "userName" | "avatar">, Pick<{
     userInfo: import('vue').Ref<{
-        id: number | string;
-        username: string;
-        nickname: string;
-        avatar?: string | undefined;
+        uId: string;
+        appId: string;
+        userId: string;
+        userName: string;
+        departmentName?: string | undefined;
         email?: string | undefined;
-        phone?: string | undefined;
-        status: number;
-        roles: string[];
-        permissions: string[];
-        createTime?: string | undefined;
-        updateTime?: string | undefined;
-    } | null, UserInfo | {
-        id: number | string;
-        username: string;
-        nickname: string;
+        mobilePhone?: string | undefined;
+        positionName?: string | undefined;
         avatar?: string | undefined;
+        workNo?: string | undefined;
+    } | null, UserInfo | {
+        uId: string;
+        appId: string;
+        userId: string;
+        userName: string;
+        departmentName?: string | undefined;
         email?: string | undefined;
-        phone?: string | undefined;
-        status: number;
-        roles: string[];
-        permissions: string[];
-        createTime?: string | undefined;
-        updateTime?: string | undefined;
+        mobilePhone?: string | undefined;
+        positionName?: string | undefined;
+        avatar?: string | undefined;
+        workNo?: string | undefined;
     } | null>;
-    roles: import('vue').Ref<string[], string[]>;
-    permissions: import('vue').Ref<string[], string[]>;
     isLoggedIn: import('vue').ComputedRef<boolean>;
-    username: import('vue').ComputedRef<string>;
-    nickname: import('vue').ComputedRef<string>;
+    userName: import('vue').ComputedRef<string>;
     avatar: import('vue').ComputedRef<string>;
-    userId: import('vue').ComputedRef<string | number | undefined>;
+    userId: import('vue').ComputedRef<string | undefined>;
     setUserInfo: (info: UserInfo) => void;
     clearUserInfo: () => void;
-    hasPermission: (permission: string | string[]) => boolean;
-    hasRole: (role: string | string[]) => boolean;
-}, "setUserInfo" | "clearUserInfo" | "hasPermission" | "hasRole">>;
+}, "setUserInfo" | "clearUserInfo">>;

package/dist/style.css

@@ -1 +1 @@
-.sidebar[data-v-69e6558d]{height:100%;display:flex;flex-direction:column;background-color:var(--bg-color)}.sidebar__logo[data-v-69e6558d]{height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid var(--color-border-lighter)}.sidebar__logo-img[data-v-69e6558d]{width:32px;height:32px}.sidebar__logo-text[data-v-69e6558d]{font-size:16px;font-weight:600;color:var(--color-primary)}.sidebar__search[data-v-69e6558d]{padding:10px;border-bottom:1px solid var(--color-border-lighter);position:relative}.sidebar__search-results[data-v-69e6558d]{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-color);border:1px solid var(--color-border-lighter);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);max-height:300px;overflow-y:auto;z-index:100}.sidebar__search-item[data-v-69e6558d]{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background-color .2s}.sidebar__search-item[data-v-69e6558d]:hover{background-color:var(--color-fill)}.sidebar__search-item-info[data-v-69e6558d]{display:flex;flex-direction:column;gap:2px}.sidebar__search-item-title[data-v-69e6558d]{font-size:14px;color:var(--color-text-primary)}.sidebar__search-item-parent[data-v-69e6558d]{font-size:12px;color:var(--color-text-secondary)}.sidebar__menu[data-v-69e6558d]{flex:1;border-right:none;overflow-y:auto}.sidebar__user[data-v-69e6558d]{padding:10px;border-top:1px solid var(--color-border-lighter);display:flex;align-items:center;justify-content:space-between}.sidebar__user-info[data-v-69e6558d]{display:flex;flex-direction:column;gap:2px}.sidebar__user-name[data-v-69e6558d]{font-size:14px;font-weight:500}.sidebar__user-role[data-v-69e6558d]{font-size:12px;color:var(--color-text-secondary)}.menu-icon[data-v-69e6558d]{margin-right:8px}.header[data-v-a8667482]{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%}.header__left[data-v-a8667482]{display:flex;align-items:center;gap:15px}.header__collapse[data-v-a8667482]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--color-text-regular)}.header__collapse[data-v-a8667482]:hover{color:var(--color-primary)}.header__breadcrumb[data-v-a8667482]{font-size:14px;color:var(--color-text-secondary)}.header__breadcrumb .is-current[data-v-a8667482]{color:var(--color-text-primary);font-weight:500}.header__right[data-v-a8667482]{display:flex;align-items:center;gap:15px}.header__action[data-v-a8667482]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--border-radius-base);font-size:16px}.header__action[data-v-a8667482]:hover{background-color:var(--color-fill)}.header__user[data-v-a8667482]{position:relative}.header__user-trigger[data-v-a8667482]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-base);transition:background-color .2s}.header__user-trigger[data-v-a8667482]:hover{background-color:var(--color-fill)}.header__user-name[data-v-a8667482]{font-size:14px;color:var(--color-text-primary)}.header__user-arrow[data-v-a8667482]{font-size:10px;color:var(--color-text-secondary);transition:transform .2s}.header__user-arrow.is-active[data-v-a8667482]{transform:rotate(180deg)}.header__avatar[data-v-a8667482]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light-3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500}.header__dropdown[data-v-a8667482]{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);overflow:hidden;z-index:100}.header__dropdown-header[data-v-a8667482]{display:flex;align-items:center;gap:12px;padding:16px}.header__dropdown-avatar[data-v-a8667482]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light-3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:500}.header__dropdown-info[data-v-a8667482]{flex:1}.header__dropdown-name[data-v-a8667482]{font-size:14px;font-weight:500;color:var(--color-text-primary)}.header__dropdown-role[data-v-a8667482]{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.header__dropdown-divider[data-v-a8667482]{height:1px;background-color:var(--color-border-lighter)}.header__dropdown-menu[data-v-a8667482]{padding:8px 0}.header__dropdown-item[data-v-a8667482]{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--color-text-regular);transition:all .2s}.header__dropdown-item[data-v-a8667482]:hover{background-color:var(--color-fill);color:var(--color-text-primary)}.header__dropdown-item--danger[data-v-a8667482]{color:var(--color-danger)}.header__dropdown-item--danger[data-v-a8667482]:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.header__dropdown-icon[data-v-a8667482]{font-size:16px}.dropdown-enter-active[data-v-a8667482],.dropdown-leave-active[data-v-a8667482]{transition:all .2s ease}.dropdown-enter-from[data-v-a8667482],.dropdown-leave-to[data-v-a8667482]{opacity:0;transform:translateY(-10px)}.layout[data-v-1a24e6d0]{display:flex;width:100%;height:100%}.layout__aside[data-v-1a24e6d0]{transition:width .3s;overflow:hidden;flex-shrink:0;height:100%}.layout__main[data-v-1a24e6d0]{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.layout__header[data-v-1a24e6d0]{height:50px;background-color:var(--bg-color);border-bottom:1px solid var(--color-border-lighter);flex-shrink:0}.layout__content[data-v-1a24e6d0]{flex:1;overflow:auto;background-color:var(--bg-color-page)}.tabs-wrapper[data-v-bd3be691]{width:100%;height:100%;padding:0 10px}.tabs-wrapper[data-v-bd3be691] .t-tabs{height:100%}.tabs-wrapper[data-v-bd3be691] .t-tabs__header{margin:0;border-bottom:none}.tabs-wrapper[data-v-bd3be691] .t-tabs__nav{border:none}.tabs-wrapper[data-v-bd3be691] .t-tabs__item{height:32px;line-height:32px;border:1px solid var(--color-border-lighter);margin-right:5px;border-radius:var(--border-radius-base);padding:0 15px}.tabs-wrapper[data-v-bd3be691] .t-tabs__item.is-active{background-color:var(--color-primary-light-9);border-color:var(--color-primary)}.tab-label[data-v-bd3be691]{display:flex;align-items:center;gap:5px}.tab-close[data-v-bd3be691]{width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:50%}.tab-close[data-v-bd3be691]:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.footer[data-v-317ae311]{width:100%;text-align:center;font-size:12px;color:var(--color-text-secondary)}.login[data-v-eb51a732]{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding-right:15%;background:linear-gradient(135deg,var(--color-primary-light-9) 0%,var(--color-primary-light-7) 100%)}.login__container[data-v-eb51a732]{width:400px;padding:40px;background-color:var(--bg-color);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-dark)}.login__header[data-v-eb51a732]{text-align:center;margin-bottom:30px}.login__logo[data-v-eb51a732]{width:60px;height:60px}.login__title[data-v-eb51a732]{font-size:28px;font-weight:600;color:var(--color-primary);margin:15px 0 5px}.login__subtitle[data-v-eb51a732]{font-size:14px;color:var(--color-text-secondary)}.login__form[data-v-eb51a732] .t-form-item{margin-bottom:20px}.login__form[data-v-eb51a732] .x-input__prefix{margin-right:8px}.login__submit[data-v-eb51a732]{width:100%}.login__footer[data-v-eb51a732]{text-align:center;margin-top:20px;font-size:12px;color:var(--color-text-placeholder)}.error-page[data-v-f1a1acb0]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color-page)}.error-page__content[data-v-f1a1acb0]{text-align:center}.error-page__code[data-v-f1a1acb0]{font-size:120px;font-weight:600;color:var(--color-primary);line-height:1;margin-bottom:20px}.error-page__title[data-v-f1a1acb0]{font-size:24px;font-weight:500;color:var(--color-text-primary);margin-bottom:10px}.error-page__desc[data-v-f1a1acb0]{font-size:14px;color:var(--color-text-secondary);margin-bottom:30px}.error-page[data-v-f6105e3d]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color-page)}.error-page__content[data-v-f6105e3d]{text-align:center}.error-page__code[data-v-f6105e3d]{font-size:120px;font-weight:600;color:var(--color-warning);line-height:1;margin-bottom:20px}.error-page__title[data-v-f6105e3d]{font-size:24px;font-weight:500;color:var(--color-text-primary);margin-bottom:10px}.error-page__desc[data-v-f6105e3d]{font-size:14px;color:var(--color-text-secondary);margin-bottom:30px}.dashboard[data-v-4bb1b10a]{padding:20px}.dashboard__stats[data-v-4bb1b10a]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}@media (max-width: 1200px){.dashboard__stats[data-v-4bb1b10a]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard__stats[data-v-4bb1b10a]{grid-template-columns:1fr}}.dashboard__main[data-v-4bb1b10a]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}@media (max-width: 992px){.dashboard__main[data-v-4bb1b10a]{grid-template-columns:1fr}}.dashboard__quick[data-v-4bb1b10a],.dashboard__activity[data-v-4bb1b10a]{min-height:300px}.card-title[data-v-4bb1b10a]{font-size:16px;font-weight:500}.stat-card__content[data-v-4bb1b10a]{display:flex;align-items:center;gap:15px}.stat-card__icon[data-v-4bb1b10a]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:var(--border-radius-base)}.stat-card__info[data-v-4bb1b10a]{flex:1}.stat-card__title[data-v-4bb1b10a]{font-size:14px;color:var(--color-text-secondary);margin-bottom:5px}.stat-card__value[data-v-4bb1b10a]{font-size:24px;font-weight:600}.quick-links[data-v-4bb1b10a]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}@media (max-width: 768px){.quick-links[data-v-4bb1b10a]{grid-template-columns:repeat(2,1fr)}}.quick-link[data-v-4bb1b10a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:var(--border-radius-base);background-color:var(--color-fill);text-decoration:none;transition:all var(--transition-duration-fast)}.quick-link[data-v-4bb1b10a]:hover{background-color:var(--color-primary-light-9);transform:translateY(-2px)}.quick-link__icon[data-v-4bb1b10a]{font-size:28px;margin-bottom:10px}.quick-link__title[data-v-4bb1b10a]{font-size:14px;color:var(--color-text-primary)}.activity-list[data-v-4bb1b10a]{display:flex;flex-direction:column;gap:15px}.activity-item[data-v-4bb1b10a]{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--color-border-lighter)}.activity-item[data-v-4bb1b10a]:last-child{border-bottom:none;padding-bottom:0}.activity-item__action[data-v-4bb1b10a]{flex:1;font-size:14px;color:var(--color-text-regular)}.activity-item__time[data-v-4bb1b10a]{font-size:12px;color:var(--color-text-placeholder)}.system-info[data-v-4bb1b10a]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 768px){.system-info[data-v-4bb1b10a]{grid-template-columns:1fr}}.system-info__item[data-v-4bb1b10a]{display:flex;align-items:center;gap:10px}.system-info__label[data-v-4bb1b10a]{font-size:14px;color:var(--color-text-secondary);min-width:80px}.system-info__value[data-v-4bb1b10a]{font-size:14px;color:var(--color-text-primary)}.user-page[data-v-4ebcfe66]{padding:20px}.user-page .search-card[data-v-4ebcfe66]{margin-bottom:20px}.user-page .toolbar[data-v-4ebcfe66]{margin-bottom:15px}.data-table[data-v-4ebcfe66]{width:100%;border-collapse:collapse}.data-table th[data-v-4ebcfe66],.data-table td[data-v-4ebcfe66]{padding:12px;text-align:left;border-bottom:1px solid var(--color-border-lighter)}.data-table th[data-v-4ebcfe66]{font-weight:500;color:var(--color-text-regular);background-color:var(--color-fill-light)}.data-table .loading-cell[data-v-4ebcfe66],.data-table .empty-cell[data-v-4ebcfe66]{text-align:center;color:var(--color-text-secondary);padding:40px}.pagination-wrapper[data-v-4ebcfe66]{display:flex;justify-content:flex-end;margin-top:20px}.role-page[data-v-b714caf1]{padding:20px}.role-page .search-card[data-v-b714caf1]{margin-bottom:20px}.role-page .toolbar[data-v-b714caf1]{margin-bottom:15px}.data-table[data-v-b714caf1]{width:100%;border-collapse:collapse}.data-table th[data-v-b714caf1],.data-table td[data-v-b714caf1]{padding:12px;text-align:left;border-bottom:1px solid var(--color-border-lighter)}.data-table th[data-v-b714caf1]{font-weight:500;color:var(--color-text-regular);background-color:var(--color-fill-light)}.data-table .loading-cell[data-v-b714caf1],.data-table .empty-cell[data-v-b714caf1]{text-align:center;color:var(--color-text-secondary);padding:40px}.pagination-wrapper[data-v-b714caf1]{display:flex;justify-content:flex-end;margin-top:20px}.menu-page[data-v-14a9dcbc]{padding:20px}.menu-page .toolbar[data-v-14a9dcbc]{margin-bottom:15px}.tree-table[data-v-14a9dcbc]{width:100%;border-collapse:collapse}.tree-table th[data-v-14a9dcbc],.tree-table td[data-v-14a9dcbc]{padding:12px;text-align:left;border-bottom:1px solid var(--color-border-lighter)}.tree-table th[data-v-14a9dcbc]{font-weight:500;color:var(--color-text-regular);background-color:var(--color-fill-light)}.tree-table .tree-row--level-1 td[data-v-14a9dcbc]:first-child{padding-left:30px}.tree-indent[data-v-14a9dcbc]{display:inline-block;width:20px}.menu-name[data-v-14a9dcbc]{cursor:pointer;color:var(--color-primary)}.menu-name[data-v-14a9dcbc]:hover{text-decoration:underline}
+.sidebar[data-v-bd43a7b8]{height:100%;display:flex;flex-direction:column;background-color:var(--bg-color)}.sidebar__logo[data-v-bd43a7b8]{height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid var(--color-border-lighter)}.sidebar__logo-img[data-v-bd43a7b8]{width:32px;height:32px}.sidebar__logo-text[data-v-bd43a7b8]{font-size:16px;font-weight:600;color:var(--color-primary)}.sidebar__search[data-v-bd43a7b8]{padding:10px;border-bottom:1px solid var(--color-border-lighter);position:relative}.sidebar__search-results[data-v-bd43a7b8]{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-color);border:1px solid var(--color-border-lighter);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);max-height:300px;overflow-y:auto;z-index:100}.sidebar__search-item[data-v-bd43a7b8]{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background-color .2s}.sidebar__search-item[data-v-bd43a7b8]:hover{background-color:var(--color-fill)}.sidebar__search-item-info[data-v-bd43a7b8]{display:flex;flex-direction:column;gap:2px}.sidebar__search-item-title[data-v-bd43a7b8]{font-size:14px;color:var(--color-text-primary)}.sidebar__search-item-parent[data-v-bd43a7b8]{font-size:12px;color:var(--color-text-secondary)}.sidebar__menu[data-v-bd43a7b8]{flex:1;border-right:none;overflow-y:auto}.sidebar__user[data-v-bd43a7b8]{padding:10px;border-top:1px solid var(--color-border-lighter);display:flex;align-items:center;justify-content:space-between}.sidebar__user-info[data-v-bd43a7b8]{display:flex;flex-direction:column;gap:2px}.sidebar__user-name[data-v-bd43a7b8]{font-size:14px;font-weight:500}.sidebar__user-role[data-v-bd43a7b8]{font-size:12px;color:var(--color-text-secondary)}.menu-icon[data-v-bd43a7b8]{margin-right:8px}.header[data-v-2bf8f3d2]{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%}.header__left[data-v-2bf8f3d2]{display:flex;align-items:center;gap:15px}.header__collapse[data-v-2bf8f3d2]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--color-text-regular)}.header__collapse[data-v-2bf8f3d2]:hover{color:var(--color-primary)}.header__right[data-v-2bf8f3d2]{display:flex;align-items:center;gap:15px}.header__action[data-v-2bf8f3d2]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--border-radius-base);font-size:16px}.header__action[data-v-2bf8f3d2]:hover{background-color:var(--color-fill)}.header__user[data-v-2bf8f3d2]{position:relative}.header__user-trigger[data-v-2bf8f3d2]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-base);transition:background-color .2s}.header__user-trigger[data-v-2bf8f3d2]:hover{background-color:var(--color-fill)}.header__user-name[data-v-2bf8f3d2]{font-size:14px;color:var(--color-text-primary)}.header__user-arrow[data-v-2bf8f3d2]{font-size:10px;color:var(--color-text-secondary);transition:transform .2s}.header__user-arrow.is-active[data-v-2bf8f3d2]{transform:rotate(180deg)}.header__avatar[data-v-2bf8f3d2]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light-3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500}.header__dropdown[data-v-2bf8f3d2]{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);overflow:hidden;z-index:100}.header__dropdown-header[data-v-2bf8f3d2]{display:flex;align-items:center;gap:12px;padding:16px}.header__dropdown-avatar[data-v-2bf8f3d2]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light-3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:500}.header__dropdown-info[data-v-2bf8f3d2]{flex:1}.header__dropdown-name[data-v-2bf8f3d2]{font-size:14px;font-weight:500;color:var(--color-text-primary)}.header__dropdown-role[data-v-2bf8f3d2]{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.header__dropdown-divider[data-v-2bf8f3d2]{height:1px;background-color:var(--color-border-lighter)}.header__dropdown-menu[data-v-2bf8f3d2]{padding:8px 0}.header__dropdown-item[data-v-2bf8f3d2]{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--color-text-regular);transition:all .2s}.header__dropdown-item[data-v-2bf8f3d2]:hover{background-color:var(--color-fill);color:var(--color-text-primary)}.header__dropdown-item--danger[data-v-2bf8f3d2]{color:var(--color-danger)}.header__dropdown-item--danger[data-v-2bf8f3d2]:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.header__dropdown-icon[data-v-2bf8f3d2]{font-size:16px}.dropdown-enter-active[data-v-2bf8f3d2],.dropdown-leave-active[data-v-2bf8f3d2]{transition:all .2s ease}.dropdown-enter-from[data-v-2bf8f3d2],.dropdown-leave-to[data-v-2bf8f3d2]{opacity:0;transform:translateY(-10px)}.layout[data-v-1a24e6d0]{display:flex;width:100%;height:100%}.layout__aside[data-v-1a24e6d0]{transition:width .3s;overflow:hidden;flex-shrink:0;height:100%}.layout__main[data-v-1a24e6d0]{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.layout__header[data-v-1a24e6d0]{height:50px;background-color:var(--bg-color);border-bottom:1px solid var(--color-border-lighter);flex-shrink:0}.layout__content[data-v-1a24e6d0]{flex:1;overflow:auto;background-color:var(--bg-color-page)}.tabs-wrapper[data-v-3b1e382a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:12px}.footer[data-v-317ae311]{width:100%;text-align:center;font-size:12px;color:var(--color-text-secondary)}.login[data-v-728dba9d]{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding-right:15%;background:linear-gradient(135deg,var(--color-primary-light-9) 0%,var(--color-primary-light-7) 100%)}.login__container[data-v-728dba9d]{width:400px;padding:40px;background-color:var(--bg-color);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-dark)}.login__header[data-v-728dba9d]{text-align:center;margin-bottom:30px}.login__logo[data-v-728dba9d]{width:60px;height:60px}.login__title[data-v-728dba9d]{font-size:28px;font-weight:600;color:var(--color-primary);margin:15px 0 5px}.login__subtitle[data-v-728dba9d]{font-size:14px;color:var(--color-text-secondary)}.login__form[data-v-728dba9d] .t-form-item{margin-bottom:20px}.login__submit[data-v-728dba9d]{width:100%}.error-page[data-v-f1a1acb0]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color-page)}.error-page__content[data-v-f1a1acb0]{text-align:center}.error-page__code[data-v-f1a1acb0]{font-size:120px;font-weight:600;color:var(--color-primary);line-height:1;margin-bottom:20px}.error-page__title[data-v-f1a1acb0]{font-size:24px;font-weight:500;color:var(--color-text-primary);margin-bottom:10px}.error-page__desc[data-v-f1a1acb0]{font-size:14px;color:var(--color-text-secondary);margin-bottom:30px}.error-page[data-v-f6105e3d]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color-page)}.error-page__content[data-v-f6105e3d]{text-align:center}.error-page__code[data-v-f6105e3d]{font-size:120px;font-weight:600;color:var(--color-warning);line-height:1;margin-bottom:20px}.error-page__title[data-v-f6105e3d]{font-size:24px;font-weight:500;color:var(--color-text-primary);margin-bottom:10px}.error-page__desc[data-v-f6105e3d]{font-size:14px;color:var(--color-text-secondary);margin-bottom:30px}.dashboard[data-v-a57037a8]{padding:20px;height:100%}.dashboard__placeholder[data-v-a57037a8]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.dashboard__placeholder h2[data-v-a57037a8]{margin-bottom:10px;color:var(--color-text-primary)}.page[data-v-715bfcf7]{padding:20px;height:100%}.page__placeholder[data-v-715bfcf7]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.page__placeholder h2[data-v-715bfcf7]{margin-bottom:10px;color:var(--color-text-primary)}.page[data-v-0802c3db]{padding:20px;height:100%}.page__placeholder[data-v-0802c3db]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.page__placeholder h2[data-v-0802c3db]{margin-bottom:10px;color:var(--color-text-primary)}.page[data-v-7bc14131]{padding:20px;height:100%}.page__placeholder[data-v-7bc14131]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.page__placeholder h2[data-v-7bc14131]{margin-bottom:10px;color:var(--color-text-primary)}

package/dist/utils/auth.d.ts

@@ -1,18 +1,26 @@
 /**
  * Token 管理
  */
+export interface LoginInfo {
+    accessToken: string;
+    refreshToken: string;
+    expiresTime: string;
+    refreshTime: string;
+    tokenType: string;
+    code: string;
+}
 export interface TokenInfo {
     token: string;
     refreshToken: string;
     expireTime: number;
 }
+export declare const getLoginInfo: () => LoginInfo | null;
+export declare const setLoginInfo: (data: Record<string, unknown>) => void;
 export declare const getToken: () => string | null;
-export declare const setToken: (token: string) => void;
-export declare const getRefreshToken: () => string | null;
-export declare const setRefreshToken: (refreshToken: string) => void;
-export declare const getTokenExpire: () => number | null;
-export declare const setTokenExpire: (expireTime: number) => void;
-export declare const setTokenInfo: (info: TokenInfo) => void;
+export declare const getTokenType: () => string;
+export declare const getCode: () => string | null;
 export declare const clearToken: () => void;
-export declare const isTokenExpired: () => boolean;
 export declare const hasToken: () => boolean;
+export declare const setUserInfo: (userInfo: Record<string, unknown>) => void;
+export declare const getUserInfo: () => Record<string, unknown> | null;
+export declare const clearUserInfo: () => void;

package/dist/utils/permission.d.ts

@@ -2,15 +2,10 @@
  * 权限工具函数
  */
 /**
- * 检查是否有权限
+ * 检查是否有权限（基于菜单按钮权限）
  * @param permission 权限标识
  */
 export declare function hasPermission(permission: string | string[]): boolean;
-/**
- * 检查是否有角色
- * @param role 角色标识
- */
-export declare function hasRole(role: string | string[]): boolean;
 /**
  * 检查是否是管理员
  */

package/dist/views/system/menu/index.vue.d.ts

@@ -1,4 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    formRef: any;
-}, HTMLDivElement>;
+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/views/system/role/index.vue.d.ts

@@ -1,4 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    formRef: any;
-}, HTMLDivElement>;
+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/views/system/user/index.vue.d.ts

@@ -1,4 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    formRef: any;
-}, HTMLDivElement>;
+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/package.json

@@ -1,9 +1,9 @@
 {
   "name": "xto-fronted",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "private": false,
   "type": "module",
-  "description": "XTO 前端应用框架",
+  "description": "XTO 前端应用脚手架，封装登录、退出、菜单渲染等统一逻辑",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -15,50 +15,54 @@
     },
     "./style.css": "./dist/style.css"
   },
+  "bin": {
+    "xto-fronted": "./bin/cli.js"
+  },
   "files": [
     "dist",
     "src",
     "public",
+    "bin",
     "index.html",
     "vite.config.ts",
     "tsconfig.json",
     "tsconfig.node.json",
-    ".env.development",
-    ".env.production"
+    ".env.production",
+    ".env.development"
   ],
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
-    "build:lib": "vue-tsc && vite build --mode lib",
+    "build:lib": "vite build --mode lib",
     "preview": "vite preview",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix"
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
+    "prepublishOnly": "npm run build:lib"
   },
   "peerDependencies": {
+    "@xto/base": "^0.1.0",
+    "@xto/feedback": "^0.1.0",
+    "@xto/form": "^0.1.0",
+    "@xto/navigation": "^0.1.0",
     "axios": "^1.6.0",
     "pinia": "^2.1.0",
     "vue": "^3.4.0",
     "vue-router": "^4.3.0"
   },
-  "dependencies": {
-    "@xto/base": "^0.1.0",
-    "@xto/business": "^0.1.0",
-    "@xto/core": "^0.1.0",
-    "@xto/data": "^0.1.0",
-    "@xto/feedback": "^0.1.0",
-    "@xto/form": "^0.1.0",
-    "@xto/layout": "^0.1.0",
-    "@xto/navigation": "^0.1.0"
-  },
+  "dependencies": {},
   "devDependencies": {
     "@types/node": "^20.11.30",
     "@vitejs/plugin-vue": "^5.0.4",
+    "@xto/base": "^0.1.0",
+    "@xto/feedback": "^0.1.0",
+    "@xto/form": "^0.1.0",
+    "@xto/navigation": "^0.1.0",
     "axios": "^1.6.8",
     "pinia": "^2.1.7",
     "sass": "^1.72.0",
     "sass-embedded": "^1.72.0",
     "typescript": "^5.4.2",
     "vite": "^5.2.0",
-    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-dts": "^3.9.1",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0",
     "vue-tsc": "^2.0.6"
@@ -68,7 +72,11 @@
     "vue3",
     "admin",
     "template",
-    "xto"
+    "xto",
+    "scaffold",
+    "login",
+    "menu",
+    "cli"
   ],
   "author": "",
   "license": "MIT",
@@ -76,4 +84,4 @@
     "type": "git",
     "url": ""
   }
-}
+}

package/src/api/auth.ts

@@ -1,26 +1,35 @@
-/**
- * 认证 API
- */
-
-import { http } from '@/utils/request'
-import type { LoginParams, LoginResult, UserInfo } from '@/types/api'
-
-// 登录
-export function login(data: LoginParams) {
-  return http.post<LoginResult>('/auth/login', data)
-}
-
-// 登出
-export function logout() {
-  return http.post('/auth/logout')
-}
-
-// 获取用户信息
-export function getUserInfo() {
-  return http.get<UserInfo>('/user/info')
-}
-
-// 刷新 Token
-export function refreshToken(refreshToken: string) {
-  return http.post<{ token: string; expireTime: number }>('/auth/refresh', { refreshToken })
+/**
+ * 认证 API
+ */
+
+import { http } from '@/utils/request'
+import type { ApiResponse } from '@/utils/request'
+import type { LoginResult } from '@/types/api'
+import config from '@/config'
+
+// 登录参数
+export interface LoginParams {
+  uid: string
+  password: string
+}
+
+// 登录
+export function login(data: LoginParams): Promise<ApiResponse<LoginResult>> {
+  return http.post<LoginResult>('/user/v1.0/login/by-domain', {
+    appId: config.appId,
+    clientId: config.clientId,
+    uid: data.uid,
+    password: data.password,
+    code: true
+  })
+}
+
+// 退出登录
+export function logout(): Promise<ApiResponse<null>> {
+  return http.put<null>('/user/v1.0/user/logout')
+}
+
+// 根据 code 登录
+export function loginByCode(appId: string, code: string): Promise<ApiResponse<LoginResult>> {
+  return http.get<LoginResult>(`/user/v1.0/login/by-code?appId=${appId}&code=${code}`)
 }

package/src/api/menu.ts

@@ -0,0 +1,13 @@
+/**
+ * 菜单 API
+ */
+
+import { http } from '@/utils/request'
+import type { ApiResponse } from '@/utils/request'
+import type { RemoteMenuItem } from '@/types/api'
+import config from '@/config'
+
+// 获取用户菜单
+export function getUserMenu(): Promise<ApiResponse<RemoteMenuItem[]>> {
+  return http.get<RemoteMenuItem[]>(`/user/v1.0/menu/get-menu?appId=${config.appId}`)
+}