vap1 0.0.1

package/utils/Renders/StringRender.js

@@ -0,0 +1,194 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.strCopyRender = exports.StrCopyRender = exports.htmlRender = exports.strRender = exports.HTMRender = exports.StrRender = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const Icon_1 = require("../../components/_adapt/Icon");
+const _define_1 = require("./_define");
+const index_1 = require("../index");
+const antd_1 = require("antd");
+const StrRender = (options) => {
+    var config;
+    if (options == null) {
+        config = { len: 24 };
+    }
+    else if (lodash_1.default.isNumber(options)) {
+        config = { len: options };
+    }
+    else {
+        config = options;
+    }
+    const fn = (value) => {
+        if (value == null)
+            return config.default || '';
+        return (0, _define_1.getValue)(value + '', config);
+    };
+    fn.getText = (str, def) => {
+        return str;
+    };
+    return fn;
+};
+exports.StrRender = StrRender;
+/**
+ * 返回一个 htmlRender，用于显示自定义的html,会用div包住
+ * @param className 包住自定义html的 className 默认为空
+*/
+const HTMRender = (options) => {
+    const config = options == null ? {} : options;
+    const fn = (value) => {
+        if (value == null)
+            return config.default || index_1.Const.NONE;
+        return react_1.default.createElement("span", { className: config.className, dangerouslySetInnerHTML: { __html: value + '' } });
+    };
+    fn.getText = (str, def) => {
+        return str;
+    };
+    return fn;
+};
+exports.HTMRender = HTMRender;
+exports.strRender = (0, exports.StrRender)();
+exports.htmlRender = (0, exports.HTMRender)();
+const StrCopyRender = (options) => {
+    var config;
+    if (options == null) {
+        config = { len: 24 };
+    }
+    else if (lodash_1.default.isNumber(options)) {
+        config = { len: options };
+    }
+    else {
+        config = options;
+    }
+    const fn = (str) => {
+        if (str === null || str === undefined)
+            return '';
+        return react_1.default.createElement("span", { className: 'c-copy', title: str },
+            react_1.default.createElement(Icon_1.Icon, { type: 'copy', onClick: () => {
+                    index_1.StringUtil.copy(str + '');
+                    antd_1.message.success('文本已复制');
+                }, title: '\u70B9\u51FB\u590D\u5236' }),
+            (0, _define_1.getValue)(str + '', config),
+            " ");
+    };
+    fn.getText = (str, def) => {
+        return (str || def);
+    };
+    return fn;
+};
+exports.StrCopyRender = StrCopyRender;
+/**
+ * 默认使用长度为 24 的 Render
+*/
+exports.strCopyRender = (0, exports.StrCopyRender)(24);
+//     /**
+//      * 字符串截取 Render
+//      * @param len 截取长度，默认为 20
+//      * @param hasDot 是否有3个省略号 默认为 true
+//      * @param className className
+//     */
+//     /**
+//  * 字符串截取支持copy strCopyRender
+//  * @param len 截取长度，默认为 20
+//  * @param hasDot 是否有3个省略号 默认为 true
+//  * @param className className
+// */
+//     static strCopyRender(len: number = 20, hasDot: boolean = true, className: string = undefined, onlyText: boolean = false): Render {
+//         let fn: any = str => {
+//             if (str === null || str === undefined) {
+//                 return '';
+//             }
+//             // MAKE BUG FOR STRING : 'null'
+//             str = str == 'null' ? '' : str;
+//             return <span className={className} title={str}>{Format.formatString(str, len, hasDot)} <Copy value={str} /></span>;
+//         }
+//         return fn;
+//     }
+//     /**
+//      * 字符串根据宽度截取长度
+//      * @param config 参考antd Paragraph组件
+//      * @returns
+//      */
+//     static autoStrRender(config?: BlockProps) {
+//         const fn = (str: string) => {
+//             return <div style={{ width: '100%', display: 'inline-block', verticalAlign: 'top' }} title={str}><Paragraph ellipsis {...config} style={{ margin: 0, ...(config && config.style) }}> {str} </Paragraph></div>
+//         }
+//         return fn;
+//     }
+//     /**
+//     * 字符串转tag Render
+//     * @param split 根据split参数分割字符串
+//     * @param config 配置扩展功能
+//    */
+//     static strToTagsRender(config?: strToTagsRenderConfigOpt,) {
+//         //config中默认配置
+//         let split = ',';
+//         let len = 3;
+//         let strRender = Renders.strRender();
+//         let format = str => str;
+//         let className = '';
+//         //配置赋值
+//         if (config) {
+//             if (config.split)
+//                 split = config.split;
+//             if (config.len)
+//                 len = config.len;
+//             if (config.strRenderLen)
+//                 strRender = Renders.strRender(config.strRenderLen);
+//             if (config.format)
+//                 format = config.format;
+//             if (_.isString(config.className))
+//                 className = config.className;
+//         }
+//         let fn: any = (str: string) => {
+//             if (!_.isString(str)) return;
+//             //根据split参数进行分割字符串 保留len长度
+//             let strs = _.filter(str.split(split), o => !!o);
+//             let sliceStrs = [] as any
+//             if (strs.length > len) {
+//                 sliceStrs = strs.slice(0, len)
+//             } else {
+//                 sliceStrs = strs
+//             }
+//             const expand = () => {
+//                 return <ul style={{ padding: 0, margin: 0, listStyle: 'none', lineHeight: '32px', maxHeight: 300, overflow: 'auto' }}>
+//                     {
+//                         strs.map((item, index) => {
+//                             if (config && config.className && !_.isString(config.className))
+//                                 className = config.className(item);
+//                             const value = strRender ? strRender(format(item)) : format(item);
+//                             return <li><span className='vapfont'>{index + 1}. </span><Tag className={className}>{value}</Tag></li>
+//                         })
+//                     }
+//                 </ul>
+//             }
+//             return sliceStrs.map((item, index) => {
+//                 const value = strRender ? strRender(format(item)) : format(item);
+//                 if (config && config.className && !_.isString(config.className))
+//                     className = config.className(item);
+//                 if (index == sliceStrs.length - 1 && strs.length > len) {
+//                     return <><Tag className={className}>{value}</Tag><Popover content={expand()} >
+//                         <Tag>...</Tag>
+//                     </Popover></>
+//                 }
+//                 return <Tag className={className}>{value}</Tag>
+//             })
+//         }
+//         return fn
+//     }
+//     /**
+//      * 长字符串截取 Render， 可copy
+//      * @param len 截取长度，默认为 20
+//      * @param hasDot 是否有3个省略号 默认为 true
+//      * @param className className
+//      *
+//      * @returns 不能为text
+//     */
+//     static longstrRender(len: number = 20, hasDot: boolean = true): Render {
+//         let fn: any = str => {
+//             return <Tooltip title={str}>{Format.formatString(str, len, hasDot)}</Tooltip>;
+//         }
+//         return fn;
+//     }

package/utils/Renders/_define.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { BaseOption, PlainObject } from '../../basetype';
+export type BaseRenderOptions = {
+    className?: string;
+    default?: React.ReactNode;
+    onlyText?: boolean;
+    format?: (param: string) => string;
+    len?: number;
+};
+export type ApiRenderOptions = BaseRenderOptions & {
+    api: string;
+    nameField: string;
+    valueFiled: string;
+    render?: (info: BaseOption) => React.ReactNode;
+};
+export declare const getValue: (txt: string, options: BaseRenderOptions) => string | React.ReactNode;
+export type OptionConvertConfig = {
+    shift?: BaseOption | true;
+    valueFormat?: 'string' | 'number';
+};
+export declare const convertValue: (value: any, config?: OptionConvertConfig) => any;
+export interface Render {
+    (value: string | number): (string | React.ReactNode);
+    getText: (value: string | number, def?: string) => string;
+}
+export declare const getList: (result: any) => PlainObject[];

package/utils/Renders/_define.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getList = exports.convertValue = exports.getValue = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const Const_1 = require("../Const");
+const getValue = (txt, options) => {
+    if (options == null)
+        return txt || Const_1.NONE;
+    let str;
+    if (txt == null) {
+        if (options.default)
+            return options.default;
+        if (options.format) {
+            str = options.format(null) || '';
+        }
+    }
+    else {
+        str = txt;
+    }
+    if (options.len && str.length > options.len) {
+        str = str.substring(0, options.len) + '...';
+    }
+    if (options.onlyText || options.className == null)
+        return str;
+    return react_1.default.createElement("span", { className: options.className, title: txt }, str);
+};
+exports.getValue = getValue;
+const convertValue = (value, config) => {
+    if (config == null || config.valueFormat == null)
+        return value;
+    if (config.valueFormat == 'number') {
+        try {
+            return parseInt(value);
+        }
+        catch (_a) {
+            return value;
+        }
+    }
+    return value + '';
+};
+exports.convertValue = convertValue;
+const getList = (result) => {
+    if (lodash_1.default.has(result, 'code')) {
+        if (result.code != '0') {
+            return [];
+        }
+        if (lodash_1.default.has(result, 'list')) {
+            return result.list;
+        }
+        if (lodash_1.default.has(result, 'data') && lodash_1.default.isArray(result.data)) {
+            return result.data;
+        }
+        return [];
+    }
+    if (lodash_1.default.isArray(result)) {
+        return result;
+    }
+    return [];
+};
+exports.getList = getList;

package/utils/Renders/index.d.ts

@@ -0,0 +1,9 @@
+export { ApiGetRender } from './ApiGetRender';
+export { ApiPostRender } from './ApiPostRender';
+export { DateRender, dateRender } from './DateRender';
+export { fileRender, imgRender } from './FileRender';
+export { ListRender, switchYesNoRender, switchOpenRender, switchCloseRender, switchEnableRender, switchDisableRender, switchShowRender, switchHideRender, } from './ListRender';
+export { NumberRender, intRender, numberRender, sizeRender, usdRender, chineseRender, percentRender } from './NumberRender';
+export { StatusRender } from './StatusRender';
+export { StrRender, HTMRender, strRender, htmlRender, StrCopyRender, strCopyRender } from './StringRender';
+export { DictRender, DICT } from './DictRender';

package/utils/Renders/index.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DICT = exports.DictRender = exports.strCopyRender = exports.StrCopyRender = exports.htmlRender = exports.strRender = exports.HTMRender = exports.StrRender = exports.StatusRender = exports.percentRender = exports.chineseRender = exports.usdRender = exports.sizeRender = exports.numberRender = exports.intRender = exports.NumberRender = exports.switchHideRender = exports.switchShowRender = exports.switchDisableRender = exports.switchEnableRender = exports.switchCloseRender = exports.switchOpenRender = exports.switchYesNoRender = exports.ListRender = exports.imgRender = exports.fileRender = exports.dateRender = exports.DateRender = exports.ApiPostRender = exports.ApiGetRender = void 0;
+var ApiGetRender_1 = require("./ApiGetRender");
+Object.defineProperty(exports, "ApiGetRender", { enumerable: true, get: function () { return ApiGetRender_1.ApiGetRender; } });
+var ApiPostRender_1 = require("./ApiPostRender");
+Object.defineProperty(exports, "ApiPostRender", { enumerable: true, get: function () { return ApiPostRender_1.ApiPostRender; } });
+var DateRender_1 = require("./DateRender");
+Object.defineProperty(exports, "DateRender", { enumerable: true, get: function () { return DateRender_1.DateRender; } });
+Object.defineProperty(exports, "dateRender", { enumerable: true, get: function () { return DateRender_1.dateRender; } });
+var FileRender_1 = require("./FileRender");
+Object.defineProperty(exports, "fileRender", { enumerable: true, get: function () { return FileRender_1.fileRender; } });
+Object.defineProperty(exports, "imgRender", { enumerable: true, get: function () { return FileRender_1.imgRender; } });
+var ListRender_1 = require("./ListRender");
+Object.defineProperty(exports, "ListRender", { enumerable: true, get: function () { return ListRender_1.ListRender; } });
+Object.defineProperty(exports, "switchYesNoRender", { enumerable: true, get: function () { return ListRender_1.switchYesNoRender; } });
+Object.defineProperty(exports, "switchOpenRender", { enumerable: true, get: function () { return ListRender_1.switchOpenRender; } });
+Object.defineProperty(exports, "switchCloseRender", { enumerable: true, get: function () { return ListRender_1.switchCloseRender; } });
+Object.defineProperty(exports, "switchEnableRender", { enumerable: true, get: function () { return ListRender_1.switchEnableRender; } });
+Object.defineProperty(exports, "switchDisableRender", { enumerable: true, get: function () { return ListRender_1.switchDisableRender; } });
+Object.defineProperty(exports, "switchShowRender", { enumerable: true, get: function () { return ListRender_1.switchShowRender; } });
+Object.defineProperty(exports, "switchHideRender", { enumerable: true, get: function () { return ListRender_1.switchHideRender; } });
+var NumberRender_1 = require("./NumberRender");
+Object.defineProperty(exports, "NumberRender", { enumerable: true, get: function () { return NumberRender_1.NumberRender; } });
+Object.defineProperty(exports, "intRender", { enumerable: true, get: function () { return NumberRender_1.intRender; } });
+Object.defineProperty(exports, "numberRender", { enumerable: true, get: function () { return NumberRender_1.numberRender; } });
+Object.defineProperty(exports, "sizeRender", { enumerable: true, get: function () { return NumberRender_1.sizeRender; } });
+Object.defineProperty(exports, "usdRender", { enumerable: true, get: function () { return NumberRender_1.usdRender; } });
+Object.defineProperty(exports, "chineseRender", { enumerable: true, get: function () { return NumberRender_1.chineseRender; } });
+Object.defineProperty(exports, "percentRender", { enumerable: true, get: function () { return NumberRender_1.percentRender; } });
+var StatusRender_1 = require("./StatusRender");
+Object.defineProperty(exports, "StatusRender", { enumerable: true, get: function () { return StatusRender_1.StatusRender; } });
+var StringRender_1 = require("./StringRender");
+Object.defineProperty(exports, "StrRender", { enumerable: true, get: function () { return StringRender_1.StrRender; } });
+Object.defineProperty(exports, "HTMRender", { enumerable: true, get: function () { return StringRender_1.HTMRender; } });
+Object.defineProperty(exports, "strRender", { enumerable: true, get: function () { return StringRender_1.strRender; } });
+Object.defineProperty(exports, "htmlRender", { enumerable: true, get: function () { return StringRender_1.htmlRender; } });
+Object.defineProperty(exports, "StrCopyRender", { enumerable: true, get: function () { return StringRender_1.StrCopyRender; } });
+Object.defineProperty(exports, "strCopyRender", { enumerable: true, get: function () { return StringRender_1.strCopyRender; } });
+var DictRender_1 = require("./DictRender");
+Object.defineProperty(exports, "DictRender", { enumerable: true, get: function () { return DictRender_1.DictRender; } });
+Object.defineProperty(exports, "DICT", { enumerable: true, get: function () { return DictRender_1.DICT; } });

package/utils/StringUtil.d.ts

@@ -0,0 +1,124 @@
+import type { MatchPatterns } from './_Support';
+export declare const REG_EMAIL: RegExp;
+export declare const REG_PHONE: RegExp;
+export declare const REG_TELEPHONE: RegExp;
+export declare const REG_IPV4: RegExp;
+export declare const REG_IPV6: RegExp;
+export declare const REG_URL: RegExp;
+export declare const REG_PORT: RegExp;
+/**
+ * 是否为一个手机号码
+*/
+export declare const isMobilePhone: (txt: string) => boolean;
+/**
+ * 是否为一个固话号码
+*/
+export declare const isTelePhone: (txt: string) => boolean;
+/**
+ * 是否为一个Email地址
+*/
+export declare const isEmail: (txt: string) => boolean;
+/**
+ * 是否为一个URL地址
+*/
+export declare const isURL: (txt: string) => boolean;
+/**
+ * 是否为一个Mac地址
+*/
+export declare const isMAC: (txt: string) => boolean;
+/**
+ * 是否为一个电话号码，支持固定电话和手机
+*/
+export declare const isPhone: (txt: string) => boolean;
+type IP_VERSION = '' | '4' | '6';
+export declare const isIP4: (str: string) => boolean;
+export declare const isIP6: (str: string) => boolean;
+/**
+ * 判断是否是一个 IP 地址，默认
+ * @param str : 要判断的字符串
+ * @param version : IP版本，默认为 IP4, 如果要同时 4，6， 传 空字串 ：''
+*/
+export declare const isIP: (str: string, version?: IP_VERSION) => boolean;
+export declare const REG_ID_18: RegExp;
+export declare const REG_ID_15: RegExp;
+/**
+ * 判断是否是一个18位身份证号
+ * @param txt : 要判断的字符串
+ * @param strict : 是否开启严格校验，默认开启
+*/
+export declare const isId18: (txt: string, strict?: boolean) => boolean;
+/**
+ * 判断是否是一个15位身份证号
+ * @param txt : 要判断的字符串
+ * @param strict : 是否开启严格校验，默认开启，
+ *  15位身份证号，只会判定省份与年份，不检验哈希，性别
+ *
+*/
+export declare const isId15: (txt: string, strict?: boolean) => boolean;
+/**
+ * 判断是否是一个身份证号，支持18位和15位
+ * @param txt : 要判断的字符串
+ * @param strict : 是否开启严格校验，默认开启
+*/
+export declare const isId: (txt: string, strict?: boolean) => boolean;
+/**
+ * 生成一个唯一 ID 标识
+*/
+export declare const genKey: () => string;
+/**
+ * 生成uuid
+*/
+export declare const uuid: () => string;
+/**
+ * 是否是一个 BTC 地址
+*/
+export declare const isBTCAddress: (str: string) => boolean;
+/**
+ * 说明：不能判断 变量类型，为 vap 内置识别方法
+ * 可为 Boolean 的有字符串有 0 / 1 / true / false / yes / no
+ * 通过 getBoolean 可获取到对应的 bool 值
+*/
+export declare const isBoolean: (str: string) => boolean;
+/**
+ * 清空首尾空格，并小写
+*/
+export declare const trimLower: (str: string) => string;
+/**
+ * 搜索，用于高亮，通常与 HighLight 结合使用，或只使用 HighLight 组件
+*/
+export declare const searchText: (sentence: string, keyword: string) => MatchPatterns[];
+/**
+ * 拼 className
+*/
+export declare const className: (base: string[], classNameProps?: string) => string;
+/**
+ * 试图转px的值
+ * 300px -> 300
+*/
+export declare const px: (str: number | string) => number;
+/**
+ * 复制字符串
+*/
+export declare const copy: (text: string, onCopied?: (txt: any) => void) => void;
+/**
+ * 获取字符串
+*/
+export declare const getString: (txt: string, def?: string) => string;
+/**
+ * 获取布尔值
+*/
+export declare const getBoolean: (key: string, def?: boolean) => boolean;
+/**
+ * 获取数字
+*/
+export declare const getInteger: (txt: string, def?: number) => number;
+/**
+ * 获取浮点数
+*/
+export declare const getFloat: (txt: string, def?: number) => number;
+type FileType = 'image' | 'pdf' | 'doc' | 'excel' | 'ppt' | 'zip' | 'video' | 'audio' | 'unknown';
+/**
+ * 获取文件类及 icon
+*/
+export declare const getFileType: (fileName: string) => [FileType, string];
+export {};