vap1 0.0.1

package/utils/PageUtil.js

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOptions = exports.currentApp = exports.hasRole = exports.IpToInt = exports.stopEvent = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+const StringUtil_1 = require("./StringUtil");
+const _Support_1 = require("./_Support");
+const i18n_1 = require("./i18n");
+const Global_1 = require("./Global");
+/**
+ * 阻止事件简单封装
+*/
+const stopEvent = (evt, callback) => {
+    if (lodash_1.default.isFunction(evt === null || evt === void 0 ? void 0 : evt.preventDefault)) {
+        evt.preventDefault();
+        evt.stopPropagation();
+    }
+    if (lodash_1.default.isFunction(callback)) {
+        callback.call(null);
+    }
+};
+exports.stopEvent = stopEvent;
+/**
+ * 将一个ip4地址转换成数字
+*/
+const IpToInt = (ip) => {
+    let ipNum = 0;
+    if (!(0, StringUtil_1.isIP)(ip, '4'))
+        return ipNum;
+    return ip.split('.').reduce((ipInt, octet) => (ipInt << 8) + parseInt(octet, 10), 0) >>> 0;
+};
+exports.IpToInt = IpToInt;
+/**
+ * 判断是否有权限
+*/
+const hasRole = (roleCode) => Global_1.CONFIG.PROMISSION.ROLE.has(lodash_1.default.trim(roleCode).toLowerCase());
+exports.hasRole = hasRole;
+// export const hasRole = (roleCode: string): boolean => true; // 测试中，总返回有权限
+const GLOBAL_APPS = new Map();
+/**
+ *  获取当前 APP 名称
+*/
+const currentApp = (root) => {
+    let pathname = root ? root : location.pathname;
+    if (GLOBAL_APPS.has(pathname))
+        return GLOBAL_APPS.get(pathname);
+    let path = pathname;
+    if (lodash_1.default.startsWith(path, _Support_1.APP_ROOT))
+        path = path.substring(_Support_1.APP_ROOT.length);
+    if (lodash_1.default.endsWith(path, '/'))
+        path = path.substring(0, path.length - 1);
+    if (lodash_1.default.startsWith(path, '/'))
+        path = path.substring(1);
+    let appName = 'app-' + path.split('/').join('-');
+    GLOBAL_APPS.set(pathname, appName);
+    return appName;
+};
+exports.currentApp = currentApp;
+/**
+ * 通过一组 option 获取到一组 option 用于 select/checkbox/radio/treeselect 等选项
+ * 通过 getOptions 方法可以：
+ *  1. 过滤掉 没有roleCode的项目
+ *  2. 将label 转换为 国际化后的 label
+*/
+const getOptions = (items) => {
+    let options = [];
+    items.map(item => {
+        if (item.roleCode) {
+            if (!(0, exports.hasRole)(item.roleCode)) {
+                return;
+            }
+        }
+        let label = item.label;
+        if (item.ik && (0, i18n_1.hasKey)(item.ik)) {
+            label = (0, i18n_1.txt)(item.ik);
+        }
+        let node = Object.assign(Object.assign({}, item), { label });
+        if (lodash_1.default.isArray(item.children) && item.children.length) {
+            node.children = (0, exports.getOptions)(item.children);
+        }
+        options.push(node);
+    });
+    return items;
+};
+exports.getOptions = getOptions;

package/utils/Renders/ApiGetRender.d.ts

@@ -0,0 +1,23 @@
+import type { ApiRenderOptions, Render, OptionConvertConfig } from './_define';
+export interface ApiGetRender extends Render {
+    /**
+     * 将数据转出为 option 用于 select / checkbox / vap组件中的 options 等。
+    */
+    useOption: (config?: OptionConvertConfig) => {
+        label: string;
+        value: string | number;
+    }[];
+    /**
+     * 刷新缓存并更新页面展示
+    */
+    reflush: () => void;
+}
+type ApiGetRenderOptions = ApiRenderOptions & {
+    cache?: false;
+};
+export declare const loadApi: (option: ApiGetRenderOptions) => Promise<boolean>;
+/**
+ * 从一个 GET API 中取出对应的值，并渲染到页面上
+*/
+export declare const ApiGetRender: (options: ApiGetRenderOptions) => ApiGetRender;
+export {};

package/utils/Renders/ApiGetRender.js

@@ -0,0 +1,192 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApiGetRender = exports.loadApi = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const index_1 = require("../index");
+const XHR_1 = require("../XHR");
+const hooks_1 = require("../../hooks");
+const Const_1 = require("../../components/_setup/Const");
+const _define_1 = require("./_define");
+const Const_2 = require("../Const");
+const API_CACHES = new Map();
+const loadApi = (option) => __awaiter(void 0, void 0, void 0, function* () {
+    if (option.cache !== false)
+        index_1.Ajax.SESSION(option.api);
+    const KEY = option.api;
+    if (!API_CACHES.has(KEY)) {
+        API_CACHES.set(KEY, {
+            fetcher: index_1.Ajax.GET(option.api),
+            loaded: false,
+            map: new Map()
+        });
+    }
+    const cache = API_CACHES.get(KEY);
+    if (cache.loaded)
+        return false;
+    const result = yield cache.fetcher;
+    if (!cache.loaded) {
+        let arr = (0, _define_1.getList)(result);
+        arr.map(item => cache.map.set(item[option.valueFiled] + '', item[option.nameField]));
+        cache.loaded = true;
+    }
+    return true;
+});
+exports.loadApi = loadApi;
+const _ApiGetRender = (props) => {
+    const update = (0, hooks_1.useUpdate)();
+    (0, react_1.useEffect)(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const needUpdate = yield (0, exports.loadApi)(props);
+            if (needUpdate)
+                update();
+        }))();
+        const KEY = `_API_GET_EVENT_` + props.api.split('/').join('_');
+        index_1.EventUtil.on(KEY, () => __awaiter(void 0, void 0, void 0, function* () {
+            yield (0, exports.loadApi)(props);
+            update();
+        }));
+        return () => index_1.EventUtil.off(KEY);
+    }, []);
+    const cache = API_CACHES.get(props.api);
+    if (props.value === null || props.value === '' || cache == null || cache.map == null || cache.map.size == 0) {
+        return props.default || Const_2.NONE;
+    }
+    let key = props.value + '';
+    if (!cache.map.has(key))
+        return props.default || Const_2.NONE;
+    const label = cache.map.get(key);
+    if (props.render)
+        return props.render({ label, value: props.value });
+    return (0, _define_1.getValue)(label, props);
+    // if (props.render) return props.render({ label: result, value: cacheKey });
+    // if (_.isNumber(props.value)) {
+    //     return cache.map.has(props.value + '') ? getValue(cache.map.get(props.value + ''), props) : (props.default || NONE)
+    // }
+    // const names = [];
+    // props.value.split(',').map(_.trim).map(key => {
+    //     let val = cache.map.get(key);
+    //     if (val) names.push(val);
+    // });
+    // if (names.length == 0) return (props.default as any || NONE);
+    // return getValue(names.join(', '), props)
+};
+/**
+ * 从一个 GET API 中取出对应的值，并渲染到页面上
+*/
+const ApiGetRender = (options) => {
+    const fn = (txt) => react_1.default.createElement(_ApiGetRender, Object.assign({ key: options.api + txt }, options, { value: txt }));
+    fn.useOption = (config) => {
+        const [state, setState] = (0, react_1.useState)([]);
+        (0, react_1.useEffect)(() => {
+            const fetchOptions = () => __awaiter(void 0, void 0, void 0, function* () {
+                yield (0, exports.loadApi)(options);
+                const cache = API_CACHES.get(options.api);
+                const result = yield cache.fetcher;
+                const apiOptions = [];
+                let format = val => val;
+                if (config) {
+                    if (config.shift) {
+                        if (config.shift === true) {
+                            apiOptions.push({ label: index_1.i18n.txt(Const_1.V.TXT_ALL), value: '' });
+                        }
+                        else {
+                            apiOptions.push(Object.assign({}, config.shift));
+                        }
+                    }
+                    if (config.valueFormat) {
+                        switch (config.valueFormat) {
+                            case 'string':
+                                format = val => val + '';
+                                break;
+                            case 'number':
+                                format = val => {
+                                    if (lodash_1.default.isNumber(val))
+                                        return val;
+                                    try {
+                                        return parseInt(val);
+                                    }
+                                    catch (_a) {
+                                        return val;
+                                    }
+                                };
+                        }
+                    }
+                }
+                const arr = (0, _define_1.getList)(result);
+                arr.map(item => {
+                    apiOptions.push({ label: item[options.nameField], value: format(item[options.valueFiled]) });
+                });
+                setState(apiOptions);
+            });
+            const KEY = `_API_GET_EVENT_` + options.api.split('/').join('_');
+            index_1.EventUtil.on(KEY, fetchOptions);
+            fetchOptions();
+            return () => index_1.EventUtil.off(KEY);
+        }, []);
+        return state;
+    };
+    fn.getText = (val, def) => {
+        if (API_CACHES.has(options.api) && API_CACHES.get(options.api).loaded) {
+            return API_CACHES.get(options.api).map.get(val) || (def || val);
+        }
+        const resp = (0, XHR_1.GETSYNC)(options.api);
+        const map = new Map();
+        const arr = (0, _define_1.getList)(resp);
+        arr.map(item => map.set(item[options.valueFiled] + '', item[options.nameField]));
+        API_CACHES.set(options.api, {
+            fetcher: index_1.Ajax.GET(options.api),
+            loaded: true,
+            map,
+        });
+        return map.get(val) || (def || val);
+    };
+    fn.reflush = () => {
+        index_1.Ajax.CLEAR(options.api);
+        API_CACHES.set(options.api, {
+            fetcher: index_1.Ajax.GET(options.api),
+            loaded: false,
+            map: new Map()
+        });
+        const KEY = `_API_GET_EVENT_` + options.api.split('/').join('_');
+        index_1.EventUtil.call(KEY);
+    };
+    return fn;
+};
+exports.ApiGetRender = ApiGetRender;
+// export const roleRender = ApiGetRender({ api: GLOBAL.CONFIG.ADMIN.ROLE, nameField: 'name', valueFiled: 'id', });

package/utils/Renders/ApiPostRender.d.ts

@@ -0,0 +1,17 @@
+import type { ApiRenderOptions, Render } from './_define';
+import type { PlainObject, BaseOption } from '../../basetype';
+export interface ApiPostRender extends Render {
+    /**
+     * ApiPostRender 可以用于自动联想
+    */
+    autocomplate: (txt: string) => Promise<BaseOption[]>;
+    /**
+     * clear 删除全部 or 指定key 缓存
+    */
+    clear: (key?: string | number) => void;
+}
+type ApiPostRenderOptions = ApiRenderOptions & {
+    param?: PlainObject;
+};
+export declare const ApiPostRender: (options: ApiPostRenderOptions) => ApiPostRender;
+export {};

package/utils/Renders/ApiPostRender.js

@@ -0,0 +1,161 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApiPostRender = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const index_1 = require("../index");
+const XHR_1 = require("../XHR");
+const hooks_1 = require("../../hooks");
+const _define_1 = require("./_define");
+const Const_1 = require("../Const");
+const SESSION_KEY = '__API_KV_';
+const getInCache = (SESSION, key) => {
+    var cache = index_1.CacheUtil.getData(SESSION);
+    const cacheKey = key + '';
+    if (!lodash_1.default.has(cache, cacheKey)) {
+        return null;
+    }
+    let val = lodash_1.default.get(cache, cacheKey);
+    if (val === true) {
+        return null;
+    }
+    return val;
+};
+const getLabel = (props, resp, key) => {
+    const SESSION = SESSION_KEY + props.api;
+    var cache = index_1.CacheUtil.getData(SESSION);
+    const cacheKey = key + '';
+    if (SESSION == null) {
+        index_1.CacheUtil.set(SESSION, {});
+        cache = index_1.CacheUtil.getData(SESSION);
+    }
+    if (resp.code != '0') {
+        cache[cacheKey] = false;
+        index_1.CacheUtil.set(SESSION, cache);
+        return false;
+    }
+    ;
+    var result = false;
+    const arr = (0, _define_1.getList)(resp);
+    if (arr.length > 0)
+        result = resp.list[0][props.nameField] + '';
+    cache[cacheKey] = result;
+    index_1.CacheUtil.set(SESSION, cache);
+    return result;
+};
+/**
+ * post 说明
+ * 无 API 缓存，API缓存无KEY 请求
+ * API 缓存有 KEY 但 KEY = TRUE 正在请求中
+ * API 缓存有 KEY 但 KEY = FALSE 确定无值
+ * API 缓存有值 = 值
+*/
+const _ApiPostRender = (props) => {
+    const update = (0, hooks_1.useUpdate)();
+    const KEY = SESSION_KEY + props.api;
+    const cacheKey = props.value + '';
+    (0, hooks_1.useEffectFunction)(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (cacheKey == '')
+            return;
+        var cache = index_1.CacheUtil.getData(KEY);
+        // 存在
+        if (lodash_1.default.has(cache, cacheKey)) {
+            let txt = lodash_1.default.get(cache, cacheKey);
+            if (txt !== true)
+                return;
+            // 正在请求时，等待一下 最长20秒
+            let i = 0;
+            while (txt === true && i < 200) {
+                i++;
+                yield index_1.Ajax.WAIT(lodash_1.default.random(50, 150));
+                cache = index_1.CacheUtil.getData(KEY);
+                txt = lodash_1.default.get(cache, cacheKey);
+            }
+            if (txt !== true) {
+                update();
+                return;
+            }
+            return;
+        }
+        ;
+        cache = index_1.CacheUtil.getData(KEY);
+        // 不存在
+        cache[cacheKey] = true;
+        index_1.CacheUtil.set(KEY, cache);
+        update();
+        const resp = yield index_1.Ajax.POST(props.api, Object.assign(Object.assign({}, props.param), { [props.valueFiled]: props.value }), { process: false });
+        const result = getLabel(props, resp, cacheKey);
+        cache = index_1.CacheUtil.getData(KEY);
+        cache[cacheKey] = result;
+        index_1.CacheUtil.set(KEY, cache);
+        update();
+    }));
+    const CACHE = index_1.CacheUtil.getData(KEY);
+    if (props.value == null || CACHE == null || !lodash_1.default.has(CACHE, cacheKey) || CACHE[cacheKey] === true)
+        return Const_1.NONE;
+    const result = CACHE[cacheKey];
+    if (lodash_1.default.isFunction(props.render)) {
+        if (result === false) {
+            return props.render({ label: null, value: cacheKey });
+        }
+        return props.render({ label: result, value: cacheKey });
+    }
+    if (result === false)
+        return props.default || props.value;
+    return (0, _define_1.getValue)(result, props);
+};
+const ApiPostRender = (options) => {
+    const KEY = SESSION_KEY + options.api;
+    if (index_1.CacheUtil.getData(KEY) === null) {
+        index_1.CacheUtil.set(KEY, {});
+    }
+    let cache = index_1.CacheUtil.getData(KEY);
+    lodash_1.default.keys(cache).map(key => {
+        if (cache[key] === true) {
+            lodash_1.default.unset(cache, key);
+        }
+    });
+    index_1.CacheUtil.set(KEY, cache);
+    const fn = (txt) => react_1.default.createElement(_ApiPostRender, Object.assign({ key: KEY + txt }, options, { value: txt }));
+    fn.autocomplate = (txt) => __awaiter(void 0, void 0, void 0, function* () {
+        return [];
+    });
+    fn.clear = (key) => {
+        if (key === undefined) {
+            index_1.CacheUtil.set(KEY, null);
+            return;
+        }
+        var cache = index_1.CacheUtil.getData(KEY);
+        if (cache == null)
+            return;
+        const cacheKey = key + '';
+        if (!lodash_1.default.has(cache, cacheKey))
+            return;
+        lodash_1.default.unset(cache, cacheKey);
+        index_1.CacheUtil.set(KEY, cache);
+    };
+    fn.getText = (key, def) => {
+        let result = getInCache(KEY, key);
+        if (result === null) {
+            const resp = (0, XHR_1.POSTSYNC)(options.api, Object.assign(Object.assign({}, options.param), { [options.valueFiled]: key }));
+            result = getLabel(options, resp, key);
+        }
+        if (result == false)
+            return def || '';
+        return result;
+    };
+    return fn;
+};
+exports.ApiPostRender = ApiPostRender;

package/utils/Renders/DateRender.d.ts

@@ -0,0 +1,8 @@
+import type { Render, BaseRenderOptions } from './_define';
+type DateRenderOptions = Omit<BaseRenderOptions, 'len' | 'format'> & {
+    sourceFormat?: string;
+    targetFormat?: string;
+};
+export declare const DateRender: (options?: DateRenderOptions) => Render;
+export declare const dateRender: Render;
+export {};

package/utils/Renders/DateRender.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dateRender = exports.DateRender = void 0;
+const react_1 = __importDefault(require("react"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const Const_1 = require("../Const");
+const DateRender = (options) => {
+    const config = options == undefined ? {} : options;
+    const fn = (txt) => {
+        if (txt == null)
+            return Const_1.NONE || config.default;
+        ;
+        const date = (0, dayjs_1.default)(txt, config.sourceFormat || undefined);
+        if (!date.isValid())
+            return Const_1.NONE || config.default;
+        if (config.className) {
+            return react_1.default.createElement("span", { className: config.className }, date.format(config.targetFormat || 'YYYY-MM-DD HH:mm:ss'));
+        }
+        return date.format(config.targetFormat || 'YYYY-MM-DD HH:mm:ss');
+    };
+    fn.getText = (txt, def) => {
+        if (txt == null)
+            return (def || '');
+        const date = (0, dayjs_1.default)(txt, config.sourceFormat || undefined);
+        if (!date.isValid())
+            return txt + '';
+        return date.format(config.targetFormat || 'YYYY-MM-DD HH:mm:ss');
+    };
+    return fn;
+};
+exports.DateRender = DateRender;
+exports.dateRender = (0, exports.DateRender)();

package/utils/Renders/DictRender.d.ts

@@ -0,0 +1,23 @@
+import type { Render, BaseRenderOptions, OptionConvertConfig } from './_define';
+import type { BaseOption, PlainObject } from '../../basetype';
+type DictRenderOptions = Omit<BaseRenderOptions, 'len' | 'format'> & {
+    dictType: string;
+};
+type DictInfo = {
+    code: string;
+    format?: 'tag' | 'color' | 'status' | 'sup' | 'sub' | 'icon' | 'progress' | 'clazz';
+    nodes: BaseOption[];
+};
+declare const _V_DICT: {
+    DICTS: any[];
+    DICT_MAP: Map<string, DictInfo>;
+};
+interface DictRender extends Render {
+    /**
+     * 将数据转出为 option 用于 select / checkbox / vap组件中的 options 等。
+    */
+    options: (config?: OptionConvertConfig) => BaseOption[];
+}
+export declare const DictRender: (options: string | DictRenderOptions) => DictRender;
+export declare const initDict: (dict: PlainObject[]) => void;
+export { _V_DICT as DICT };