linkmore-design 1.1.32 → 1.1.33

package/lib/Tree/index.js

@@ -1,28 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _Tree = _interopRequireDefault(require("./Tree"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 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];
   }
+
   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 prefixCls = 'lm_tree';
 var LmTree = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
-    rest = __rest(props, ["className"]);
+      rest = __rest(props, ["className"]);
+
   return /*#__PURE__*/_react.default.createElement(_Tree.default, Object.assign({
     ref: ref
   }, rest, {

package/lib/Tree/utils/dictUtil.js

@@ -1,52 +1,67 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calcRangeKeys = calcRangeKeys;
 exports.convertDirectoryKeysToNodes = convertDirectoryKeysToNodes;
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var Record;
+
 (function (Record) {
   Record[Record["None"] = 0] = "None";
   Record[Record["Start"] = 1] = "Start";
   Record[Record["End"] = 2] = "End";
 })(Record || (Record = {}));
+
 function traverseNodesKey(treeData, callback) {
   function processNode(dataNode) {
     var key = dataNode.key,
-      children = dataNode.children;
+        children = dataNode.children;
+
     if (callback(key, dataNode) !== false) {
       traverseNodesKey(children || [], callback);
     }
   }
+
   treeData.forEach(processNode);
 }
 /** 计算选中范围，只考虑expanded情况以优化性能 */
+
+
 function calcRangeKeys(_ref) {
   var treeData = _ref.treeData,
-    expandedKeys = _ref.expandedKeys,
-    startKey = _ref.startKey,
-    endKey = _ref.endKey;
+      expandedKeys = _ref.expandedKeys,
+      startKey = _ref.startKey,
+      endKey = _ref.endKey;
   var keys = [];
   var record = Record.None;
+
   if (startKey && startKey === endKey) {
     return [startKey];
   }
+
   if (!startKey || !endKey) {
     return [];
   }
+
   function matchKey(key) {
     return key === startKey || key === endKey;
   }
+
   traverseNodesKey(treeData, function (key) {
     if (record === Record.End) {
       return false;
     }
+
     if (matchKey(key)) {
       // Match test
       keys.push(key);
+
       if (record === Record.None) {
         record = Record.Start;
       } else if (record === Record.Start) {
@@ -57,22 +72,27 @@ function calcRangeKeys(_ref) {
       // Append selection
       keys.push(key);
     }
+
     if (expandedKeys.indexOf(key) === -1) {
       return false;
     }
+
     return true;
   });
   return keys;
 }
+
 function convertDirectoryKeysToNodes(treeData, keys) {
   var restKeys = (0, _toConsumableArray2.default)(keys);
   var nodes = [];
   traverseNodesKey(treeData, function (key, node) {
     var index = restKeys.indexOf(key);
+
     if (index !== -1) {
       nodes.push(node);
       restKeys.splice(index, 1);
     }
+
     return !!restKeys.length;
   });
   return nodes;

package/lib/Tree/utils/dropIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const offset = 4;
 export default function dropIndicatorRender(props: {
     dropPosition: -1 | 0 | 1;

package/lib/Tree/utils/dropIndicator.js

@@ -1,39 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = dropIndicatorRender;
 exports.offset = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var offset = 4;
 exports.offset = offset;
+
 function dropIndicatorRender(props) {
   var _style;
+
   var dropPosition = props.dropPosition,
-    dropLevelOffset = props.dropLevelOffset,
-    prefixCls = props.prefixCls,
-    indent = props.indent,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'ltr' : _props$direction;
+      dropLevelOffset = props.dropLevelOffset,
+      prefixCls = props.prefixCls,
+      indent = props.indent,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'ltr' : _props$direction;
   var startPosition = direction === 'ltr' ? 'left' : 'right';
   var endPosition = direction === 'ltr' ? 'right' : 'left';
   var style = (_style = {}, (0, _defineProperty2.default)(_style, startPosition, -dropLevelOffset * indent + offset), (0, _defineProperty2.default)(_style, endPosition, 0), _style);
+
   switch (dropPosition) {
     case -1:
       style.top = -3;
       break;
+
     case 1:
       style.bottom = -3;
       break;
+
     default:
       // dropPosition === 0
       style.bottom = -3;
       style[startPosition] = indent + offset;
       break;
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
     className: "".concat(prefixCls, "-drop-indicator")

package/lib/Tree/utils/iconUtil.js

@@ -1,33 +1,49 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = renderSwitcherIcon;
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _CaretDownFilled = _interopRequireDefault(require("@ant-design/icons/CaretDownFilled"));
+
 var _FileOutlined = _interopRequireDefault(require("@ant-design/icons/FileOutlined"));
+
 var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
+
 var _MinusSquareOutlined = _interopRequireDefault(require("@ant-design/icons/MinusSquareOutlined"));
+
 var _PlusSquareOutlined = _interopRequireDefault(require("@ant-design/icons/PlusSquareOutlined"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _reactNode = require("../../_util/reactNode");
+
 function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
   var isLeaf = treeNodeProps.isLeaf,
-    expanded = treeNodeProps.expanded,
-    loading = treeNodeProps.loading;
+      expanded = treeNodeProps.expanded,
+      loading = treeNodeProps.loading;
+
   if (loading) {
     return /*#__PURE__*/React.createElement(_LoadingOutlined.default, {
       className: "".concat(prefixCls, "-switcher-loading-icon")
     });
   }
+
   var showLeafIcon;
+
   if (showLine && (0, _typeof2.default)(showLine) === 'object') {
     showLeafIcon = showLine.showLeafIcon;
   }
+
   if (isLeaf) {
     if (showLine) {
       if ((0, _typeof2.default)(showLine) === 'object' && !showLeafIcon) {
@@ -35,22 +51,28 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
           className: "".concat(prefixCls, "-switcher-leaf-line")
         });
       }
+
       return /*#__PURE__*/React.createElement(_FileOutlined.default, {
         className: "".concat(prefixCls, "-switcher-line-icon")
       });
     }
+
     return null;
   }
+
   var switcherCls = "".concat(prefixCls, "-switcher-icon");
   var switcher = typeof switcherIcon === 'function' ? switcherIcon(treeNodeProps) : switcherIcon;
+
   if ((0, _reactNode.isValidElement)(switcher)) {
     return (0, _reactNode.cloneElement)(switcher, {
       className: (0, _classnames.default)(switcher.props.className || '', switcherCls)
     });
   }
+
   if (switcher) {
     return switcher;
   }
+
   if (showLine) {
     return expanded ? /*#__PURE__*/React.createElement(_MinusSquareOutlined.default, {
       className: "".concat(prefixCls, "-switcher-line-icon")
@@ -58,6 +80,7 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
       className: "".concat(prefixCls, "-switcher-line-icon")
     });
   }
+
   return /*#__PURE__*/React.createElement(_CaretDownFilled.default, {
     className: switcherCls
   });

package/lib/TreeSelect/index.d.ts

@@ -3,6 +3,6 @@ export interface TreeSelectProps extends OriginTreeSelectProps {
     defaultLabel?: string;
     children?: any;
 }
-type TreeSelectType = typeof TreeSelect & typeof TreeSelect.TreeNode;
+declare type TreeSelectType = typeof TreeSelect & typeof TreeSelect.TreeNode;
 declare const LMTreeSelect: TreeSelectType;
 export default LMTreeSelect;

package/lib/TreeSelect/index.js

@@ -1,49 +1,64 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 require("antd/es/tree-select/style");
+
 var _treeSelect = _interopRequireDefault(require("antd/es/tree-select"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
+
 var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
+
 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];
   }
+
   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 CLMTreeSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
-    treeData = props.treeData,
-    value = props.value,
-    defaultLabel = props.defaultLabel,
-    customDisabled = props.disabled,
-    customizeSize = props.size,
-    resetProps = __rest(props
-    // ===================== Disabled =====================
-    , ["children", "treeData", "value", "defaultLabel", "disabled", "size"]);
-  // ===================== Disabled =====================
+      treeData = props.treeData,
+      value = props.value,
+      defaultLabel = props.defaultLabel,
+      customDisabled = props.disabled,
+      customizeSize = props.size,
+      resetProps = __rest(props // ===================== Disabled =====================
+  , ["children", "treeData", "value", "defaultLabel", "disabled", "size"]); // ===================== Disabled =====================
+
+
   var disabled = _react.default.useContext(_DisabledContext.default);
-  var mergedDisabled = customDisabled || disabled;
-  // ===================== size =====================
+
+  var mergedDisabled = customDisabled || disabled; // ===================== size =====================
+
   var size = _react.default.useContext(_SizeContext.default);
+
   var mergeSize = customizeSize || size;
   var deepChildren = (0, _react.useCallback)(function (arr) {
     var flag = false;
+
     _react.default.Children.forEach(arr, function (child) {
       if ( /*#__PURE__*/_react.default.isValidElement(child)) {
         var _child$props = child.props,
-          childValue = _child$props.value,
-          childChildren = _child$props.children;
+            childValue = _child$props.value,
+            childChildren = _child$props.children;
+
         if (!flag) {
           if (childValue === value) {
             flag = true;
@@ -53,13 +68,16 @@ var CLMTreeSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
       }
     });
+
     return flag;
   }, [value]);
   var hasOption = (0, _react.useMemo)(function () {
     var flag = false;
+
     if (children) {
       flag = deepChildren(children);
     }
+
     if (treeData) {
       var deepFind = function deepFind(arr) {
         return arr.some(function (v) {
@@ -67,11 +85,13 @@ var CLMTreeSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           return v.children && deepFind(v.children);
         });
       };
+
       flag = deepFind(treeData);
     }
+
     return flag;
-  }, [children, value, deepChildren]);
-  // 重组value: 传入value但找不到options项时，展示默认label
+  }, [children, value, deepChildren]); // 重组value: 传入value但找不到options项时，展示默认label
+
   var resetValue = (0, _react.useMemo)(function () {
     if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
     return value;

package/lib/Typography/Base/Ellipsis.js

@@ -1,20 +1,29 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+
 var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+
 var React = _interopRequireWildcard(require("react"));
+
 function cuttable(node) {
   var type = (0, _typeof2.default)(node);
   return type === 'string' || type === 'number';
 }
+
 function getNodesLen(nodeList) {
   var totalLen = 0;
   nodeList.forEach(function (node) {
@@ -26,58 +35,70 @@ function getNodesLen(nodeList) {
   });
   return totalLen;
 }
+
 function sliceNodes(nodeList, len) {
   var currLen = 0;
   var currentNodeList = [];
+
   for (var i = 0; i < nodeList.length; i += 1) {
     // Match to return
     if (currLen === len) {
       return currentNodeList;
     }
+
     var node = nodeList[i];
     var canCut = cuttable(node);
     var nodeLen = canCut ? String(node).length : 1;
-    var nextLen = currLen + nodeLen;
-    // Exceed but current not which means we need cut this
+    var nextLen = currLen + nodeLen; // Exceed but current not which means we need cut this
     // This will not happen on validate ReactElement
+
     if (nextLen > len) {
       var restLen = len - currLen;
       currentNodeList.push(String(node).slice(0, restLen));
       return currentNodeList;
     }
+
     currentNodeList.push(node);
     currLen = nextLen;
   }
+
   return nodeList;
 }
+
 var NONE = 0;
 var PREPARE = 1;
 var WALKING = 2;
 var DONE_WITH_ELLIPSIS = 3;
 var DONE_WITHOUT_ELLIPSIS = 4;
+
 var Ellipsis = function Ellipsis(_ref) {
   var enabledMeasure = _ref.enabledMeasure,
-    children = _ref.children,
-    text = _ref.text,
-    width = _ref.width,
-    rows = _ref.rows,
-    onEllipsis = _ref.onEllipsis;
+      children = _ref.children,
+      text = _ref.text,
+      width = _ref.width,
+      rows = _ref.rows,
+      onEllipsis = _ref.onEllipsis;
+
   var _React$useState = React.useState([0, 0, 0]),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    cutLength = _React$useState2[0],
-    setCutLength = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      cutLength = _React$useState2[0],
+      setCutLength = _React$useState2[1];
+
   var _React$useState3 = React.useState(NONE),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    walkingState = _React$useState4[0],
-    setWalkingState = _React$useState4[1];
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      walkingState = _React$useState4[0],
+      setWalkingState = _React$useState4[1];
+
   var _cutLength = (0, _slicedToArray2.default)(cutLength, 3),
-    startLen = _cutLength[0],
-    midLen = _cutLength[1],
-    endLen = _cutLength[2];
+      startLen = _cutLength[0],
+      midLen = _cutLength[1],
+      endLen = _cutLength[2];
+
   var _React$useState5 = React.useState(0),
-    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
-    singleRowHeight = _React$useState6[0],
-    setSingleRowHeight = _React$useState6[1];
+      _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+      singleRowHeight = _React$useState6[0],
+      setSingleRowHeight = _React$useState6[1];
+
   var singleRowRef = React.useRef(null);
   var midRowRef = React.useRef(null);
   var nodeList = React.useMemo(function () {
@@ -90,9 +111,10 @@ var Ellipsis = function Ellipsis(_ref) {
     if (!enabledMeasure || walkingState !== DONE_WITH_ELLIPSIS) {
       return children(nodeList, false);
     }
+
     return children(sliceNodes(nodeList, midLen), midLen < totalLen);
-  }, [enabledMeasure, walkingState, children, nodeList, midLen, totalLen]);
-  // ======================== Walk ========================
+  }, [enabledMeasure, walkingState, children, nodeList, midLen, totalLen]); // ======================== Walk ========================
+
   (0, _useLayoutEffect.default)(function () {
     if (enabledMeasure && width && totalLen) {
       setWalkingState(PREPARE);
@@ -101,17 +123,20 @@ var Ellipsis = function Ellipsis(_ref) {
   }, [enabledMeasure, width, text, totalLen, rows]);
   (0, _useLayoutEffect.default)(function () {
     var _a;
+
     if (walkingState === PREPARE) {
       setSingleRowHeight(((_a = singleRowRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0);
     }
   }, [walkingState]);
   (0, _useLayoutEffect.default)(function () {
     var _a, _b;
+
     if (singleRowHeight) {
       if (walkingState === PREPARE) {
         // Ignore if position is enough
         var midHeight = ((_a = midRowRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
         var maxHeight = rows * singleRowHeight;
+
         if (midHeight <= maxHeight) {
           setWalkingState(DONE_WITHOUT_ELLIPSIS);
           onEllipsis(false);
@@ -121,10 +146,12 @@ var Ellipsis = function Ellipsis(_ref) {
       } else if (walkingState === WALKING) {
         if (startLen !== endLen) {
           var _midHeight = ((_b = midRowRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
+
           var _maxHeight = rows * singleRowHeight;
+
           var nextStartLen = startLen;
-          var nextEndLen = endLen;
-          // We reach the last round
+          var nextEndLen = endLen; // We reach the last round
+
           if (startLen === endLen - 1) {
             nextEndLen = startLen;
           } else if (_midHeight <= _maxHeight) {
@@ -132,6 +159,7 @@ var Ellipsis = function Ellipsis(_ref) {
           } else {
             nextEndLen = midLen;
           }
+
           var nextMidLen = Math.ceil((nextStartLen + nextEndLen) / 2);
           setCutLength([nextStartLen, nextMidLen, nextEndLen]);
         } else {
@@ -140,14 +168,15 @@ var Ellipsis = function Ellipsis(_ref) {
         }
       }
     }
-  }, [walkingState, startLen, endLen, rows, singleRowHeight]);
-  // ======================= Render =======================
+  }, [walkingState, startLen, endLen, rows, singleRowHeight]); // ======================= Render =======================
+
   var measureStyle = {
     width: width,
     whiteSpace: 'normal',
     margin: 0,
     padding: 0
   };
+
   var renderMeasure = function renderMeasure(content, ref, style) {
     return /*#__PURE__*/React.createElement("span", {
       "aria-hidden": true,
@@ -163,17 +192,21 @@ var Ellipsis = function Ellipsis(_ref) {
       }, style)
     }, content);
   };
+
   var renderMeasureSlice = function renderMeasureSlice(len, ref) {
     var sliceNodeList = sliceNodes(nodeList, len);
     return renderMeasure(children(sliceNodeList, true), ref, measureStyle);
   };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, mergedChildren, enabledMeasure && walkingState !== DONE_WITH_ELLIPSIS && walkingState !== DONE_WITHOUT_ELLIPSIS && /*#__PURE__*/React.createElement(React.Fragment, null, renderMeasure('lg', singleRowRef, {
     wordBreak: 'keep-all',
     whiteSpace: 'nowrap'
   }), walkingState === PREPARE ? renderMeasure(children(nodeList, false), midRowRef, measureStyle) : renderMeasureSlice(midLen, midRowRef)));
 };
+
 if (process.env.NODE_ENV !== 'production') {
   Ellipsis.displayName = 'Ellipsis';
 }
+
 var _default = Ellipsis;
 exports.default = _default;

package/lib/Typography/Base/EllipsisTooltip.js

@@ -1,27 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var React = _interopRequireWildcard(require("react"));
+
 var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
+
 var EllipsisTooltip = function EllipsisTooltip(_ref) {
   var enabledEllipsis = _ref.enabledEllipsis,
-    isEllipsis = _ref.isEllipsis,
-    children = _ref.children,
-    tooltipProps = _ref.tooltipProps;
+      isEllipsis = _ref.isEllipsis,
+      children = _ref.children,
+      tooltipProps = _ref.tooltipProps;
+
   if (!(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.title) || !enabledEllipsis) {
     return children;
   }
+
   return /*#__PURE__*/React.createElement(_Tooltip.default, Object.assign({
     visible: isEllipsis ? undefined : false
   }, tooltipProps), children);
 };
+
 if (process.env.NODE_ENV !== 'production') {
   EllipsisTooltip.displayName = 'EllipsisTooltip';
 }
+
 var _default = EllipsisTooltip;
 exports.default = _default;

package/lib/Typography/Base/index.d.ts

@@ -2,7 +2,7 @@ import type { AutoSizeType } from 'rc-textarea/lib/ResizableTextArea';
 import * as React from 'react';
 import type { TooltipProps } from '../../Tooltip';
 import type { TypographyProps } from '../Typography';
-export type BaseType = 'secondary' | 'success' | 'warning' | 'danger';
+export declare type BaseType = 'secondary' | 'success' | 'warning' | 'danger';
 interface CopyConfig {
     text?: string;
     onCopy?: (event?: React.MouseEvent<HTMLDivElement>) => void;