@para-ui/core 3.0.53 → 3.0.55

package/Drawer/index.js

@@ -1,235 +0,0 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React__default from 'react';
-import RcDrawer from 'rc-drawer';
-import { Button } from '../Button/index.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
-import AutoTips from '../AutoTips/index.js';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-498dd2b1.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 '@para-ui/icons/Down';
-import '../_verture/index-77f9e0fb.js';
-import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
-import 'dayjs';
-import '@paraview/lib';
-import '@para-ui/core/GlobalContext';
-
-var en = {
-  cancel: 'Cancel',
-  ok: 'Ok'
-};
-
-var zh = {
-  cancel: '取消',
-  ok: '确定'
-};
-
-var localeJson = {
-  zh: zh,
-  en: en
-};
-
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description drawer样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drawer {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  pointer-events: none;\n}\n\n.paraui-v3-drawer-inline {\n  position: absolute;\n}\n\n.paraui-v3-drawer-mask {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  background: rgba(0, 0, 0, 0.45);\n  pointer-events: auto;\n}\n\n.paraui-v3-drawer-content-wrapper {\n  position: absolute;\n  z-index: 1000;\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-content-wrapper-hidden {\n  display: none;\n}\n\n.paraui-v3-drawer-left > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-right > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-top > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  left: 0;\n  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-bottom > .paraui-v3-drawer-content-wrapper {\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-content {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  pointer-events: auto;\n}\n.paraui-v3-drawer-content .drawer-content-body {\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: none;\n  height: 60px;\n  padding: 0 24px;\n  font-size: 16px;\n  font-weight: 700;\n  color: rgb(46, 55, 67);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title-ellipsis {\n  overflow: hidden;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra {\n  margin-left: 30px;\n  flex-shrink: 0;\n  white-space: nowrap;\n  text-align: right;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra button + button {\n  margin-left: 16px;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-content {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n  word-wrap: break-word;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-footer {\n  display: flex;\n  align-items: center;\n  flex: none;\n  padding: 16px 24px;\n  font-size: 16px;\n  color: rgb(46, 55, 67);\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n\n.panel-motion-enter-start,\n.panel-motion-appear-start,\n.panel-motion-leave-start {\n  transition: none;\n}\n\n.panel-motion-enter-active,\n.panel-motion-appear-active,\n.panel-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active,\n.paraui-v3-drawer-mask-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter,\n.paraui-v3-drawer-mask-motion-appear {\n  opacity: 0;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active {\n  opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave {\n  opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave-active {\n  opacity: 0;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start,\n.paraui-v3-drawer-panel-motion-left-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active,\n.paraui-v3-drawer-panel-motion-left-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start {\n  transform: translateX(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave-active {\n  transform: translateX(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start,\n.paraui-v3-drawer-panel-motion-right-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active,\n.paraui-v3-drawer-panel-motion-right-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start {\n  transform: translateX(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave-active {\n  transform: translateX(100%);\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start,\n.paraui-v3-drawer-panel-motion-top-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active,\n.paraui-v3-drawer-panel-motion-top-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start {\n  transform: translateY(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave-active {\n  transform: translateY(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start,\n.paraui-v3-drawer-panel-motion-bottom-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active,\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start {\n  transform: translateY(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n  transform: translateY(100%);\n}";
-styleInject(css_248z);
-
-//drawer 抽屉
-var Drawer = function Drawer(props) {
-  props.className;
-    var onClose = props.onClose,
-    _props$destroyOnClose = props.destroyOnClose,
-    destroyOnClose = _props$destroyOnClose === void 0 ? false : _props$destroyOnClose,
-    style = props.style,
-    title = props.title,
-    extra = props.extra,
-    _props$showExtra = props.showExtra,
-    showExtra = _props$showExtra === void 0 ? true : _props$showExtra,
-    footer = props.footer,
-    children = props.children,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    onOk = props.onOk,
-    onCancel = props.onCancel,
-    afterVisibleChange = props.afterVisibleChange,
-    okButtonProps = props.okButtonProps,
-    cancelButtonProps = props.cancelButtonProps,
-    _props$push = props.push,
-    push = _props$push === void 0 ? {
-      distance: 180
-    } : _props$push,
-    restProps = __rest(props, ["className", "onClose", "destroyOnClose", "style", "title", "extra", "showExtra", "footer", "children", "size", "onOk", "onCancel", "afterVisibleChange", "okButtonProps", "cancelButtonProps", "push"]);
-  var intl = useFormatMessage('Drawer', localeJson);
-  var _React$useState = React__default.useState(0),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    setRefresh = _React$useState2[1];
-  var destroyCloseRef = React__default.useRef(false); //销毁标识
-  var timerRef = React__default.useRef();
-  React__default.useEffect(function () {
-    return function () {
-      // 销毁时销毁timer
-      if (!timerRef.current) return;
-      clearTimeout(timerRef.current);
-      timerRef.current = null;
-    };
-  }, []);
-  //设置drawer width、height
-  var getOffsetStyle = function getOffsetStyle() {
-    if (!props.open) {
-      return {};
-    }
-    var sizeMap = {
-      large: '1008px',
-      medium: '608px',
-      small: '400px'
-    };
-    var offsetStyle = {};
-    if (props.placement === 'left' || props.placement === 'right') {
-      var defaultWidth = sizeMap[size];
-      if (size !== 'auto') {
-        offsetStyle.width = props.width === undefined ? defaultWidth : props.width;
-      }
-    } else {
-      var defaultHeight = size === 'large' ? 736 : 378;
-      if (size !== 'auto') {
-        offsetStyle.height = props.height === undefined ? defaultHeight : props.height;
-      }
-    }
-    return offsetStyle;
-  };
-  //关闭回调
-  var handleClose = function handleClose(e) {
-    onClose === null || onClose === void 0 ? void 0 : onClose(e);
-  };
-  //确定回调
-  var handleOk = function handleOk() {
-    onOk === null || onOk === void 0 ? void 0 : onOk();
-  };
-  //取消回调
-  var handleCancel = function handleCancel() {
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  };
-  var handleTitle = function handleTitle(title) {
-    if (typeof title === 'string') {
-      return jsx("div", Object.assign({
-        className: 'drawer-header-title drawer-header-title-ellipsis'
-      }, {
-        children: jsx(AutoTips, {
-          children: title
-        })
-      }));
-    }
-    return jsx("div", Object.assign({
-      className: 'drawer-header-title'
-    }, {
-      children: title
-    }));
-  };
-  //标题节点
-  var titleNode = jsxs("div", Object.assign({
-    className: 'drawer-body-header'
-  }, {
-    children: [jsx(Fragment, {
-      children: handleTitle(title)
-    }), showExtra && jsx(Fragment, {
-      children: jsx("div", Object.assign({
-        className: 'drawer-header-extra'
-      }, {
-        children: extra || jsxs(Fragment, {
-          children: [jsx(Button, Object.assign({
-            variant: "outlined",
-            size: "medium",
-            onClick: handleCancel
-          }, cancelButtonProps, {
-            children: (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children) || intl({
-              id: 'cancel'
-            })
-          })), jsx(Button, Object.assign({
-            variant: "contained",
-            size: "medium",
-            onClick: handleOk
-          }, okButtonProps, {
-            children: (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.children) || intl({
-              id: 'ok'
-            })
-          }))]
-        })
-      }))
-    })]
-  }));
-  //渲染内容
-  var renderContent = function renderContent() {
-    if (!title && !footer) return children;
-    return jsxs("div", Object.assign({
-      className: 'drawer-content-body'
-    }, {
-      children: [title && titleNode, jsx("div", Object.assign({
-        className: 'drawer-body-content'
-      }, {
-        children: children
-      })), footer && jsx("div", Object.assign({
-        className: 'drawer-body-footer'
-      }, {
-        children: footer
-      }))]
-    }));
-  };
-  if (destroyCloseRef.current) {
-    destroyCloseRef.current = false;
-    return null;
-  }
-  var maskMotion = {
-    motionName: $prefixCls + '-drawer-mask-motion',
-    motionAppear: true,
-    motionEnter: true,
-    motionLeave: true,
-    motionDeadline: 100
-  };
-  var panelMotion = function panelMotion(motionPlacement) {
-    return {
-      motionName: $prefixCls + "-drawer-panel-motion-".concat(motionPlacement),
-      motionAppear: true,
-      motionEnter: true,
-      motionLeave: true,
-      motionDeadline: 100
-    };
-  };
-  return jsx(RcDrawer, Object.assign({}, restProps, getOffsetStyle(), {
-    style: style,
-    maskMotion: maskMotion,
-    motion: panelMotion,
-    push: push,
-    prefixCls: "".concat($prefixCls, "-drawer"),
-    rootClassName: props.className,
-    onClose: handleClose,
-    afterOpenChange: function afterOpenChange(open) {
-      if (open) {
-        destroyCloseRef.current = false;
-      } else if (destroyOnClose) {
-        destroyCloseRef.current = true;
-        timerRef.current = setTimeout(function () {
-          setRefresh(Math.random());
-        }, 300);
-      }
-      afterVisibleChange === null || afterVisibleChange === void 0 ? void 0 : afterVisibleChange(open);
-    }
-  }, {
-    children: renderContent()
-  }));
-};
-Drawer.defaultProps = {
-  level: null,
-  handler: false,
-  showMask: true,
-  placement: 'right'
-};
-
-export { Drawer, Drawer as default };

package/Drawer/interface.d.ts

@@ -1,92 +0,0 @@
-import React from "react";
-import { ButtonProps } from "../Button";
-/**
- * @author Hanz
- * @date 2021/11/8 下午3:07
- * @description
- */
-type GetContainer = string | HTMLElement | (() => HTMLElement) | false;
-type ILevelMove = number | [number, number];
-type IPlacement = 'left' | 'top' | 'right' | 'bottom';
-export interface DrawerProps {
-    /** 类名 */
-    className?: string;
-    /** 宽度 */
-    width?: string | number;
-    /** 高度 */
-    height?: string | number;
-    /** 打开 */
-    open?: boolean;
-    /** 默认打开 */
-    defaultOpen?: boolean;
-    /** handler elemenet */
-    handler?: React.ReactElement | null | false;
-    /** 抽屉的方向 */
-    placement?: IPlacement;
-    /** 预设抽屉宽度（或高度），large 1008px, medium 608px,small 400px */
-    size?: 'small' | 'medium' | 'large' | 'auto';
-    /** 层级元素 */
-    level?: null | string | string[];
-    /** 层级移动值 */
-    levelMove?: ILevelMove | ((e: {
-        target: HTMLElement;
-        open: boolean;
-    }) => ILevelMove);
-    /** 层级动画时间 */
-    duration?: string;
-    /** 层级动画曲线 */
-    ease?: string;
-    /** 是否显示遮罩 */
-    showMask?: boolean;
-    /** 点击遮罩是否可关闭 */
-    maskClosable?: boolean;
-    /** 遮罩样式 */
-    maskStyle?: React.CSSProperties;
-    style?: React.CSSProperties;
-    /** 变化时回调 */
-    onChange?: (open: boolean) => void;
-    /** transition end 回调 */
-    afterVisibleChange?: (open: boolean) => void;
-    /** handle 点击*/
-    onHandleClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    /** 关闭时回调 */
-    onClose?: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    /** 是否支持键盘 esc 关闭 */
-    keyboard?: boolean;
-    /** 内容包裹样式 */
-    contentWrapperStyle?: React.CSSProperties;
-    /** 是否获得焦点 */
-    autoFocus?: boolean;
-    /** 包裹类名 */
-    wrapperClassName?: string;
-    /** 预渲染 Drawer 内元素 */
-    forceRender?: boolean;
-    /** 获得挂载节点 */
-    getContainer?: GetContainer;
-    /** 关闭时销毁 */
-    destroyOnClose?: boolean;
-    /** 标题 */
-    title?: React.ReactNode;
-    /** 抽屉右上角的操作区域 */
-    extra?: React.ReactNode;
-    /** 抽屉底部区域 */
-    footer?: React.ReactNode;
-    /** 是否显示右上角的操作区域 默认true */
-    showExtra?: boolean;
-    /** 内容节点 */
-    children?: React.ReactNode;
-    /** 确定回调 */
-    onOk?: () => void;
-    /** 取消回调 */
-    onCancel?: () => void;
-    /** 确定按钮属性*/
-    okButtonProps?: ButtonProps;
-    /** 取消按钮属性*/
-    cancelButtonProps?: ButtonProps;
-    /** 设置多层抽屉的推动行为  默认值 { distance: 180 }*/
-    push?: boolean | {
-        distance: string | number;
-    };
-    [name: string]: any;
-}
-export {};

package/Drawer/lang/en_US.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    cancel: string;
-    ok: string;
-};
-export default _default;

package/Drawer/lang/index.d.ts

@@ -1,11 +0,0 @@
-declare const _default: {
-    zh: {
-        cancel: string;
-        ok: string;
-    };
-    en: {
-        cancel: string;
-        ok: string;
-    };
-};
-export default _default;

package/Drawer/lang/zh_CN.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    cancel: string;
-    ok: string;
-};
-export default _default;

package/Dropdown/index.d.ts

@@ -1,40 +0,0 @@
-/**
- * @author Hanz
- * @date 2022/5/27 上午10:30
- * @description dropdown
- */
-import React, { FC } from 'react';
-import './index.scss';
-export type Placement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight";
-export interface DropdownProps {
-    /** 触发下拉的行为 */
-    trigger?: ('click' | 'hover' | 'contextMenu')[];
-    /** 菜单 */
-    overlay?: React.ReactElement | (() => React.ReactElement);
-    /** 菜单切换时回调 */
-    onVisibleChange?: (visible: boolean) => void;
-    /** 菜单是否显示 */
-    visible?: boolean;
-    /** 关闭时是否销毁Dropdown */
-    destroyPopupOnHide?: boolean;
-    /** 浮层渲染容器，默认body */
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    /** 菜单弹出位置 */
-    placement?: Placement;
-    /** 菜单classname */
-    overlayClassName?: string;
-    /** 菜单style */
-    overlayStyle?: React.CSSProperties;
-    /** 强制渲染 */
-    forceRender?: boolean;
-    /** 鼠标进入延迟时间 */
-    mouseEnterDelay?: number;
-    /** 鼠标移出延迟时间 */
-    mouseLeaveDelay?: number;
-    /** 子节点 */
-    children: React.ReactElement;
-    /** 关闭时是否把弹框定位至屏幕之外，隔离dom污染，默认false */
-    isolationPopupOnHide?: boolean;
-}
-export declare const Dropdown: FC<DropdownProps>;
-export default Dropdown;

package/Dropdown/index.js

@@ -1,10 +0,0 @@
-import 'react/jsx-runtime';
-import 'react';
-import 'rc-dropdown';
-import '../_verture/constant-66aa48a1.js';
-import '../_verture/usePopupContainer-87febeb9.js';
-import 'clsx';
-export { D as Dropdown, D as default } from '../_verture/index-77f9e0fb.js';
-import '@paraview/lib';
-import 'dayjs';
-import '../_verture/style-inject.es-300983ab.js';

package/DynamicMultiBox/formItem.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { IConfig, IErrors, IValueList } from "./interface";
-export type IFormItem = {
-    /** 表单值集合*/
-    valueList?: IValueList[];
-    /** 错误集合*/
-    errors?: IErrors[];
-    /**回调 */
-    onChange?: (id: string, value: any) => void;
-    /** 渲染数据*/
-    formItemProps?: IConfig;
-};
-declare const FormItem: (props: IFormItem) => JSX.Element;
-export default FormItem;

package/DynamicMultiBox/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { IMultiValueProps } from './interface';
-import './index.scss';
-declare const DynamicMultiBox: (props: IMultiValueProps) => JSX.Element;
-export default DynamicMultiBox;