@kengic/vue 0.30.1-beta.96 → 0.31.0

package/project/src/hooks/web/usePagination.ts

@@ -1,31 +0,0 @@
-import type { Ref } from 'vue';
-import { computed, ref, unref } from 'vue';
-
-function pagination<T = any>(list: T[], pageNo: number, pageSize: number): T[] {
-    const offset = (pageNo - 1) * Number(pageSize);
-    const ret = offset + Number(pageSize) >= list.length ? list.slice(offset, list.length) : list.slice(offset, offset + Number(pageSize));
-    return ret;
-}
-
-export function usePagination<T = any>(list: Ref<T[]>, pageSize: number) {
-    const currentPage = ref(1);
-    const pageSizeRef = ref(pageSize);
-
-    const getPaginationList = computed(() => {
-        return pagination(unref(list), unref(currentPage), unref(pageSizeRef));
-    });
-
-    const getTotal = computed(() => {
-        return unref(list).length;
-    });
-
-    function setCurrentPage(page: number) {
-        currentPage.value = page;
-    }
-
-    function setPageSize(pageSize: number) {
-        pageSizeRef.value = pageSize;
-    }
-
-    return { setCurrentPage, getTotal, setPageSize, getPaginationList };
-}

package/project/src/hooks/web/useWebSocket.ts

@@ -1,95 +0,0 @@
-import { useWebSocket, WebSocketResult } from '@vueuse/core';
-import { unref } from 'vue';
-import { getToken } from '../../utils/auth';
-
-let webSocketResult: WebSocketResult<any>;
-const listeners = new Map();
-
-/**
- * 开启 WebSocket 链接，全局只需执行一次
- * @param url
- */
-export function connectWebSocket(url: string) {
-    let token = (getToken() || '') as string;
-
-    webSocketResult = useWebSocket(url, {
-        // 自动重连 (遇到错误最多重复连接10次)
-        autoReconnect: {
-            retries: 10,
-            delay: 5000,
-        },
-        // 心跳检测
-        heartbeat: {
-            message: 'ping',
-            interval: 55000,
-        },
-        protocols: token ? [token] : undefined,
-    });
-
-    if (webSocketResult) {
-        webSocketResult.open = onOpen;
-        webSocketResult.close = onClose;
-
-        const ws = unref(webSocketResult.ws);
-        if (ws != null) {
-            ws.onerror = onError;
-            ws.onmessage = onMessage;
-        }
-    }
-}
-
-function onOpen() {
-    console.log('[WebSocket] 连接成功');
-}
-
-function onClose(event: any) {
-    console.log('[WebSocket] 连接断开', event);
-}
-
-function onError(event: any) {
-    console.log('[WebSocket] 发生错误', event);
-}
-
-function onMessage(event: any) {
-    console.debug('[WebSocket] -----接收消息-------', event.data);
-    try {
-        const data = JSON.parse(event.data);
-
-        for (const callback of listeners.keys()) {
-            try {
-                callback(data);
-            } catch (e) {
-                console.error(e);
-            }
-        }
-    } catch (e) {
-        console.error('[WebSocket] 消息解析失败：', e);
-    }
-}
-
-/**
- * 添加 WebSocket 消息监听
- * @param callback
- */
-export function onWebSocket(callback: (data: object) => any) {
-    if (!listeners.has(callback)) {
-        if (typeof callback === 'function') {
-            listeners.set(callback, null);
-        } else {
-            console.debug('[WebSocket] 添加 WebSocket 消息监听失败：传入的参数不是一个方法');
-        }
-    }
-}
-
-/**
- * 解除 WebSocket 消息监听
- *
- * @param callback
- */
-export function offWebSocket(callback: (data: object) => any) {
-    listeners.delete(callback);
-}
-
-export function useMyWebSocket() {
-    return webSocketResult;
-}

package/project/src/layouts/default/content/useContentContext.ts

@@ -1,17 +0,0 @@
-import type { ComputedRef, InjectionKey } from 'vue';
-import { createContext, useContext } from '../../../hooks/core/useContext';
-
-export interface ContentContextProps {
-    contentHeight: ComputedRef<number>;
-    setPageHeight: (height: number) => Promise<void>;
-}
-
-const key: InjectionKey<ContentContextProps> = Symbol();
-
-export function createContentContext(context: ContentContextProps) {
-    return createContext<ContentContextProps>(context, key, { native: true });
-}
-
-export function useContentContext() {
-    return useContext<ContentContextProps>(key);
-}

package/project/src/layouts/default/content/useContentViewHeight.ts

@@ -1,42 +0,0 @@
-import { computed, ref, unref } from 'vue';
-import { createPageContext } from '../../../hooks/component/usePageContext';
-import { useWindowSizeFn } from '../../../hooks/event/useWindowSizeFn';
-
-const headerHeightRef = ref(0);
-const footerHeightRef = ref(0);
-
-export function useLayoutHeight() {
-    function setHeaderHeight(val: any) {
-        headerHeightRef.value = val;
-    }
-    function setFooterHeight(val: any) {
-        footerHeightRef.value = val;
-    }
-    return { headerHeightRef, footerHeightRef, setHeaderHeight, setFooterHeight };
-}
-
-export function useContentViewHeight() {
-    const contentHeight = ref(window.innerHeight);
-    const pageHeight = ref(window.innerHeight);
-    const getViewHeight = computed(() => {
-        return unref(contentHeight) - unref(headerHeightRef) - unref(footerHeightRef) || 0;
-    });
-
-    useWindowSizeFn(
-        (() => {
-            contentHeight.value = window.innerHeight;
-        }) as any,
-        100,
-        { immediate: true },
-    );
-
-    async function setPageHeight(height: number) {
-        pageHeight.value = height;
-    }
-
-    createPageContext({
-        contentHeight: getViewHeight,
-        setPageHeight,
-        pageHeight,
-    });
-}

package/project/src/locales/helper.ts

@@ -1,36 +0,0 @@
-import { set } from 'lodash-es';
-import { LocaleType } from '../../types';
-
-export const loadLocalePool: LocaleType[] = [];
-
-export function setHtmlPageLang(locale: LocaleType) {
-    document.querySelector('html')?.setAttribute('lang', locale);
-}
-
-export function setLoadLocalePool(cb: (loadLocalePool: LocaleType[]) => void) {
-    cb(loadLocalePool);
-}
-
-export function genMessage(langs: Record<string, Record<string, any>>, prefix = 'lang') {
-    const obj: Recordable = {};
-
-    Object.keys(langs).forEach((key) => {
-        const langFileModule = langs[key].default;
-        let fileName = key.replace(`./${prefix}/`, '').replace(/^\.\//, '');
-        const lastIndex = fileName.lastIndexOf('.');
-        fileName = fileName.substring(0, lastIndex);
-        const keyList = fileName.split('/');
-        const moduleName = keyList.shift();
-        const objKey = keyList.join('.');
-
-        if (moduleName) {
-            if (objKey) {
-                set(obj, moduleName, obj[moduleName] || {});
-                set(obj[moduleName], objKey, langFileModule);
-            } else {
-                set(obj, moduleName, langFileModule || {});
-            }
-        }
-    });
-    return obj;
-}

package/project/src/locales/setupI18n.ts

@@ -1,43 +0,0 @@
-import type { App } from 'vue';
-import type { I18n, I18nOptions } from 'vue-i18n';
-import { createI18n } from 'vue-i18n';
-import { localeSetting } from '../../../i18n/i18n.setup';
-import { useLocaleStore } from '../store/modules/locale';
-import { setHtmlPageLang, setLoadLocalePool } from './helper';
-
-const { fallback, availableLocales } = localeSetting;
-
-export let i18n: ReturnType<typeof createI18n>;
-
-async function createI18nOptions(): Promise<I18nOptions> {
-    const localeStore = useLocaleStore();
-    const defaultLocal = await import(`./lang/${localeStore.getLocale}.ts`);
-    const message = defaultLocal.default?.message ?? {};
-
-    setHtmlPageLang(localeStore.getLocale);
-    setLoadLocalePool((loadLocalePool) => {
-        loadLocalePool.push(localeStore.getLocale);
-    });
-
-    return {
-        legacy: false,
-        locale: localeStore.getLocale,
-        fallbackLocale: fallback,
-        messages: {
-            [localeStore.getLocale]: message,
-        },
-        availableLocales: availableLocales,
-        sync: true, //If you don’t want to inherit locale from global scope, you need to set sync of i18n component option to false.
-        silentTranslationWarn: true, // true - warning off
-        missingWarn: false,
-        silentFallbackWarn: true,
-    };
-}
-
-// setup i18n instance with glob
-export async function setupI18n(app: App) {
-    const options = await createI18nOptions();
-    // @ts-ignore
-    i18n = createI18n(options) as I18n;
-    app.use(i18n);
-}

package/project/src/locales/useLocale.ts

@@ -1,77 +0,0 @@
-/**
- *
- * Multi-language related operations
- */
-
-import { ____DEBUG____ } from '@kengic/core.core';
-import { computed, unref } from 'vue';
-import { useKg } from '../../../config/config.hooks';
-import { I18N } from '../../../i18n';
-import { LocaleType } from '../../types';
-import { useLocaleStore } from '../store/modules/locale';
-import { loadLocalePool, setHtmlPageLang } from './helper';
-
-interface LangModule {
-    message: Recordable;
-    dateLocale: Recordable;
-    dateLocaleName: string;
-}
-
-function setI18nLanguage(locale: LocaleType) {
-    const kg = useKg();
-    const localeStore = useLocaleStore();
-
-    kg.i18n.global.locale = locale;
-    localeStore.setLocaleInfo({ locale });
-    setHtmlPageLang(locale);
-}
-
-export function useLocale() {
-    const kg = useKg();
-    const localeStore = useLocaleStore();
-    const getLocale = computed(() => localeStore.getLocale);
-    const getShowLocalePicker = computed(() => localeStore.getShowPicker);
-
-    const getAntdLocale = computed((): any => {
-        return kg.i18n.global.getLocaleMessage(unref(getLocale))?.antdLocale ?? {};
-    });
-
-    async function changeLocale(locale: LocaleType) {
-        ____DEBUG____(`changeLocale() | 开始切换语言为「${locale}」.`);
-        const globalI18n = kg.i18n.global;
-        const currentLocale = unref(globalI18n.locale);
-        if (currentLocale === locale) {
-            ____DEBUG____(`changeLocale() | 语言没变, 不用切换.`);
-            return locale;
-        }
-
-        if (loadLocalePool.includes(locale)) {
-            ____DEBUG____(`changeLocale() | 缓存中有, 直接使用.`);
-            setI18nLanguage(locale);
-            return locale;
-        }
-
-        const langModule = kg.I18N[locale] as LangModule;
-        if (!langModule) {
-            ____DEBUG____(`changeLocale() | 语言数据为空.`);
-            return;
-        }
-
-        const { message } = langModule;
-
-        // TODO LT 语言文件存储到数据库, 移除代码中的语言文件
-        globalI18n.setLocaleMessage(locale, { ...I18N[locale], ...message });
-        loadLocalePool.push(locale);
-
-        setI18nLanguage(locale);
-        ____DEBUG____(`changeLocale() | 语言切换成功.`);
-        return locale;
-    }
-
-    return {
-        getLocale,
-        getShowLocalePicker,
-        changeLocale,
-        getAntdLocale,
-    };
-}

package/project/src/router/constant2.ts

@@ -1,5 +0,0 @@
-export const REDIRECT_NAME = 'Redirect';
-
-export const PARENT_LAYOUT_NAME = 'ParentLayout';
-
-export const PAGE_NOT_FOUND_NAME = 'PageNotFound';

package/project/src/router/types.ts

@@ -1,73 +0,0 @@
-import { defineComponent } from 'vue';
-import type { RouteMeta, RouteRecordRaw } from 'vue-router';
-
-export type Component<T extends any = any> = ReturnType<typeof defineComponent> | (() => Promise<any>) | (() => Promise<T>);
-
-// @ts-ignore
-export interface AppRouteRecordRaw extends Omit<RouteRecordRaw, 'meta'> {
-    app?: string;
-    name: string;
-    meta: RouteMeta;
-    component?: Component | string;
-    components?: Component;
-    children?: AppRouteRecordRaw[];
-    props?: Recordable;
-    fullPath?: string;
-    alwaysShow?: boolean;
-}
-
-export interface MenuTag {
-    type?: 'primary' | 'error' | 'warn' | 'success';
-    content?: string;
-    dot?: boolean;
-}
-
-/**
- * 菜单.
- */
-export interface Menu {
-    id: string;
-    app: string | null;
-    name: string;
-
-    /**
-     * 原始的 {@link Menu.name}, 即 {@link Menu.name} 翻译之前的值.
-     *
-     * @see Menu.name
-     */
-    name$raw?: string | null;
-    title: string;
-
-    /**
-     * 原始的 {@link Menu.title}, 即 {@link Menu.title} 翻译之前的值.
-     *
-     * @see Menu.title
-     */
-    title$raw?: string | null;
-    slotTitle: string;
-
-    /**
-     * 原始的 {@link Menu.slotTitle}, 即 {@link Menu.slotTitle} 翻译之前的值.
-     *
-     * @see Menu.slotTitle
-     */
-    slotTitle$raw?: string | null;
-    path?: string;
-    paramPath?: string;
-    icon?: string;
-    hideMenu?: boolean;
-    children?: Menu[];
-    meta?: Partial<RouteMeta>;
-    tag?: MenuTag;
-    alwaysShow?: boolean;
-
-    [key: string]: any;
-}
-
-export interface MenuModule {
-    orderNo?: number;
-    menu: Menu;
-}
-
-// export type AppRouteModule = RouteModule | AppRouteRecordRaw;
-export type AppRouteModule = AppRouteRecordRaw;

package/project/src/settings/componentSetting.ts

@@ -1,88 +0,0 @@
-// 用于配置某些组件的常规配置，而无需修改组件
-// TODO
-// import type { SorterResult } from '../components/Table';
-
-export const componentSetting = {
-    // 表格配置
-    table: {
-        // 表格接口请求通用配置，可在组件prop覆盖
-        // 支持 xxx.xxx.xxx格式
-        fetchSetting: {
-            // 传给后台的当前页字段
-            pageField: 'pageNo',
-            // 传给后台的每页显示多少条的字段
-            sizeField: 'pageSize',
-            // 接口返回表格数据的字段
-            listField: 'records',
-            // 接口返回表格总数的字段
-            totalField: 'total',
-        },
-        // 可选的分页选项
-        pageSizeOptions: ['10', '50', '80', '100'],
-        // 表格默认尺寸
-        defaultSize: 'middle',
-        //默认每页显示多少条
-        defaultPageSize: 10,
-        // 默认排序方法
-        defaultSortFn: (sortInfo: any /*TODO SorterResult*/) => {
-            //update-begin-author:taoyan date:2022-10-21 for: VUEN-2199【表单设计器】多字段排序
-            if (sortInfo instanceof Array) {
-                let sortInfoArray: any[] = [];
-                for (let item of sortInfo) {
-                    let info = getSort(item);
-                    if (info) {
-                        sortInfoArray.push(info);
-                    }
-                }
-                return {
-                    sortInfoString: JSON.stringify(sortInfoArray),
-                };
-            } else {
-                let info = getSort(sortInfo);
-                return info || {};
-            }
-            //update-end-author:taoyan date:2022-10-21 for: VUEN-2199【表单设计器】多字段排序
-        },
-        // 自定义过滤方法
-        defaultFilterFn: (data: Partial<Recordable<string[]>>) => {
-            return data;
-        },
-    },
-    // 滚动组件配置
-    scrollbar: {
-        // 是否使用原生滚动样式
-        // 开启后，菜单，弹窗，抽屉会使用原生滚动条组件
-        native: false,
-    },
-    //表单配置
-    form: {
-        labelCol: {
-            xs: { span: 24 },
-            sm: { span: 4 },
-        },
-        wrapperCol: {
-            xs: { span: 24 },
-            sm: { span: 18 },
-        },
-        //表单默认冒号
-        colon: true,
-    },
-};
-
-/**
- * 获取排序信息
- * @param item
- */
-function getSort(item: any) {
-    const { field, order } = item;
-    if (field && order) {
-        let sortType = 'ascend' == order ? 'asc' : 'desc';
-        return {
-            // 排序字段
-            column: field,
-            // 排序方式 asc/desc
-            order: sortType,
-        };
-    }
-    return '';
-}

package/project/src/settings/designSetting.ts

@@ -1,14 +0,0 @@
-import { ThemeEnum } from '../enums';
-
-export const prefixCls = 'jeecg';
-
-export const darkMode = ThemeEnum.LIGHT;
-
-// app theme preset color
-export const APP_PRESET_COLOR_LIST: string[] = ['#0960bd', '#1890ff', '#009688', '#536dfe', '#ff5c93', '#ee4f12', '#0096c7', '#9c27b0', '#ff9800'];
-
-// header preset color
-export const HEADER_PRESET_BG_COLOR_LIST: string[] = ['#ffffff', '#151515', '#009688', '#5172DC', '#018ffb', '#409eff', '#e74c3c', '#24292e', '#394664', '#001529', '#383f45'];
-
-// sider preset color
-export const SIDE_BAR_BG_COLOR_LIST: string[] = ['#ffffff', '#001529', '#009688', '#5172DC', '#018ffb', '#409eff', '#887ddd', '#cd7bdd', '#e74c3c', '#ff8345', '#f8bd0b'];

package/project/src/settings/encryptionSetting.ts

@@ -1,11 +0,0 @@
-// 缓存默认过期时间
-export const DEFAULT_CACHE_TIME = 60 * 60 * 24 * 7;
-
-// 开启缓存加密后，加密密钥。采用aes加密
-export const cacheCipher = {
-    key: '_11111000001111@',
-    iv: '@11111000001111_',
-};
-
-// 是否加密缓存，默认生产环境加密
-export const enableStorageEncryption = false;