vap1 0.4.5 → 0.5.0

package/utils/Renders/NumberRender.js

@@ -1,4 +1,20 @@
 "use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -6,13 +22,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.percentRender = exports.chineseRender = exports.usdRender = exports.sizeRender = exports.numberRender = exports.intRender = exports.NumberRender = void 0;
 var react_1 = __importDefault(require("react"));
 var lodash_1 = __importDefault(require("lodash"));
+var _define_1 = require("./_define");
 var Format_1 = require("../Format");
 var Const_1 = require("../Const");
 var NumberRender = function (options) {
     var config = options ? options : {};
     var formater = (0, Format_1.getFormater)(config.format, options.len);
     var fn = function (txt) {
-        if (txt === null)
+        if (txt === null || txt === undefined || txt === '')
             return options.default || Const_1.NONE;
         var num = null;
         if (lodash_1.default.isString(txt)) {
@@ -26,14 +43,16 @@ var NumberRender = function (options) {
         else if (lodash_1.default.isNumber(txt)) {
             num = txt;
         }
+        var _b = __read((0, _define_1.getStyles)(num, options), 2), className = _b[0], style = _b[1];
         var rtn = formater(num);
-        if (options.onlyText || options.className == null)
-            return rtn + '';
-        return react_1.default.createElement("span", { className: options.className }, rtn);
+        if (className || style) {
+            return react_1.default.createElement("span", { className: className, style: style }, rtn);
+        }
+        return rtn;
     };
     fn.getText = function (txt, defaultValue) {
         if (defaultValue === void 0) { defaultValue = '0'; }
-        if (txt === null)
+        if (txt === null || txt === undefined || txt === '')
             return defaultValue;
         var num = null;
         if (lodash_1.default.isString(txt)) {

package/utils/Renders/StringRender.js

@@ -1,10 +1,59 @@
 "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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 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;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var lodash_1 = __importDefault(require("lodash"));
 var Icon_1 = require("../../components/_adapt/Icon");
 var _define_1 = require("./_define");
@@ -24,7 +73,7 @@ var StrRender = function (options) {
     var fn = function (value) {
         if (value == null)
             return config.default || '';
-        return (0, _define_1.getValue)(value + '', config);
+        return (0, _define_1.getValue)(value + '', value, config);
     };
     fn.getText = function (str, defaultValue) {
         return str;
@@ -41,7 +90,9 @@ var HTMRender = function (options) {
     var fn = function (value) {
         if (value == null)
             return config.default || index_1.Const.NONE;
-        return react_1.default.createElement("span", { className: config.className, dangerouslySetInnerHTML: { __html: value + '' } });
+        return react_1.default.createElement("span", { 
+            // className={config.className}
+            dangerouslySetInnerHTML: { __html: value + '' } });
     };
     fn.getText = function (str, defaultValue) {
         return str;
@@ -51,6 +102,25 @@ var HTMRender = function (options) {
 exports.HTMRender = HTMRender;
 exports.strRender = (0, exports.StrRender)();
 exports.htmlRender = (0, exports.HTMRender)();
+var CopyText = function (_a) {
+    var str = _a.str, config = _a.config;
+    var _b = __read((0, react_1.useState)(false), 2), copied = _b[0], setCopyed = _b[1];
+    var pidRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        if (copied) {
+            clearTimeout(pidRef.current);
+            pidRef.current = setTimeout(function () { return setCopyed(false); }, 3000);
+        }
+    }, [copied]);
+    return react_1.default.createElement("span", { className: 'c-copy', title: str },
+        react_1.default.createElement(Icon_1.Icon, { type: copied ? 'check' : 'copy', onClick: function () {
+                index_1.StringUtil.copy(str + '');
+                antd_1.message.success('文本已复制');
+                setCopyed(true);
+            }, title: '\u70B9\u51FB\u590D\u5236' }),
+        (0, _define_1.getValue)(str + '', str, config),
+        " ");
+};
 var StrCopyRender = function (options) {
     var config;
     if (options == null) {
@@ -63,15 +133,15 @@ var StrCopyRender = function (options) {
         config = options;
     }
     var fn = function (str) {
-        if (str === null || str === undefined)
+        if (str == null || str == undefined || str == '')
             return '';
-        return react_1.default.createElement("span", { className: 'c-copy', title: str },
-            react_1.default.createElement(Icon_1.Icon, { type: 'copy', onClick: function () {
-                    index_1.StringUtil.copy(str + '');
-                    antd_1.message.success('文本已复制');
-                }, title: '\u70B9\u51FB\u590D\u5236' }),
-            (0, _define_1.getValue)(str + '', config),
-            " ");
+        return react_1.default.createElement(CopyText, { str: str, config: config });
+        // return <span className='c-copy' title={str}><Icon type='copy'
+        //     onClick={() => {
+        //         StringUtil.copy(str + '');
+        //         message.success('文本已复制')
+        //     }} title='点击复制' />
+        //     {getValue(str + '', str, config)} </span>
     };
     fn.getText = function (str, defaultValue) {
         return (str || defaultValue);

package/utils/Renders/_define.d.ts

@@ -1,13 +1,13 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import type { BaseOption, PlainObject } from '../../basetype';
 export type BaseRenderOptions = {
-    className?: string;
+    className?: string | ((txt: any) => string);
     default?: ReactNode;
     onlyText?: boolean;
-    bold?: boolean;
-    underline?: boolean;
-    italic?: boolean;
-    color?: string;
+    bold?: boolean | ((txt: any) => boolean);
+    underline?: boolean | ((txt: any) => boolean);
+    italic?: boolean | ((txt: any) => boolean);
+    color?: string | ((txt: any) => string);
     format?: (param: string) => string;
     len?: number;
 };
@@ -27,7 +27,8 @@ export type ApiRenderOptions = BaseRenderOptions & {
     cacheKey?: string;
     render?: (info: BaseOption) => ReactNode;
 };
-export declare const getValue: (txt: string, options: BaseRenderOptions) => string | ReactNode;
+export declare const getStyles: (value: any, options: BaseRenderOptions) => [string, CSSProperties];
+export declare const getValue: (label: string, value: any, options: BaseRenderOptions) => string | ReactNode;
 export type OptionConvertConfig = {
     shift?: BaseOption | true;
     valueFormat?: 'string' | 'number';

package/utils/Renders/_define.js

@@ -1,17 +1,82 @@
 "use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 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;
+exports.getList = exports.convertValue = exports.getValue = exports.getStyles = void 0;
 var react_1 = __importDefault(require("react"));
 var lodash_1 = __importDefault(require("lodash"));
 var Const_1 = require("../Const");
-var getValue = function (txt, options) {
+var getStyles = function (value, options) {
+    if (options == null || options.onlyText)
+        return [undefined, undefined];
+    var clazz = [];
+    if (options.className) {
+        if (lodash_1.default.isString(options.className)) {
+            clazz.push(options.className);
+        }
+        else if (lodash_1.default.isFunction(options.className)) {
+            clazz.push(options.className(value));
+        }
+    }
+    if (options.bold) {
+        if (lodash_1.default.isBoolean(options.bold)) {
+            clazz.push('font-bold');
+        }
+        else if (lodash_1.default.isFunction(options.bold) && options.bold(value)) {
+            clazz.push('font-bold');
+        }
+    }
+    ;
+    if (options.italic) {
+        if (lodash_1.default.isBoolean(options.italic)) {
+            clazz.push('font-italic');
+        }
+        else if (lodash_1.default.isFunction(options.italic) && options.italic(value)) {
+            clazz.push('font-italic');
+        }
+    }
+    if (options.underline) {
+        if (lodash_1.default.isBoolean(options.underline)) {
+            clazz.push('font-underline');
+        }
+        else if (lodash_1.default.isFunction(options.underline) && options.underline(value)) {
+            clazz.push('font-underline');
+        }
+    }
+    var style = undefined;
+    if (options.color) {
+        if (lodash_1.default.isString(options.color)) {
+            style = { color: options.color };
+        }
+        else if (lodash_1.default.isFunction(options.color)) {
+            style = { color: options.color(value) };
+        }
+    }
+    return [clazz.length ? clazz.join(' ') : undefined, style];
+};
+exports.getStyles = getStyles;
+var getValue = function (label, value, options) {
     if (options == null)
-        return txt || Const_1.NONE;
+        return label || Const_1.NONE;
     var str;
-    if (txt == null) {
+    if (label == null) {
         if (options.default)
             return options.default;
         if (options.format) {
@@ -19,24 +84,18 @@ var getValue = function (txt, options) {
         }
     }
     else {
-        str = txt;
+        str = label;
     }
     if (options.len && str.length > options.len) {
         str = str.substring(0, options.len) + '...';
     }
-    var clazz = [];
-    if (options.className)
-        clazz.push(options.className);
-    if (options.bold)
-        clazz.push('font-bold');
-    if (options.italic)
-        clazz.push('font-italic');
-    if (options.underline)
-        clazz.push('font-underline');
-    var style = options.color ? { color: options.color } : undefined;
-    if (options.onlyText || (clazz.length == 0 && style == undefined))
+    if (options.onlyText)
         return str;
-    return react_1.default.createElement("span", { className: clazz.join(' '), style: style, title: txt }, str);
+    var _a = __read((0, exports.getStyles)(value, options), 2), clazz = _a[0], style = _a[1];
+    if (clazz || style) {
+        return react_1.default.createElement("span", { className: clazz, style: style, title: label }, str);
+    }
+    return str;
 };
 exports.getValue = getValue;
 var convertValue = function (value, config) {