acud 1.2.17 → 1.2.18

package/es/upload/UploadList/ListItem.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 /*
  * upload 上传
  * author zhousheng
@@ -19,43 +18,39 @@ import Progress from '../../progress';
 import { ConfigContext } from '../../config-provider';
 var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _classNames3;
-
   var prefixCls = _ref.prefixCls,
-      className = _ref.className,
-      style = _ref.style,
-      locale = _ref.locale,
-      listType = _ref.listType,
-      file = _ref.file,
-      items = _ref.items,
-      progressProps = _ref.progress,
-      iconRender = _ref.iconRender,
-      actionIconRender = _ref.actionIconRender,
-      itemRender = _ref.itemRender,
-      isImgUrl = _ref.isImgUrl,
-      _ref$motionDeadline = _ref.motionDeadline,
-      motionDeadline = _ref$motionDeadline === void 0 ? 2000 : _ref$motionDeadline,
-      showPreviewIcon = _ref.showPreviewIcon,
-      showRemoveIcon = _ref.showRemoveIcon,
-      showDownloadIcon = _ref.showDownloadIcon,
-      internalShowUploadIcon = _ref.showUploadIcon,
-      customRemoveIcon = _ref.removeIcon,
-      customUploadIcon = _ref.uploadIcon,
-      customDownloadIcon = _ref.downloadIcon,
-      onPreview = _ref.onPreview,
-      onDownload = _ref.onDownload,
-      onClose = _ref.onClose,
-      onUpload = _ref.onUpload;
-
-  var _a, _b; // Delay to show the progress bar
-
-
+    className = _ref.className,
+    style = _ref.style,
+    locale = _ref.locale,
+    listType = _ref.listType,
+    file = _ref.file,
+    items = _ref.items,
+    progressProps = _ref.progress,
+    iconRender = _ref.iconRender,
+    actionIconRender = _ref.actionIconRender,
+    itemRender = _ref.itemRender,
+    isImgUrl = _ref.isImgUrl,
+    _ref$motionDeadline = _ref.motionDeadline,
+    motionDeadline = _ref$motionDeadline === void 0 ? 2000 : _ref$motionDeadline,
+    showPreviewIcon = _ref.showPreviewIcon,
+    showRemoveIcon = _ref.showRemoveIcon,
+    showDownloadIcon = _ref.showDownloadIcon,
+    internalShowUploadIcon = _ref.showUploadIcon,
+    customRemoveIcon = _ref.removeIcon,
+    customUploadIcon = _ref.uploadIcon,
+    customDownloadIcon = _ref.downloadIcon,
+    onPreview = _ref.onPreview,
+    onDownload = _ref.onDownload,
+    onClose = _ref.onClose,
+    onUpload = _ref.onUpload;
+  var _a, _b;
+  // Delay to show the progress bar
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      showProgress = _React$useState2[0],
-      setShowProgress = _React$useState2[1];
-
-  var progressRafRef = React.useRef(); // 外部传入的file 无法重传，根据originFileObj来判断是本地选中的
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    showProgress = _React$useState2[0],
+    setShowProgress = _React$useState2[1];
+  var progressRafRef = React.useRef();
+  // 外部传入的file 无法重传，根据originFileObj来判断是本地选中的
   var showUploadIcon = React.useMemo(function () {
     return !!(file === null || file === void 0 ? void 0 : file.originFileObj) && internalShowUploadIcon;
   }, [file, internalShowUploadIcon]);
@@ -66,26 +61,23 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return function () {
       window.clearTimeout(progressRafRef.current);
     };
-  }, []); // This is used for legacy span make scrollHeight the wrong value.
+  }, []);
+  // This is used for legacy span make scrollHeight the wrong value.
   // We will force these to be `display: block` with non `picture-card`
-
   var spanClassName = "".concat(prefixCls, "-span");
   var iconNode = iconRender(file);
   var icon = /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-text-icon")
   }, iconNode);
-
   if (listType === 'picture' || listType === 'picture-card') {
     if (file.status === 'uploading' || !file.thumbUrl && !file.url) {
       var _classNames;
-
       var uploadingClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-list-item-thumbnail"), true), _defineProperty(_classNames, "".concat(prefixCls, "-list-item-file"), file.status !== 'uploading'), _classNames));
       icon = /*#__PURE__*/React.createElement("div", {
         className: uploadingClassName
       }, iconNode);
     } else {
       var _classNames2;
-
       var thumbnail = (isImgUrl === null || isImgUrl === void 0 ? void 0 : isImgUrl(file)) ? /*#__PURE__*/React.createElement("img", {
         src: file.thumbUrl || file.url,
         alt: file.name,
@@ -103,7 +95,6 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }, thumbnail);
     }
   }
-
   var infoUploadingClass = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-list-item"), true), _defineProperty(_classNames3, "".concat(prefixCls, "-list-item-").concat(file.status), true), _defineProperty(_classNames3, "".concat(prefixCls, "-list-item-list-type-").concat(listType), true), _classNames3));
   var linkProps = typeof file.linkProps === 'string' ? JSON.parse(file.linkProps) : file.linkProps;
   var removeIcon = showRemoveIcon ? actionIconRender((typeof customRemoveIcon === 'function' ? customRemoveIcon(file) : customRemoveIcon) || (listType === 'text' ? /*#__PURE__*/React.createElement(OutlinedClose, {
@@ -115,8 +106,8 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, prefixCls, locale.removeFile) : null;
   var downloadIcon = showDownloadIcon ? actionIconRender((typeof customDownloadIcon === 'function' ? customDownloadIcon(file) : customDownloadIcon) || /*#__PURE__*/React.createElement(DownloadOutlined, null), function () {
     return onDownload(file);
-  }, prefixCls, locale.downloadFile) : null; // 下载icon
-
+  }, prefixCls, locale.downloadFile) : null;
+  // 下载icon
   var downloadOrDelete = listType !== 'picture-card' && /*#__PURE__*/React.createElement("span", {
     key: "download-delete",
     className: classNames("".concat(prefixCls, "-list-item-card-actions"), {
@@ -146,8 +137,8 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var previewStyle = {
     pointerEvents: 'none',
     opacity: 0.5
-  }; // 预览icon
-
+  };
+  // 预览icon
   var previewIcon = showPreviewIcon ? /*#__PURE__*/React.createElement("a", {
     href: file.url || file.thumbUrl,
     target: "_blank",
@@ -157,8 +148,8 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return onPreview(file, e);
     },
     title: locale.previewFile
-  }, /*#__PURE__*/React.createElement(EyeOutlined, null)) : null; // 上传icon
-
+  }, /*#__PURE__*/React.createElement(EyeOutlined, null)) : null;
+  // 上传icon
   var uploadIcon = showUploadIcon ? actionIconRender((typeof customUploadIcon === 'function' ? customUploadIcon(file) : customUploadIcon) || /*#__PURE__*/React.createElement(OutlinedButtonUpload, null), function () {
     return onUpload(file);
   }, prefixCls, locale.uploadFile) : null;
@@ -166,20 +157,16 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "".concat(prefixCls, "-list-item-actions")
   }, file.status === 'done' && previewIcon, file.status === 'done' && downloadIcon, ['error', 'done'].includes(file.status) && uploadIcon, removeIcon);
   var message;
-
   if (file.response && typeof file.response === 'string') {
     message = file.response;
   } else {
     message = ((_a = file.error) === null || _a === void 0 ? void 0 : _a.statusText) || ((_b = file.error) === null || _b === void 0 ? void 0 : _b.message) || locale.uploadError;
   }
-
   var iconAndPreview = /*#__PURE__*/React.createElement("span", {
     className: spanClassName
   }, icon, preview);
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls;
-
+    getPrefixCls = _React$useContext.getPrefixCls;
   var rootPrefixCls = getPrefixCls();
   var dom = /*#__PURE__*/React.createElement("div", {
     className: infoUploadingClass

package/es/upload/UploadList/index.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
-
 /*
  * upload 上传
  * author zhousheng
@@ -25,96 +24,79 @@ import { ConfigContext } from '../../config-provider';
 import Button from '../../button';
 import useForceUpdate from '../../_util/hooks/useForceUpdate';
 import ListItem from './ListItem';
-
 var listItemMotion = _extends({}, collapseMotion);
-
 delete listItemMotion.onAppearEnd;
 delete listItemMotion.onEnterEnd;
 delete listItemMotion.onLeaveEnd;
-
 var renderIcon = function renderIcon(fileName) {
   var type = getFiletypeByName(fileName);
   var Icon = PaperClipOutlined;
-
   switch (type) {
     case 'image':
       Icon = OutlinedFileImage;
       break;
-
     case 'video':
       Icon = OutlinedFileVideo;
       break;
-
     case 'audio':
       Icon = OutlinedFileMusic;
       break;
-
     case 'zip':
       Icon = OutlinedFileZip;
       break;
-
     default:
       break;
   }
-
   return /*#__PURE__*/React.createElement(Icon, {
     width: 16
   });
 };
-
 var InternalUploadList = function InternalUploadList(_ref, ref) {
   var _classNames;
-
   var listType = _ref.listType,
-      previewFile = _ref.previewFile,
-      onPreview = _ref.onPreview,
-      onDownload = _ref.onDownload,
-      onRemove = _ref.onRemove,
-      onUpload = _ref.onUpload,
-      locale = _ref.locale,
-      iconRender = _ref.iconRender,
-      isImgUrl = _ref.isImageUrl,
-      customizePrefixCls = _ref.prefixCls,
-      _ref$items = _ref.items,
-      items = _ref$items === void 0 ? [] : _ref$items,
-      showPreviewIcon = _ref.showPreviewIcon,
-      showUploadIcon = _ref.showUploadIcon,
-      showRemoveIcon = _ref.showRemoveIcon,
-      showDownloadIcon = _ref.showDownloadIcon,
-      removeIcon = _ref.removeIcon,
-      downloadIcon = _ref.downloadIcon,
-      uploadIcon = _ref.uploadIcon,
-      progress = _ref.progress,
-      _ref$motionDeadline = _ref.motionDeadline,
-      motionDeadline = _ref$motionDeadline === void 0 ? 2000 : _ref$motionDeadline,
-      appendAction = _ref.appendAction,
-      itemRender = _ref.itemRender;
+    previewFile = _ref.previewFile,
+    onPreview = _ref.onPreview,
+    onDownload = _ref.onDownload,
+    onRemove = _ref.onRemove,
+    onUpload = _ref.onUpload,
+    locale = _ref.locale,
+    iconRender = _ref.iconRender,
+    isImgUrl = _ref.isImageUrl,
+    customizePrefixCls = _ref.prefixCls,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    showPreviewIcon = _ref.showPreviewIcon,
+    showUploadIcon = _ref.showUploadIcon,
+    showRemoveIcon = _ref.showRemoveIcon,
+    showDownloadIcon = _ref.showDownloadIcon,
+    removeIcon = _ref.removeIcon,
+    downloadIcon = _ref.downloadIcon,
+    uploadIcon = _ref.uploadIcon,
+    progress = _ref.progress,
+    _ref$motionDeadline = _ref.motionDeadline,
+    motionDeadline = _ref$motionDeadline === void 0 ? 2000 : _ref$motionDeadline,
+    appendAction = _ref.appendAction,
+    itemRender = _ref.itemRender;
   var forceUpdate = useForceUpdate();
-
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      motionAppear = _React$useState2[0],
-      setMotionAppear = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    motionAppear = _React$useState2[0],
+    setMotionAppear = _React$useState2[1];
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction; // ============================= Render =============================
-
-
-  var prefixCls = getPrefixCls('upload', customizePrefixCls); // ============================= Effect =============================
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
+  // ============================= Render =============================
+  var prefixCls = getPrefixCls('upload', customizePrefixCls);
+  // ============================= Effect =============================
   React.useEffect(function () {
     if (listType !== 'picture' && listType !== 'picture-card') {
       return;
     }
-
     (items || []).forEach(function (file) {
       if (typeof document === 'undefined' || typeof window === 'undefined' || !window.FileReader || !window.File || !(file.originFileObj instanceof File || file.originFileObj instanceof Blob) || file.thumbUrl !== undefined) {
         return;
       }
-
       file.thumbUrl = '';
-
       if (previewFile) {
         previewFile(file.originFileObj).then(function (previewDataUrl) {
           // Need append '' to avoid dead loop
@@ -126,17 +108,15 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
   }, [listType, items, previewFile]);
   React.useEffect(function () {
     setMotionAppear(true);
-  }, []); // ============================= Events =============================
-
+  }, []);
+  // ============================= Events =============================
   var onInternalPreview = function onInternalPreview(file, e) {
     if (!onPreview) {
       return;
     }
-
     e === null || e === void 0 ? void 0 : e.preventDefault();
     return onPreview(file);
   };
-
   var onInternalDownload = function onInternalDownload(file) {
     if (typeof onDownload === 'function') {
       onDownload(file);
@@ -144,20 +124,16 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
       window.open(file.url);
     }
   };
-
   var onInternalClose = function onInternalClose(file) {
     onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);
   };
-
   var onInternalUpload = function onInternalUpload(file) {
     onUpload === null || onUpload === void 0 ? void 0 : onUpload(file);
   };
-
   var internalIconRender = function internalIconRender(file) {
     if (iconRender) {
       return iconRender(file, listType);
     }
-
     var isLoading = file.status === 'uploading';
     var fileIcon = isImgUrl && isImgUrl(file) ? /*#__PURE__*/React.createElement(OutlinedPhoto, {
       width: 24
@@ -165,7 +141,6 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
       width: 24
     });
     var icon = renderIcon(file.name || file.fileName);
-
     if (listType === 'picture') {
       icon = isLoading ? /*#__PURE__*/React.createElement(LoadingOutlined, {
         animation: "spin"
@@ -173,10 +148,8 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
     } else if (listType === 'picture-card') {
       icon = isLoading ? "".concat(locale.uploading, "...") : fileIcon;
     }
-
     return icon;
   };
-
   var actionIconRender = function actionIconRender(customIcon, callback, prefixCls, title) {
     var btnProps = {
       type: 'text',
@@ -184,14 +157,12 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
       title: title,
       onClick: function onClick(e) {
         callback();
-
         if (isValidElement(customIcon) && customIcon.props.onClick) {
           customIcon.props.onClick(e);
         }
       },
       className: "".concat(prefixCls, "-list-item-card-actions-btn")
     };
-
     if (isValidElement(customIcon)) {
       var btnIcon = cloneElement(customIcon, _extends(_extends({}, customIcon.props), {
         onClick: function onClick() {}
@@ -200,45 +171,40 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
         icon: btnIcon
       }));
     }
-
     return /*#__PURE__*/React.createElement(Button, btnProps, /*#__PURE__*/React.createElement("span", null, customIcon));
-  }; // ============================== Ref ===============================
+  };
+  // ============================== Ref ===============================
   // Test needs
-
-
   React.useImperativeHandle(ref, function () {
     return {
       handlePreview: onInternalPreview,
       handleDownload: onInternalDownload
     };
-  }); // >>> Motion config
-
+  });
+  // >>> Motion config
   var motionKeyList = _toConsumableArray(items.map(function (file) {
     return {
       key: file.uid,
       file: file
     };
   }));
-
-  var animationDirection = listType === 'picture-card' ? 'animate-inline' : 'animate'; // const transitionName = list.length === 0 ? '' : `${prefixCls}-${animationDirection}`;
-
+  var animationDirection = listType === 'picture-card' ? 'animate-inline' : 'animate';
+  // const transitionName = list.length === 0 ? '' : `${prefixCls}-${animationDirection}`;
   var motionConfig = {
     motionDeadline: motionDeadline,
     motionName: "".concat(prefixCls, "-").concat(animationDirection),
     keys: motionKeyList,
     motionAppear: motionAppear
   };
-
   if (listType !== 'picture-card') {
     motionConfig = _extends(_extends({}, listItemMotion), motionConfig);
   }
-
   var listClassNames = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-list"), true), _defineProperty(_classNames, "".concat(prefixCls, "-list-").concat(listType), true), _defineProperty(_classNames, "".concat(prefixCls, "-list-rtl"), direction === 'rtl'), _classNames));
   return /*#__PURE__*/React.createElement("div", {
     className: listClassNames
   }, appendAction && /*#__PURE__*/React.createElement(CSSMotion, motionConfig, function (_ref2) {
     var motionClassName = _ref2.className,
-        motionStyle = _ref2.style;
+      motionStyle = _ref2.style;
     return cloneElement(appendAction, function (oriProps) {
       return {
         className: classNames(oriProps.className, motionClassName),
@@ -249,9 +215,9 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
     component: false
   }), function (_ref3) {
     var key = _ref3.key,
-        file = _ref3.file,
-        motionClassName = _ref3.className,
-        motionStyle = _ref3.style;
+      file = _ref3.file,
+      motionClassName = _ref3.className,
+      motionStyle = _ref3.style;
     return /*#__PURE__*/React.createElement(ListItem, {
       key: key,
       locale: locale,
@@ -281,12 +247,12 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
     });
   }));
 };
-
 var UploadList = /*#__PURE__*/React.forwardRef(InternalUploadList);
 UploadList.displayName = 'UploadList';
 UploadList.defaultProps = {
   listType: 'text',
-  progress: {// strokeWidth: 4,
+  progress: {
+    // strokeWidth: 4,
     // showInfo: false
   },
   showUploadIcon: true,

package/es/upload/interface.d.ts

@@ -4,7 +4,7 @@ import { ProgressProps } from '../progress';
 export interface RcFile extends OriRcFile {
     readonly lastModifiedDate: Date;
 }
-export declare type UploadFileStatus = 'error' | 'success' | 'done' | 'uploading' | 'removed';
+export type UploadFileStatus = 'error' | 'success' | 'done' | 'uploading' | 'removed';
 export interface HttpRequestHeader {
     [key: string]: string;
 }
@@ -54,18 +54,18 @@ export interface UploadLocale {
     uploadError?: string;
     previewFile?: string;
 }
-export declare type UploadType = 'drag' | 'select';
-export declare type UploadListType = 'text' | 'picture' | 'picture-card';
-export declare type UploadListProgressProps = Omit<ProgressProps, 'percent' | 'type'>;
-export declare type ItemRender<T = any> = (originNode: React.ReactElement, file: UploadFile, fileList: Array<UploadFile<T>>, actions: {
+export type UploadType = 'drag' | 'select';
+export type UploadListType = 'text' | 'picture' | 'picture-card';
+export type UploadListProgressProps = Omit<ProgressProps, 'percent' | 'type'>;
+export type ItemRender<T = any> = (originNode: React.ReactElement, file: UploadFile, fileList: Array<UploadFile<T>>, actions: {
     download: () => void;
     preview: () => void;
     remove: () => void;
     upload: () => void;
 }) => React.ReactNode;
-declare type PreviewFileHandler = (file: File | Blob) => PromiseLike<string>;
-declare type TransformFileHandler = (file: RcFile) => string | Blob | File | PromiseLike<string | Blob | File>;
-declare type BeforeUploadValueType = void | boolean | string | Blob | File;
+type PreviewFileHandler = (file: File | Blob) => PromiseLike<string>;
+type TransformFileHandler = (file: RcFile) => string | Blob | File | PromiseLike<string | Blob | File>;
+type BeforeUploadValueType = void | boolean | string | Blob | File;
 export interface UploadProps<T = any> {
     type?: UploadType;
     name?: string;

package/es/upload/style/css.js

@@ -1,6 +1,6 @@
 import '../../style/index.css';
-import './index.css'; // style dependencies
-
+import './index.css';
+// style dependencies
 import '../../button/style/css';
 import '../../progress/style/css';
 import '../../tooltip/style/css';

package/es/upload/style/index.css

@@ -624,19 +624,15 @@
 .acud-upload-list .acud-upload-animate-inline-appear,
 .acud-upload-list .acud-upload-animate-inline-enter,
 .acud-upload-list .acud-upload-animate-inline-leave {
-  -webkit-animation-duration: 0.3s;
-          animation-duration: 0.3s;
-  -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
-          animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
+  animation-duration: 0.3s;
+  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
 }
 .acud-upload-list .acud-upload-animate-inline-appear,
 .acud-upload-list .acud-upload-animate-inline-enter {
-  -webkit-animation-name: uploadAnimateInlineIn;
-          animation-name: uploadAnimateInlineIn;
+  animation-name: uploadAnimateInlineIn;
 }
 .acud-upload-list .acud-upload-animate-inline-leave {
-  -webkit-animation-name: uploadAnimateInlineOut;
-          animation-name: uploadAnimateInlineOut;
+  animation-name: uploadAnimateInlineOut;
 }
 .acud-upload-list .error-tooltip .acud-tooltip-inner {
   color: #F33E3E;
@@ -645,15 +641,6 @@
   margin-right: 0;
   padding-right: 0;
 }
-@-webkit-keyframes uploadAnimateInlineIn {
-  from {
-    width: 0;
-    height: 0;
-    margin: 0;
-    padding: 0;
-    opacity: 0;
-  }
-}
 @keyframes uploadAnimateInlineIn {
   from {
     width: 0;
@@ -663,15 +650,6 @@
     opacity: 0;
   }
 }
-@-webkit-keyframes uploadAnimateInlineOut {
-  to {
-    width: 0;
-    height: 0;
-    margin: 0;
-    padding: 0;
-    opacity: 0;
-  }
-}
 @keyframes uploadAnimateInlineOut {
   to {
     width: 0;

package/es/upload/style/index.js

@@ -1,6 +1,6 @@
 import '../../style/index.less';
-import './index.less'; // style dependencies
-
+import './index.less';
+// style dependencies
 import '../../button/style';
 import '../../progress/style';
 import '../../tooltip/style';