@para-ui/core 4.0.0-rc → 4.0.0-rc.2

package/Empty/index.d.ts

@@ -3,7 +3,7 @@
  * @date 2022/4/2 上午10:45
  * @description
  */
-import React, { FC } from "react";
+import React, { FC } from 'react';
 import './index.scss';
 export interface EmptyProps {
     /** cls */

package/Empty/index.js

@@ -566,12 +566,12 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-empty {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-empty > .empty-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-empty > .empty-image img {\n  width: 100%;\n}\n.paraui-v4-empty .empty-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-empty .empty-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v4-empty > .empty-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh {\n  display: inline-block;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span {\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n}\n.paraui-v4-empty.paraui-v4-empty-large > .empty-description {\n  margin-top: 24px;\n}\n.paraui-v4-empty.paraui-v4-empty-small > .empty-description {\n  margin-top: 10px;\n  font-size: 12px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-empty {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-empty > .empty-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-empty > .empty-image img {\n  width: 100%;\n}\n.paraui-v4-empty .empty-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-empty .empty-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v4-empty > .empty-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh {\n  display: inline-block;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span {\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-empty.paraui-v4-empty-large > .empty-description {\n  margin-top: 24px;\n}\n.paraui-v4-empty.paraui-v4-empty-small > .empty-description {\n  margin-top: 10px;\n  font-size: 14px;\n}";
 styleInject(css_248z);
 
 var imageMap = {
-  'large': jsx(LargeNull, {}),
-  'small': jsx(SmallNull, {})
+  large: jsx(LargeNull, {}),
+  small: jsx(SmallNull, {})
 };
 //empty空状态
 var Empty = function Empty(props) {

package/Form/index.d.ts

@@ -6,8 +6,7 @@ import { ItemTypeProps } from '../FormItem/itemType';
 /**
  * form 表单原始属性
  */
-interface FormHtmlProps extends FormHTMLAttributes<HTMLFormElement> {
-}
+type FormHtmlProps = FormHTMLAttributes<HTMLFormElement>;
 /**
  * 配置项项类型
  */
@@ -53,17 +52,17 @@ export interface FormProps {
          */
         refData?: RefDataProps;
         /**
-        * 获取生效项目的值对象，会过滤掉不显示或是不启用的项目的值，
-        */
+         * 获取生效项目的值对象，会过滤掉不显示或是不启用的项目的值，
+         */
         getValidValues?: Function;
         /**
-        * 重置表单
-        */
+         * 重置表单
+         */
         reset?: Function;
         /**
-        * 清空表单数据
-        * 允许清空单个
-        */
+         * 清空表单数据
+         * 允许清空单个
+         */
         clear?: (name?: string | string[]) => void;
     }>;
     /**
@@ -122,12 +121,12 @@ export interface FormProps {
      */
     className?: string;
     /**
-    * 标题其他配置
-    */
+     * 标题其他配置
+     */
     labelProps?: LabelProps;
     /**
-    * 报错提示其他配置
-    */
+     * 报错提示其他配置
+     */
     helperTextProps?: HelperTextProps;
     /**
      * 文字宽度， 只对 type === vertical，状态下生效

package/Form/index.js

@@ -3,8 +3,9 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-1c8d3e94.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-649b450f.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../TextField/index.js';
 import '../_verture/typeof-adeedc13.js';
@@ -36,7 +37,6 @@ import '../Radio/index.js';
 import '../Select/index.js';
 import '../_verture/defineProperty-1d116156.js';
 import '../Empty/index.js';
-import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/Down';
 import '@para-ui/icons/Check';
@@ -70,7 +70,7 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-47297a40.js';
+import '../_verture/index-692e29c1.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
@@ -78,6 +78,7 @@ import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/MoreCircle';
 import '../_verture/utils-06d86594.js';
+import '../Search/index.js';
 
 /**
  * form 表单组件
@@ -90,6 +91,7 @@ import '../_verture/utils-06d86594.js';
  * @description 用于根据配置自动生成表单
  */
 var Form = function Form(props) {
+  var intl = useFormatMessage('FormItem', localeJson);
   var _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
     FormProps = props.FormProps,
@@ -192,7 +194,7 @@ var Form = function Form(props) {
         errorCount++;
         continue;
       }
-      var msg = validate(tItem, refData.current.allValues[key]);
+      var msg = validate(tItem, refData.current.allValues[key], intl);
       if (msg) {
         errorCount++;
         if (typeof msg === 'string') refData.current.itemsCheckMessage[key] = msg;
@@ -202,8 +204,8 @@ var Form = function Form(props) {
     return !errorCount && refData.current.allValues;
   };
   /**
-  * 过滤有效值
-  */
+   * 过滤有效值
+   */
   var getValidValues = function getValidValues() {
     var tObj = {};
     for (var i = 0; i < refData.current.configList.length; i++) {
@@ -215,8 +217,8 @@ var Form = function Form(props) {
     return tObj;
   };
   /**
-  * 重置表单
-  */
+   * 重置表单
+   */
   var resetForm = function resetForm() {
     var isClear = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var name = arguments.length > 1 ? arguments[1] : undefined;

package/FormItem/compoments/defaultCompoments/index.d.ts

@@ -11,9 +11,9 @@ interface DefaultCompomentsProps {
     };
 }
 /**
-* @module src\FormItem\compoments\defaultCompoments\index.tsx
-* @author zhanzl
-* @date 2022/06/02
-*/
+ * @module src\FormItem\compoments\defaultCompoments\index.tsx
+ * @author zhanzl
+ * @date 2022/06/02
+ */
 declare const DefaultCompoments: FC<DefaultCompomentsProps>;
 export default DefaultCompoments;

package/FormItem/compoments/formCheckboxGroup/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
 import { CheckboxGroupProps } from '../../../CheckboxGroup';
 export interface FormCheckboxGroupProps extends CheckboxGroupProps {
     defaultValue?: any[];

package/FormItem/compoments/formFile/index.d.ts

@@ -1,5 +1,5 @@
-import { FC, InputHTMLAttributes } from "react";
-import { ButtonProps } from "../../../Button";
+import { FC, InputHTMLAttributes } from 'react';
+import { ButtonProps } from '../../../Button';
 import './index.scss';
 export interface FormFileProps {
     /**

package/FormItem/compoments/formRadioGroup/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
 import { RadioGroupProps } from '../../../RadioGroup';
 export interface FormRadioGroupProps extends RadioGroupProps {
     defaultValue?: string;

package/FormItem/compoments/formSelect/index.d.ts

@@ -1,17 +1,17 @@
-import { FC } from "react";
+import { FC } from 'react';
 import { SelectProps } from '../../../Select';
 export interface FormSelectProps extends SelectProps {
     /**
-    * 默认值
-    */
+     * 默认值
+     */
     defaultValue?: string;
     /**
-    * 改变方法
-    */
+     * 改变方法
+     */
     change?: (value: any) => any;
     /**
-    * 绑定值
-    */
+     * 绑定值
+     */
     value?: string;
 }
 declare const FormSelect: FC<FormSelectProps>;

package/FormItem/errorTips.d.ts

@@ -1,9 +1,9 @@
 import { HelperTextProps } from '../HelperText';
 import { FC } from 'react';
 /**
-* 报错信息组件
-* @description 为了解决，在主组件设置state，导致输入框中内容刷新，且失去焦点
-*/
+ * 报错信息组件
+ * @description 为了解决，在主组件设置state，导致输入框中内容刷新，且失去焦点
+ */
 declare const ErrorTips: FC<{
     getSetError?: Function;
     errorMessage?: string;

package/FormItem/index.d.ts

@@ -21,11 +21,11 @@ export interface ruleType {
      * @return {boolean | string}, 子定义校验方法时 返回 false 或 字符串 均为校验失败 true为校验通过
      */
     validate?: {
-        'required'?: boolean | validateFunctionType;
-        'maxlength'?: number | validateFunctionType;
-        'minLength'?: number | validateFunctionType;
-        'pattern'?: RegExp | validateFunctionType;
-        'disOnlySpace'?: boolean | validateFunctionType;
+        required?: boolean | validateFunctionType;
+        maxlength?: number | validateFunctionType;
+        minLength?: number | validateFunctionType;
+        pattern?: RegExp | validateFunctionType;
+        disOnlySpace?: boolean | validateFunctionType;
         [name: string]: validateFunctionType | boolean | number | RegExp | undefined;
     };
     message?: {

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-1c8d3e94.js';
+export { F as default } from '../_verture/index-649b450f.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-0d9802f7.js';
@@ -70,7 +70,7 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-47297a40.js';
+import '../_verture/index-692e29c1.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
@@ -78,3 +78,4 @@ import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/MoreCircle';
 import '../_verture/utils-06d86594.js';
+import '../Search/index.js';

package/FormItem/lang/en_US.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    choseFile: string;
+    unEmpty: string;
+    maxLength: string;
+    minLength: string;
+    unRule: string;
+    minValue: string;
+    maxValue: string;
+};
+export default _default;

package/FormItem/lang/index.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    zh: {
+        choseFile: string;
+        unEmpty: string;
+        maxLength: string;
+        minLength: string;
+        unRule: string;
+        minValue: string;
+        maxValue: string;
+    };
+    en: {
+        choseFile: string;
+        unEmpty: string;
+        maxLength: string;
+        minLength: string;
+        unRule: string;
+        minValue: string;
+        maxValue: string;
+    };
+};
+export default _default;

package/FormItem/lang/zh_CN.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    choseFile: string;
+    unEmpty: string;
+    maxLength: string;
+    minLength: string;
+    unRule: string;
+    minValue: string;
+    maxValue: string;
+};
+export default _default;

package/FormItem/validateFunction.d.ts

@@ -6,7 +6,7 @@ import { FormItemProps } from './index';
 * @param {any} val 校验项的值
 * @return {boolean | string} 返回校验结果或报错信息
 */
-export type validateFunctionType = (item: FormItemProps, val: any) => boolean | string;
+export type validateFunctionType = (item: FormItemProps, val: any, intl: any) => boolean | string;
 /**
 * 表单rules校验方法
 * @type {validateFunctionType}

package/FunctionModal/dialog.d.ts

@@ -1,57 +1,57 @@
-import React, { ReactElement } from "react";
+import React, { ReactElement } from 'react';
 import { ModalProps } from '../Modal';
-import { JsxElement } from "typescript";
+import { JsxElement } from 'typescript';
 import './index.scss';
 /**
-* 弹窗配置
-*/
+ * 弹窗配置
+ */
 export interface modalOptions extends ModalProps {
     /**
-    * 非正常关闭仍然返回true
-    */
+     * 非正常关闭仍然返回true
+     */
     disCatchOnCancel?: boolean;
     /**
-    * 模态框大小
-    */
+     * 模态框大小
+     */
     size?: 'sm' | 'md' | 'lg' | 'auto' | 'fullScreen';
     /**
-    * 模态框标题
-    */
+     * 模态框标题
+     */
     title?: string;
     context?: ReactElement | JsxElement;
     /**
-    * 内容
-    */
+     * 内容
+     */
     content?: ReactElement | JsxElement;
     /**
-    * 检查方法，根据返回值判断是否关闭模态框
-    */
+     * 检查方法，根据返回值判断是否关闭模态框
+     */
     checkFunction?: () => boolean | Promise<boolean>;
     /**
-    * 获得关闭模态框方法
-    */
+     * 获得关闭模态框方法
+     */
     getClose?: (close: Function) => void;
     /**
-    * 模态框其他配置
-    */
+     * 模态框其他配置
+     */
     ModalProps?: ModalProps;
 }
 interface DialogProps extends modalOptions {
     /**
-    * 模态框状态
-    */
+     * 模态框状态
+     */
     open: boolean;
     /**
-    * 提交方法
-    */
+     * 提交方法
+     */
     onSubmit: (idx: number) => void;
     /**
-    * 关闭方法
-    */
+     * 关闭方法
+     */
     onClose: (idx: number) => void;
     /**
-    * 模态框组下标
-    */
+     * 模态框组下标
+     */
     listIndex: number;
 }
 export declare const FDialog: React.FC<DialogProps>;

package/FunctionModal/index.d.ts

@@ -1,8 +1,8 @@
 /**
-* @author zhanzl
-* @date 2021/08/13
-* @description 函数式弹窗
-*/
-import { useModal, useClose, FunctionModalProvider } from "./modalContext";
+ * @author zhanzl
+ * @date 2021/08/13
+ * @description 函数式弹窗
+ */
+import { useModal, useClose, FunctionModalProvider } from './modalContext';
 export default useModal;
-export { useClose, FunctionModalProvider, };
+export { useClose, FunctionModalProvider };

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-670eab09.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-670eab09.js';
+import { u as useModal } from '../_verture/modalContext-11c51a45.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-11c51a45.js';
 import '../_verture/toConsumableArray-8f4c9589.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/slicedToArray-a8206399.js';
@@ -15,11 +15,11 @@ import 'rc-dialog';
 import '../Button/index.js';
 import 'clsx';
 import '@para-ui/icons/LoadingF';
-import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '../_verture/constant-0d9802f7.js';
+import '@para-ui/icons/Forbid';
 import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/Down';
 import '../_verture/index-e9007d6a.js';
@@ -31,15 +31,14 @@ import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 import '../AutoTips/index.js';
 import '@para-ui/icons/Close';
-import '../_verture/index-19947788.js';
+import '../_verture/index-05f7bf11.js';
 import 'react-dom';
 import '@para-ui/icons/CheckCircleF';
-import '@para-ui/icons/CloseCircleF';
-import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
+import '@para-ui/icons/CloseCircleF';
 
 /**
-* @author zhanzl
-* @date 2021/08/13
-* @description 函数式弹窗
-*/
+ * @author zhanzl
+ * @date 2021/08/13
+ * @description 函数式弹窗
+ */

package/FunctionModal/modalContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { modalOptions } from "./dialog";
+import { modalOptions } from './dialog';
 /**
  * 弹出框组件
  * @param context 主体内容
@@ -9,7 +9,7 @@ import { modalOptions } from "./dialog";
  **/
 export declare const useModal: () => (options: modalOptions) => Promise<boolean>;
 /**
-* 函数弹窗组件Provider
-*/
+ * 函数弹窗组件Provider
+ */
 export declare const FunctionModalProvider: ({ children }: any) => JSX.Element;
 export declare const useClose: () => Function;

package/GlobalContext/componentsProps.d.ts

@@ -3,13 +3,13 @@
  * @date 2022/5/5 4:08 PM
  * @description 全局每个组件的props
  */
-import { SelectProps } from "../Select";
-import { TextFieldProps } from "../TextField";
-import { TableProps } from "../Table/interface";
-import { EmptyProps } from "../Empty";
-import { QueryingProps } from "../Querying";
-import { SelectorProps } from "../Selector/interface";
-import { ComboSelectProps } from "../ComboSelect/interface";
+import { SelectProps } from '../Select';
+import { TextFieldProps } from '../TextField';
+import { TableProps } from '../Table/interface';
+import { EmptyProps } from '../Empty';
+import { QueryingProps } from '../Querying';
+import { SelectorProps } from '../Selector/interface';
+import { ComboSelectProps } from '../ComboSelect/interface';
 interface ComponentsProps {
     Select?: Partial<SelectProps>;
     TextField?: Partial<TextFieldProps>;

package/GlobalContext/confirmLocale.d.ts

@@ -2,6 +2,5 @@ export declare const changeConfirmLocale: (newLocale: {
     [name: string]: any;
 }) => void;
 export declare const getConfirmLocale: () => {
-    cancel: string;
-    ok: string;
+    [key: string]: string;
 };

package/GlobalContext/index.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import React from 'react';
 import { changeConfirmLocale, getConfirmLocale } from './confirmLocale';
-import ComponentsProps from "./componentsProps";
+import ComponentsProps from './componentsProps';
 /** 国际化props */
 export interface localeProps {
     /** 语言 */

package/GlobalContext/index.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { i as i18nIntl } from '../_verture/intl-5c1ec055.js';
 import { GetLanguage } from '@paraview/lib';
-import { d as defaultModalLocale } from '../_verture/index-19947788.js';
+import { d as defaultModalLocale } from '../_verture/index-05f7bf11.js';
 import '../_verture/typeof-adeedc13.js';
 
 //confirm 默认中文
@@ -15,7 +15,8 @@ var changeConfirmLocale = function changeConfirmLocale(newLocale) {
   }
 };
 var getConfirmLocale = function getConfirmLocale() {
-  return confirmRuntimeLocale;
+  var lang = GetLanguage();
+  return (defaultModalLocale === null || defaultModalLocale === void 0 ? void 0 : defaultModalLocale[lang]) || defaultModalLocale['zh'];
 };
 
 var GlobalContext = /*#__PURE__*/React__default.createContext({

package/GlobalContext/useFormatMessage.d.ts

@@ -1,3 +1,3 @@
-import { I18nData } from "./intl";
+import { I18nData } from './intl';
 declare const useFormatMessage: (comName: string, defI18nData: I18nData) => any;
 export default useFormatMessage;

package/Help/index.js

@@ -12,7 +12,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/12/2 下午8:14\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-help {\n  display: inline-block;\n  font-weight: 500;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-help:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-help svg {\n  font-size: inherit;\n  color: inherit;\n  font-size: 16px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/12/2 下午8:14\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-help {\n  display: inline-block;\n  font-weight: 500;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-help:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-help svg {\n  font-size: inherit;\n  color: inherit;\n  font-size: 16px;\n}";
 styleInject(css_248z);
 
 //help
@@ -32,7 +32,7 @@ var Help = function Help(props) {
     placement: placement
   }, restProps, {
     children: jsx("span", Object.assign({
-      className: clsx($prefixCls + '-help', className)
+      className: clsx("".concat($prefixCls, "-help"), className)
     }, {
       children: children || jsx(HelpIcon, {})
     }))

package/HelperText/index.js

@@ -19,7 +19,7 @@ var HelperText = function HelperText(props) {
   // 处理class
   var handClass = function handClass() {
     var str = "".concat($prefixCls, "-helper-text");
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (error) str += " ".concat($prefixCls, "-helper-text-error");
     return str;
   };

package/InputLang/index.d.ts

@@ -5,9 +5,9 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { HelperTextDetailProps } from '../HelperText';
-import { LabelTooltipProps } from "../Label";
+import { LabelTooltipProps } from '../Label';
+import { TooltipProps } from '../Tooltip';
 import './index.scss';
-import { TooltipProps } from "../Tooltip";
 interface valueProps {
     [name: string]: string;
 }