vap1 0.0.1

package/utils/_Support.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 内置支持，不开放
+*/
+type GLOBAL_KEY = '_V_APPACTION' | 'useApp' | '_V_STATE' | '_V_GLOBAL' | '_V_I18N' | '_V_DICT' | '_VAP' | 'NProgress' | 'echarts' | '_C_SELECT_BAR' | '_C_SEARCH_FIELD' | '_C_FORM_FIELD';
+export declare var getGlobal: () => any;
+export declare enum Language {
+    ZH_CN = "zh-CN",
+    ZH_HK = "zh-HK",
+    EN_US = "en-US"
+}
+export declare const globalDefault: <T>(key: GLOBAL_KEY, init: T) => T;
+export declare const TRUE_SET: Set<string>;
+export declare const FALSE_SET: Set<string>;
+export type MatchPatterns = {
+    hit: boolean;
+    text: string;
+};
+type TextMatchFunction = (sentence: string) => MatchPatterns[];
+export declare const matchText: (keyword: any) => TextMatchFunction;
+export declare const APP_ROOT: string;
+export declare const CACHE_URL: Set<string>;
+export {};

package/utils/_Support.js

@@ -0,0 +1,106 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CACHE_URL = exports.APP_ROOT = exports.matchText = exports.FALSE_SET = exports.TRUE_SET = exports.globalDefault = exports.Language = exports.getGlobal = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+var getGlobal = () => {
+    if (typeof window !== 'undefined') {
+        return window;
+    }
+    if (typeof globalThis !== 'undefined') {
+        return globalThis;
+    }
+    if (typeof global !== 'undefined') {
+        return global;
+    }
+    if (typeof self !== 'undefined') {
+        return self;
+    }
+    return window;
+};
+exports.getGlobal = getGlobal;
+var Language;
+(function (Language) {
+    Language["ZH_CN"] = "zh-CN";
+    Language["ZH_HK"] = "zh-HK";
+    Language["EN_US"] = "en-US";
+})(Language || (exports.Language = Language = {}));
+const globalDefault = (key, init) => {
+    const GLOBAL = (0, exports.getGlobal)();
+    if (!lodash_1.default.has(GLOBAL, key))
+        GLOBAL[key] = init;
+    return GLOBAL[key];
+};
+exports.globalDefault = globalDefault;
+exports.TRUE_SET = new Set(['1', 'true', 'yes']);
+exports.FALSE_SET = new Set(['0', 'false', 'no']);
+const NOT_MATCH = sentence => [{ hit: false, text: sentence }];
+const CACHE = {};
+const matchText = (keyword) => {
+    let word = lodash_1.default.trim(keyword);
+    if (word.length == 0)
+        return NOT_MATCH;
+    const key = word.toLowerCase();
+    const keyLen = key.length;
+    const FN = (sentence) => {
+        let str = lodash_1.default.trim(sentence);
+        if (str.length == 0)
+            return [{ hit: false, text: '' }];
+        let strLen = str.length;
+        let fixed = new Array(strLen);
+        let searchStr = str.toLowerCase();
+        let hasFix = false;
+        let idx = searchStr.indexOf(key);
+        while (idx >= 0) {
+            hasFix = true;
+            for (let i = 0; i < keyLen; i++) {
+                fixed[idx + i] = 1;
+            }
+            idx = searchStr.indexOf(key, idx + keyLen);
+        }
+        if (!hasFix)
+            return [{ hit: false, text: str }];
+        let matched = [];
+        let tagging = false;
+        let start = 0;
+        for (let i = 0; i < strLen; i++) {
+            if (fixed[i]) {
+                if (!tagging) {
+                    tagging = true;
+                    start = i;
+                }
+                if (i == (strLen - 1)) {
+                    tagging = false;
+                    matched.push(start);
+                }
+            }
+            else {
+                if (tagging) {
+                    tagging = false;
+                    matched.push(start);
+                }
+            }
+        }
+        let domList = [];
+        let cur = 0;
+        for (let i = 0, _i = matched.length; i < _i; i++) {
+            let pos = matched[i];
+            domList.push({ hit: false, text: str.substring(cur, pos) });
+            // domList.push(str.substring(pos, pos + keyLen));
+            domList.push({ hit: true, text: str.substring(pos, pos + keyLen) });
+            cur = pos + keyLen;
+        }
+        if (cur < str.length) {
+            domList.push({ hit: false, text: str.substring(cur) });
+        }
+        return domList;
+    };
+    CACHE[keyword] = FN;
+    // window.setTimeout(() => _.unset(CACHE, keyword), 5000)
+    return FN;
+};
+exports.matchText = matchText;
+exports.APP_ROOT = (0, exports.getGlobal)()['APP_ROOT'] || '';
+exports.CACHE_URL = (0, exports.globalDefault)('_INNER_CACHE', new Set());

package/utils/i18n.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+import { Language } from './_Support';
+export { Language };
+/**
+ *
+ * 说明，i18n 支持注册 React Node 结点， 但 react 结点只能通过 i18n.node  方法返回，不能通过 i18n.txt 方法返回
+ *
+ * 如
+ *
+ * 1. i18n.register('txt','bb')
+ * 118n.txt('txt')              // 'bb'
+ *
+ * 2. i18n.register('txt','{0} bb {1}')
+ * 118n.txt('txt','00','11')    // '00 bb 11'
+ *
+ * 3. i18n.register('txt',<span>bb</span>)
+ * 118n.txt('txt')              // '' (不返回，需要使用i18n.node)
+ *
+ * 4. i18n.register('txt',<span>bb</span>)
+ * 118n.node('txt')             // <span>bb</span>
+ *
+ * 5. i18n.register('txt', (x,y)=> <span> {x} bb {y}</span>)
+ * 118n.node('txt','00','11')   // <span>00 bb 11</span>
+*/
+type LanguageValue = string | React.ReactNode | ((...args: any[]) => React.ReactNode);
+type LanguageItem = Record<string, LanguageValue>;
+/**
+ * 是否支持语言代码，返回支持的
+*/
+export declare const supportLang: (key: string, deflang?: Language) => Language | null;
+export declare const setGlobalLang: (lang: Language) => void;
+export declare const registerCN: <T>(namespace: string, resource: T) => Record<keyof T, string>;
+/**
+ * 注册文本
+*/
+export declare const register: <T extends LanguageItem>(lang: Language, namespace: string, resource: Partial<T>) => void;
+/**
+ * fastRegister 不用指定NameSpace, 自动随便生成一个字段串用于 namespace， 可在模块内部使用
+*/
+export declare const fastRegister: <T extends LanguageItem>(zh: T, en?: Partial<T>, hk?: Partial<T>) => Record<keyof T, string>;
+/**
+ * 判断是否存在某个I18N KEY
+*/
+export declare const hasKey: (key: string) => boolean;
+/**
+ * 通过 i18n key ,获取文本
+ * 如有参数，从 {0} 开始
+ *
+ * 说明，param 也可以当 default 使用,传第一个参数
+ * 例如 i18n.txt('THIS_KEY_IS_NOT_EXIST','不存在时的默认取值') // 不存在时的默认取值
+ *
+*/
+export declare const txt: (key: string, ...param: string[]) => string;
+export declare const node: (key: string, ...param: any[]) => React.ReactNode;
+/**
+ * 获取 antd 下的资源文件，需要传 antd 下的路径
+ * 如 i18n.ant('Text.copied')
+ * */
+export declare const ant: (key_path: string) => string;
+export declare const getText: (ik?: string, title?: string, defIk?: string) => string;

package/utils/i18n.js

@@ -0,0 +1,184 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getText = exports.ant = exports.node = exports.txt = exports.hasKey = exports.fastRegister = exports.register = exports.registerCN = exports.setGlobalLang = exports.supportLang = exports.Language = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+const Const_1 = require("./Const");
+const StringUtil_1 = require("./StringUtil");
+const Global_1 = require("./Global");
+const _Support_1 = require("./_Support");
+Object.defineProperty(exports, "Language", { enumerable: true, get: function () { return _Support_1.Language; } });
+// https://www.unicode.org/reports/tr35/tr35-59/tr35.html#Identifiers
+// 目前只支持
+// 说明： zh_hk,zh_tw 繁体中文， en_xxx 返回 English, 其它返回 简体中文
+const LANG_MAP = new Map([
+    ['ZH', _Support_1.Language.ZH_CN],
+    ['ZHCN', _Support_1.Language.ZH_CN],
+    ['ZHTW', _Support_1.Language.ZH_HK],
+    ['ZHHK', _Support_1.Language.ZH_HK],
+    ['EN', _Support_1.Language.EN_US],
+    ['ENUS', _Support_1.Language.EN_US],
+]);
+/**
+ * 是否支持语言代码，返回支持的
+*/
+const supportLang = (key, deflang = null) => {
+    let langkey = lodash_1.default.trim(lodash_1.default.upperCase(key)).replace('-', '').replace('_', '').replace(' ', '');
+    if (LANG_MAP.has(langkey))
+        return LANG_MAP.get(langkey);
+    let lang = langkey.substring(0, 2);
+    if (LANG_MAP.has(lang))
+        return LANG_MAP.get(lang);
+    return deflang;
+};
+exports.supportLang = supportLang;
+const LanguageMap = (0, _Support_1.globalDefault)('_V_I18N', new Map([
+    [_Support_1.Language.ZH_CN, new Map()],
+    [_Support_1.Language.EN_US, new Map()],
+    [_Support_1.Language.ZH_HK, new Map()],
+]));
+var getAcceptLanguageValue = (lang) => {
+    let langs = [lang];
+    let q = 0;
+    navigator.languages.slice(0, 9).map(txt => {
+        if (txt == lang)
+            return;
+        langs.push(`${txt};q=0.${9 - q++}`);
+    });
+    return langs.join(',');
+};
+const setGlobalLang = (lang) => {
+    const langToSet = (0, exports.supportLang)(lang, Global_1.CONFIG.APP.LANG);
+    (0, Global_1.SET)({
+        APP: {
+            LANG: langToSet,
+        },
+        AJAX: {
+            headers: {
+                'Accept-Language': getAcceptLanguageValue(langToSet),
+            }
+        }
+    });
+};
+exports.setGlobalLang = setGlobalLang;
+const formatString = (text, param) => {
+    let str = text;
+    for (let i in param) {
+        str = str.replace("{" + i + "}", param[i]);
+    }
+    return str;
+};
+const registerCN = (namespace, resource) => {
+    let map = LanguageMap.get(_Support_1.Language.ZH_CN);
+    let U = {};
+    lodash_1.default.keys(resource).map(key => {
+        let nKey = namespace + '.' + key;
+        map.set(nKey, resource[key]);
+        U[key] = nKey;
+    });
+    return U;
+};
+exports.registerCN = registerCN;
+/**
+ * 注册文本
+*/
+const register = (lang, namespace, resource) => {
+    let language = (0, exports.supportLang)(lang);
+    if (language == null) {
+        console.error('Not support ' + lang);
+        return;
+    }
+    let map = LanguageMap.get(language);
+    lodash_1.default.keys(resource).map(key => map.set(namespace + '.' + key, resource[key]));
+};
+exports.register = register;
+/**
+ * fastRegister 不用指定NameSpace, 自动随便生成一个字段串用于 namespace， 可在模块内部使用
+*/
+const fastRegister = (zh, en, hk) => {
+    const namespace = (0, StringUtil_1.genKey)();
+    const SPACE = (0, exports.registerCN)(namespace, zh);
+    if (en)
+        (0, exports.register)(_Support_1.Language.EN_US, namespace, en);
+    if (hk)
+        (0, exports.register)(_Support_1.Language.ZH_HK, namespace, hk);
+    return SPACE;
+};
+exports.fastRegister = fastRegister;
+/**
+ * 判断是否存在某个I18N KEY
+*/
+const hasKey = (key) => LanguageMap.get(_Support_1.Language.ZH_CN).has(key);
+exports.hasKey = hasKey;
+/**
+ * 通过 i18n key ,获取文本
+ * 如有参数，从 {0} 开始
+ *
+ * 说明，param 也可以当 default 使用,传第一个参数
+ * 例如 i18n.txt('THIS_KEY_IS_NOT_EXIST','不存在时的默认取值') // 不存在时的默认取值
+ *
+*/
+const txt = (key, ...param) => {
+    let map = LanguageMap.get(Global_1.CONFIG.APP.LANG);
+    if (!map.has(key))
+        map = LanguageMap.get(_Support_1.Language.ZH_CN);
+    if (!map.has(key)) {
+        if (param.length)
+            return param[0];
+        return '';
+    }
+    let ivalue = map.get(key);
+    if (lodash_1.default.isString(ivalue))
+        return formatString(ivalue, param);
+    return '';
+};
+exports.txt = txt;
+const node = (key, ...param) => {
+    let map = LanguageMap.get(Global_1.CONFIG.APP.LANG);
+    if (!map.has(key))
+        map = LanguageMap.get(_Support_1.Language.ZH_CN);
+    if (!map.has(key)) {
+        if (param.length)
+            return param[0];
+        return '';
+    }
+    let ivalue = map.get(key);
+    if (lodash_1.default.isString(ivalue))
+        return formatString(ivalue, param);
+    if (lodash_1.default.isFunction(ivalue))
+        return ivalue(...param);
+    if (lodash_1.default.isObject(ivalue))
+        return ivalue;
+    return Const_1.NONE;
+};
+exports.node = node;
+const ANTD_KEY = new Map([
+    [_Support_1.Language.ZH_CN, 'antd.locales.zh_CN'],
+    [_Support_1.Language.EN_US, 'antd.locales.en_US'],
+    [_Support_1.Language.ZH_HK, 'antd.locales.zh_HK'],
+]);
+/**
+ * 获取 antd 下的资源文件，需要传 antd 下的路径
+ * 如 i18n.ant('Text.copied')
+ * */
+const ant = (key_path) => {
+    let locale = lodash_1.default.get((0, _Support_1.getGlobal)(), ANTD_KEY.get(Global_1.CONFIG.APP.LANG));
+    if (locale === undefined)
+        locale = lodash_1.default.get((0, _Support_1.getGlobal)(), ANTD_KEY.get(_Support_1.Language.ZH_CN));
+    if (lodash_1.default.has(locale, key_path))
+        return lodash_1.default.get(locale, key_path);
+    return '';
+};
+exports.ant = ant;
+const getText = (ik, title, defIk) => {
+    if (ik && (0, exports.hasKey)(ik))
+        return (0, exports.txt)(ik);
+    if (title)
+        return title;
+    if (defIk && (0, exports.hasKey)(defIk))
+        return (0, exports.txt)(defIk);
+    return '';
+};
+exports.getText = getText;

package/utils/index.d.ts

@@ -0,0 +1,19 @@
+export * as StringUtil from './StringUtil';
+export * as TreeUtil from './TreeUtil';
+export * as PageUtil from './PageUtil';
+export * as ArrayUtil from './ArrayUtil';
+export * as EventUtil from './EventUtil';
+export * as CacheUtil from './CacheUtil';
+export * as Format from './Format';
+export * as Ajax from './Ajax';
+export * as i18n from './i18n';
+export * as GLOBAL from './Global';
+export * as Renders from './Renders';
+export * as Const from './Const';
+export { default as VAP } from './VAP';
+export type Route = {
+    path: string;
+    like?: boolean;
+    component: any;
+};
+export declare const registerRoute: (...routes: Route[]) => void;

package/utils/index.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerRoute = exports.VAP = exports.Const = exports.Renders = exports.GLOBAL = exports.i18n = exports.Ajax = exports.Format = exports.CacheUtil = exports.EventUtil = exports.ArrayUtil = exports.PageUtil = exports.TreeUtil = exports.StringUtil = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+// 全局 UTILS 定义
+exports.StringUtil = __importStar(require("./StringUtil"));
+exports.TreeUtil = __importStar(require("./TreeUtil"));
+exports.PageUtil = __importStar(require("./PageUtil"));
+exports.ArrayUtil = __importStar(require("./ArrayUtil"));
+exports.EventUtil = __importStar(require("./EventUtil"));
+exports.CacheUtil = __importStar(require("./CacheUtil"));
+exports.Format = __importStar(require("./Format"));
+exports.Ajax = __importStar(require("./Ajax"));
+exports.i18n = __importStar(require("./i18n"));
+exports.GLOBAL = __importStar(require("./Global"));
+exports.Renders = __importStar(require("./Renders"));
+exports.Const = __importStar(require("./Const"));
+// export * as logger from './Logger';
+var VAP_1 = require("./VAP");
+Object.defineProperty(exports, "VAP", { enumerable: true, get: function () { return __importDefault(VAP_1).default; } });
+const registerRoute = (...routes) => {
+    if (lodash_1.default.has(window, 'registerRoute')) {
+        window['registerRoute'](...routes);
+        return;
+    }
+    setTimeout(() => (0, exports.registerRoute)(...routes), 100);
+};
+exports.registerRoute = registerRoute;

package/utils/screenful.d.ts

@@ -0,0 +1,15 @@
+type FullScreenListener = (isFull?: boolean) => void;
+declare class ScreenFull {
+    enable: boolean;
+    isFull: boolean;
+    cbs: Map<string, FullScreenListener>;
+    constructor();
+    request(element?: HTMLElement): void;
+    exit(): void;
+    isEnabled(): boolean;
+    on(namespace: string, callback: (isFull?: boolean) => void): void;
+    off(namespace: string): void;
+    isFullscreen(): boolean;
+}
+declare const _default: ScreenFull;
+export default _default;

package/utils/screenful.js

@@ -0,0 +1,64 @@
+"use strict";
+// 说明 ：全屏 UTIL 按需引入 
+Object.defineProperty(exports, "__esModule", { value: true });
+const METHOD_MAP = [
+    ['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror',],
+    ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror',],
+    ['webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitCurrentFullScreenElement', 'webkitCancelFullScreen', 'webkitfullscreenchange', 'webkitfullscreenerror',],
+    ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror',],
+    ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError',],
+];
+const client = () => {
+    const unprefixedMethods = METHOD_MAP[0];
+    const returnValue = {};
+    for (const methodList of METHOD_MAP) {
+        const exitFullscreenMethod = methodList === null || methodList === void 0 ? void 0 : methodList[1];
+        if (exitFullscreenMethod in document) {
+            for (const [index, method] of methodList.entries()) {
+                returnValue[unprefixedMethods[index]] = method;
+            }
+            return returnValue;
+        }
+    }
+    return null;
+};
+const nativeAPI = client();
+class ScreenFull {
+    constructor() {
+        this.enable = nativeAPI != null;
+        this.isFull = false;
+        this.cbs = new Map();
+        document.addEventListener(nativeAPI.fullscreenchange, () => {
+            this.isFull = !this.isFull;
+            this.cbs.forEach(fn => fn(this.isFull));
+        });
+    }
+    request(element = document.documentElement) {
+        if (!this.enable)
+            return;
+        element[nativeAPI.requestFullscreen]();
+    }
+    exit() {
+        if (!this.enable)
+            return;
+        if (!this.isFull) {
+            return;
+        }
+        document[nativeAPI.exitFullscreen]();
+    }
+    isEnabled() {
+        return this.enable;
+    }
+    on(namespace, callback) {
+        if (!this.enable)
+            return;
+        this.cbs.set(namespace, callback);
+    }
+    off(namespace) {
+        this.cbs.delete(namespace);
+    }
+    isFullscreen() {
+        return this.isFull;
+    }
+}
+exports.default = new ScreenFull();

package/widget/index.d.ts

@@ -0,0 +1,39 @@
+import type { ComponentType } from 'react';
+/**
+ * 自定义小组件
+*/
+export type WidgetProps = {
+    /**
+     * 小组件的信息，（如果没有匹配到，则会传一个空对象）
+    */
+    _widget?: any;
+    /**
+     * 小组件的其它参数，参考WidgetUitls.show() 的第二个参数带入
+    */
+    [propName: string]: any;
+};
+/**
+ * 注册组件选项
+ * */
+export type WidgetOptions = {
+    /**
+     * 依赖 JavaScript
+    */
+    requiredJs?: string[];
+    /**
+     * 依赖 Css
+    */
+    requiredCss?: string[];
+    /**
+     * 必须有权限才能看
+    */
+    mustHasRole?: boolean;
+};
+/**
+ * 注册一个自定义小组件
+*/
+export declare const registerWidget: (widget: ComponentType<WidgetProps>, option?: WidgetOptions) => void;
+/**
+ * 显示一个自定义小组件
+*/
+export declare const showWidget: (path: string, props?: object) => React.ReactNode;

package/widget/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showWidget = exports.registerWidget = void 0;
+const _Support_1 = require("../utils/_Support");
+const VWidget = (0, _Support_1.globalDefault)('VWidget', {
+    registerWidget: () => {
+        // console.error('没有输入方法')
+    },
+    showWidget: () => {
+        // console.error('没有输入方法')
+        return [];
+    }
+});
+/**
+ * 注册一个自定义小组件
+*/
+exports.registerWidget = VWidget.registerWidget;
+/**
+ * 显示一个自定义小组件
+*/
+exports.showWidget = VWidget.showWidget;