tntd 2.1.0 → 2.2.0

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":"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","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,36 +1,38 @@
-@tag-prefix-cls: ~'@{ant-prefix}-tag';
+@label-prefix-cls: ~'@{ant-prefix}-label';
 
-.@{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}-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/tag/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tag/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAIjD,OAAO,KAAK,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,aAAa,CAAA;AAI3D,OAAO,mBAAmB,CAAA;AAC1B,OAAO,YAAY,CAAA;AAGnB,cAAc,aAAa,CAAA;AAE3B,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,QAAS,SAAQ,YAAY;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;IAC/C;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC9B;;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,GAAG;kHAWb,QAAQ;;CA0EV,CAAA;AAID,eAAe,GAAG,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,mBAAmB,CAAA;AAE1B,cAAc,aAAa,CAAA;AAE3B,eAAe,GAAG,CAAA"}

package/lib/tag/index.js

@@ -1,17 +1,11 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  TagPalettes: true,
-  Tag: true
-};
-exports["default"] = exports.TagPalettes = exports.Tag = 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 _exportNames = {};
+exports["default"] = void 0;
 var _tag = _interopRequireWildcard(require("antd/lib/tag"));
 Object.keys(_tag).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25,142 +19,7 @@ Object.keys(_tag).forEach(function (key) {
   });
 });
 require("antd/lib/tag/style");
-require("./tag.less");
-var _ellipsis = _interopRequireDefault(require("../ellipsis"));
-var _palettes;
 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 TagPalettes;
-exports.TagPalettes = TagPalettes;
-(function (TagPalettes) {
-  TagPalettes["cyan"] = "cyan";
-  TagPalettes["green"] = "green";
-  TagPalettes["iris"] = "iris";
-  TagPalettes["blue"] = "blue";
-  TagPalettes["lavender"] = "lavender";
-  TagPalettes["orange"] = "orange";
-  TagPalettes["golden"] = "golden";
-  TagPalettes["red"] = "red";
-  TagPalettes["grey"] = "grey";
-})(TagPalettes || (exports.TagPalettes = TagPalettes = {}));
-var palettes = (_palettes = {}, _defineProperty(_palettes, TagPalettes.cyan, '#1e9493'), _defineProperty(_palettes, TagPalettes.green, '#07c790'), _defineProperty(_palettes, TagPalettes.iris, '#5e47d3'), _defineProperty(_palettes, TagPalettes.blue, '#126bfb'), _defineProperty(_palettes, TagPalettes.lavender, '#945fb9'), _defineProperty(_palettes, TagPalettes.orange, '#ed7b20'), _defineProperty(_palettes, TagPalettes.golden, '#de8a02'), _defineProperty(_palettes, TagPalettes.red, '#d96156'), _defineProperty(_palettes, TagPalettes.grey, '#5e6e90'), _palettes);
-/**
- * 计算标签样式
- *
- * @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 Tag = function Tag(_a) {
-  var className = _a.className,
-    children = _a.children,
-    type = _a.type,
-    palette = _a.palette,
-    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", "palette", "icon", "style", "textColorSame", "iconPosition", "ellipsisOptions"]);
-  var normalizeType = (0, _react.useMemo)(function () {
-    if (icon) {
-      return 'dot';
-    }
-    return type;
-  }, [icon, type]);
-  var color = (0, _react.useMemo)(function () {
-    return palettes[palette] || palette;
-  }, [palette]);
-  var tagStyle = (0, _react.useMemo)(function () {
-    return computeTagStyle(normalizeType, color, textColorSame);
-  }, [color, textColorSame, normalizeType]);
-  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('tag');
-    var displayEllipsisOptions = function () {
-      var options = Object.assign({}, ellipsisOptions);
-      var iconElement = _react["default"].createElement("span", {
-        className: "".concat(prefixCls, "-icon"),
-        style: {
-          color: color
-        }
-      }, 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, (_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: color
-      }
-    }), hasIcon ? _react["default"].createElement(_ellipsis["default"], Object.assign({}, displayEllipsisOptions), children) : children);
-  });
-};
-exports.Tag = Tag;
-Tag.CheckableTag = _tag["default"].CheckableTag;
-var _default = Tag;
+var _default = _tag["default"];
 exports["default"] = _default;

package/lib/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.tsx"],"names":[],"mappings":"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","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'\n\nimport 'antd/lib/tag/style'\nimport './tag.less'\nimport Ellipsis from '../ellipsis'\n\nexport * from 'antd/lib/tag'\n\nexport enum TagPalettes {\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 palettes = {\n  [TagPalettes.cyan]: '#1e9493',\n  [TagPalettes.green]: '#07c790',\n  [TagPalettes.iris]: '#5e47d3',\n  [TagPalettes.blue]: '#126bfb',\n  [TagPalettes.lavender]: '#945fb9',\n  [TagPalettes.orange]: '#ed7b20',\n  [TagPalettes.golden]: '#de8a02',\n  [TagPalettes.red]: '#d96156',\n  [TagPalettes.grey]: '#5e6e90',\n}\n\nexport interface TagProps extends AntdTagProps {\n  /**\n   * 类型\n   */\n  type?: 'dot' | 'filled' | 'outline' | 'rounded'\n  /**\n   * 颜色\n   */\n  palette?: TagPalettes | 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: TagProps['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 Tag = ({\n  className,\n  children,\n  type,\n  palette,\n  icon,\n  style,\n  textColorSame = icon != null,\n  iconPosition = 'prefix',\n  ellipsisOptions,\n  ...props\n}: TagProps) => {\n  const normalizeType = useMemo(() => {\n    if (icon) {\n      return 'dot'\n    }\n\n    return type\n  }, [icon, type])\n  const color = useMemo(() => palettes[palette as TagPalettes] || palette, [palette])\n  const tagStyle = useMemo(\n    () => computeTagStyle(normalizeType, color, textColorSame),\n    [color, textColorSame, normalizeType]\n  )\n  const hasIcon = useMemo(() => icon != null, [icon])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('tag')\n        const displayEllipsisOptions = (() => {\n          const options = {\n            ...ellipsisOptions,\n          }\n          const iconElement = (\n            <span className={`${prefixCls}-icon`} style={{ color }}>\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, {\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: color,\n                }}\n              />\n            )}\n            {hasIcon ? <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis> : children}\n          </AntdTag>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nTag.CheckableTag = AntdTag.CheckableTag\n\nexport default Tag\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sDAA6B;AAE7B,6BAA0B;AAE1B,8CAA2B;AAE3B,kBAAe,aAAG,CAAA","sourcesContent":["import Tag from 'antd/lib/tag'\n\nimport 'antd/lib/tag/style'\n\nexport * from 'antd/lib/tag'\n\nexport default Tag\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tntd",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "license": "MIT",
   "dependencies": {
     "@icon-park/react": "^1.3.5",
@@ -65,7 +65,6 @@
   "files": [
     "lib",
     "es",
-    "codemod",
     "themes"
   ],
   "main": "lib/index.js",
@@ -82,7 +81,7 @@
     "_phase:build": "heft build --clean",
     "_phase:test": "heft test --no-build",
     "svgr": "npx svgr ./svg --out-dir ./src/svg-components",
-    "test": "jest",
-    "test:watch": "jest --watch"
+    "test": "heft test",
+    "test:watch": "heft test --watch --clean"
   }
 }

package/themes/default/variables.less

@@ -405,9 +405,9 @@
 
 // Tag
 // --
-@tag-default-bg: rgba(94, 112, 146, 0.1);
+@tag-default-bg: @background-color-light;
 @tag-default-color: @text-color;
-@tag-font-size: @font-size-base;
+@tag-font-size: @font-size-sm;
 
 // TimePicker
 // ---

package/codemod/__testfixtures__/v1-to-v2-react.input.js

@@ -1,24 +0,0 @@
-import { Affix } from "antd";
-import { Layout } from "tntd";
-
-export default class App {
-  render() {
-  const { HeaderNavs, HeaderActionItem } = Layout;
-
-    return (
-      <Layout>
-        <Affix />
-      </Layout>
-    );
-  }
-}
-
-export class App2 {
-  render() {
-    const Layout = Affix;
-
-    return (
-      <Layout />
-    );
-  }
-}

package/codemod/__testfixtures__/v1-to-v2-react.output.js

@@ -1,23 +0,0 @@
-import { Affix, TntdLayout } from "tntd";
-
-export default class App {
-  render() {
-  const { HeaderNavs, HeaderActionItem } = TntdLayout;
-
-    return (
-      <TntdLayout>
-        <Affix />
-      </TntdLayout>
-    );
-  }
-}
-
-export class App2 {
-  render() {
-    const Layout = Affix;
-
-    return (
-      <Layout />
-    );
-  }
-}

package/codemod/__testfixtures__/v1-to-v2.input.js

@@ -1,2 +0,0 @@
-import { Affix } from "antd";
-import * as Antd from "antd";

package/codemod/__testfixtures__/v1-to-v2.output.js

@@ -1,2 +0,0 @@
-import { Affix } from "tntd";
-import * as Antd from "tntd";