tntd 2.5.8 → 2.5.10

package/lib/input/input.less

@@ -0,0 +1,39 @@
+@input-prefix-cls: ~'@{ant-prefix}-input';
+
+.input-reset-border() {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+  border-radius: 0;
+
+  &:focus {
+    box-shadow: none;
+  }
+}
+
+.@{input-prefix-cls}-outline {
+  .input-reset-border();
+
+  &.@{input-prefix-cls}-password > .@{input-prefix-cls},
+  &.@{input-prefix-cls}-search > .@{input-prefix-cls} {
+    .input-reset-border();
+  }
+
+  &.@{input-prefix-cls}-affix-wrapper {
+    > .@{input-prefix-cls} {
+      .input-reset-border();
+    }
+  }
+
+  &.@{input-prefix-cls}-group-wrapper {
+    > .@{input-prefix-cls}-group {
+      > .@{input-prefix-cls} {
+        .input-reset-border();
+      }
+
+      > .@{input-prefix-cls}-group-addon {
+        .input-reset-border();
+      }
+    }
+  }
+}

package/lib/input-number/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input-number/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,wEAA8C;AAE9C,sCAAmC;AAEnC,uDAAoC;AAEpC,kBAAe,sBAAW,CAAA","sourcesContent":["import InputNumber from 'antd/lib/input-number'\n\nimport 'antd/lib/input-number/style'\n\nexport * from 'antd/lib/input-number'\n\nexport default InputNumber\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input-number/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wEAA8C;AAE9C,sCAAmC;AAEnC,uDAAoC;AAEpC,kBAAe,sBAAW,CAAA","sourcesContent":["import InputNumber from 'antd/lib/input-number'\n\nimport 'antd/lib/input-number/style'\n\nexport * from 'antd/lib/input-number'\n\nexport default InputNumber\n"]}

package/lib/label/index.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+import type { TagProps as AntdTagProps } from 'antd/lib/tag';
+import './label.less';
+export declare enum LabelColors {
+    cyan = "cyan",
+    green = "green",
+    iris = "iris",
+    blue = "blue",
+    lavender = "lavender",
+    orange = "orange",
+    golden = "golden",
+    red = "red",
+    grey = "grey"
+}
+export interface LabelProps extends AntdTagProps {
+    /**
+     * 类型
+     */
+    type?: 'dot' | 'filled' | 'outline' | 'rounded';
+    /**
+     * 颜色
+     */
+    color?: LabelColors | string;
+    /**
+     * 文字是否同色
+     */
+    textColorSame?: boolean;
+    /**
+     * 图标
+     */
+    icon?: ReactNode;
+    /**
+     * 图标位置
+     */
+    iconPosition?: 'prefix' | 'suffix';
+    /**
+     * 省略配置
+     */
+    ellipsisOptions?: {
+        Popover?: boolean;
+        emptyText?: string;
+        widthLimit?: number | string;
+        lines?: number;
+        [key: string]: unknown;
+    };
+}
+export declare const Label: {
+    ({ className, children, type, color, icon, style, textColorSame, iconPosition, ellipsisOptions, ...props }: LabelProps): JSX.Element;
+    CheckableLabel: typeof import("antd/lib/tag/CheckableTag").default;
+};
+export default Label;
+//# sourceMappingURL=index.d.ts.map

package/lib/label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/label/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAIjD,OAAO,KAAK,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,aAAa,CAAA;AAK3D,OAAO,cAAc,CAAA;AAErB,oBAAY,WAAW;IACrB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAcD,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAClC;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;CACF;AA8CD,eAAO,MAAM,KAAK;gHAWf,UAAU;;CA0EZ,CAAA;AAID,eAAe,KAAK,CAAA"}

package/lib/label/index.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LabelColors = exports.Label = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _colorAlpha = _interopRequireDefault(require("color-alpha"));
+var _configProvider = require("antd/lib/config-provider");
+var _tag = _interopRequireDefault(require("antd/lib/tag"));
+var _ellipsis = _interopRequireDefault(require("../ellipsis"));
+require("./label.less");
+var _colors;
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 LabelColors;
+exports.LabelColors = LabelColors;
+(function (LabelColors) {
+  LabelColors["cyan"] = "cyan";
+  LabelColors["green"] = "green";
+  LabelColors["iris"] = "iris";
+  LabelColors["blue"] = "blue";
+  LabelColors["lavender"] = "lavender";
+  LabelColors["orange"] = "orange";
+  LabelColors["golden"] = "golden";
+  LabelColors["red"] = "red";
+  LabelColors["grey"] = "grey";
+})(LabelColors || (exports.LabelColors = LabelColors = {}));
+var colors = (_colors = {}, _defineProperty(_colors, LabelColors.cyan, '#1e9493'), _defineProperty(_colors, LabelColors.green, '#07c790'), _defineProperty(_colors, LabelColors.iris, '#5e47d3'), _defineProperty(_colors, LabelColors.blue, '#126bfb'), _defineProperty(_colors, LabelColors.lavender, '#945fb9'), _defineProperty(_colors, LabelColors.orange, '#ed7b20'), _defineProperty(_colors, LabelColors.golden, '#de8a02'), _defineProperty(_colors, LabelColors.red, '#d96156'), _defineProperty(_colors, LabelColors.grey, '#5e6e90'), _colors);
+/**
+ * 计算标签样式
+ *
+ * @param type
+ * @param preset
+ * @param textColorSame
+ */
+var computeTagStyle = function computeTagStyle(type, color, textColorSame) {
+  if (!color) {
+    return;
+  }
+  switch (type) {
+    case 'dot':
+      if (textColorSame) {
+        return {
+          color: color
+        };
+      }
+      return;
+    case 'filled':
+      return {
+        color: '#fff',
+        backgroundColor: color
+      };
+    case 'rounded':
+      return {
+        color: color,
+        backgroundColor: (0, _colorAlpha["default"])(color, 0.1)
+      };
+    case 'outline':
+      return {
+        color: color,
+        borderColor: (0, _colorAlpha["default"])(color, 0.4),
+        backgroundColor: (0, _colorAlpha["default"])(color, 0.1)
+      };
+  }
+};
+var Label = function Label(_a) {
+  var className = _a.className,
+    children = _a.children,
+    type = _a.type,
+    color = _a.color,
+    icon = _a.icon,
+    style = _a.style,
+    _a$textColorSame = _a.textColorSame,
+    textColorSame = _a$textColorSame === void 0 ? icon != null : _a$textColorSame,
+    _a$iconPosition = _a.iconPosition,
+    iconPosition = _a$iconPosition === void 0 ? 'prefix' : _a$iconPosition,
+    ellipsisOptions = _a.ellipsisOptions,
+    props = __rest(_a, ["className", "children", "type", "color", "icon", "style", "textColorSame", "iconPosition", "ellipsisOptions"]);
+  var normalizeType = (0, _react.useMemo)(function () {
+    if (icon) {
+      return 'dot';
+    }
+    return type;
+  }, [icon, type]);
+  var computedColor = (0, _react.useMemo)(function () {
+    return colors[color] || color;
+  }, [color]);
+  var tagStyle = (0, _react.useMemo)(function () {
+    return computeTagStyle(normalizeType, computedColor, textColorSame);
+  }, [normalizeType, computedColor, textColorSame]);
+  var hasIcon = (0, _react.useMemo)(function () {
+    return icon != null;
+  }, [icon]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var _classNames;
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('label');
+    var displayEllipsisOptions = function () {
+      var options = Object.assign({}, ellipsisOptions);
+      var iconElement = _react["default"].createElement("span", {
+        className: "".concat(prefixCls, "-icon"),
+        style: {
+          color: computedColor
+        }
+      }, icon);
+      if (iconPosition === 'prefix') {
+        options.prefix = iconElement;
+      }
+      if (iconPosition === 'suffix') {
+        options.suffix = iconElement;
+      }
+      if (options.Popover === true) {
+        options.content = children;
+      } else {
+        options.title = children;
+      }
+      return options;
+    }();
+    return _react["default"].createElement(_tag["default"], Object.assign({}, props, {
+      className: (0, _classnames["default"])(className, prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-dot"), normalizeType === 'dot'), _defineProperty(_classNames, "".concat(prefixCls, "-outline"), normalizeType === 'outline'), _defineProperty(_classNames, "".concat(prefixCls, "-filled"), normalizeType === 'filled'), _defineProperty(_classNames, "".concat(prefixCls, "-rounded"), normalizeType === 'rounded'), _classNames)),
+      style: Object.assign(Object.assign({}, style), tagStyle)
+    }), normalizeType === 'dot' && icon == null && _react["default"].createElement("span", {
+      className: "".concat(prefixCls, "-dot-symbol"),
+      style: {
+        backgroundColor: computedColor
+      }
+    }), hasIcon ? _react["default"].createElement(_ellipsis["default"], Object.assign({}, displayEllipsisOptions), children) : children);
+  });
+};
+exports.Label = Label;
+Label.CheckableLabel = _tag["default"].CheckableTag;
+var _default = Label;
+exports["default"] = _default;

package/lib/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/label/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAmC;AACnC,+CAAiD;AACjD,8DAA+B;AAE/B,6DAAwD;AAExD,sDAAiC;AAEjC,2DAAkC;AAElC,wBAAqB;AAErB,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf,4BAAa,CAAA;IACb,4BAAa,CAAA;IACb,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,gCAAiB,CAAA;IACjB,0BAAW,CAAA;IACX,4BAAa,CAAA;AACf,CAAC,EAVW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAUtB;AAED,MAAM,MAAM,GAAG;IACb,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS;IAC9B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,SAAS;IACjC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,SAAS;IAC/B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,SAAS;IAC/B,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,SAAS;IAC5B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;CAC9B,CAAA;AAmCD;;;;;;GAMG;AACH,MAAM,eAAe,GAAG,CACtB,IAAwB,EACxB,KAAc,EACd,aAAuB,EACI,EAAE;IAC7B,IAAI,CAAC,KAAK,EAAE;QACV,OAAM;KACP;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,KAAK;YACR,IAAI,aAAa,EAAE;gBACjB,OAAO;oBACL,KAAK;iBACN,CAAA;aACF;YAED,OAAM;QACR,KAAK,QAAQ;YACX,OAAO;gBACL,KAAK,EAAE,MAAM;gBACb,eAAe,EAAE,KAAK;aACvB,CAAA;QACH,KAAK,SAAS;YACZ,OAAO;gBACL,KAAK;gBACL,eAAe,EAAE,IAAA,qBAAK,EAAC,KAAK,EAAE,GAAG,CAAC;aACnC,CAAA;QACH,KAAK,SAAS;YACZ,OAAO;gBACL,KAAK;gBACL,WAAW,EAAE,IAAA,qBAAK,EAAC,KAAK,EAAE,GAAG,CAAC;gBAC9B,eAAe,EAAE,IAAA,qBAAK,EAAC,KAAK,EAAE,GAAG,CAAC;aACnC,CAAA;KACJ;AACH,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EACpB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,aAAa,GAAG,IAAI,IAAI,IAAI,EAC5B,YAAY,GAAG,QAAQ,EACvB,eAAe,OAEJ,EADR,KAAK,cAVY,+GAWrB,CADS;IAER,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,IAAI,EAAE;YACR,OAAO,KAAK,CAAA;SACb;QAED,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IAChB,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAoB,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACnF,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC,EAClE,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAA;IACD,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;QACvC,MAAM,sBAAsB,GAAG,CAAC,GAAG,EAAE;YACnC,MAAM,OAAO,qBACR,eAAe,CACnB,CAAA;YACD,MAAM,WAAW,GAAG,CAClB,wCAAM,SAAS,EAAE,GAAG,SAAS,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAClE,IAAI,CACA,CACR,CAAA;YAED,IAAI,YAAY,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,MAAM,GAAG,WAAW,CAAA;aAC7B;YAED,IAAI,YAAY,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,MAAM,GAAG,WAAW,CAAA;aAC7B;YAED,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE;gBAC5B,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAA;aAC3B;iBAAM;gBACL,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAA;aACzB;YAED,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,EAAE,CAAA;QAEJ,OAAO,CACL,8BAAC,aAAO,oBACF,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;gBAC1C,CAAC,GAAG,SAAS,MAAM,CAAC,EAAE,aAAa,KAAK,KAAK;gBAC7C,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;gBACrD,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,aAAa,KAAK,QAAQ;gBACnD,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;aACtD,CAAC,EACF,KAAK,kCACA,KAAK,GACL,QAAQ;YAGZ,aAAa,KAAK,KAAK,IAAI,IAAI,IAAI,IAAI,IAAI,CAC1C,wCACE,SAAS,EAAE,GAAG,SAAS,aAAa,EACpC,KAAK,EAAE;oBACL,eAAe,EAAE,aAAa;iBAC/B,GACD,CACH;YACA,OAAO,CAAC,CAAC,CAAC,8BAAC,kBAAQ,oBAAK,sBAAsB,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC,QAAQ,CACzE,CACX,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AArFY,QAAA,KAAK,SAqFjB;AAED,aAAK,CAAC,cAAc,GAAG,aAAO,CAAC,YAAY,CAAA;AAE3C,kBAAe,aAAK,CAAA","sourcesContent":["import classNames from 'classnames'\nimport React, { ReactNode, useMemo } from 'react'\nimport alpha from 'color-alpha'\n\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport type { TagProps as AntdTagProps } from 'antd/lib/tag'\nimport AntdTag from 'antd/lib/tag'\nimport type { CSSProperties } from 'react'\nimport Ellipsis from '../ellipsis'\n\nimport './label.less'\n\nexport enum LabelColors {\n  cyan = 'cyan',\n  green = 'green',\n  iris = 'iris',\n  blue = 'blue',\n  lavender = 'lavender',\n  orange = 'orange',\n  golden = 'golden',\n  red = 'red',\n  grey = 'grey',\n}\n\nconst colors = {\n  [LabelColors.cyan]: '#1e9493',\n  [LabelColors.green]: '#07c790',\n  [LabelColors.iris]: '#5e47d3',\n  [LabelColors.blue]: '#126bfb',\n  [LabelColors.lavender]: '#945fb9',\n  [LabelColors.orange]: '#ed7b20',\n  [LabelColors.golden]: '#de8a02',\n  [LabelColors.red]: '#d96156',\n  [LabelColors.grey]: '#5e6e90',\n}\n\nexport interface LabelProps extends AntdTagProps {\n  /**\n   * 类型\n   */\n  type?: 'dot' | 'filled' | 'outline' | 'rounded'\n  /**\n   * 颜色\n   */\n  color?: LabelColors | string\n  /**\n   * 文字是否同色\n   */\n  textColorSame?: boolean\n  /**\n   * 图标\n   */\n  icon?: ReactNode\n  /**\n   * 图标位置\n   */\n  iconPosition?: 'prefix' | 'suffix'\n  /**\n   * 省略配置\n   */\n  ellipsisOptions?: {\n    Popover?: boolean\n    emptyText?: string\n    widthLimit?: number | string\n    lines?: number\n    [key: string]: unknown\n  }\n}\n\n/**\n * 计算标签样式\n *\n * @param type\n * @param preset\n * @param textColorSame\n */\nconst computeTagStyle = (\n  type: LabelProps['type'],\n  color?: string,\n  textColorSame?: boolean\n): CSSProperties | undefined => {\n  if (!color) {\n    return\n  }\n\n  switch (type) {\n    case 'dot':\n      if (textColorSame) {\n        return {\n          color,\n        }\n      }\n\n      return\n    case 'filled':\n      return {\n        color: '#fff',\n        backgroundColor: color,\n      }\n    case 'rounded':\n      return {\n        color,\n        backgroundColor: alpha(color, 0.1),\n      }\n    case 'outline':\n      return {\n        color,\n        borderColor: alpha(color, 0.4),\n        backgroundColor: alpha(color, 0.1),\n      }\n  }\n}\n\nexport const Label = ({\n  className,\n  children,\n  type,\n  color,\n  icon,\n  style,\n  textColorSame = icon != null,\n  iconPosition = 'prefix',\n  ellipsisOptions,\n  ...props\n}: LabelProps) => {\n  const normalizeType = useMemo(() => {\n    if (icon) {\n      return 'dot'\n    }\n\n    return type\n  }, [icon, type])\n  const computedColor = useMemo(() => colors[color as LabelColors] || color, [color])\n  const tagStyle = useMemo(\n    () => computeTagStyle(normalizeType, computedColor, textColorSame),\n    [normalizeType, computedColor, textColorSame]\n  )\n  const hasIcon = useMemo(() => icon != null, [icon])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('label')\n        const displayEllipsisOptions = (() => {\n          const options = {\n            ...ellipsisOptions,\n          }\n          const iconElement = (\n            <span className={`${prefixCls}-icon`} style={{ color: computedColor }}>\n              {icon}\n            </span>\n          )\n\n          if (iconPosition === 'prefix') {\n            options.prefix = iconElement\n          }\n\n          if (iconPosition === 'suffix') {\n            options.suffix = iconElement\n          }\n\n          if (options.Popover === true) {\n            options.content = children\n          } else {\n            options.title = children\n          }\n\n          return options\n        })()\n\n        return (\n          <AntdTag\n            {...props}\n            className={classNames(className, prefixCls, {\n              [`${prefixCls}-dot`]: normalizeType === 'dot',\n              [`${prefixCls}-outline`]: normalizeType === 'outline',\n              [`${prefixCls}-filled`]: normalizeType === 'filled',\n              [`${prefixCls}-rounded`]: normalizeType === 'rounded',\n            })}\n            style={{\n              ...style,\n              ...tagStyle,\n            }}\n          >\n            {normalizeType === 'dot' && icon == null && (\n              <span\n                className={`${prefixCls}-dot-symbol`}\n                style={{\n                  backgroundColor: computedColor,\n                }}\n              />\n            )}\n            {hasIcon ? <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis> : children}\n          </AntdTag>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nLabel.CheckableLabel = AntdTag.CheckableTag\n\nexport default Label\n"]}

package/lib/label/label.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+import type { TagProps as AntdTagProps } from 'antd/lib/tag';
+import './label.less';
+export declare enum LabelColors {
+    cyan = "cyan",
+    green = "green",
+    iris = "iris",
+    blue = "blue",
+    lavender = "lavender",
+    orange = "orange",
+    golden = "golden",
+    red = "red",
+    grey = "grey"
+}
+export interface LabelProps extends AntdTagProps {
+    /**
+     * 类型
+     */
+    type?: 'dot' | 'filled' | 'outline' | 'rounded';
+    /**
+     * 颜色
+     */
+    color?: LabelColors | string;
+    /**
+     * 文字是否同色
+     */
+    textColorSame?: boolean;
+    /**
+     * 图标
+     */
+    icon?: ReactNode;
+    /**
+     * 图标位置
+     */
+    iconPosition?: 'prefix' | 'suffix';
+    /**
+     * 省略配置
+     */
+    ellipsisOptions?: {
+        Popover?: boolean;
+        emptyText?: string;
+        widthLimit?: number | string;
+        lines?: number;
+        [key: string]: unknown;
+    };
+}
+export declare const Label: {
+    ({ className, children, type, color, icon, style, textColorSame, iconPosition, ellipsisOptions, ...props }: LabelProps): JSX.Element;
+    CheckableLabel: typeof import("antd/lib/tag/CheckableTag").default;
+};
+export default Label;
+//# sourceMappingURL=label.d.ts.map

package/lib/label/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/label/label.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAIjD,OAAO,KAAK,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,aAAa,CAAA;AAK3D,OAAO,cAAc,CAAA;AAErB,oBAAY,WAAW;IACrB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAcD,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAClC;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;CACF;AA8CD,eAAO,MAAM,KAAK;gHAWf,UAAU;;CA0EZ,CAAA;AAID,eAAe,KAAK,CAAA"}

package/lib/label/label.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LabelColors = exports.Label = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _colorAlpha = _interopRequireDefault(require("color-alpha"));
+var _configProvider = require("antd/lib/config-provider");
+var _tag = _interopRequireDefault(require("antd/lib/tag"));
+var _ellipsis = _interopRequireDefault(require("../ellipsis"));
+require("./label.less");
+var _colors;
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 LabelColors;
+exports.LabelColors = LabelColors;
+(function (LabelColors) {
+  LabelColors["cyan"] = "cyan";
+  LabelColors["green"] = "green";
+  LabelColors["iris"] = "iris";
+  LabelColors["blue"] = "blue";
+  LabelColors["lavender"] = "lavender";
+  LabelColors["orange"] = "orange";
+  LabelColors["golden"] = "golden";
+  LabelColors["red"] = "red";
+  LabelColors["grey"] = "grey";
+})(LabelColors || (exports.LabelColors = LabelColors = {}));
+var colors = (_colors = {}, _defineProperty(_colors, LabelColors.cyan, '#1e9493'), _defineProperty(_colors, LabelColors.green, '#07c790'), _defineProperty(_colors, LabelColors.iris, '#5e47d3'), _defineProperty(_colors, LabelColors.blue, '#126bfb'), _defineProperty(_colors, LabelColors.lavender, '#945fb9'), _defineProperty(_colors, LabelColors.orange, '#ed7b20'), _defineProperty(_colors, LabelColors.golden, '#de8a02'), _defineProperty(_colors, LabelColors.red, '#d96156'), _defineProperty(_colors, LabelColors.grey, '#5e6e90'), _colors);
+/**
+ * 计算标签样式
+ *
+ * @param type
+ * @param preset
+ * @param textColorSame
+ */
+var computeTagStyle = function computeTagStyle(type, color, textColorSame) {
+  if (!color) {
+    return;
+  }
+  switch (type) {
+    case 'dot':
+      if (textColorSame) {
+        return {
+          color: color
+        };
+      }
+      return;
+    case 'filled':
+      return {
+        color: '#fff',
+        backgroundColor: color
+      };
+    case 'rounded':
+      return {
+        color: color,
+        backgroundColor: (0, _colorAlpha["default"])(color, 0.1)
+      };
+    case 'outline':
+      return {
+        color: color,
+        borderColor: (0, _colorAlpha["default"])(color, 0.4),
+        backgroundColor: (0, _colorAlpha["default"])(color, 0.1)
+      };
+  }
+};
+var Label = function Label(_a) {
+  var className = _a.className,
+    children = _a.children,
+    type = _a.type,
+    color = _a.color,
+    icon = _a.icon,
+    style = _a.style,
+    _a$textColorSame = _a.textColorSame,
+    textColorSame = _a$textColorSame === void 0 ? icon != null : _a$textColorSame,
+    _a$iconPosition = _a.iconPosition,
+    iconPosition = _a$iconPosition === void 0 ? 'prefix' : _a$iconPosition,
+    ellipsisOptions = _a.ellipsisOptions,
+    props = __rest(_a, ["className", "children", "type", "color", "icon", "style", "textColorSame", "iconPosition", "ellipsisOptions"]);
+  var normalizeType = (0, _react.useMemo)(function () {
+    if (icon) {
+      return 'dot';
+    }
+    return type;
+  }, [icon, type]);
+  var computedColor = (0, _react.useMemo)(function () {
+    return colors[color] || color;
+  }, [color]);
+  var tagStyle = (0, _react.useMemo)(function () {
+    return computeTagStyle(normalizeType, computedColor, textColorSame);
+  }, [normalizeType, computedColor, textColorSame]);
+  var hasIcon = (0, _react.useMemo)(function () {
+    return icon != null;
+  }, [icon]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var _classNames;
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('label');
+    var displayEllipsisOptions = function () {
+      var options = Object.assign({}, ellipsisOptions);
+      var iconElement = _react["default"].createElement("span", {
+        className: "".concat(prefixCls, "-icon"),
+        style: {
+          color: computedColor
+        }
+      }, icon);
+      if (iconPosition === 'prefix') {
+        options.prefix = iconElement;
+      }
+      if (iconPosition === 'suffix') {
+        options.suffix = iconElement;
+      }
+      if (options.Popover === true) {
+        options.content = children;
+      } else {
+        options.title = children;
+      }
+      return options;
+    }();
+    return _react["default"].createElement(_tag["default"], Object.assign({}, props, {
+      className: (0, _classnames["default"])(className, prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-dot"), normalizeType === 'dot'), _defineProperty(_classNames, "".concat(prefixCls, "-outline"), normalizeType === 'outline'), _defineProperty(_classNames, "".concat(prefixCls, "-filled"), normalizeType === 'filled'), _defineProperty(_classNames, "".concat(prefixCls, "-rounded"), normalizeType === 'rounded'), _classNames)),
+      style: Object.assign(Object.assign({}, style), tagStyle)
+    }), normalizeType === 'dot' && icon == null && _react["default"].createElement("span", {
+      className: "".concat(prefixCls, "-dot-symbol"),
+      style: {
+        backgroundColor: computedColor
+      }
+    }), hasIcon ? _react["default"].createElement(_ellipsis["default"], Object.assign({}, displayEllipsisOptions), children) : children);
+  });
+};
+exports.Label = Label;
+Label.CheckableLabel = _tag["default"].CheckableTag;
+var _default = Label;
+exports["default"] = _default;

package/lib/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/label/label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAmC;AACnC,+CAAiD;AACjD,8DAA+B;AAE/B,6DAAwD;AAExD,sDAAiC;AAEjC,2DAAkC;AAElC,wBAAqB;AAErB,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf,4BAAa,CAAA;IACb,4BAAa,CAAA;IACb,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,gCAAiB,CAAA;IACjB,0BAAW,CAAA;IACX,4BAAa,CAAA;AACf,CAAC,EAVW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAUtB;AAED,MAAM,MAAM,GAAG;IACb,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS;IAC9B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,SAAS;IACjC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,SAAS;IAC/B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,SAAS;IAC/B,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,SAAS;IAC5B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;CAC9B,CAAA;AAmCD;;;;;;GAMG;AACH,MAAM,eAAe,GAAG,CACtB,IAAwB,EACxB,KAAc,EACd,aAAuB,EACI,EAAE;IAC7B,IAAI,CAAC,KAAK,EAAE;QACV,OAAM;KACP;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,KAAK;YACR,IAAI,aAAa,EAAE;gBACjB,OAAO;oBACL,KAAK;iBACN,CAAA;aACF;YAED,OAAM;QACR,KAAK,QAAQ;YACX,OAAO;gBACL,KAAK,EAAE,MAAM;gBACb,eAAe,EAAE,KAAK;aACvB,CAAA;QACH,KAAK,SAAS;YACZ,OAAO;gBACL,KAAK;gBACL,eAAe,EAAE,IAAA,qBAAK,EAAC,KAAK,EAAE,GAAG,CAAC;aACnC,CAAA;QACH,KAAK,SAAS;YACZ,OAAO;gBACL,KAAK;gBACL,WAAW,EAAE,IAAA,qBAAK,EAAC,KAAK,EAAE,GAAG,CAAC;gBAC9B,eAAe,EAAE,IAAA,qBAAK,EAAC,KAAK,EAAE,GAAG,CAAC;aACnC,CAAA;KACJ;AACH,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EACpB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,aAAa,GAAG,IAAI,IAAI,IAAI,EAC5B,YAAY,GAAG,QAAQ,EACvB,eAAe,OAEJ,EADR,KAAK,cAVY,+GAWrB,CADS;IAER,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,IAAI,EAAE;YACR,OAAO,KAAK,CAAA;SACb;QAED,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IAChB,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAoB,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACnF,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC,EAClE,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAA;IACD,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;QACvC,MAAM,sBAAsB,GAAG,CAAC,GAAG,EAAE;YACnC,MAAM,OAAO,qBACR,eAAe,CACnB,CAAA;YACD,MAAM,WAAW,GAAG,CAClB,wCAAM,SAAS,EAAE,GAAG,SAAS,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAClE,IAAI,CACA,CACR,CAAA;YAED,IAAI,YAAY,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,MAAM,GAAG,WAAW,CAAA;aAC7B;YAED,IAAI,YAAY,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,MAAM,GAAG,WAAW,CAAA;aAC7B;YAED,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE;gBAC5B,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAA;aAC3B;iBAAM;gBACL,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAA;aACzB;YAED,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,EAAE,CAAA;QAEJ,OAAO,CACL,8BAAC,aAAO,oBACF,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;gBAC1C,CAAC,GAAG,SAAS,MAAM,CAAC,EAAE,aAAa,KAAK,KAAK;gBAC7C,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;gBACrD,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,aAAa,KAAK,QAAQ;gBACnD,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;aACtD,CAAC,EACF,KAAK,kCACA,KAAK,GACL,QAAQ;YAGZ,aAAa,KAAK,KAAK,IAAI,IAAI,IAAI,IAAI,IAAI,CAC1C,wCACE,SAAS,EAAE,GAAG,SAAS,aAAa,EACpC,KAAK,EAAE;oBACL,eAAe,EAAE,aAAa;iBAC/B,GACD,CACH;YACA,OAAO,CAAC,CAAC,CAAC,8BAAC,kBAAQ,oBAAK,sBAAsB,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC,QAAQ,CACzE,CACX,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AArFY,QAAA,KAAK,SAqFjB;AAED,aAAK,CAAC,cAAc,GAAG,aAAO,CAAC,YAAY,CAAA;AAE3C,kBAAe,aAAK,CAAA","sourcesContent":["import classNames from 'classnames'\nimport React, { ReactNode, useMemo } from 'react'\nimport alpha from 'color-alpha'\n\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport type { TagProps as AntdTagProps } from 'antd/lib/tag'\nimport AntdTag from 'antd/lib/tag'\nimport type { CSSProperties } from 'react'\nimport Ellipsis from '../ellipsis'\n\nimport './label.less'\n\nexport enum LabelColors {\n  cyan = 'cyan',\n  green = 'green',\n  iris = 'iris',\n  blue = 'blue',\n  lavender = 'lavender',\n  orange = 'orange',\n  golden = 'golden',\n  red = 'red',\n  grey = 'grey',\n}\n\nconst colors = {\n  [LabelColors.cyan]: '#1e9493',\n  [LabelColors.green]: '#07c790',\n  [LabelColors.iris]: '#5e47d3',\n  [LabelColors.blue]: '#126bfb',\n  [LabelColors.lavender]: '#945fb9',\n  [LabelColors.orange]: '#ed7b20',\n  [LabelColors.golden]: '#de8a02',\n  [LabelColors.red]: '#d96156',\n  [LabelColors.grey]: '#5e6e90',\n}\n\nexport interface LabelProps extends AntdTagProps {\n  /**\n   * 类型\n   */\n  type?: 'dot' | 'filled' | 'outline' | 'rounded'\n  /**\n   * 颜色\n   */\n  color?: LabelColors | string\n  /**\n   * 文字是否同色\n   */\n  textColorSame?: boolean\n  /**\n   * 图标\n   */\n  icon?: ReactNode\n  /**\n   * 图标位置\n   */\n  iconPosition?: 'prefix' | 'suffix'\n  /**\n   * 省略配置\n   */\n  ellipsisOptions?: {\n    Popover?: boolean\n    emptyText?: string\n    widthLimit?: number | string\n    lines?: number\n    [key: string]: unknown\n  }\n}\n\n/**\n * 计算标签样式\n *\n * @param type\n * @param preset\n * @param textColorSame\n */\nconst computeTagStyle = (\n  type: LabelProps['type'],\n  color?: string,\n  textColorSame?: boolean\n): CSSProperties | undefined => {\n  if (!color) {\n    return\n  }\n\n  switch (type) {\n    case 'dot':\n      if (textColorSame) {\n        return {\n          color,\n        }\n      }\n\n      return\n    case 'filled':\n      return {\n        color: '#fff',\n        backgroundColor: color,\n      }\n    case 'rounded':\n      return {\n        color,\n        backgroundColor: alpha(color, 0.1),\n      }\n    case 'outline':\n      return {\n        color,\n        borderColor: alpha(color, 0.4),\n        backgroundColor: alpha(color, 0.1),\n      }\n  }\n}\n\nexport const Label = ({\n  className,\n  children,\n  type,\n  color,\n  icon,\n  style,\n  textColorSame = icon != null,\n  iconPosition = 'prefix',\n  ellipsisOptions,\n  ...props\n}: LabelProps) => {\n  const normalizeType = useMemo(() => {\n    if (icon) {\n      return 'dot'\n    }\n\n    return type\n  }, [icon, type])\n  const computedColor = useMemo(() => colors[color as LabelColors] || color, [color])\n  const tagStyle = useMemo(\n    () => computeTagStyle(normalizeType, computedColor, textColorSame),\n    [normalizeType, computedColor, textColorSame]\n  )\n  const hasIcon = useMemo(() => icon != null, [icon])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('label')\n        const displayEllipsisOptions = (() => {\n          const options = {\n            ...ellipsisOptions,\n          }\n          const iconElement = (\n            <span className={`${prefixCls}-icon`} style={{ color: computedColor }}>\n              {icon}\n            </span>\n          )\n\n          if (iconPosition === 'prefix') {\n            options.prefix = iconElement\n          }\n\n          if (iconPosition === 'suffix') {\n            options.suffix = iconElement\n          }\n\n          if (options.Popover === true) {\n            options.content = children\n          } else {\n            options.title = children\n          }\n\n          return options\n        })()\n\n        return (\n          <AntdTag\n            {...props}\n            className={classNames(className, prefixCls, {\n              [`${prefixCls}-dot`]: normalizeType === 'dot',\n              [`${prefixCls}-outline`]: normalizeType === 'outline',\n              [`${prefixCls}-filled`]: normalizeType === 'filled',\n              [`${prefixCls}-rounded`]: normalizeType === 'rounded',\n            })}\n            style={{\n              ...style,\n              ...tagStyle,\n            }}\n          >\n            {normalizeType === 'dot' && icon == null && (\n              <span\n                className={`${prefixCls}-dot-symbol`}\n                style={{\n                  backgroundColor: computedColor,\n                }}\n              />\n            )}\n            {hasIcon ? <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis> : children}\n          </AntdTag>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nLabel.CheckableLabel = AntdTag.CheckableTag\n\nexport default Label\n"]}

package/lib/{tag/tag.less → label/label.less}

@@ -1,40 +1,39 @@
+@label-prefix-cls: ~'@{ant-prefix}-label';
 @tag-prefix-cls: ~'@{ant-prefix}-tag';
 
-.@{tag-prefix-cls} {
-  border-color: transparent;
+.@{tag-prefix-cls}.@{label-prefix-cls} {
+  border: 1px solid transparent;
   line-height: 22px;
   min-width: 44px;
   padding: 0 8px;
   border-radius: 1px;
   text-align: center;
+  font-size: @font-size-base;
+  background-color: rgba(94, 112, 146, 0.1);
 
-  &.@{tag-prefix-cls}-red {
-    border-color: inherit;
-  }
-
-  &.@{tag-prefix-cls}-checkable {
+  &.@{label-prefix-cls}-checkable {
     cursor: pointer;
   }
 
-  &.@{tag-prefix-cls}-rounded {
+  &.@{label-prefix-cls}-rounded {
     padding: 0 12px;
     border-radius: 12px;
   }
 
-  &.@{tag-prefix-cls}-dot {
+  &.@{label-prefix-cls}-dot {
     display: inline-flex;
     align-items: center;
     background-color: transparent;
     padding: 0;
   }
 
-  .@{tag-prefix-cls}-icon {
+  .@{label-prefix-cls}-icon {
     display: inline-flex;
     align-items: center;
     margin-right: 4px;
   }
 
-  .@{tag-prefix-cls}-dot-symbol {
+  .@{label-prefix-cls}-dot-symbol {
     content: '';
     display: inline-block;
     width: 6px;

package/lib/label/label.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=label.test.d.ts.map

package/lib/label/label.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.test.d.ts","sourceRoot":"","sources":["../../src/label/label.test.tsx"],"names":[],"mappings":""}

package/lib/label/label.test.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _label = require("./label");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('Label component', function () {
+  it('renders the component', function () {
+    var _render = (0, _react2.render)(_react["default"].createElement(_label.Label, null)),
+      getByText = _render.getByText;
+    var component = getByText('Component');
+    expect(component).toBeDefined();
+  });
+});

package/lib/label/label.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.test.js","sourceRoot":"","sources":["../../src/label/label.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,kDAA+C;AAE/C,mCAA+B;AAE/B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,aAAK,OAAG,CAAC,CAAA;QACvC,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;QAExC,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAA;IACjC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { render } from '@testing-library/react'\n\nimport { Label } from './label'\n\ndescribe('Label component', () => {\n  it('renders the component', () => {\n    const { getByText } = render(<Label />)\n    const component = getByText('Component')\n\n    expect(component).toBeDefined()\n  })\n})\n"]}

package/lib/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,4DAAmC;AAEnC,gCAA6B;AAE7B,iDAA8B;AAE9B,kBAAe,gBAAM,CAAA","sourcesContent":["import Layout from 'antd/lib/layout'\n\nimport 'antd/lib/layout/style'\n\nexport * from 'antd/lib/layout'\n\nexport default Layout\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,4DAAmC;AAEnC,gCAA6B;AAE7B,iDAA8B;AAE9B,kBAAe,gBAAM,CAAA","sourcesContent":["import Layout from 'antd/lib/layout'\n\nimport 'antd/lib/layout/style'\n\nexport * from 'antd/lib/layout'\n\nexport default Layout\n"]}

package/lib/list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,wDAA+B;AAE/B,8BAA2B;AAE3B,+CAA4B;AAE5B,kBAAe,cAAI,CAAA","sourcesContent":["import List from 'antd/lib/list'\n\nimport 'antd/lib/list/style'\n\nexport * from 'antd/lib/list'\n\nexport default List\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAA+B;AAE/B,8BAA2B;AAE3B,+CAA4B;AAE5B,kBAAe,cAAI,CAAA","sourcesContent":["import List from 'antd/lib/list'\n\nimport 'antd/lib/list/style'\n\nexport * from 'antd/lib/list'\n\nexport default List\n"]}

package/lib/loading-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/loading-button/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAElD,uDAA8B;AAE9B,kBAAe,CAAC,EAAoE,EAAE,EAAE;QAAxE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,OAAiB,EAAZ,UAAU,cAAlE,iDAAoE,CAAF;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,EAAE;QACtB,IAAI,CAAC,OAAO,EAAE;YACZ,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;YAElE,IAAI,SAAS,YAAY,OAAO,EAAE;gBAChC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;aACvE;SACF;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,QAAQ,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,8BAAC,gBAAM,oBAAK,UAAU,IAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KACvD,OAAO,CAAC,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CACtC,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\n\nimport Button from '../button'\n\nexport default ({ loadingText, loading: pLoading, onClick, children, ...otherProps }) => {\n  const [loading, setLoading] = useState(pLoading)\n  const doClick = (evt) => {\n    if (!loading) {\n      setLoading(true)\n      const returnVal = onClick && onClick(evt, () => setLoading(false))\n\n      if (returnVal instanceof Promise) {\n        returnVal.then(() => setLoading(false)).catch(() => setLoading(false))\n      }\n    }\n  }\n\n  useEffect(() => {\n    setLoading(pLoading)\n  }, [pLoading])\n\n  return (\n    <Button {...otherProps} loading={loading} onClick={doClick}>\n      {loading ? loadingText || children : children}\n    </Button>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/loading-button/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAElD,uDAA8B;AAE9B,kBAAe,CAAC,EAAoE,EAAE,EAAE;QAAxE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,OAAiB,EAAZ,UAAU,cAAlE,iDAAoE,CAAF;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,EAAE;QACtB,IAAI,CAAC,OAAO,EAAE;YACZ,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;YAElE,IAAI,SAAS,YAAY,OAAO,EAAE;gBAChC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;aACvE;SACF;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,QAAQ,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,8BAAC,gBAAM,oBAAK,UAAU,IAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KACvD,OAAO,CAAC,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CACtC,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\n\nimport Button from '../button'\n\nexport default ({ loadingText, loading: pLoading, onClick, children, ...otherProps }) => {\n  const [loading, setLoading] = useState(pLoading)\n  const doClick = (evt) => {\n    if (!loading) {\n      setLoading(true)\n      const returnVal = onClick && onClick(evt, () => setLoading(false))\n\n      if (returnVal instanceof Promise) {\n        returnVal.then(() => setLoading(false)).catch(() => setLoading(false))\n      }\n    }\n  }\n\n  useEffect(() => {\n    setLoading(pLoading)\n  }, [pLoading])\n\n  return (\n    <Button {...otherProps} loading={loading} onClick={doClick}>\n      {loading ? loadingText || children : children}\n    </Button>\n  )\n}\n"]}

package/lib/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/locale/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB;AACvB,4CAAyB","sourcesContent":["export * from './en_US'\nexport * from './zh_CN'\nexport * from './default'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/locale/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB;AACvB,4CAAyB","sourcesContent":["export * from './en_US'\nexport * from './zh_CN'\nexport * from './default'\n"]}

package/lib/locale-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/locale-provider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,8EAAoD;AAEpD,iDAA0D;AAE1D,4DAA4D;AAC5D,yBAAc,CAAC,SAAS,CAAC,oBAAoB,GAAG;IAC9C,IAAA,4BAAmB,EAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AACnE,CAAC,CAAA;AAED,yCAAsC;AAEtC,0DAAuC;AAEvC,kBAAe,yBAAc,CAAA","sourcesContent":["import LocaleProvider from 'antd/lib/locale-provider'\n\nimport { changeConfirmLocale } from 'antd/lib/modal/locale'\n\n// https://github.com/ant-design/ant-design/pull/29570/files\nLocaleProvider.prototype.componentWillUnmount = function () {\n  changeConfirmLocale(this.props.locale && this.props.locale.Modal)\n}\n\nimport 'antd/lib/locale-provider/style'\n\nexport * from 'antd/lib/locale-provider'\n\nexport default LocaleProvider\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/locale-provider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,8EAAoD;AAEpD,iDAA0D;AAE1D,4DAA4D;AAC5D,yBAAc,CAAC,SAAS,CAAC,oBAAoB,GAAG;IAC9C,IAAA,4BAAmB,EAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AACnE,CAAC,CAAA;AAED,yCAAsC;AAEtC,0DAAuC;AAEvC,kBAAe,yBAAc,CAAA","sourcesContent":["import LocaleProvider from 'antd/lib/locale-provider'\n\nimport { changeConfirmLocale } from 'antd/lib/modal/locale'\n\n// https://github.com/ant-design/ant-design/pull/29570/files\nLocaleProvider.prototype.componentWillUnmount = function () {\n  changeConfirmLocale(this.props.locale && this.props.locale.Modal)\n}\n\nimport 'antd/lib/locale-provider/style'\n\nexport * from 'antd/lib/locale-provider'\n\nexport default LocaleProvider\n"]}

package/lib/mention/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mention/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,8DAAqC;AAErC,iCAA8B;AAE9B,kDAA+B;AAE/B,kBAAe,iBAAO,CAAA","sourcesContent":["import Mention from 'antd/lib/mention'\n\nimport 'antd/lib/mention/style'\n\nexport * from 'antd/lib/mention'\n\nexport default Mention\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mention/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,8DAAqC;AAErC,iCAA8B;AAE9B,kDAA+B;AAE/B,kBAAe,iBAAO,CAAA","sourcesContent":["import Mention from 'antd/lib/mention'\n\nimport 'antd/lib/mention/style'\n\nexport * from 'antd/lib/mention'\n\nexport default Mention\n"]}

package/lib/mentions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mentions/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,gEAAuC;AAEvC,kCAA+B;AAE/B,mDAAgC;AAEhC,kBAAe,kBAAQ,CAAA","sourcesContent":["import Mentions from 'antd/lib/mentions'\n\nimport 'antd/lib/mentions/style'\n\nexport * from 'antd/lib/mentions'\n\nexport default Mentions\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mentions/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gEAAuC;AAEvC,kCAA+B;AAE/B,mDAAgC;AAEhC,kBAAe,kBAAQ,CAAA","sourcesContent":["import Mentions from 'antd/lib/mentions'\n\nimport 'antd/lib/mentions/style'\n\nexport * from 'antd/lib/mentions'\n\nexport default Mentions\n"]}

package/lib/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,wDAA+B;AAE/B,8BAA2B;AAE3B,+CAA4B;AAE5B,kBAAe,cAAI,CAAA","sourcesContent":["import Menu from 'antd/lib/menu'\n\nimport 'antd/lib/menu/style'\n\nexport * from 'antd/lib/menu'\n\nexport default Menu\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAA+B;AAE/B,8BAA2B;AAE3B,+CAA4B;AAE5B,kBAAe,cAAI,CAAA","sourcesContent":["import Menu from 'antd/lib/menu'\n\nimport 'antd/lib/menu/style'\n\nexport * from 'antd/lib/menu'\n\nexport default Menu\n"]}