acud 1.2.17 → 1.2.18

package/lib/tabs/src/hooks/useTouchMove.js

@@ -1,68 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useTouchMove;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var MIN_SWIPE_DISTANCE = 0.1;
 var STOP_SWIPE_DISTANCE = 0.01;
 var REFRESH_INTERVAL = 20;
-var SPEED_OFF_MULTIPLE = Math.pow(0.995, REFRESH_INTERVAL); // ================================= Hook =================================
-
+var SPEED_OFF_MULTIPLE = Math.pow(0.995, REFRESH_INTERVAL);
+// ================================= Hook =================================
 function useTouchMove(ref, onOffset) {
   var _useState = (0, React.useState)(),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      touchPosition = _useState2[0],
-      setTouchPosition = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    touchPosition = _useState2[0],
+    setTouchPosition = _useState2[1];
   var _useState3 = (0, React.useState)(0),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      lastTimestamp = _useState4[0],
-      setLastTimestamp = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    lastTimestamp = _useState4[0],
+    setLastTimestamp = _useState4[1];
   var _useState5 = (0, React.useState)(0),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      lastTimeDiff = _useState6[0],
-      setLastTimeDiff = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    lastTimeDiff = _useState6[0],
+    setLastTimeDiff = _useState6[1];
   var _useState7 = (0, React.useState)(),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      lastOffset = _useState8[0],
-      setLastOffset = _useState8[1];
-
-  var motionRef = (0, React.useRef)(); // ========================= Events =========================
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    lastOffset = _useState8[0],
+    setLastOffset = _useState8[1];
+  var motionRef = (0, React.useRef)();
+  // ========================= Events =========================
   // >>> Touch events
-
   function onTouchStart(e) {
     var _e$touches$ = e.touches[0],
-        screenX = _e$touches$.screenX,
-        screenY = _e$touches$.screenY;
+      screenX = _e$touches$.screenX,
+      screenY = _e$touches$.screenY;
     setTouchPosition({
       x: screenX,
       y: screenY
     });
     window.clearInterval(motionRef.current);
   }
-
   function onTouchMove(e) {
     if (!touchPosition) return;
     e.preventDefault();
     var _e$touches$2 = e.touches[0],
-        screenX = _e$touches$2.screenX,
-        screenY = _e$touches$2.screenY;
+      screenX = _e$touches$2.screenX,
+      screenY = _e$touches$2.screenY;
     setTouchPosition({
       x: screenX,
       y: screenY
@@ -78,18 +66,17 @@ function useTouchMove(ref, onOffset) {
       y: offsetY
     });
   }
-
   function onTouchEnd() {
     if (!touchPosition) return;
     setTouchPosition(null);
-    setLastOffset(null); // Swipe if needed
-
+    setLastOffset(null);
+    // Swipe if needed
     if (lastOffset) {
       var distanceX = lastOffset.x / lastTimeDiff;
       var distanceY = lastOffset.y / lastTimeDiff;
       var absX = Math.abs(distanceX);
-      var absY = Math.abs(distanceY); // Skip swipe if low distance
-
+      var absY = Math.abs(distanceY);
+      // Skip swipe if low distance
       if (Math.max(absX, absY) < MIN_SWIPE_DISTANCE) return;
       var currentX = distanceX;
       var currentY = distanceY;
@@ -98,25 +85,21 @@ function useTouchMove(ref, onOffset) {
           window.clearInterval(motionRef.current);
           return;
         }
-
         currentX *= SPEED_OFF_MULTIPLE;
         currentY *= SPEED_OFF_MULTIPLE;
         onOffset(currentX * REFRESH_INTERVAL, currentY * REFRESH_INTERVAL);
       }, REFRESH_INTERVAL);
     }
-  } // >>> Wheel event
-
-
+  }
+  // >>> Wheel event
   var lastWheelDirectionRef = (0, React.useRef)();
-
   function onWheel(e) {
     var deltaX = e.deltaX,
-        deltaY = e.deltaY; // Convert both to x & y since wheel only happened on PC
-
+      deltaY = e.deltaY;
+    // Convert both to x & y since wheel only happened on PC
     var mixed = 0;
     var absX = Math.abs(deltaX);
     var absY = Math.abs(deltaY);
-
     if (absX === absY) {
       mixed = lastWheelDirectionRef.current === 'x' ? deltaX : deltaY;
     } else if (absX > absY) {
@@ -126,13 +109,11 @@ function useTouchMove(ref, onOffset) {
       mixed = deltaY;
       lastWheelDirectionRef.current = 'y';
     }
-
     if (onOffset(-mixed, -mixed)) {
       e.preventDefault();
     }
-  } // ========================= Effect =========================
-
-
+  }
+  // ========================= Effect =========================
   var touchEventsRef = (0, React.useRef)(null);
   touchEventsRef.current = {
     onTouchStart: onTouchStart,
@@ -144,26 +125,22 @@ function useTouchMove(ref, onOffset) {
     function onProxyTouchStart(e) {
       touchEventsRef.current.onTouchStart(e);
     }
-
     function onProxyTouchMove(e) {
       touchEventsRef.current.onTouchMove(e);
     }
-
     function onProxyTouchEnd(e) {
       touchEventsRef.current.onTouchEnd(e);
     }
-
     function onProxyWheel(e) {
       touchEventsRef.current.onWheel(e);
     }
-
     document.addEventListener('touchmove', onProxyTouchMove, {
       passive: false
     });
     document.addEventListener('touchend', onProxyTouchEnd, {
       passive: false
-    }); // No need to clean up since element removed
-
+    });
+    // No need to clean up since element removed
     ref.current.addEventListener('touchstart', onProxyTouchStart, {
       passive: false
     });

package/lib/tabs/src/hooks/useVisibleRange.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useVisibleRange;
-
 var _react = require("react");
-
 var DEFAULT_SIZE = {
   width: 0,
   height: 0,
@@ -14,15 +12,13 @@ var DEFAULT_SIZE = {
   top: 0,
   right: 0
 };
-
 function useVisibleRange(tabOffsets, containerSize, tabContentNodeSize, addNodeSize, _ref) {
   var tabs = _ref.tabs,
-      tabPosition = _ref.tabPosition,
-      rtl = _ref.rtl;
+    tabPosition = _ref.tabPosition,
+    rtl = _ref.rtl;
   var unit;
   var position;
   var transformSize;
-
   if (['top', 'bottom'].includes(tabPosition)) {
     unit = 'width';
     position = rtl ? 'right' : 'left';
@@ -32,44 +28,34 @@ function useVisibleRange(tabOffsets, containerSize, tabContentNodeSize, addNodeS
     position = 'top';
     transformSize = -containerSize.top;
   }
-
   var basicSize = containerSize[unit];
   var tabContentSize = tabContentNodeSize[unit];
   var addSize = addNodeSize[unit];
   var mergedBasicSize = basicSize;
-
   if (tabContentSize + addSize > basicSize) {
     mergedBasicSize = basicSize - addSize;
   }
-
   return (0, _react.useMemo)(function () {
     if (!tabs.length) {
       return [0, 0];
     }
-
     var len = tabs.length;
     var endIndex = len;
-
     for (var i = 0; i < len; i += 1) {
       var offset = tabOffsets.get(tabs[i].key) || DEFAULT_SIZE;
-
       if (offset[position] + offset[unit] > transformSize + mergedBasicSize) {
         endIndex = i - 1;
         break;
       }
     }
-
     var startIndex = 0;
-
     for (var _i = len - 1; _i >= 0; _i -= 1) {
       var _offset = tabOffsets.get(tabs[_i].key) || DEFAULT_SIZE;
-
       if (_offset[position] < transformSize) {
         startIndex = _i + 1;
         break;
       }
     }
-
     return [startIndex, endIndex];
   }, [tabOffsets, transformSize, mergedBasicSize, tabPosition, tabs.map(function (tab) {
     return tab.key;

package/lib/tabs/src/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,10 +11,7 @@ Object.defineProperty(exports, "TabPane", {
   }
 });
 exports["default"] = void 0;
-
 var _Tabs = _interopRequireDefault(require("./Tabs"));
-
 var _TabPane = _interopRequireDefault(require("./TabPanelList/TabPane"));
-
 var _default = _Tabs["default"];
 exports["default"] = _default;

package/lib/tabs/src/interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { TabPaneProps } from './TabPanelList/TabPane';
-export declare type TabSizeMap = Map<React.Key, {
+export type TabSizeMap = Map<React.Key, {
     width: number;
     height: number;
     left: number;
@@ -13,14 +13,14 @@ export interface TabOffset {
     right: number;
     top: number;
 }
-export declare type TabOffsetMap = Map<React.Key, TabOffset>;
-export declare type TabPosition = 'left' | 'right' | 'top' | 'bottom';
+export type TabOffsetMap = Map<React.Key, TabOffset>;
+export type TabPosition = 'left' | 'right' | 'top' | 'bottom';
 export interface Tab extends TabPaneProps {
     key: string;
     node: React.ReactElement;
     max?: number;
 }
-export declare type RenderTabBar = (props: any, DefaultTabBar: React.ComponentType) => React.ReactElement;
+export type RenderTabBar = (props: any, DefaultTabBar: React.ComponentType) => React.ReactElement;
 export interface TabsLocale {
     dropdownAriaLabel?: string;
     removeAriaLabel?: string;
@@ -39,9 +39,9 @@ export interface AnimatedConfig {
     inkBar?: boolean;
     tabPane?: boolean;
 }
-export declare type OnTabScroll = (info: {
+export type OnTabScroll = (info: {
     direction: 'left' | 'right' | 'top' | 'bottom';
 }) => void;
-export declare type TabBarExtraPosition = 'left' | 'right';
-export declare type TabBarExtraMap = Partial<Record<TabBarExtraPosition, React.ReactNode>>;
-export declare type TabBarExtraContent = React.ReactNode | TabBarExtraMap;
+export type TabBarExtraPosition = 'left' | 'right';
+export type TabBarExtraMap = Partial<Record<TabBarExtraPosition, React.ReactNode>>;
+export type TabBarExtraContent = React.ReactNode | TabBarExtraMap;

package/lib/tabs/style/css.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../style/index.css");
-
 require("./index.css");

package/lib/tabs/style/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../style/index.less");
-
 require("./index.less");

package/lib/tabs/tabs.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { TabsProps as RcTabsProps, TabPaneProps } from './src';
 import { SizeType } from '../config-provider/SizeContext';
-export declare type TabsType = 'line' | 'card' | 'editable-card';
-export declare type TabsPosition = 'top' | 'right' | 'bottom' | 'left';
+export type TabsType = 'line' | 'card' | 'editable-card';
+export type TabsPosition = 'top' | 'right' | 'bottom' | 'left';
 export { TabPaneProps };
 export interface TabsProps extends Omit<RcTabsProps, 'editable'> {
     type?: TabsType;
@@ -12,7 +12,7 @@ export interface TabsProps extends Omit<RcTabsProps, 'editable'> {
     addIcon?: React.ReactNode;
     onEdit?: (e: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => void;
 }
-declare function Tabs({ type, className, size: propSize, onEdit, hideAdd, centered, addIcon, ...props }: TabsProps): JSX.Element;
+declare function Tabs({ type, className, size: propSize, onEdit, hideAdd, centered, addIcon, ...props }: TabsProps): React.JSX.Element;
 declare namespace Tabs {
     var TabPane: typeof import("./src").TabPane;
 }

package/lib/tabs/tabs.js

@@ -1,74 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _src = _interopRequireWildcard(require("./src"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _OutlinedPlus = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedPlus"));
-
 var _OutlinedCloseSmall = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedCloseSmall"));
-
 var _devWarning = _interopRequireDefault(require("../_util/devWarning"));
-
 var _configProvider = require("../config-provider");
-
 var _SizeContext = _interopRequireDefault(require("../config-provider/SizeContext"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 function Tabs(_a) {
   var type = _a.type,
-      className = _a.className,
-      propSize = _a.size,
-      _onEdit = _a.onEdit,
-      hideAdd = _a.hideAdd,
-      centered = _a.centered,
-      addIcon = _a.addIcon,
-      props = __rest(_a, ["type", "className", "size", "onEdit", "hideAdd", "centered", "addIcon"]);
-
+    className = _a.className,
+    propSize = _a.size,
+    _onEdit = _a.onEdit,
+    hideAdd = _a.hideAdd,
+    centered = _a.centered,
+    addIcon = _a.addIcon,
+    props = __rest(_a, ["type", "className", "size", "onEdit", "hideAdd", "centered", "addIcon"]);
   var customizePrefixCls = props.prefixCls;
-
   var _React$useContext = React.useContext(_configProvider.ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls;
-
+    getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls('tabs', customizePrefixCls);
   var editable;
-
   if (type === 'editable-card') {
     editable = {
       onEdit: function onEdit(editType, _ref) {
         var key = _ref.key,
-            event = _ref.event;
+          event = _ref.event;
         _onEdit === null || _onEdit === void 0 ? void 0 : _onEdit(editType === 'add' ? event : key, editType);
       },
       removeIcon: /*#__PURE__*/React.createElement(_OutlinedCloseSmall["default"], null),
@@ -76,12 +52,10 @@ function Tabs(_a) {
       showAdd: hideAdd !== true
     };
   }
-
   var rootPrefixCls = getPrefixCls();
   (0, _devWarning["default"])(!('onPrevClick' in props) && !('onNextClick' in props), 'Tabs', '`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.');
   return /*#__PURE__*/React.createElement(_SizeContext["default"].Consumer, null, function (contextSize) {
     var _classNames;
-
     var size = propSize !== undefined ? propSize : contextSize;
     return /*#__PURE__*/React.createElement(_src["default"], (0, _extends2["default"])({
       moreTransitionName: "".concat(rootPrefixCls, "-slide-up")
@@ -92,7 +66,6 @@ function Tabs(_a) {
     }));
   });
 }
-
 Tabs.TabPane = _src.TabPane;
 var _default = Tabs;
 exports["default"] = _default;

package/lib/tag/CheckableTag.js

@@ -1,59 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _configProvider = require("../config-provider");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var CheckableTag = function CheckableTag(_a) {
   var _classNames;
-
   var customizePrefixCls = _a.prefixCls,
-      className = _a.className,
-      checked = _a.checked,
-      onChange = _a.onChange,
-      onClick = _a.onClick,
-      restProps = __rest(_a, ["prefixCls", "className", "checked", "onChange", "onClick"]);
-
+    className = _a.className,
+    checked = _a.checked,
+    onChange = _a.onChange,
+    onClick = _a.onClick,
+    restProps = __rest(_a, ["prefixCls", "className", "checked", "onChange", "onClick"]);
   var _React$useContext = React.useContext(_configProvider.ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls;
-
+    getPrefixCls = _React$useContext.getPrefixCls;
   var handleClick = function handleClick(e) {
     onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
   };
-
   var prefixCls = getPrefixCls('tag', customizePrefixCls);
   var cls = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-checkable"), !checked), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-checkable-checked"), checked), _classNames), className);
   return /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({}, restProps, {
@@ -61,6 +42,5 @@ var CheckableTag = function CheckableTag(_a) {
     onClick: handleClick
   }));
 };
-
 var _default = CheckableTag;
 exports["default"] = _default;

package/lib/tag/index.d.ts

@@ -4,7 +4,7 @@ import { PresetStatusType } from '../_util/colors';
 import { LiteralUnion, ElementOf } from '../_util/type';
 export { CheckableTagProps } from './CheckableTag';
 export declare const PresetColorTypes: ["red", "orange", "yellow", "grey"];
-export declare type PresetColorType = ElementOf<typeof PresetColorTypes>;
+export type PresetColorType = ElementOf<typeof PresetColorTypes>;
 export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     prefixCls?: string;
     className?: string;