@deppon/create-deppon-app 2.2.0

package/template/src/stores/product.ts

@@ -0,0 +1,155 @@
+import { defineStore } from '@deppon/deppon-pinia';
+import { queryProductInfo } from '@/api/product';
+
+export interface ProductInfo {
+    code: string;
+    disable: boolean;
+    name: string;
+    productType: string;
+}
+
+export interface ProductInfoResponse {
+    PREFER_PRODUCT_INFO: ProductInfo[];
+}
+
+export interface ProductState {
+    productInfoList: ProductInfo[];
+    loading: boolean;
+    error: string | null;
+    fetchPromise: Promise<void> | null;
+}
+
+const PRODUCT_INFO_STORAGE_KEY = 'deppon-product-info';
+const PRODUCT_INFO_TIMESTAMP_KEY = 'deppon-product-info-timestamp';
+
+const readProductInfoFromCache = (): ProductInfo[] => {
+    if (typeof window === 'undefined') {
+        return [];
+    }
+    const cached = window.localStorage.getItem(PRODUCT_INFO_STORAGE_KEY);
+    if (!cached) {
+        return [];
+    }
+    try {
+        const parsed = JSON.parse(cached) as ProductInfoResponse;
+        return parsed.PREFER_PRODUCT_INFO || [];
+    } catch (error) {
+        console.warn('[product-store] 无法解析缓存的产品信息', error);
+        window.localStorage.removeItem(PRODUCT_INFO_STORAGE_KEY);
+        window.localStorage.removeItem(PRODUCT_INFO_TIMESTAMP_KEY);
+        return [];
+    }
+};
+
+const persistProductInfo = (data: ProductInfoResponse | null) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    if (data && data.PREFER_PRODUCT_INFO) {
+        window.localStorage.setItem(PRODUCT_INFO_STORAGE_KEY, JSON.stringify(data));
+        window.localStorage.setItem(PRODUCT_INFO_TIMESTAMP_KEY, Date.now().toString());
+    } else {
+        window.localStorage.removeItem(PRODUCT_INFO_STORAGE_KEY);
+        window.localStorage.removeItem(PRODUCT_INFO_TIMESTAMP_KEY);
+    }
+};
+
+const isCacheValid = (): boolean => {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    const timestamp = window.localStorage.getItem(PRODUCT_INFO_TIMESTAMP_KEY);
+    if (!timestamp) {
+        return false;
+    }
+    const oneDayInMs = 24 * 60 * 60 * 1000; // 24小时的毫秒数
+    const now = Date.now();
+    return (now - parseInt(timestamp, 10)) < oneDayInMs;
+};
+
+export const useProductStore = defineStore('product', {
+    state: (): ProductState => ({
+        productInfoList: readProductInfoFromCache(),
+        loading: false,
+        error: null,
+        fetchPromise: null,
+    }),
+    getters: {
+        // 获取所有启用的产品信息
+        enabledProductList: (state) => state.productInfoList.filter(item => !item.disable),
+        // 根据产品类型筛选
+        getProductsByType: (state) => (productType: string) => {
+            return state.productInfoList.filter(item => item.productType === productType && !item.disable);
+        },
+        // 根据 code 查找产品
+        getProductByCode: (state) => (code: string) => {
+            return state.productInfoList.find(item => item.code === code);
+        },
+    },
+    actions: {
+        async fetchProductInfo() {
+            // 如果正在加载，等待正在进行的请求完成
+            if (this.loading && this.fetchPromise) {
+                await this.fetchPromise;
+                return;
+            }
+
+            // 先检查localStorage缓存是否有效
+            const cacheValid = isCacheValid();
+
+            // 如果内存中没有数据，尝试从localStorage加载
+            if (this.productInfoList.length === 0) {
+                const cachedData = readProductInfoFromCache();
+                if (cachedData.length > 0) {
+                    this.productInfoList = cachedData;
+                    // 如果缓存有效，不发起请求
+                    if (cacheValid) {
+                        console.log('[product-store] 从缓存加载产品信息，跳过请求');
+                        return;
+                    }
+                }
+            } else {
+                // 如果内存中有数据，检查缓存是否有效
+                if (cacheValid) {
+                    console.log('[product-store] 使用缓存的产品信息，跳过请求');
+                    return;
+                }
+            }
+
+            this.loading = true;
+            this.error = null;
+
+            // 创建 Promise 并保存，以便其他调用可以等待
+            this.fetchPromise = (async () => {
+                try {
+                    const response = await queryProductInfo('PRODUCT_INFO_TIERED');
+                    if (response && response.data) {
+                        const productData = response.data as ProductInfoResponse;
+                        this.productInfoList = productData.PREFER_PRODUCT_INFO || [];
+                        persistProductInfo(productData);
+                    }
+                } catch (error: any) {
+                    console.error('[product-store] 获取产品信息失败', error);
+                    this.error = error?.message || '获取产品信息失败';
+                    // 如果请求失败，使用缓存的数据
+                    if (this.productInfoList.length === 0) {
+                        this.productInfoList = readProductInfoFromCache();
+                    }
+                } finally {
+                    this.loading = false;
+                    this.fetchPromise = null;
+                }
+            })();
+
+            await this.fetchPromise;
+        },
+        clearProductInfo() {
+            this.productInfoList = [];
+            this.error = null;
+            if (typeof window !== 'undefined') {
+                window.localStorage.removeItem(PRODUCT_INFO_STORAGE_KEY);
+                window.localStorage.removeItem(PRODUCT_INFO_TIMESTAMP_KEY);
+            }
+        },
+    },
+});

package/template/src/stores/route.ts

@@ -0,0 +1,79 @@
+import { defineStore } from '@deppon/deppon-pinia';
+import type { MenuNode } from '@deppon/deppon-auth';
+
+export interface RouteState {
+    menuTree: MenuNode[];
+    routesLoaded: boolean;
+    loading: boolean;
+}
+
+const MENU_TREE_STORAGE_KEY = 'deppon-menu-tree';
+
+const readMenuTreeFromCache = (): MenuNode[] => {
+    if (typeof window === 'undefined') {
+        return [];
+    }
+    const cached = window.localStorage.getItem(MENU_TREE_STORAGE_KEY);
+    if (!cached) {
+        return [];
+    }
+    try {
+        return JSON.parse(cached) as MenuNode[];
+    } catch (error) {
+        console.warn('[route-store] 无法解析缓存的菜单树', error);
+        window.localStorage.removeItem(MENU_TREE_STORAGE_KEY);
+        return [];
+    }
+};
+
+const persistMenuTree = (menuTree: MenuNode[]) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    if (menuTree && menuTree.length > 0) {
+        window.localStorage.setItem(MENU_TREE_STORAGE_KEY, JSON.stringify(menuTree));
+    } else {
+        window.localStorage.removeItem(MENU_TREE_STORAGE_KEY);
+    }
+};
+
+export const useRouteStore = defineStore('route', {
+    state: (): RouteState => ({
+        menuTree: readMenuTreeFromCache(),
+        routesLoaded: false,
+        loading: false,
+    }),
+    getters: {
+        hasMenuTree: state => state.menuTree.length > 0,
+        isRoutesLoaded: state => state.routesLoaded,
+    },
+    actions: {
+        /**
+         * 设置菜单树
+         */
+        setMenuTree(menuTree: MenuNode[]) {
+            this.menuTree = menuTree;
+            persistMenuTree(menuTree);
+        },
+        /**
+         * 标记路由已加载
+         */
+        setRoutesLoaded(loaded: boolean) {
+            this.routesLoaded = loaded;
+        },
+        /**
+         * 设置加载状态
+         */
+        setLoading(loading: boolean) {
+            this.loading = loading;
+        },
+        /**
+         * 清空菜单树
+         */
+        clearMenuTree() {
+            this.menuTree = [];
+            this.routesLoaded = false;
+            persistMenuTree([]);
+        },
+    },
+});

package/template/src/stores/user.ts

@@ -0,0 +1,145 @@
+import { defineStore } from '@deppon/deppon-pinia';
+import { findUserByCode } from '@/api/user';
+
+export interface UserProfile {
+    userName?: string;
+    userCode?: string;
+    deptCode?: string;
+    deptName?: string;
+    /** 人群/角色编码 如 UAP_ROLE_BUSINESS_DEPT */
+    crowdCode?: string;
+    /** 人群/角色名称 如 营业部 */
+    crowdName?: string;
+    /** 同步时间 */
+    currentTime?: string;
+    /** 标准部门编码 */
+    deptStandCode?: string;
+    /** 标准部门名称 */
+    deptStandName?: string;
+    /** 岗位编码 */
+    jobCode?: string;
+    /** 岗位名称 */
+    position?: string;
+    /** 性别 1男 2女 */
+    gender?: number;
+    /** 状态 */
+    status?: number;
+    id?: number;
+    [key: string]: unknown;
+}
+
+export interface AuthState {
+    profile: UserProfile | null;
+    token: string;
+}
+
+export interface AuthPayload {
+    profile: UserProfile | null;
+    token: string | null;
+}
+
+const PROFILE_STORAGE_KEY = 'deppon-user-profile';
+const TOKEN_STORAGE_KEY = 'deppon-auth-token';
+
+const readProfileFromCache = (): UserProfile | null => {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    const cached = window.localStorage.getItem(PROFILE_STORAGE_KEY);
+    if (!cached) {
+        return null;
+    }
+    try {
+        return JSON.parse(cached) as UserProfile;
+    } catch (error) {
+        console.warn('[deppon-auth] 无法解析缓存的用户信息', error);
+        window.localStorage.removeItem(PROFILE_STORAGE_KEY);
+        return null;
+    }
+};
+
+const readTokenFromCache = (): string => {
+    if (typeof window === 'undefined') {
+        return '';
+    }
+    return window.localStorage.getItem(TOKEN_STORAGE_KEY) ?? '';
+};
+
+const persistProfile = (profile: UserProfile | null) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    if (profile) {
+        window.localStorage.setItem(PROFILE_STORAGE_KEY, JSON.stringify(profile));
+    } else {
+        window.localStorage.removeItem(PROFILE_STORAGE_KEY);
+    }
+};
+
+const persistToken = (token: string | null) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    if (token) {
+        window.localStorage.setItem(TOKEN_STORAGE_KEY, token);
+    } else {
+        window.localStorage.removeItem(TOKEN_STORAGE_KEY);
+    }
+};
+
+export const useUserStore = defineStore('user', {
+    state: (): AuthState => ({
+        profile: readProfileFromCache(),
+        token: readTokenFromCache(),
+    }),
+    getters: {
+        displayName: state =>
+            [state.profile?.userName, state.profile?.deptName].filter(Boolean).join('-') || '未登录',
+        isLoggedIn: state => Boolean(state.token),
+    },
+    actions: {
+        setAuth(payload: AuthPayload) {
+            this.profile = payload.profile;
+            this.token = payload.token ?? '';
+            persistProfile(payload.profile);
+            persistToken(payload.token);
+        },
+        clearAuth() {
+            this.setAuth({ profile: null, token: null });
+        },
+        /**
+         * 根据当前 profile.userCode（empCode）请求 UAP 用户信息并更新 profile
+         */
+        async fetchUserInfoByCode() {
+            const empCode = this.profile?.userCode;
+            if (!empCode) return;
+            try {
+                const res = await findUserByCode(empCode);
+                if (res?.status === 'SUCCESS' && res?.body) {
+                    const body = res.body;
+                    const prev = this.profile ?? {};
+                    this.profile = {
+                        ...prev,
+                        userCode: body.empCode ?? prev.userCode,
+                        userName: body.empName ?? prev.userName,
+                        deptCode: body.deptCode ?? prev.deptCode,
+                        deptName: body.deptName ?? prev.deptName,
+                        crowdCode: body.crowdCode ?? prev.crowdCode,
+                        crowdName: body.crowdName ?? prev.crowdName,
+                        currentTime: body.currentTime ?? prev.currentTime,
+                        deptStandCode: body.deptStandCode ?? prev.deptStandCode,
+                        deptStandName: body.deptStandName ?? prev.deptStandName,
+                        jobCode: body.jobCode ?? prev.jobCode,
+                        position: body.position ?? prev.position,
+                        gender: body.gender ?? prev.gender,
+                        status: body.status ?? prev.status,
+                        id: body.id ?? prev.id,
+                    } as UserProfile;
+                    persistProfile(this.profile);
+                }
+            } catch (e) {
+                console.warn('[user] findUserByCode 失败', e);
+            }
+        },
+    },
+});

package/template/src/styles/index.ts

@@ -0,0 +1,29 @@
+// ==================== 样式统一导入 ====================
+// 此文件用于统一导入所有组件样式，确保构建时样式被正确打包
+
+// Element Plus 样式（deppon-ui 基于 element-plus，需要先导入）
+import 'element-plus/dist/index.css';
+
+// deppon-template 全局样式
+import '@deppon/deppon-template/es/styles/index.less';
+
+// deppon-template 组件样式（按需导入）
+// ProLayout 样式
+import '@deppon/deppon-template/es/pro-layout/ProLayout.vue.less';
+
+// ProTable 样式（包含子组件样式）
+import '@deppon/deppon-template/es/pro-table/ProTable.vue.less';
+import '@deppon/deppon-template/es/pro-table/ProTableColumn.vue.less';
+import '@deppon/deppon-template/es/pro-table/ProTableActionSlotWrapper.vue.less';
+
+// ProForm 样式
+import '@deppon/deppon-template/es/pro-form/ProForm.vue.less';
+
+// ProDialog 样式
+import '@deppon/deppon-template/es/pro-dialog/ProDialog.vue.less';
+
+// ProField 样式（包含子组件样式）
+import '@deppon/deppon-template/es/pro-field/ProField.vue.less';
+import '@deppon/deppon-template/es/pro-field/components/Select/FieldSelect.vue.less';
+import '@deppon/deppon-template/es/pro-field/components/Text/FieldText.vue.less';
+

package/template/src/types/dictionary.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 字典相关类型定义
+ */
+
+/**
+ * 字典项接口
+ */
+export interface DictionaryItem {
+    /** 字典编码/值 */
+    code: string;
+    /** 字典名称/标签 */
+    label: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 排序 */
+    sort?: number;
+    /** 其他扩展字段 */
+    [key: string]: any;
+}
+
+/**
+ * 字典配置类型
+ */
+export type DictionaryConfig = Record<string, DictionaryItem[]>;

package/template/src/types/vite-env.d.ts

@@ -0,0 +1,119 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue';
+    const component: DefineComponent<Record<string, any>, Record<string, any>, any>;
+    export default component;
+}
+
+declare module '*.json' {
+    const value: { version: string; name: string };
+    export default value;
+}
+
+declare module '*.png' {
+    const src: string;
+    export default src;
+}
+
+declare module '*.jpg' {
+    const src: string;
+    export default src;
+}
+
+declare module '*.jpeg' {
+    const src: string;
+    export default src;
+}
+
+declare module '*.gif' {
+    const src: string;
+    export default src;
+}
+
+declare module '*.svg' {
+    const src: string;
+    export default src;
+}
+
+interface ImportMetaEnv {
+    readonly BASE_API?: string;
+    readonly VITE_BASE_API?: string;
+    readonly VITE_LOGIN_URL?: string;
+    readonly VITE_PORT?: string;
+    readonly VITE_HOST?: string;
+    readonly VITE_ALLOWED_HOSTS?: string;
+    readonly DP_PORT?: string;
+    readonly DP_HOST?: string;
+    readonly DP_ALLOWED_HOSTS?: string;
+    readonly DP_PUBLIC_PATH?: string;
+    readonly DP_ENABLE_LOGIN_CHECK?: string;
+    readonly DP_LOGIN_URL?: string;
+    readonly DP_API_URL?: string;
+    readonly DP_USE_LAYOUT?: string; // 是否使用 Layout 容器，默认 true（测试环境），false 表示 iframe 模式（生产环境）
+    readonly DP_USE_LOCAL_ROUTES?: string; // 是否使用本地路由（开发环境），默认 false
+
+    // 多系统 API 地址配置
+    readonly DP_API_HOST?: string; // 主业务 API 地址
+    readonly DP_UAP_API_HOST?: string; // UAP API 地址
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv;
+}
+
+declare module 'nprogress' {
+    interface NProgress {
+        start(): void;
+        done(): void;
+        set(n: number): NProgress;
+        inc(amount?: number): NProgress;
+        remove(): void;
+        isStarted(): boolean;
+        configure(options: Partial<NProgressOptions>): NProgress;
+    }
+
+    interface NProgressOptions {
+        minimum: number;
+        template: string;
+        easing: string;
+        speed: number;
+        trickle: boolean;
+        trickleSpeed: number;
+        showSpinner: boolean;
+        barSelector: string;
+        spinnerSelector: string;
+        parent: string;
+    }
+
+    const nprogress: NProgress;
+    export default nprogress;
+}
+
+// 扩展 @deppon/deppon-ui/icons-vue 模块的类型声明
+declare module '@deppon/deppon-ui/icons-vue' {
+    import type { Component } from 'vue';
+    export const ArrowDown: Component;
+    export const HomeFilled: Component;
+    export const Document: Component;
+    // 可以根据需要添加更多图标导出
+    // 例如：export const IconName: Component;
+}
+
+// 扩展 @deppon/deppon-template 模块的类型声明
+declare module '@deppon/deppon-template' {
+    import type { Component } from 'vue';
+
+    export const ProDialog: Component;
+    export const ProForm: Component;
+    export const ProTable: Component;
+    export const ProLayout: Component & {
+        __slots?: {
+            'header-right': () => any;
+        };
+    };
+    export const ProField: Component;
+    export const ProFieldText: Component;
+    export const ProFieldSelect: Component;
+    export const ProFieldDatePicker: Component;
+}