vap1 0.0.1

package/utils/CacheUtil.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInteger = exports.getBoolean = exports.getString = exports.getData = exports.set = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+const _Support_1 = require("./_Support");
+const SESSION = (0, _Support_1.getGlobal)().sessionStorage;
+const get = (key) => {
+    return SESSION.getItem(key);
+};
+const set = (key, value) => {
+    if (value === null) {
+        SESSION.removeItem(key);
+        return;
+    }
+    if (lodash_1.default.isString(value)) {
+        SESSION.setItem(key, value);
+        return;
+    }
+    if (lodash_1.default.isNumber(value) || lodash_1.default.isBoolean(value)) {
+        SESSION.setItem(key, value + '');
+        return;
+    }
+    if (lodash_1.default.isArray(value) || lodash_1.default.isPlainObject(value)) {
+        SESSION.setItem(key, JSON.stringify(value));
+        return;
+    }
+    console.error('Not support');
+};
+exports.set = set;
+/**
+ * 获取 Session 缓存， 并以 Object 返回 （JSON）
+*/
+const getData = (key, def = null) => {
+    const value = SESSION.getItem(key);
+    if (value === null)
+        return def;
+    try {
+        return JSON.parse(value);
+    }
+    catch (_a) {
+        console.error('Invalidate JSON : ' + value);
+        return def;
+    }
+};
+exports.getData = getData;
+/**
+ * 获取 Session 缓存， 并以 String 返回
+*/
+const getString = (key, def = '') => get(key) || def;
+exports.getString = getString;
+/**
+ * 获取 Session 缓存，并以 Boolean 值返回
+ *
+ * - false / 0 / no  =  false
+ * - true / 1 / yes  =  true
+*/
+const getBoolean = (key, def = false) => {
+    const value = SESSION.getItem(key);
+    if (value === null)
+        return def;
+    let txt = lodash_1.default.toLower(lodash_1.default.trim(value));
+    if (_Support_1.TRUE_SET.has(txt))
+        return true;
+    if (_Support_1.FALSE_SET.has(txt))
+        return false;
+    return def;
+};
+exports.getBoolean = getBoolean;
+/**
+ * 获取 Session 缓存， 并以 Integer 返回
+*/
+const getInteger = (key, def = 0) => {
+    const value = SESSION.getItem(key);
+    if (value === null)
+        return def;
+    try {
+        return parseInt(value);
+    }
+    catch (_a) {
+        return def;
+    }
+};
+exports.getInteger = getInteger;

package/utils/Const.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { Moment as Dayjs } from 'dayjs';
+export declare const NONE: React.JSX.Element;
+type RangeOption = {
+    id: string;
+    name: string;
+    range: [Dayjs, Dayjs] | (() => [Dayjs, Dayjs]);
+};
+/**
+ * 全局默认时间编码
+*/
+export declare const DEFAULT_TIME_RANGE = "1011";
+export declare const TIME_OPTION: RangeOption[];
+export {};

package/utils/Const.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TIME_OPTION = exports.DEFAULT_TIME_RANGE = exports.NONE = void 0;
+const react_1 = __importDefault(require("react"));
+const dayjs_1 = __importDefault(require("dayjs"));
+exports.NONE = react_1.default.createElement(react_1.default.Fragment, null);
+const _toStart = mnt => mnt.millisecond(0).second(0).minute(0).hour(0);
+const _toEnd = mnt => mnt.millisecond(999).second(59).minute(59).hour(23);
+const _TODAY = _toEnd((0, dayjs_1.default)());
+/**
+ * 全局默认时间编码
+*/
+exports.DEFAULT_TIME_RANGE = '1011';
+exports.TIME_OPTION = [
+    { id: "1001", name: "今天", range: [_toStart((0, dayjs_1.default)()), _TODAY] },
+    { id: "1002", name: "本周", range: [_toStart((0, dayjs_1.default)().startOf('week')), _TODAY] },
+    { id: "1003", name: "本月", range: [_toStart((0, dayjs_1.default)().startOf('month')), _TODAY] },
+    { id: "1004", name: "本年", range: [_toStart((0, dayjs_1.default)().startOf('year')), _TODAY] },
+    { id: "1005", name: "最近15分钟", range: () => [(0, dayjs_1.default)().subtract(15, 'minutes'), (0, dayjs_1.default)()] },
+    { id: "1006", name: "最近30分钟", range: () => [(0, dayjs_1.default)().subtract(30, 'minutes'), (0, dayjs_1.default)()] },
+    { id: "1007", name: "最近1小时", range: () => [(0, dayjs_1.default)().subtract(1, 'hours'), (0, dayjs_1.default)()] },
+    { id: "1008", name: "最近4小时", range: () => [(0, dayjs_1.default)().subtract(4, 'hours'), (0, dayjs_1.default)()] },
+    { id: "1009", name: "最近12小时", range: () => [(0, dayjs_1.default)().subtract(12, 'hours'), (0, dayjs_1.default)()] },
+    { id: "1010", name: "最近24小时", range: () => [(0, dayjs_1.default)().subtract(24, 'hours'), (0, dayjs_1.default)()] },
+    { id: "1013", name: "最近3天", range: [_toStart((0, dayjs_1.default)().subtract(3, 'days')), _TODAY] },
+    { id: "1011", name: "最近7天", range: [_toStart((0, dayjs_1.default)().subtract(7, 'days')), _TODAY] },
+    { id: "1012", name: "最近30天", range: [_toStart((0, dayjs_1.default)().subtract(30, 'days')), _TODAY] },
+    { id: "1014", name: "最近60天", range: [_toStart((0, dayjs_1.default)().subtract(60, 'days')), _TODAY] },
+    { id: "1015", name: "最近90天", range: [_toStart((0, dayjs_1.default)().subtract(90, 'days')), _TODAY] },
+    { id: "1016", name: "最近6月", range: [_toStart((0, dayjs_1.default)().subtract(6, 'months')), _TODAY] },
+    { id: "1017", name: "最近1年", range: [_toStart((0, dayjs_1.default)().subtract(1, 'years')), _TODAY] }
+];
+const TIME_MAP = new Map();
+exports.TIME_OPTION.map(item => TIME_MAP.set(item.id, item));

package/utils/CustomApp.d.ts

@@ -0,0 +1,242 @@
+/// <reference types="react" />
+import type { OPopoverProps as PopoverProps } from '../components/_adapt/Popover';
+import type { ODropdownProps as DropDownprops } from '../components/_adapt/dropdown';
+import type { PlainObject } from '../basetype';
+import type { App } from '../hooks/useApp';
+/**
+ * 注册路由信息
+*/
+export type Route = {
+    /**
+     * 路径
+    */
+    path: string;
+    /**
+     * 是否为前辍匹配，默认为 false
+     * 当 like:true 时，可以通过 props.pattern 获取 Hash 参数
+    */
+    like?: boolean;
+    /**
+     * React 组件：
+     * 说明：对于依赖多的大组件，可使用 () => import('xxx') 进行代码分割
+    */
+    component: any;
+};
+/**
+ * 菜单，由 Resource 转换而来
+*/
+export type Menu = {
+    /**
+     * 菜单的 Resource Id
+    */
+    id: number | string;
+    /**
+     * 名称
+    */
+    name: string;
+    /**
+     * 菜单类型，在此只可能存在 1 | 2
+     *
+     * 1 ：菜单组
+     * 2 : 链接
+     * 3 : 权限码
+     * 4 : 小组件
+    */
+    type: 1 | 2 | 3 | 4;
+    /**
+     * 图标
+    */
+    icon?: string;
+    /**
+     * 路径：
+     *  type = 1 时，为可选
+     *  type = 2 时，为必填，URL地址，同时包含 root 与 route
+     *  type = 3 时，为权限编码
+     *  type = 4 时，为小组件脚本路径
+    */
+    path?: string;
+    /**
+     * 通过 path 解析得到的根
+    */
+    root?: string;
+    /**
+     * 通过 path 解析得到的路由
+    */
+    route?: string;
+    /**
+     * 排序顺序
+    */
+    sort?: number;
+    /**
+     * 子菜单：
+     * type = 1 时存在
+     * 其它 type 也可存在，但只能放置权限码
+    */
+    children?: Menu[];
+};
+export type CustomAppOptions = {
+    menu?: {
+        /**
+         * 菜单模式
+         * none   :  无菜单，无菜单时， theme.mode 不会起效，只需要注册一个 / 路由
+         * parent :  向上找一个菜单, 必须指定,parent
+         * list   :  自定义菜单，必须 指定 list
+        */
+        mode?: 'none' | 'parent' | 'list';
+        /**
+         * 可以为 id 或 url ,
+        */
+        parent?: string;
+        /**
+         * list 自定义菜单
+        */
+        list?: Menu[];
+    };
+    theme?: {
+        /**
+         * 使用系统默认配置
+        */
+        useSystem?: boolean;
+        /**
+         * 标题
+        */
+        title?: string;
+        /**
+         * logo图片路径
+        */
+        logo?: string;
+        /**
+         * 指定一个皮肤代码，
+         * 当指定时，先找皮肤代码，没有找到时，使用系统配置
+         * 当设定为 null 时，不加载样式
+        */
+        code?: string;
+        /**
+         * 自定义页面只支持 tb / lr
+         * 默认为 tb
+        */
+        mode?: 'tb' | 'lr';
+        /**
+         * lr 模式时，不显示 crumb
+        */
+        showTop?: boolean;
+        /**
+         * true: 使用系统/用户自定义语言
+         * string: 指定应用语言, 支持 zhCN,zhHK,enUS
+         * 默认 : zhCN
+        */
+        lang?: true | string;
+        /**
+         * 限制宽度, tb模式时
+        */
+        limitWidth?: boolean;
+        /**
+         * 宽度， 默认220
+        */
+        bannerWidth?: number;
+        /**
+         * 高度,默认 64
+        */
+        bannerHeight?: number;
+        /**
+         * 是否开启Tab,默认 false
+        */
+        enableTab?: boolean;
+        /**
+         * 是否开启FullScreen,默认 false
+        */
+        enableFullScreen?: boolean;
+        /**
+         * 是否开启消息,默认 false
+        */
+        enableMessage?: boolean;
+    };
+    system?: {
+        /**
+         * 是否开启权限检测, 默认true
+         * 开启后可正常使用 roleCode 等属性， (PageUtil.hasRole , Role组件等)
+        */
+        enableRule?: boolean;
+        /**
+         * 是否初始化字典，默认 true
+         * 开启后可正常使用 Renders.DictRender
+        */
+        enableDict?: boolean;
+        /**
+         * 是否初始化系统参数
+         * 开启后可正常使用 VAP.getXXX
+        */
+        enableConfig?: boolean;
+        /**
+         * 是否提示浏览器版本过低
+        */
+        checkBrowser?: boolean;
+        /**
+         * 新版本浏览器下载地址，默认 /static/browsers/ChromeStandaloneSetup64.exe
+        */
+        browserDownloadUrl?: string;
+        /**
+         * 返回首页链接地址，设置为 null 没有这个功能
+        */
+        homePage?: string;
+    };
+    user?: {
+        /**
+         * 使用系统默认配置
+         * 默认 true
+        */
+        useSystem?: boolean;
+        /**
+         * 不使用系统配置时，需要自己写入一个 info 信息
+        */
+        info?: PlainObject;
+        /**
+         * 加载 config 默认为 false
+        */
+        enableConfig?: boolean;
+    };
+};
+type MenuDefine = {
+    icon?: string;
+    roleCode?: string;
+    title: string;
+};
+type MenuContentOption = {
+    link: string;
+} | {
+    modal: React.FC<{
+        open: boolean;
+        onCancel: () => void;
+    }>;
+} | {
+    popover: Omit<PopoverProps, 'children'>;
+} | {
+    dropdown: Omit<DropDownprops, 'children'>;
+};
+export type MenuOptions = MenuDefine & MenuContentOption;
+type ActionDefine = {
+    icon: string;
+    roleCode?: string;
+    title?: string;
+};
+type ActionContentOption = {
+    link: string;
+} | {
+    modal: React.FC<{
+        open: boolean;
+        onCancel: () => void;
+    }>;
+} | {
+    popover: Omit<PopoverProps, 'children'>;
+} | {
+    call: (app?: App) => void;
+};
+export type ActionOptions = ActionDefine & ActionContentOption;
+declare class CustomApp {
+    constructor(param: CustomAppOptions);
+    registerRoute(...routes: Route[]): void;
+    registerMenu(option: MenuOptions): void;
+    registerAction(option: ActionOptions): void;
+}
+declare const _default: typeof CustomApp;
+export default _default;

package/utils/CustomApp.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const _Support_1 = require("./_Support");
+class CustomApp {
+    constructor(param) {
+        console.error('must use app-custom');
+    }
+    registerRoute(...routes) {
+        console.error('must use app-custom');
+    }
+    registerMenu(option) {
+        console.error('must use app-custom');
+    }
+    registerAction(option) {
+        console.error('must use app-custom');
+    }
+}
+exports.default = (0, _Support_1.globalDefault)('CustomApp', CustomApp);

package/utils/EventUtil.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 自定义事件
+ * @param typename 自定义事件名称
+ * @param listener 自定义事件处理方法
+ * @param once  是否只执行一次，默认为false
+*/
+export declare const on: (typename: string, listener: Function, once?: boolean) => void;
+/**
+ * 自定义事件，只监听一次，等同于 @see on(typename,listener,true)
+*/
+export declare const once: (typename: string, listener: Function) => void;
+/**
+ * 停止监听自定义事件
+ * @param typename 自定义事件名称
+*/
+export declare const off: (typename: string) => void;
+/**
+ * 触发自定义事件
+ * @param typename 自定义事件名称
+ * ...args 参数 按顺序传
+*/
+export declare const call: (typename: string, ...args: any[]) => void;

package/utils/EventUtil.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.call = exports.off = exports.once = exports.on = void 0;
+const _Support_1 = require("./_Support");
+var EVTS = (0, _Support_1.globalDefault)('_INNER_EVENTS', []);
+const set = (name, listener, once = false) => {
+    if (listener === null) {
+        for (var i = 0, n = EVTS.length; i < n; ++i) {
+            if (EVTS[i].name === name) {
+                EVTS = EVTS.slice(0, i).concat(EVTS.slice(i + 1));
+                break;
+            }
+        }
+        return;
+    }
+    for (var i = 0, n = EVTS.length; i < n; ++i) {
+        if (EVTS[i].name === name) {
+            EVTS[i].value.push(listener);
+            return;
+        }
+    }
+    EVTS.push({ name: name, value: [listener], once });
+};
+/**
+ * 自定义事件
+ * @param typename 自定义事件名称
+ * @param listener 自定义事件处理方法
+ * @param once  是否只执行一次，默认为false
+*/
+const on = (typename, listener, once = false) => {
+    if (listener != null && typeof listener !== "function")
+        throw new Error("invalid callback: " + listener);
+    set(typename, listener, once);
+};
+exports.on = on;
+/**
+ * 自定义事件，只监听一次，等同于 @see on(typename,listener,true)
+*/
+const once = (typename, listener) => (0, exports.on)(typename, listener, true);
+exports.once = once;
+/**
+ * 停止监听自定义事件
+ * @param typename 自定义事件名称
+*/
+const off = (typename) => set(typename, null);
+exports.off = off;
+/**
+ * 触发自定义事件
+ * @param typename 自定义事件名称
+ * ...args 参数 按顺序传
+*/
+const call = (typename, ...args) => {
+    for (let e of EVTS) {
+        if (e.name == typename) {
+            for (let fn of e.value)
+                fn.call(null, ...args);
+            if (e.once)
+                set(typename, null);
+            break;
+        }
+    }
+};
+exports.call = call;

package/utils/Format.d.ts

@@ -0,0 +1,28 @@
+/**
+ * string representing a number in fixed-point notation.
+ * Number of digits after the decimal point. Must be in the range 0 - 20, inclusive.
+ */
+export type FractionDigits = boolean | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19;
+export type NumberFormat = 'int' | 'int-fixed' | 'number' | 'size' | 'usd' | 'chinese' | 'percent';
+/**
+ * 123456 -> '123,456'
+ * 1234567 -> '1,234,567'
+*/
+export declare const formatUSD: (num: number, digital?: FractionDigits) => string;
+export declare const formatPercent: (num: number, basic?: number) => string;
+export declare const formatSize: (byteSize: number) => string;
+/**
+ * pos ： 小数点后面位数,最多20
+*/
+export declare const formatNumber: (num: number, fractionDigits?: FractionDigits) => string;
+export declare function formatInt(num: number): number;
+export declare function formatInt(num: number, returnString: false): number;
+export declare function formatInt(num: number, returnString: true): string;
+export declare const formatIntFixed: (num: number, fractionDigits?: FractionDigits) => string;
+export declare const formatChinese: (num: number, digital?: boolean | FractionDigits) => string;
+export declare const getFormater: (type: NumberFormat, fix?: FractionDigits) => (num: number) => string;
+export declare const formatDate: (str: string | number) => string;
+export declare const formatDateTime: (str: string | number) => string;
+export declare const maskIdCard: (str: string) => string;
+export declare const maskPhone: (str: string) => string;
+export declare const maskEmail: (str: string) => string;