xto-fronted 0.4.113 → 0.5.1

package/src/views/system/user/index.vue

@@ -247,9 +247,9 @@ onMounted(() => {
                   <svg viewBox="0 0 64 41" fill="none">
                     <g transform="translate(0 1)">
                       <ellipse fill="#f5f5f5" cx="32" cy="33" rx="32" ry="7"/>
-                      <g stroke="var(--color-text-placeholder)" stroke-width="2">
+                      <g stroke="var(--xto-color-text-placeholder, #9CA3AF)" stroke-width="2">
                         <path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"/>
-                        <path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35H11.95C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="var(--color-fill)"/>
+                        <path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35H11.95C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="var(--xto-fill-color, #F3F4F6)"/>
                       </g>
                     </g>
                   </svg>
@@ -377,17 +377,17 @@ onMounted(() => {
 <style lang="scss" scoped>
 .user-page {
   padding: 24px;
-  background: var(--bg-color-page);
+  background: var(--xto-bg-color-page, #F9FAFB);
   min-height: 100%;
 }
 
 // 搜索区域
 .search-section {
-  background: var(--bg-color);
-  border-radius: var(--border-radius-large);
+  background: var(--xto-bg-color, #FFFFFF);
+  border-radius: var(--xto-border-radius-large, 8px);
   padding: 20px 24px;
   margin-bottom: 16px;
-  box-shadow: var(--box-shadow-card);
+  box-shadow: var(--xto-shadow-subtle, 0 1px 2px rgba(0, 0, 0, 0.05));
 
   .search-form {
     display: flex;
@@ -407,9 +407,9 @@ onMounted(() => {
 
 // 表格区域
 .table-section {
-  background: var(--bg-color);
-  border-radius: var(--border-radius-large);
-  box-shadow: var(--box-shadow-card);
+  background: var(--xto-bg-color, #FFFFFF);
+  border-radius: var(--xto-border-radius-large, 8px);
+  box-shadow: var(--xto-shadow-subtle, 0 1px 2px rgba(0, 0, 0, 0.05));
   overflow: hidden;
 }
 
@@ -418,7 +418,7 @@ onMounted(() => {
   justify-content: space-between;
   align-items: center;
   padding: 16px 24px;
-  border-bottom: 1px solid var(--color-border-lighter);
+  border-bottom: 1px solid var(--xto-border-color-lighter, #F3F4F6);
 
   .toolbar-left {
     display: flex;
@@ -427,7 +427,7 @@ onMounted(() => {
 
   .table-count {
     font-size: 14px;
-    color: var(--color-text-secondary);
+    color: var(--xto-color-text-secondary, #6B7280);
   }
 }
 
@@ -443,14 +443,14 @@ onMounted(() => {
   th, td {
     padding: 14px 16px;
     text-align: left;
-    border-bottom: 1px solid var(--color-border-lighter);
+    border-bottom: 1px solid var(--xto-border-color-lighter, #F3F4F6);
   }
 
   th {
     font-size: 14px;
     font-weight: 500;
-    color: var(--color-text-secondary);
-    background: var(--color-fill-light);
+    color: var(--xto-color-text-secondary, #6B7280);
+    background: var(--xto-fill-color-light, #F9FAFB);
     white-space: nowrap;
   }
 
@@ -458,7 +458,7 @@ onMounted(() => {
     transition: background-color 0.2s;
 
     &:hover {
-      background: var(--color-primary-light-6);
+      background: var(--xto-color-primary-light-6, #A5B4FC);
     }
   }
 
@@ -477,7 +477,7 @@ onMounted(() => {
     flex-direction: column;
     align-items: center;
     gap: 16px;
-    color: var(--color-text-placeholder);
+    color: var(--xto-color-text-placeholder, #9CA3AF);
 
     svg {
       width: 64px;
@@ -488,8 +488,8 @@ onMounted(() => {
   .loading-spinner {
     width: 32px;
     height: 32px;
-    border: 3px solid var(--color-border-lighter);
-    border-top-color: var(--color-primary);
+    border: 3px solid var(--xto-border-color-lighter, #F3F4F6);
+    border-top-color: var(--xto-color-primary, #4F46E5);
     border-radius: 50%;
     animation: spin 0.8s linear infinite;
   }
@@ -508,11 +508,11 @@ onMounted(() => {
   display: inline-block;
   min-width: 32px;
   padding: 4px 10px;
-  background: var(--color-fill);
+  background: var(--xto-fill-color, #F3F4F6);
   border-radius: 12px;
   font-size: 12px;
   font-weight: 500;
-  color: var(--color-text-secondary);
+  color: var(--xto-color-text-secondary, #6B7280);
   text-align: center;
 }
 
@@ -532,11 +532,11 @@ onMounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light-1) 100%);
+  background: linear-gradient(135deg, var(--xto-color-primary, #4F46E5) 0%, var(--xto-color-primary-light-1, #5B54E8) 100%);
   border-radius: 50%;
   font-size: 16px;
   font-weight: 500;
-  color: #fff;
+  color: var(--xto-bg-color, #FFFFFF);
   flex-shrink: 0;
 }
 
@@ -549,12 +549,12 @@ onMounted(() => {
 .user-nickname {
   font-size: 14px;
   font-weight: 500;
-  color: var(--color-text-primary);
+  color: var(--xto-color-text-primary, #1F2937);
 }
 
 .user-username {
   font-size: 12px;
-  color: var(--color-text-placeholder);
+  color: var(--xto-color-text-placeholder, #9CA3AF);
 }
 
 .col-contact {
@@ -570,11 +570,11 @@ onMounted(() => {
 .contact-email,
 .contact-phone {
   font-size: 13px;
-  color: var(--color-text-regular);
+  color: var(--xto-color-text-regular, #4B5563);
 }
 
 .contact-phone {
-  color: var(--color-text-secondary);
+  color: var(--xto-color-text-secondary, #6B7280);
 }
 
 .col-roles {
@@ -598,10 +598,10 @@ onMounted(() => {
 
 .status-text {
   font-size: 13px;
-  color: var(--color-text-secondary);
+  color: var(--xto-color-text-secondary, #6B7280);
 
   &.enabled {
-    color: var(--color-success);
+    color: var(--xto-color-success, #10B981);
   }
 }
 
@@ -611,7 +611,7 @@ onMounted(() => {
 
 .time-text {
   font-size: 13px;
-  color: var(--color-text-secondary);
+  color: var(--xto-color-text-secondary, #6B7280);
 }
 
 .col-actions {
@@ -635,7 +635,7 @@ onMounted(() => {
   display: flex;
   justify-content: flex-end;
   padding: 16px 24px;
-  border-top: 1px solid var(--color-border-lighter);
+  border-top: 1px solid var(--xto-border-color-lighter, #F3F4F6);
 }
 
 // 弹窗表单
@@ -650,7 +650,7 @@ onMounted(() => {
 
   .status-label {
     font-size: 14px;
-    color: var(--color-text-secondary);
+    color: var(--xto-color-text-secondary, #6B7280);
   }
 }
 </style>

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/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * API 统一导出
- */
-export * from './auth';
-export * from './system';
-export * from './user';

package/dist/api/index.js

@@ -1,26 +0,0 @@
-import { b as a, c as t, a as r, d as l, e as o, f as u, g as d, h as g, i as n, j as U, k as i, l as p, m as R, n as c, o as M, p as f, r as h, q as D, u as L, s as b, t as k, v as m, w } from "../user-ChcAx-5W.js";
-export {
-  a as batchDeleteUsers,
-  t as createMenu,
-  r as createRole,
-  l as createUser,
-  o as deleteMenu,
-  u as deleteRole,
-  d as deleteUser,
-  g as getMenuList,
-  n as getMenuTree,
-  U as getRoleDetail,
-  i as getRoleList,
-  p as getUserDetail,
-  R as getUserInfo,
-  c as getUserList,
-  M as login,
-  f as logout,
-  h as refreshToken,
-  D as resetPassword,
-  L as updateMenu,
-  b as updateRole,
-  k as updateRoleStatus,
-  m as updateUser,
-  w as updateUserStatus
-};

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/api.d.ts

@@ -1,2 +0,0 @@
-export * from './api/index'
-export {}

package/dist/components/Layout/Footer.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/components/Layout/Header.vue.d.ts

@@ -1,5 +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, {
-    searchRef: HTMLDivElement;
-    dropdownRef: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/components/Layout/MixTopMenu.vue.d.ts

@@ -1,10 +0,0 @@
-type __VLS_Props = {
-    logoSrc?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    logoSrc: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    searchRef: HTMLDivElement;
-    dropdownRef: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/components/Layout/Sidebar.vue.d.ts

@@ -1,13 +0,0 @@
-type __VLS_Props = {
-    menuList?: any[];
-    showLogo?: boolean;
-    showUser?: boolean;
-    logoSrc?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    menuList: any[];
-    showLogo: boolean;
-    showUser: boolean;
-    logoSrc: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/Layout/SidebarMenuItem.vue.d.ts

@@ -1,5 +0,0 @@
-type __VLS_Props = {
-    menu: any;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/Layout/Tabs.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/components/Layout/TopMenu.vue.d.ts

@@ -1,10 +0,0 @@
-type __VLS_Props = {
-    logoSrc?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    logoSrc: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    searchRef: HTMLDivElement;
-    dropdownRef: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/components/Layout/index.vue.d.ts

@@ -1,7 +0,0 @@
-type __VLS_Props = {
-    logoSrc?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    logoSrc: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/composables/useApp.d.ts

@@ -1,30 +0,0 @@
-/**
- * 应用组合函数
- * 提供应用级别的状态和方法
- */
-/**
- * 应用级别组合函数
- * @returns 应用状态和方法
- */
-export declare function useApp(): {
-    userName: import('vue').ComputedRef<string>;
-    userInfo: import('vue').ComputedRef<{
-        appId: string;
-        userId: string;
-        userName: string;
-        departmentName?: string | undefined;
-        roleName?: string | undefined;
-        email?: string | undefined;
-        mobilePhone?: string | undefined;
-        positionName?: string | undefined;
-        avatar?: string | undefined;
-    } | null>;
-    appName: import('vue').ComputedRef<string>;
-    isLoggedIn: import('vue').ComputedRef<boolean>;
-    isDark: import('vue').ComputedRef<boolean>;
-    theme: import('vue').ComputedRef<import('../stores/app').ThemeMode>;
-    isCollapsed: import('vue').ComputedRef<boolean>;
-    layout: import('vue').ComputedRef<import('../stores/app').LayoutMode>;
-    toggleTheme: () => void;
-    toggleCollapse: () => void;
-};

package/dist/composables/useAuth.d.ts

@@ -1,6 +0,0 @@
-/**
- * 权限组合函数
- */
-export declare function useAuth(): {
-    isLoggedIn: import('vue').ComputedRef<boolean>;
-};

package/dist/composables/useForm.d.ts

@@ -1,20 +0,0 @@
-/**
- * 表单组合函数
- */
-export interface FormOptions<T = any> {
-    rules?: Record<string, any[]>;
-    onSubmit?: (data: T) => Promise<void> | void;
-}
-export declare function useForm<T extends Record<string, any> = Record<string, any>>(initialValues: T, options?: FormOptions<T>): {
-    formRef: import('vue').Ref<any, any>;
-    formData: import('vue').Reactive<T>;
-    rules: Record<string, any[]> | undefined;
-    loading: import('vue').Ref<boolean, boolean>;
-    visible: import('vue').Ref<boolean, boolean>;
-    isEdit: import('vue').Ref<boolean, boolean>;
-    openAdd: () => void;
-    openEdit: (data: Partial<T>) => void;
-    close: () => void;
-    resetForm: () => void;
-    handleSubmit: () => Promise<void>;
-};

package/dist/composables/useI18n.d.ts

@@ -1,30 +0,0 @@
-import { LocaleCode, LocaleMessages } from '@xto/core/locale';
-/**
- * 使用国际化
- * 封装 locale store，提供更简洁的 API
- */
-export declare function useI18n(): {
-    /** 当前语言代码 */
-    locale: LocaleCode;
-    /** 当前语言名称 */
-    localeName: string;
-    /** 支持的语言列表 */
-    locales: {
-        code: LocaleCode;
-        name: string;
-    }[];
-    /** 翻译函数 */
-    t: (key: string, ...args: (string | number)[]) => string;
-    /** 当前语言包 */
-    messages: LocaleMessages;
-    /** 切换语言 */
-    setLocale: (code: LocaleCode) => void;
-    /** 添加自定义翻译 */
-    addMessages: (msgs: LocaleMessages) => void;
-};
-/**
- * 创建翻译函数
- * 用于在非组件上下文中使用翻译
- */
-export declare function createTranslator(): (key: string, ...args: (string | number)[]) => string;
-export type { LocaleCode, LocaleMessages };

package/dist/composables/useTable.d.ts

@@ -1,29 +0,0 @@
-/**
- * 表格组合函数
- */
-export interface TableOptions<T = any> {
-    fetchData: (params: any) => Promise<{
-        list: T[];
-        total: number;
-    }>;
-    defaultPageSize?: number;
-}
-export declare function useTable<T = any>(options: TableOptions<T>): {
-    loading: import('vue').Ref<boolean, boolean>;
-    data: any;
-    total: import('vue').Ref<number, number>;
-    currentPage: import('vue').Ref<number, number>;
-    pageSize: import('vue').Ref<number, number>;
-    searchParams: Record<string, any>;
-    pagination: import('vue').ComputedRef<{
-        current: number;
-        pageSize: number;
-        total: number;
-    }>;
-    getData: () => Promise<void>;
-    handleSearch: () => void;
-    handleReset: () => void;
-    handlePageChange: (page: number) => void;
-    handleSizeChange: (size: number) => void;
-    refresh: () => void;
-};

package/dist/directives/permission.d.ts

@@ -1,4 +0,0 @@
-import { Directive } from 'vue';
-declare const permission: Directive;
-export default permission;
-export declare function setupPermissionDirective(app: any): void;

package/dist/enums/index.d.ts

@@ -1,32 +0,0 @@
-/**
- * 枚举常量
- */
-export declare enum Status {
-    ENABLED = 1,
-    DISABLED = 0
-}
-export declare enum Gender {
-    UNKNOWN = 0,
-    MALE = 1,
-    FEMALE = 2
-}
-export declare enum MenuType {
-    DIRECTORY = 0,
-    MENU = 1,
-    BUTTON = 2
-}
-export declare const StatusText: Record<Status, string>;
-export declare const GenderText: Record<Gender, string>;
-export declare const MenuTypeText: Record<MenuType, string>;
-export declare const StatusOptions: {
-    label: string;
-    value: Status;
-}[];
-export declare const GenderOptions: {
-    label: string;
-    value: Gender;
-}[];
-export declare const MenuTypeOptions: {
-    label: string;
-    value: MenuType;
-}[];