tntd 3.0.28 → 3.0.29

package/lib/tabs-container/index.js

@@ -7,13 +7,13 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.less");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var _default = exports["default"] = function _default(WrappedComponent) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var version = options.version,
     _options$className = options.className,
     className = _options$className === void 0 ? '' : _options$className;
-  var currentVersion = version || 'v2';
+  var currentVersion = version || 'v3';
   return function (props) {
     return _react["default"].createElement("div", {
       className: (0, _classnames["default"])('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)

package/lib/tabs-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,4DAA2B;AAE3B,wBAAsB;AAEtB,kBAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAC;IAEvC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QAClF,8BAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CAC1C,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\n\nimport './index.less';\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || 'v2';\n\n    return (props) => (\n        <div className={cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)}>\n            <WrappedComponent {...props} {...options} />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,4DAA2B;AAE3B,wBAAqB;AAErB,kBAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAC;IAEzC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QACpF,8BAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CACxC,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\n\nimport './index.less'\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || 'v3';\n\n  return (props) => (\n    <div className={cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)}>\n      <WrappedComponent {...props} {...options} />\n    </div>\n  )\n}\n"]}

package/lib/tag/tag.js

@@ -25,11 +25,11 @@ Object.keys(_tag).forEach(function (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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 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) {

package/lib/tag/tag.less

@@ -3,8 +3,8 @@
 @tag-prefix-cls: ~'@{ant-prefix}-tag';
 // 默认
 @tag-height: 20px;
-@tag-small-size: 0 7px;
-@tag-middle-size: 0 7px;
+@tag-small-size: 0 8px;
+@tag-middle-size: 1px 10px;
 @tag-large-size: 3px 12px;
 
 // img tag
@@ -21,7 +21,8 @@
     line-height: @tag-height;
 
     .@{iconfont-css-prefix}-close {
-        // .iconfont-size-under-12px(10px);
+        .iconfont-size-under-12px(12px);
+        font-size: @font-size-sm !important;
         vertical-align: middle;
         line-height: 1;
     }

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(e) { return e && e.__esModule ? e : { "default": e }; }
+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.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import type { TimePickerProps as AntdTimePickerProps } from 'antd/lib/time-picker';
 import './style';
-export * from 'antd/lib/time-picker';
-export declare type TimePickerProps = AntdTimePickerProps & {
-    readonly?: boolean;
-};
-declare const _default: import("react").ForwardRefExoticComponent<AntdTimePickerProps & import("react").RefAttributes<unknown>>;
+import './index.less';
+declare const _default: import("react").ForwardRefExoticComponent<import("antd/lib/time-picker").TimePickerProps & {
+    theme?: string | undefined;
+    readonly?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<unknown>>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/time-picker/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAIjF,OAAO,SAAS,CAAA;AAEhB,cAAc,qBAAqB,CAAA;AAEnC,oBAAY,eAAe,GAAG,mBAAmB,GAAG;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;;AAED,wBAA2E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/time-picker/index.ts"],"names":[],"mappings":";AAGA,OAAO,SAAS,CAAA;AAChB,OAAO,cAAc,CAAA;;;;;;;AAGrB,wBAA2E"}

package/lib/time-picker/index.js

@@ -1,26 +1,13 @@
 "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 _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 _connect = require("../connect");
 var _previewText = require("../preview-text");
 require("./style");
-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; }
-var _default = exports["default"] = (0, _connect.connectReadonlyComponent)(_timePicker["default"], _previewText.PreviewText.TimePicker);
+require("./index.less");
+var _TimePicker = _interopRequireDefault(require("./TimePicker"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = (0, _connect.connectReadonlyComponent)(_TimePicker["default"], _previewText.PreviewText.TimePicker);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/time-picker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sEAA4C;AAE5C,wCAAqD;AACrD,kDAA6C;AAE7C,mBAAgB;AAEhB,sDAAmC;AAMnC,kBAAe,IAAA,kCAAwB,EAAC,qBAAU,EAAE,0BAAW,CAAC,UAAU,CAAC,CAAA","sourcesContent":["import TimePicker from 'antd/lib/time-picker'\nimport type { TimePickerProps as AntdTimePickerProps } from 'antd/lib/time-picker'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport './style'\n\nexport * from 'antd/lib/time-picker'\n\nexport type TimePickerProps = AntdTimePickerProps & {\n  readonly?: boolean\n}\n\nexport default connectReadonlyComponent(TimePicker, PreviewText.TimePicker)\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/time-picker/index.ts"],"names":[],"mappings":";;;;;AAAA,wCAAqD;AACrD,kDAA6C;AAE7C,mBAAgB;AAChB,wBAAqB;AACrB,8DAAqC;AAErC,kBAAe,IAAA,kCAAwB,EAAC,oBAAU,EAAE,0BAAW,CAAC,UAAU,CAAC,CAAA","sourcesContent":["import { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport './style'\nimport './index.less'\nimport TimePicker from './TimePicker'\n\nexport default connectReadonlyComponent(TimePicker, PreviewText.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/title/index.js

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _ellipsis = _interopRequireDefault(require("../ellipsis"));
 var _utils = require("../utils");
 require("./index.less");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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];

package/lib/title/index.less

@@ -4,8 +4,8 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    .tntd-title-text{
-        height: 100%;
+    .tntd-title-text {
+      height: 100%;
     }
   }
 
@@ -93,7 +93,8 @@
     }
   }
 
-  &.large,&.h1 {
+  &.large,
+  &.h1 {
     & {
       height: 40px;
       line-height: 40px;
@@ -104,14 +105,14 @@
       }
       &::before {
         height: 16px;
-        top: 12px;
       }
       .sub-title {
         font-size: 16px;
       }
     }
   }
-  &.middle,&.h2 {
+  &.middle,
+  &.h2 {
     & {
       height: 36px;
       line-height: 36px;
@@ -122,56 +123,58 @@
       }
       &::before {
         height: 14px;
-        top: 11px;
       }
     }
   }
-  &.h3,&.h4,&.h5,&.small{
+  &.h3,
+  &.h4,
+  &.h5,
+  &.small {
     & {
-        height: 22px;
-        line-height: 22px;
-        .tntd-title-text{
-            h3 {
-                font-size: 14px;
-            }
-            .sub-title{
-                font-size: 14px;
-            }
+      height: 22px;
+      line-height: 22px;
+      .tntd-title-text {
+        h3 {
+          font-size: 14px;
+        }
+        .sub-title {
+          font-size: 14px;
         }
+      }
     }
   }
   // 默认h3 和 small
-  &.h3,&.small {
+  &.h3,
+  &.small {
     .tntd-title-text {
-        &::before {
-            height: 12px;
-            top: 5px;
-        }
-        h3 {
-            font-weight: bold;
-        }
+      &::before {
+        height: 12px;
+      }
+      h3 {
+        font-weight: bold;
+      }
     }
   }
   &.h4 {
     .tntd-title-text {
-        &::before {
-            display: none;
-        }
-        h3 {
-            font-weight: bold;
-            margin-left:0;
-        }
+      &::before {
+        display: none;
+      }
+      h3 {
+        font-weight: bold;
+        margin-left: 0;
+      }
     }
   }
   &.h5 {
     .tntd-title-text {
-        &::before {
-            display: none;
-        }
-        h3 {
-            margin-left: 0;
-            font-weight: normal;
-        }
+      &::before {
+        display: none;
+      }
+      h3 {
+        margin-left: 0;
+        font-weight: normal;
+      }
     }
   }
   .tntd-title-text {
@@ -179,7 +182,7 @@
       position: relative;
       display: flex;
       align-items: center;
-      flex:1;
+      flex: 1;
       min-width: 0;
     }
     h3 {
@@ -191,7 +194,7 @@
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
-      &.has-sub-title{
+      &.has-sub-title {
         max-width: 70%;
       }
     }
@@ -205,15 +208,14 @@
       text-overflow: ellipsis;
       margin-left: 8px;
     }
-    .sub-tip{
-        margin-left: 4px;
-        font-size: 16px;
-        color:@text-color;
+    .sub-tip {
+      margin-left: 4px;
+      font-size: 16px;
+      color: @text-color;
     }
     &::before {
       position: absolute;
       left: 0;
-      top: 10px;
       background-color: @primary-color;
       content: '';
       width: 4px;

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"}

package/lib/tntd-action/Action.js

@@ -0,0 +1,141 @@
+"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
+});
+exports["default"] = WarpAction;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _configProvider = require("antd/lib/config-provider");
+var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _button = require("../button");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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 defaultGetContainer = function defaultGetContainer() {
+  return document.getElementById('subapp-viewport') || document.body;
+};
+function WarpAction(_a) {
+  var _a$getContainer = _a.getContainer,
+    getContainer = _a$getContainer === void 0 ? defaultGetContainer : _a$getContainer,
+    other = __rest(_a, ["getContainer"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls,
+      getContextPopupContainer = _ref.getPopupContainer;
+    var _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer;
+    return _react["default"].createElement(_LocaleReceiver["default"], {
+      componentName: "TntdAction"
+    }, function (locale) {
+      return _react["default"].createElement(Action, Object.assign({
+        getPopupContainer: _getContainer
+      }, other, {
+        locale: locale
+      }));
+    });
+  });
+}
+function Action(_ref2) {
+  var title = _ref2.title,
+    hidden = _ref2.hidden,
+    data = _ref2.data,
+    afterClose = _ref2.afterClose,
+    locale = _ref2.locale,
+    className = _ref2.className,
+    _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? 700 : _ref2$width,
+    getPopupContainer = _ref2.getPopupContainer;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)({
+      left: 400,
+      bottom: 100,
+      width: width
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    offset = _useState4[0],
+    setOffset = _useState4[1];
+  var ref = (0, _react.useRef)();
+  var refDom = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    ref.current = getPopupContainer();
+  }, [getPopupContainer]);
+  (0, _react.useEffect)(function () {
+    var visible = data.length > 0;
+    if (visible && ref.current) {
+      var _offset = ref.current.getBoundingClientRect();
+      setOffset({
+        left: _offset.left + (_offset.width - width) / 2,
+        bottom: 100,
+        width: width
+      });
+    }
+    setVisible(visible);
+  }, [data, width]);
+  var onMouseDown = function onMouseDown(e) {
+    var startX = e.clientX - offset.left;
+    var startY = e.clientY + offset.bottom;
+    var onmousemove = function onmousemove(e) {
+      if (e.buttons === 1) {
+        refDom.current.style.left = e.clientX - startX + 'px';
+        refDom.current.style.bottom = startY - e.clientY + 'px';
+      } else {
+        _onmouseup(e);
+      }
+    };
+    var _onmouseup = function onmouseup(e) {
+      setOffset(function (offset) {
+        return Object.assign(Object.assign({}, offset), {
+          left: e.clientX - startX,
+          bottom: startY - e.clientY
+        });
+      });
+      document.removeEventListener('mousemove', onmousemove);
+      document.removeEventListener('mouseup', _onmouseup);
+    };
+    document.addEventListener('mousemove', onmousemove);
+    document.addEventListener('mouseup', _onmouseup);
+  };
+  if (ref.current && visible && !hidden) {
+    return _reactDom["default"].createPortal(_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('tnt-action', className),
+      style: offset,
+      onMouseDown: onMouseDown,
+      ref: refDom
+    }, _react["default"].createElement("div", {
+      className: "fr",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      }
+    }, data), _react["default"].createElement(_button.Button, {
+      shape: "circle",
+      icon: "close",
+      type: "tertiary",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        setVisible(false);
+        afterClose && afterClose();
+      }
+    }), _react["default"].createElement("span", {
+      className: "tnt-action-text"
+    }, title)), document.body);
+  }
+  return null;
+}

package/lib/tntd-action/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport { Button } from '../button'\n\nconst defaultGetContainer = () => document.getElementById('subapp-viewport') || document.body\n\nexport default function WarpAction({ getContainer = defaultGetContainer, ...other }) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls, getPopupContainer: getContextPopupContainer }) => {\n        const _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer\n\n        return (\n          <LocaleReceiver componentName=\"TntdAction\">\n            {(locale) => {\n              return <Action getPopupContainer={_getContainer} {...other} locale={locale} />\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nfunction Action({\n  title,\n  hidden,\n  data,\n  afterClose,\n  locale,\n  className,\n  width = 700,\n  getPopupContainer,\n}) {\n  const [visible, setVisible] = useState(false)\n  const [offset, setOffset] = useState({ left: 400, bottom: 100, width })\n  const ref = useRef()\n  const refDom = useRef()\n\n  useEffect(() => {\n    ref.current = getPopupContainer()\n  }, [getPopupContainer])\n\n  useEffect(() => {\n    const visible = data.length > 0\n    if (visible && ref.current) {\n      const offset = ref.current.getBoundingClientRect()\n      setOffset({ left: offset.left + (offset.width - width) / 2, bottom: 100, width })\n    }\n    setVisible(visible)\n  }, [data, width])\n\n  const onMouseDown = (e) => {\n    const startX = e.clientX - offset.left\n    const startY = e.clientY + offset.bottom\n    const onmousemove = (e) => {\n      if (e.buttons === 1) {\n        refDom.current.style.left = e.clientX - startX + 'px'\n        refDom.current.style.bottom = startY - e.clientY + 'px'\n      } else {\n        onmouseup(e);\n      }\n    }\n    const onmouseup = (e) => {\n      setOffset((offset) => ({ ...offset, left: e.clientX - startX, bottom: startY - e.clientY }))\n      document.removeEventListener('mousemove', onmousemove)\n      document.removeEventListener('mouseup', onmouseup)\n    }\n    document.addEventListener('mousemove', onmousemove)\n    document.addEventListener('mouseup', onmouseup)\n  }\n\n  if (ref.current && visible && !hidden) {\n    return ReactDOM.createPortal(\n      <div\n        className={classNames('tnt-action', className)}\n        style={offset}\n        onMouseDown={onMouseDown}\n        ref={refDom}\n      >\n        <div\n          className=\"fr\"\n          onClick={(e) => {\n            e.stopPropagation()\n          }}\n        >\n          {data}\n        </div>\n        <Button\n          shape=\"circle\"\n          icon=\"close\"\n          type=\"tertiary\"\n          onClick={(e) => {\n            e.stopPropagation()\n            setVisible(false)\n            afterClose && afterClose()\n          }}\n        />\n        <span className=\"tnt-action-text\">{title}</span>\n      </div>,\n      document.body\n    )\n  }\n  return null\n}\n"]}

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

@@ -1,4 +1,6 @@
-export default function _default({ children }: {
+export default function _default({ children, ...other }: {
+    [x: string]: any;
     children: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-action/index.js"],"names":[],"mappings":"AAGA;;QAEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-action/index.js"],"names":[],"mappings":"AAoCA;;;sBA2BC"}