tntd 2.8.0-beta.3 → 2.8.0-beta.4

package/lib/tag/color.less

@@ -0,0 +1,43 @@
+@preset-colors-custom: grey, blue, green, red, gold, lightblue, bluegrey, purplegrey, purple, lightpurple, lightgreen, pink, rose, orange,  magenta, volcano, yellow, cyan, lime, geekblue, tnt-pink, tnt-orange, tnt-purple;
+
+
+@grey-7: @text-color-secondary;
+@grey-4: @border-color-base;
+@grey-1: @tag-default-bg;
+
+@rose-7:#D8395E; 
+@rose-4:  #FEA3B4;
+@rose-1:  #FFF1F3; 
+
+@lightblue-7: #1AA9E6; 
+@lightblue-4: #8FE0FF;
+@lightblue-1: #F0F9FF; 
+
+@bluegrey-7: #486FBB; 
+@bluegrey-4: #A1BCEF;
+@bluegrey-1: #F4F8FF; 
+
+@purplegrey-7: #4E5BA6; 
+@purplegrey-4: #AFB5D9;
+@purplegrey-1: #F8F9FC; 
+
+@tnt-purple-7: #6E54D4; 
+@tnt-purple-4:  #BDB4FE;
+@tnt-purple-1:  #F4F3FF; 
+
+@lightpurple-7: #5161D7; 
+@lightpurple-4:  #A4BCFD;
+@lightpurple-1:  #EEF4FF; 
+
+@lightgreen-7: #2E9C98; 
+@lightgreen-4:  #8CE0DD;
+@lightgreen-1:  #F1FBFB; 
+
+@tnt-pink-7: #D03E93; 
+@tnt-pink-4:  #FAA7E0;
+@tnt-pink-1:  #FDF2FA;
+
+@tnt-orange-7:#DF5F28; 
+@tnt-orange-4:  #FEB173;
+@tnt-orange-1:  #FFF6ED; 
+

package/lib/tag/tag.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { TagProps as AntdTagProps } from 'antd/lib/tag';
+import type { CheckableTagProps as AntdCheckableTagProps } from 'antd/lib/tag';
+import { default as AntdTag } from 'antd/lib/tag';
+export * from 'antd/lib/tag';
+export declare enum TagColors {
+    grey = "grey",
+    rose = "rose",
+    lightblue = "lightblue",
+    bluegrey = "bluegrey",
+    purplegrey = "purplegrey",
+    lightpurple = "lightpurple",
+    lightgreen = "lightgreen",
+    'tnt-pink' = "tnt-pink",
+    'tnt-orange' = "tnt-orange",
+    'tnt-purple' = "tnt-purple"
+}
+export interface TagProps extends AntdTagProps {
+    color?: TagColors | string;
+    size?: 'small' | 'middle' | 'large';
+    border?: boolean;
+    addonContent?: React.ReactNode;
+    addonPosition?: 'prefix' | 'suffix';
+    addonType?: 'success' | 'info' | 'warning' | 'error';
+    ellipsisOptions?: {
+        Popover?: boolean;
+        emptyText?: string;
+        widthLimit?: number | string;
+        lines?: number;
+        [key: string]: unknown;
+    };
+}
+export interface CheckableTagProps extends AntdCheckableTagProps {
+    disabled?: boolean;
+    border?: boolean;
+}
+interface TagComponent extends React.ForwardRefExoticComponent<TagProps & React.RefAttributes<AntdTag>> {
+    CheckableTag: React.FC<CheckableTagProps>;
+}
+export declare const Tag: TagComponent;
+//# sourceMappingURL=tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../src/tag/tag.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,aAAa,CAAA;AAC3D,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAE7E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA;AAMhD,cAAc,aAAa,CAAA;AAE3B,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,UAAU,aAAa;IACvB,YAAY,eAAe;IAC3B,YAAY,eAAe;CAC5B;AAsBD,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACpD,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;AAED,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,UAAU,YACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAChF,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;CAC1C;AAoCD,eAAO,MAAM,GAAG,cAmFE,CAAA"}

package/lib/tag/tag.js

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  TagColors: true,
+  Tag: true
+};
+exports.TagColors = exports.Tag = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = require("antd/lib/config-provider");
+var _tag = _interopRequireWildcard(require("antd/lib/tag"));
+Object.keys(_tag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _tag[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _tag[key];
+    }
+  });
+});
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ellipsis = _interopRequireDefault(require("../ellipsis"));
+var _icon = _interopRequireDefault(require("../icon"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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;
+};
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-03-04 19:15:22
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-03-11 10:10:31
+ * @FilePath: /tntd/packages/tntd/src/tag/tag.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+var TagColors;
+(function (TagColors) {
+  TagColors["grey"] = "grey";
+  TagColors["rose"] = "rose";
+  TagColors["lightblue"] = "lightblue";
+  TagColors["bluegrey"] = "bluegrey";
+  TagColors["purplegrey"] = "purplegrey";
+  TagColors["lightpurple"] = "lightpurple";
+  TagColors["lightgreen"] = "lightgreen";
+  TagColors["tnt-pink"] = "tnt-pink";
+  TagColors["tnt-orange"] = "tnt-orange";
+  TagColors["tnt-purple"] = "tnt-purple";
+})(TagColors || (exports.TagColors = TagColors = {}));
+// 内置的状态
+var statusMap = {
+  success: {
+    icon: 'check-circle',
+    color: 'green'
+  },
+  info: {
+    icon: 'info-circle',
+    color: 'blue'
+  },
+  error: {
+    icon: 'close-circle',
+    color: 'red'
+  },
+  warning: {
+    icon: 'info-circle',
+    color: 'orange'
+  }
+};
+var getDisplayEllipsisOptions = function getDisplayEllipsisOptions(props, prefixCls) {
+  var _a;
+  var _ref = props || {},
+    ellipsisOptions = _ref.ellipsisOptions,
+    addonContent = _ref.addonContent,
+    addonType = _ref.addonType,
+    addonPosition = _ref.addonPosition,
+    children = _ref.children;
+  var options = Object.assign({}, ellipsisOptions);
+  var addonContentInfo = null;
+  if (addonContent) {
+    addonContentInfo = addonContent;
+  } else if (addonType && statusMap[addonType]) {
+    addonContentInfo = _react["default"].createElement(_icon["default"], {
+      type: (_a = statusMap[addonType]) === null || _a === void 0 ? void 0 : _a.icon
+    });
+  }
+  if (addonContentInfo) {
+    addonContentInfo = _react["default"].createElement("span", {
+      className: "".concat(prefixCls, "-addon")
+    }, addonContentInfo);
+    if (addonPosition === 'prefix') {
+      options.prefix = addonContentInfo;
+    }
+    if (addonPosition === 'suffix') {
+      options.suffix = addonContentInfo;
+    }
+    if (options.Popover === true) {
+      options.content = children;
+    } else {
+      options.title = children;
+    }
+    options.contentInfo = addonContentInfo;
+  }
+  return options;
+};
+var Tag = exports.Tag = (0, _react.forwardRef)(function (props, ref) {
+  var _a;
+  var className = props.className,
+    _props$border = props.border,
+    border = _props$border === void 0 ? true : _props$border,
+    size = props.size,
+    addonType = props.addonType,
+    addonContent = props.addonContent,
+    _props$addonPosition = props.addonPosition,
+    addonPosition = _props$addonPosition === void 0 ? 'prefix' : _props$addonPosition,
+    ellipsisOptions = props.ellipsisOptions,
+    children = props.children,
+    restProps = __rest(props, ["className", "border", "size", "addonType", "addonContent", "addonPosition", "ellipsisOptions", "children"]);
+  var _ref2 = props || {},
+    color = _ref2.color;
+  if (!color && addonType) {
+    color = (_a = statusMap[addonType]) === null || _a === void 0 ? void 0 : _a.color;
+  }
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref3) {
+    var getPrefixCls = _ref3.getPrefixCls;
+    var _a, _b, _c, _d, _e;
+    var prefixCls = getPrefixCls('tag');
+    var displayEllipsisOptions = getDisplayEllipsisOptions({
+      ellipsisOptions: ellipsisOptions,
+      addonContent: addonContent,
+      addonType: addonType,
+      addonPosition: addonPosition,
+      children: children
+    }, prefixCls);
+    // 只有一个icon时 padding距离存在差异
+    var onlyIcon = _react["default"].isValidElement(children) && _react["default"].Children.only(children) && (children === null || children === void 0 ? void 0 : children.type) instanceof Function && ((_c = (_b = (_a = children === null || children === void 0 ? void 0 : children.type) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toLowerCase) === null || _c === void 0 ? void 0 : _c.call(_b)) === 'icon';
+    // 前缀是图片 只处理一层节点下是图片的，否则就用户自定义样式
+    var addonIsImg = _react["default"].isValidElement(addonContent) && (addonContent === null || addonContent === void 0 ? void 0 : addonContent.type) && typeof (addonContent === null || addonContent === void 0 ? void 0 : addonContent.type) === 'string' && ((_e = (_d = addonContent === null || addonContent === void 0 ? void 0 : addonContent.type) === null || _d === void 0 ? void 0 : _d.toLowerCase) === null || _e === void 0 ? void 0 : _e.call(_d)) === 'img';
+    return _react["default"].createElement(_tag["default"], Object.assign({
+      className: (0, _classnames["default"])(_defineProperty({}, "".concat(prefixCls, "-").concat(color), color && !!TagColors[color]), 'tnt-tag', "".concat(prefixCls, "-").concat(size || 'middle'), _defineProperty({}, "".concat(prefixCls, "-no-border"), !border), _defineProperty({}, "".concat(prefixCls, "-only-child"), !children || onlyIcon), _defineProperty({}, "".concat(prefixCls, "-addon-img"), !!addonIsImg), className || '')
+    }, restProps, {
+      color: !TagColors[color] ? color : '',
+      ref: ref
+    }), !addonContent && !addonType && !ellipsisOptions && children, (!!addonContent || !!addonType || !!ellipsisOptions) && _react["default"].createElement("span", {
+      className: "".concat(prefixCls, "-addon-wrap")
+    }, !!children && _react["default"].createElement(_ellipsis["default"], Object.assign({}, displayEllipsisOptions), children), !children && (displayEllipsisOptions === null || displayEllipsisOptions === void 0 ? void 0 : displayEllipsisOptions.contentInfo)));
+  });
+});
+Tag.CheckableTag = (0, _react.forwardRef)(function (props, ref) {
+  // 默认没有border
+  var _a = props || {},
+    onChange = _a.onChange,
+    disabled = _a.disabled,
+    _a$border = _a.border,
+    border = _a$border === void 0 ? false : _a$border,
+    className = _a.className,
+    rest = __rest(_a, ["onChange", "disabled", "border", "className"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref4) {
+    var getPrefixCls = _ref4.getPrefixCls;
+    var prefixCls = getPrefixCls('tag-checkable');
+    return _react["default"].createElement(_tag["default"].CheckableTag, Object.assign({}, !disabled && {
+      onChange: onChange
+    }, {
+      className: (0, _classnames["default"])('tnt-tag', _defineProperty(_defineProperty({}, "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-border"), !!border))
+    }, rest, {
+      ref: ref
+    }));
+  });
+});

package/lib/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../src/tag/tag.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-04 19:15:22\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-11 10:10:31\n * @FilePath: /tntd/packages/tntd/src/tag/tag.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { useMemo, forwardRef } from 'react'\nimport type { TagProps as AntdTagProps } from 'antd/lib/tag'\nimport type { CheckableTagProps as AntdCheckableTagProps } from 'antd/lib/tag'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdTag } from 'antd/lib/tag'\nimport type AntdCheckableTag from 'antd/lib/tag/CheckableTag'\nimport classNames from 'classnames'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\n\nexport * from 'antd/lib/tag'\n\nexport enum TagColors {\n  grey = 'grey',\n  rose = 'rose',\n  lightblue = 'lightblue',\n  bluegrey = 'bluegrey',\n  purplegrey = 'purplegrey',\n  lightpurple = 'lightpurple',\n  lightgreen = 'lightgreen',\n  'tnt-pink' = 'tnt-pink',\n  'tnt-orange' = 'tnt-orange',\n  'tnt-purple' = 'tnt-purple',\n}\n\n// 内置的状态\nconst statusMap = {\n  success: {\n    icon: 'check-circle',\n    color: 'green',\n  },\n  info: {\n    icon: 'info-circle',\n    color: 'blue',\n  },\n  error: {\n    icon: 'close-circle',\n    color: 'red',\n  },\n  warning: {\n    icon: 'info-circle',\n    color: 'orange',\n  },\n}\n\nexport interface TagProps extends AntdTagProps {\n  color?: TagColors | string\n  size?: 'small' | 'middle' | 'large'\n  border?: boolean\n  addonContent?: React.ReactNode\n  addonPosition?: 'prefix' | 'suffix'\n  addonType?: 'success' | 'info' | 'warning' | 'error'\n  ellipsisOptions?: {\n    Popover?: boolean\n    emptyText?: string\n    widthLimit?: number | string\n    lines?: number\n    [key: string]: unknown\n  }\n}\n\nexport interface CheckableTagProps extends AntdCheckableTagProps {\n  disabled?: boolean\n  border?: boolean\n}\n\ninterface TagComponent\n  extends React.ForwardRefExoticComponent<TagProps & React.RefAttributes<AntdTag>> {\n  CheckableTag: React.FC<CheckableTagProps>\n}\n\nconst getDisplayEllipsisOptions = (props: TagProps, prefixCls: string) => {\n  const { ellipsisOptions, addonContent, addonType, addonPosition, children } = props || {}\n  const options = {\n    ...ellipsisOptions,\n  }\n\n  let addonContentInfo = null\n  if (addonContent) {\n    addonContentInfo = addonContent\n  } else if (addonType && statusMap[addonType]) {\n    addonContentInfo = <Icon type={statusMap[addonType]?.icon} />\n  }\n\n  if (addonContentInfo) {\n    addonContentInfo = <span className={`${prefixCls}-addon`}>{addonContentInfo}</span>\n    if (addonPosition === 'prefix') {\n      options.prefix = addonContentInfo\n    }\n\n    if (addonPosition === 'suffix') {\n      options.suffix = addonContentInfo\n    }\n\n    if (options.Popover === true) {\n      options.content = children\n    } else {\n      options.title = children\n    }\n    options.contentInfo = addonContentInfo\n  }\n\n  return options\n}\n\nexport const Tag = forwardRef<AntdTag, TagProps & { capitalize?: boolean }>((props, ref) => {\n  const {\n    className,\n    border = true,\n    size,\n    addonType,\n    addonContent,\n    addonPosition = 'prefix',\n    ellipsisOptions,\n    children,\n    ...restProps\n  } = props\n\n  let { color } = props || {}\n  if (!color && addonType) {\n    color = statusMap[addonType]?.color\n  }\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('tag')\n\n        const displayEllipsisOptions = getDisplayEllipsisOptions(\n          {\n            ellipsisOptions,\n            addonContent,\n            addonType,\n            addonPosition,\n            children,\n          },\n          prefixCls\n        )\n\n        // 只有一个icon时 padding距离存在差异\n        const onlyIcon =\n          React.isValidElement(children) &&\n          React.Children.only(children) &&\n          children?.type instanceof Function &&\n          children?.type?.name?.toLowerCase?.() === 'icon'\n\n        // 前缀是图片 只处理一层节点下是图片的，否则就用户自定义样式\n        const addonIsImg =\n          React.isValidElement(addonContent) &&\n          addonContent?.type &&\n          typeof addonContent?.type === 'string' &&\n          addonContent?.type?.toLowerCase?.() === 'img'\n\n        return (\n          <AntdTag\n            className={classNames(\n              {\n                [`${prefixCls}-${color}`]: color && !!TagColors[color as keyof typeof TagColors],\n              },\n              'tnt-tag',\n              `${prefixCls}-${size || 'middle'}`,\n              {\n                [`${prefixCls}-no-border`]: !border,\n              },\n              {\n                [`${prefixCls}-only-child`]: !children || onlyIcon,\n              },\n              {\n                [`${prefixCls}-addon-img`]: !!addonIsImg,\n              },\n              className || ''\n            )}\n            {...restProps}\n            color={!TagColors[color as keyof typeof TagColors] ? color : ''}\n            ref={ref}\n          >\n            {!addonContent && !addonType && !ellipsisOptions && children}\n            {(!!addonContent || !!addonType || !!ellipsisOptions) && (\n              <span className={`${prefixCls}-addon-wrap`}>\n                {!!children && <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis>}\n                {!children && displayEllipsisOptions?.contentInfo}\n              </span>\n            )}\n          </AntdTag>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as TagComponent\n\nTag.CheckableTag = forwardRef<AntdCheckableTag, CheckableTagProps>(\n  (props: CheckableTagProps, ref) => {\n    // 默认没有border\n    const { onChange, disabled, border = false, className, ...rest } = props || {}\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('tag-checkable')\n          return (\n            <AntdTag.CheckableTag\n              {...(!disabled && { onChange })}\n              className={classNames('tnt-tag', {\n                [`${prefixCls}-disabled`]: disabled,\n                [`${prefixCls}-border`]: !!border,\n              })}\n              {...rest}\n              ref={ref}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n)\n"]}

package/lib/tag/tag.less

@@ -0,0 +1,193 @@
+@import '../style/mixins/index';
+@import './color.less';
+@tag-prefix-cls: ~'@{ant-prefix}-tag';
+// 默认
+@tag-height: 20px;
+@tag-small-size: 0 8px;
+@tag-middle-size: 1px 10px;
+@tag-large-size: 3px 12px;
+
+// img tag
+@tag-img-small-size: 1px 5px 1px 3px;
+@tag-img-middle-size: 2px 6px 2px 3px;
+@tag-img-large-size: 3px 12px 3px 4px;
+
+// 只有icon的尺寸
+@tag-only-icon-small-size: 5px;
+@tag-only-icon-middle-size: 6px;
+@tag-only-icon-large-size: 7px;
+
+.tnt-tag.@{tag-prefix-cls} {
+    line-height: @tag-height;
+
+    .@{iconfont-css-prefix}-close {
+        .iconfont-size-under-12px(12px);
+        vertical-align: middle;
+        line-height: 1;
+    }
+
+    .anticon{
+        font-size: @font-size-sm;
+    }
+
+    // 头像插件 可以为icon 图片
+    .@{tag-prefix-cls}-addon-wrap{
+        display: inline-block;
+        vertical-align: middle;
+        margin-top: -1px;
+        .@{tag-prefix-cls}-addon{
+            .iconfont-size-under-12px(12px);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .tntd-ellipsis,.tnt-ellipsis{
+            align-items: center;
+            .@{tag-prefix-cls}-addon{
+                >*{
+                    border-radius: 100%;
+                    overflow: hidden;
+                    display: block;
+                }
+                +*{
+                    margin-left: 4px;
+                }
+            }
+        }
+    }
+
+    &-small{
+        padding: @tag-small-size;
+    }
+    &-middle{
+        padding: @tag-middle-size;
+    }
+    &-large{
+        padding: @tag-large-size;
+        font-size: 14px;
+    }
+
+    // 不带边框
+    &.@{tag-prefix-cls}-no-border{
+        border-color:transparent;
+    }
+
+    // 只有一个icon
+    &.@{tag-prefix-cls}-only-child{
+        line-height: @font-size-sm;
+        &.@{tag-prefix-cls}-small{
+            padding: @tag-only-icon-small-size;
+        }
+        &.@{tag-prefix-cls}-middle{
+            padding: @tag-only-icon-middle-size;
+        }
+        &.@{tag-prefix-cls}-large{
+            padding: @tag-only-icon-large-size;
+        }
+    }
+
+    // 带图片
+    &.@{tag-prefix-cls}-addon-img{
+        &.@{tag-prefix-cls}-small{
+            padding: @tag-img-small-size;
+            .@{tag-prefix-cls}-addon{
+                width: 16px;
+                height: 16px;
+            }
+        }
+        &.@{tag-prefix-cls}-middle{
+            padding: @tag-img-middle-size;
+            .@{tag-prefix-cls}-addon{
+                width: 18px;
+                height: 18px;
+            }
+        }
+        &.@{tag-prefix-cls}-large{
+            padding: @tag-img-large-size;
+            .@{tag-prefix-cls}-addon{
+                width: 20px;
+                height: 20px;
+            }
+        }
+    }
+
+    // mixin to iterate over colors and create CSS class for each one
+    .make-color-classes(@i: length(@preset-colors-custom)) when (@i > 0) {
+        .make-color-classes(@i - 1);
+        @color: extract(@preset-colors-custom, @i);
+        @lightColor: '@{color}-1';
+        @lightBorderColor: '@{color}-4';
+        @darkColor: '@{color}-7';
+        &.@{tag-prefix-cls}-@{color} {
+            color: @@darkColor;
+            background: @@lightColor;
+            border-color: @@lightBorderColor;
+            >.@{iconfont-css-prefix}-close {
+                color: @@darkColor;//fade(@@darkColor,80%);
+                opacity: .8;
+            }
+            &.@{tag-prefix-cls}-no-border{
+                border-color:transparent;
+            }
+        }
+        &.@{tag-prefix-cls}-@{color}-inverse {
+            color: @text-color-inverse;
+            background: @@darkColor;
+            border-color: @@darkColor;
+
+            &.@{tag-prefix-cls}-no-border{
+                border-color:transparent;
+            }
+        }
+    }
+
+    .make-color-classes();
+
+
+
+    // 可选
+    &.@{tag-prefix-cls}-checkable {
+        background-color:  @tag-default-bg;
+        border-color: transparent;
+        padding: 2px 12px;
+        cursor: pointer;
+        &-border{
+            border-color: @border-color-base;
+        }
+
+        &:active,
+        &-checked {
+            color: @primary-7;
+            background-color: @primary-1;
+            &.@{tag-prefix-cls}-checkable-border{
+                border-color: @primary-3;
+            }
+        }
+
+        &-checked {
+            &.@{tag-prefix-cls}-checkable-disabled:hover {
+                color:  @primary-color;
+            }
+        }
+
+        &:not(&-checked){
+            &.@{tag-prefix-cls}-checkable-disabled:hover {
+                color: inherit;
+            }
+        }
+
+        &-disabled{
+            opacity: 0.5;
+            cursor: not-allowed;
+            &:hover{
+                opacity: 0.5;
+                color: inherit;
+            }
+        }
+    }
+
+}
+
+
+

package/lib/time-picker/TimePicker.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TimePickerProps as AntdTimePickerProps } from 'antd/lib/time-picker';
+export * from 'antd/lib/time-picker';
+declare const TimePicker: React.FC<AntdTimePickerProps & {
+    theme?: string;
+    readonly?: boolean;
+}>;
+export default TimePicker;
+//# sourceMappingURL=TimePicker.d.ts.map

package/lib/time-picker/TimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../src/time-picker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAIjF,cAAc,qBAAqB,CAAA;AACnC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAqBtF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/time-picker/TimePicker.js

@@ -0,0 +1,55 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _configProvider = require("antd/lib/config-provider");
+var _timePicker = _interopRequireWildcard(require("antd/lib/time-picker"));
+Object.keys(_timePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _timePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _timePicker[key];
+    }
+  });
+});
+var _classnames = _interopRequireDefault(require("classnames"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 TimePicker = function TimePicker(props) {
+  //theme样式类型 outline | fill  默认 outline
+  var _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'outline' : _props$theme,
+    className = props.className,
+    suffixIcon = props.suffixIcon,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  var defaultIcon = _react["default"].createElement(_icon["default"], {
+    type: "clock-circle"
+  });
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('time-picker');
+    return _react["default"].createElement(_timePicker["default"], Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme))
+    }, restProps));
+  });
+};
+var _default = exports["default"] = TimePicker;

package/lib/time-picker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/time-picker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAuC;AACvC,mDAA0B;AAE1B,6DAAwD;AACxD,sEAA+C;AAC/C,4DAAmC;AACnC,sDAAmC;AACnC,MAAM,UAAU,GAA2E,CACzF,KAAK,EACL,EAAE;IACF,sCAAsC;IACtC,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlE,oCAA0D,CAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,8BAAC,cAAI,IAAC,IAAI,EAAC,cAAc,GAAG,CAAA;IAEhD,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7C,OAAO,CACL,8BAAC,qBAAa,kBACZ,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,IACrD,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport Icon from '../icon'\nimport type { TimePickerProps as AntdTimePickerProps } from 'antd/lib/time-picker'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport AntTimePicker from 'antd/lib/time-picker'\nimport classNames from 'classnames'\nexport * from 'antd/lib/time-picker'\nconst TimePicker: React.FC<AntdTimePickerProps & { theme?: string; readonly?: boolean }> = (\n  props\n) => {\n  //theme样式类型 outline | fill  默认 outline\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"clock-circle\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('time-picker')\n        return (\n          <AntTimePicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default TimePicker\n"]}

package/lib/time-picker/index.less

@@ -0,0 +1,38 @@
+@import '../style/themes/index';
+
+@timepicker-prefix-cls: ~'@{ant-prefix}-time-picker';
+.@{timepicker-prefix-cls} {
+  input{
+    border-color: @border-color-secondary;
+  }
+  &:has(input:not([value=''])),&:hover {
+    .@{timepicker-prefix-cls}-icon{
+      i{
+        color: @text-color-secondary;
+      }
+    }
+  }
+  &:has(input[disabled]){
+    .@{timepicker-prefix-cls}-icon{
+      i{
+        color: @disabled-color;
+      }
+    }
+  }
+  &-fill{
+    input {
+      background-color: @fill-color-quaternary;
+      border-color: @fill-color-quaternary;
+      &[disabled] {
+        border: none;
+      }
+      &:focus{
+        background-color: @white;
+      }
+      &:not([value='']):hover {
+        background-color: @white;
+      }
+    }
+  }
+}
+

package/lib/time-picker/style/index.less

@@ -194,7 +194,8 @@
     z-index: 1;
     width: 14px;
     height: 14px;
-    margin-top: -7px;
+    // margin-top: -7px;
+    margin-top: -8px;
     color: @disabled-color;
     line-height: 14px;
     transition: all 0.3s @ease-in-out;

package/lib/timeline/style/index.less

@@ -80,7 +80,7 @@
 
     &-content {
       position: relative;
-      top: calc(-(@font-size-base * @line-height-base - @font-size-base) + 1px);
+      top: calc(@font-size-base - @font-size-base * @line-height-base + 1px);
       margin: 0 0 0 18px;
       word-break: break-word;
     }

package/lib/tntd-action/Action.d.ts

@@ -0,0 +1,6 @@
+export default function WarpAction({ getContainer, ...other }: {
+    [x: string]: any;
+    getContainer?: (() => HTMLElement) | undefined;
+}): React.JSX.Element;
+import React from "react";
+//# sourceMappingURL=Action.d.ts.map

package/lib/tntd-action/Action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":"AASA;;;sBAgBC"}