vap1 0.0.1

package/components/_adapt/todo/ColorPicker.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPicker = void 0;
+// export type ColorPickerProps = Omit<RcColorPickerProps, 'onChange' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'onChangeComplete'> & {
+//     value?: ColorValueType;
+//     defaultValue?: ColorValueType;
+//     children?: React.ReactNode;
+//     open?: boolean;
+//     disabled?: boolean;
+//     placement?: TriggerPlacement;
+//     trigger?: TriggerType;
+//     format?: keyof typeof ColorFormat;
+//     allowClear?: boolean;
+//     presets?: PresetsItem[];
+//     arrow?: boolean | {
+//         pointAtCenter: boolean;
+//     };
+//     panelRender?: (panel: React.ReactNode, extra: {
+//         components: {
+//             Picker: FC;
+//             Presets: FC;
+//         };
+//     }) => React.ReactNode;
+//     showText?: boolean | ((color: Color) => React.ReactNode);
+//     size?: SizeType;
+//     styles?: {
+//         popup?: CSSProperties;
+//         popupOverlayInner?: CSSProperties;
+//     };
+//     rootClassName?: string;
+//     disabledAlpha?: boolean;
+//     onOpenChange?: (open: boolean) => void;
+//     onFormatChange?: (format: ColorFormat) => void;
+//     onChange?: (value: Color, hex: string) => void;
+//     onClear?: () => void;
+//     onChangeComplete?: (value: Color) => void;
+// } & Pick<PopoverProps, 'getPopupContainer' | 'autoAdjustOverflow' | 'destroyTooltipOnHide'>;
+const utils_1 = require("../../../utils");
+const ColorPicker = () => {
+    return utils_1.Const.NONE;
+};
+exports.ColorPicker = ColorPicker;

package/components/_adapt/todo/FloatButton.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const FloatButton: (props: any) => import("react").JSX.Element;

package/components/_adapt/todo/FloatButton.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatButton = void 0;
+const Const_1 = require("../../../utils/Const");
+const FloatButton = (props) => Const_1.NONE;
+exports.FloatButton = FloatButton;

package/components/_adapt/todo/Image.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Image: (props: any) => import("react").JSX.Element;

package/components/_adapt/todo/Image.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+const Const_1 = require("../../../utils/Const");
+const Image = (props) => Const_1.NONE;
+exports.Image = Image;

package/components/_adapt/todo/Segmented.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Segmented: (props: any) => import("react").JSX.Element;

package/components/_adapt/todo/Segmented.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Segmented = void 0;
+const Const_1 = require("../../../utils/Const");
+const Segmented = (props) => Const_1.NONE;
+exports.Segmented = Segmented;

package/components/_adapt/todo/Space.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Space: (props: any) => import("react").JSX.Element;

package/components/_adapt/todo/Space.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Space = void 0;
+const Const_1 = require("../../../utils/Const");
+const Space = (props) => Const_1.NONE;
+exports.Space = Space;

package/components/_adapt/utils.d.ts

@@ -0,0 +1,12 @@
+type ConvertFunction = <NT>(props: NT, ...converts: [o: string, n: string, fn?: (props: NT) => any][]) => any;
+export declare const convertProps: ConvertFunction;
+export declare const converTooltip: (props: any) => any;
+export type ToOpen<T> = Omit<T, 'arrowPointAtCenter' | 'visible' | 'defaultVisible' | 'onVisibleChange' | 'transitionName'> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    arrow?: boolean | {
+        pointAtCenter?: boolean;
+    };
+};
+export {};

package/components/_adapt/utils.js

@@ -0,0 +1,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.converTooltip = exports.convertProps = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+// 将新版本接受的属性转为旧版本可接受的
+const convertProps = (props, ...converts) => {
+    const oldProps = lodash_1.default.omit(props, converts.map(item => item[0]));
+    converts.map(item => {
+        const [oldFiled, newField, func] = item;
+        if (!lodash_1.default.has(props, newField) || props[newField] === null || props[newField] === undefined)
+            return;
+        if (func != null && lodash_1.default.isFunction(func)) {
+            const value = func(props);
+            if (value === null || value === undefined)
+                return;
+            oldProps[oldFiled] = func(props);
+        }
+        else {
+            oldProps[oldFiled] = props[newField];
+        }
+    });
+    return oldProps;
+};
+exports.convertProps = convertProps;
+const converTooltip = (props) => {
+    const oldProps = lodash_1.default.omit(props, ['open', 'defaultOpen', 'onOpenChange', 'arrow']);
+    if (lodash_1.default.has(props, 'open'))
+        oldProps.visible = props.open;
+    if (lodash_1.default.has(props, 'defaultOpen'))
+        oldProps.defaultVisible = props.defaultOpen;
+    if (lodash_1.default.has(props, 'onOpenChange') && lodash_1.default.isFunction(props.onOpenChange))
+        oldProps.onVisibleChange = props.onOpenChange;
+    if (lodash_1.default.has(props, 'arrow')) {
+        if (props.arrow === true || (lodash_1.default.has(props.arrow, 'pointAtCenter') && props.arrow.pointAtCenter == true)) {
+            oldProps.arrowPointAtCenter = true;
+        }
+    }
+    return oldProps;
+};
+exports.converTooltip = converTooltip;
+// export interface AbstractTooltipProps {
+//     prefixCls?: string;
+//     overlayClassName?: string;
+//     style?: React.CSSProperties;
+//     className?: string;
+//     overlayStyle?: React.CSSProperties;
+//     placement?: TooltipPlacement;
+//     builtinPlacements?: Object;
+//     defaultVisible?: boolean;
+//     visible?: boolean;
+//     onVisibleChange?: (visible: boolean) => void;
+//     mouseEnterDelay?: number;
+//     mouseLeaveDelay?: number;
+//     transitionName?: string;
+//     trigger?: TooltipTrigger;
+//     openClassName?: string;
+//     arrowPointAtCenter?: boolean;
+//     autoAdjustOverflow?: boolean | AdjustOverflow;
+//     getTooltipContainer?: (triggerNode: HTMLElement) => HTMLElement;
+//     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+//     children?: React.ReactNode;
+//     align?: TooltipAlignConfig;
+//     /** Internal. Hide tooltip when hidden. This will be renamed in future. */
+//     destroyTooltipOnHide?: boolean;
+// }
+// closable?: boolean;
+// destroyOnClose?: boolean;
+// getContainer?: string | HTMLElement | getContainerFunc | false;
+// maskClosable?: boolean;
+// mask?: boolean;
+// maskStyle?: React.CSSProperties;
+// style?: React.CSSProperties;
+// /** wrapper dom node style of header and body */
+// drawerStyle?: React.CSSProperties;
+// headerStyle?: React.CSSProperties;
+// bodyStyle?: React.CSSProperties;
+// title?: React.ReactNode;
+// visible?: boolean;
+// width?: number | string;
+// height?: number | string;
+// wrapClassName?: string;
+// zIndex?: number;
+// prefixCls?: string;
+// push?: boolean;
+// placement?: placementType;
+// onClose?: (e: EventType) => void;
+// afterVisibleChange?: (visible: boolean) => void;
+// className?: string;
+// handler?: React.ReactNode;
+// keyboard?: boolean;

package/components/_common/AutoComplete.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { AutoCompleteProps } from 'antd/es/auto-complete';
+/**
+ * 搜索工具：自动完成输入，必须传入符合VAP规范的接口
+ */
+export interface IAutoCompleteProps extends Omit<AutoCompleteProps, 'onChange'> {
+    /**
+     * 获取数据API
+    */
+    api: string;
+    /**
+     * API匹配字段，优先 field > name > "name"
+    */
+    field?: string;
+    /**
+     * 下拉显示名称，优先 field > name > "name"
+    */
+    nameField?: string;
+    /**
+     * 选中时的值，默认id
+    */
+    valueField?: string;
+    /**
+     * 接口默认参数
+     */
+    default?: any;
+    onChange?: (value: any, option: any) => void;
+}
+/**
+ * 下拉组件，基于标准查询规范VAP接口
+*/
+export declare const IAutoComplete: React.FC<IAutoCompleteProps>;

package/components/_common/AutoComplete.js

@@ -0,0 +1,87 @@
+"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.IAutoComplete = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+const utils_1 = require("../../utils");
+const _define_1 = require("../../utils/Renders/_define");
+/**
+ * 下拉组件，基于标准查询规范VAP接口
+*/
+const IAutoComplete = props => {
+    let autoCompleteProps = lodash_1.default.omit(props, ['api', 'field', 'default']);
+    const pid = (0, react_1.useRef)(null); // 防止输入过快
+    const [options, setOptions] = (0, react_1.useState)([]);
+    const paramField = props.field || props.nameField || "name";
+    const nameField = props.nameField || props.field || "name";
+    const valueField = props.valueField || 'id';
+    const cacheRef = (0, react_1.useRef)(new Map());
+    const [value, setValue] = (0, react_1.useState)(props.value || undefined);
+    const fetchData = (text = '') => __awaiter(void 0, void 0, void 0, function* () {
+        if (cacheRef.current.has(text)) {
+            setOptions(cacheRef.current.get(text));
+            return;
+        }
+        let param = lodash_1.default.merge({ start_: 0, count_: 15 }, props.default);
+        if (text) {
+            param[paramField] = text;
+        }
+        const resp = yield utils_1.Ajax.POST(props.api, param, { process: false });
+        let arr = (0, _define_1.getList)(resp);
+        let options = [];
+        arr.map(item => options.push({ text: item[nameField], value: (item[valueField] + '') }));
+        setOptions(options);
+        cacheRef.current.set(text, options);
+    });
+    const onSearch = (txt = '') => {
+        clearTimeout(pid.current);
+        pid.current = setTimeout(() => fetchData(txt), 100);
+    };
+    (0, react_1.useLayoutEffect)(onSearch, []);
+    return react_1.default.createElement(antd_1.AutoComplete, Object.assign({}, autoCompleteProps, { dataSource: options, value: value, onChange: (txt) => {
+            setValue(txt);
+            if (txt == '') {
+                props.onChange(null, null);
+            }
+        }, onSelect: (val, option) => {
+            // setValue(option.children)
+            props.onChange(val, option);
+        }, onSearch: onSearch }));
+};
+exports.IAutoComplete = IAutoComplete;

package/components/_common/CountUp.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { NumberFormat, FractionDigits } from '../../utils/Format';
+export type CountUpProps = {
+    /**
+     * 自定义样式
+    */
+    className?: string;
+    /**
+     * 自定义样式
+    */
+    style?: React.CSSProperties;
+    /**
+     * 数量
+    */
+    value: number;
+    /**
+     * 初始化数值
+    */
+    initValue?: number;
+    /**
+     * 样式
+    */
+    format?: NumberFormat;
+    /**
+     * pos 仅在  int-fixed 与 digtal 模式下有效
+     * int-fixed
+     *
+    */
+    pos?: FractionDigits;
+    /**
+     * 毫秒 默认 800
+     * */
+    ms?: number;
+};
+/**
+ * 数据变化组件
+*/
+export declare const CountUp: React.FC<CountUpProps>;

package/components/_common/CountUp.js

@@ -0,0 +1,60 @@
+"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.CountUp = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+const react_1 = __importStar(require("react"));
+const Format_1 = require("../../utils/Format");
+const loop = (from, to, el, format, startTime, ms) => {
+    let cost = Date.now() - startTime;
+    let percent = cost / ms;
+    if (percent >= 1) {
+        el.innerText = format(to);
+        return;
+    }
+    el.innerText = format(from + (to - from) * percent);
+    requestAnimationFrame(() => loop(from, to, el, format, startTime, ms));
+};
+/**
+ * 数据变化组件
+*/
+const CountUp = (props) => {
+    const el = (0, react_1.useRef)(null);
+    const ms = lodash_1.default.isNumber(props.ms) ? props.ms : 800;
+    const format = (0, Format_1.getFormater)(props.format, props.pos);
+    const [state, setState] = (0, react_1.useState)({ lastTime: Date.now(), lastValue: props.initValue || 0 });
+    const start = (from, to) => {
+        setState({ lastTime: Date.now(), lastValue: to });
+        loop(from, to, el.current, format, Date.now(), ms);
+    };
+    (0, react_1.useEffect)(() => {
+        start(state.lastValue, props.value);
+    }, [props.value]);
+    return react_1.default.createElement("span", { className: props.className, style: props.style, ref: el });
+};
+exports.CountUp = CountUp;

package/components/_common/DateRange.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import type { Moment as Dayjs } from 'dayjs';
+export type DateRangeProps = {
+    /**
+     * 是否允许清空
+    */
+    allowClear?: boolean;
+    /**
+     * className
+    */
+    className?: string;
+    /**
+     * 最小可选日期
+    */
+    minDate?: Dayjs;
+    /**
+     * 最大可选日期
+    */
+    maxDate?: Dayjs;
+    /**
+     * 默认开始时间
+    */
+    defaultStart?: string | Dayjs;
+    /**
+     * 默认结束时间
+    */
+    defaultEnd?: string | Dayjs;
+    /**
+     * 响应事件，自取参数
+     * 第一个参数为 string 类型
+     * 第二个参数为 dayjs 类型
+    */
+    onChange: (txt: [string, string], day: [Dayjs, Dayjs]) => void;
+    /**
+     * 是否显示时分秒 ，默认显示
+     * true : YYYY-MM-DD HH:mm:ss
+     * false : YYYY-MM-DD
+    */
+    showTime?: boolean;
+    /**
+     * 是否禁用
+    */
+    disabled?: boolean;
+    /**
+     * 宽度
+    */
+    width?: number;
+};
+/**
+ * 日期区间选择
+*/
+export declare const DateRange: React.FC<DateRangeProps>;

package/components/_common/DateRange.js

@@ -0,0 +1,108 @@
+"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.DateRange = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const antd_1 = require("antd");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const Const_1 = require("../_setup/Const");
+/**
+ * 日期区间选择
+*/
+const DateRange = (props) => {
+    const update = (0, hooks_1.useUpdate)();
+    const state = (0, react_1.useRef)({ startOpen: false, endOpen: false });
+    const FORMAT = props.showTime === false ? utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT : utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT;
+    (0, react_1.useLayoutEffect)(() => {
+        if (lodash_1.default.has(props, 'defaultStart'))
+            state.current.start = (0, dayjs_1.default)(props.defaultStart);
+        if (lodash_1.default.has(props, 'defaultEnd'))
+            state.current.end = (0, dayjs_1.default)(props.defaultEnd);
+        if (state.current.start || state.current.end)
+            update();
+    }, []);
+    const disabledStartDate = (startValue) => {
+        const endValue = state.current.end;
+        if (!startValue || !endValue) {
+            if (props.minDate) {
+                return startValue.valueOf() > props.minDate.valueOf();
+            }
+            return false;
+        }
+        return startValue.valueOf() > endValue.valueOf();
+    };
+    const disabledEndDate = (endValue) => {
+        const startValue = state.current.start;
+        if (!endValue || !startValue) {
+            if (props.maxDate) {
+                return endValue.valueOf() < props.maxDate.valueOf();
+            }
+            return false;
+        }
+        return endValue.valueOf() <= startValue.valueOf();
+    };
+    const callback = () => {
+        props.onChange([
+            state.current.start ? state.current.start.format(FORMAT) : null,
+            state.current.end ? state.current.end.format(FORMAT) : null,
+        ], [
+            state.current.start ? state.current.start : null,
+            state.current.end ? state.current.end : null,
+        ]);
+    };
+    const onStartChange = (value) => {
+        state.current.start = value;
+        callback();
+        update();
+    };
+    const onEndChange = (value) => {
+        state.current.end = value;
+        callback();
+        update();
+    };
+    const handleStartOpenChange = (open) => {
+        state.current.startOpen = open;
+        state.current.endOpen = !open;
+        update();
+    };
+    const handleEndOpenChange = (open) => {
+        state.current.startOpen = false;
+        state.current.endOpen = open;
+        update();
+    };
+    let style = {};
+    if (props.width)
+        style.width = props.width;
+    return react_1.default.createElement("div", { className: utils_1.StringUtil.className(['c-daterange'], props.className), style: style },
+        react_1.default.createElement(antd_1.DatePicker, { value: state.current.start, allowClear: props.allowClear, disabled: props.disabled, disabledDate: val => disabledStartDate(val), showTime: props.showTime, format: FORMAT, placeholder: props.showTime ? utils_1.i18n.getText(Const_1.V.DATETIME_START) : utils_1.i18n.getText(Const_1.V.DATE_START), onChange: onStartChange, onOpenChange: open => handleStartOpenChange(open), open: state.current.startOpen }),
+        react_1.default.createElement(antd_1.DatePicker, { value: state.current.end, allowClear: props.allowClear, disabled: props.disabled, disabledDate: val => disabledEndDate(val), showTime: props.showTime, format: FORMAT, placeholder: props.showTime ? utils_1.i18n.getText(Const_1.V.DATETIME_END) : utils_1.i18n.getText(Const_1.V.DATE_END), onChange: (val) => onEndChange(val), open: state.current.endOpen, onOpenChange: handleEndOpenChange }));
+};
+exports.DateRange = DateRange;

package/components/_common/HighLight.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export type HighLightProps = {
+    /**
+     * 全部文本
+    */
+    text: string;
+    /**
+     * 高亮关键字
+    */
+    keyword: string;
+};
+/**
+ * 高亮
+*/
+export declare const HighLight: React.FC<HighLightProps>;

package/components/_common/HighLight.js

@@ -0,0 +1,37 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HighLight = void 0;
+const react_1 = __importStar(require("react"));
+const StringUtil_1 = require("../../utils/StringUtil");
+/**
+ * 高亮
+*/
+const HighLight = (props) => {
+    const [ptns, setPtns] = (0, react_1.useState)([]);
+    (0, react_1.useLayoutEffect)(() => setPtns((0, StringUtil_1.searchText)(props.text, props.keyword)), [props]);
+    return react_1.default.createElement(react_1.default.Fragment, null, ptns.map(ptn => ptn.hit ? react_1.default.createElement("span", { className: 'v-highlight' }, ptn.text) : ptn.text));
+};
+exports.HighLight = HighLight;

package/components/_common/I18N.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type I18NTextProps = {
+    txt: string;
+    param?: string[];
+};
+export declare const I: React.FC<I18NTextProps>;
+export {};

package/components/_common/I18N.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.I = void 0;
+const i18n_1 = require("../../utils/i18n");
+const I = props => (0, i18n_1.txt)(props.txt, ...(props.param || []));
+exports.I = I;

package/components/_common/Loading.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type LoadingProps = {
+    title?: React.ReactNode;
+};
+/**
+ * 通用 Loading ，用于数据请求中的效果
+*/
+export declare const Loading: React.FC<LoadingProps>;
+export {};