tntd 2.8.45 → 2.8.47

package/lib/table/total-shower.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.TotalShower = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../utils");
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    "default": obj
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
   };
 }
 var TotalShower = exports.TotalShower = function TotalShower(_ref) {

package/lib/table/utils.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.makeRandomCode = makeRandomCode;
 exports.normalizeColumns = normalizeColumns;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    "default": obj
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
   };
 }
 function normalizeColumns(elements) {

package/lib/table-container/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 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) {

package/lib/tabs/tabs.less

@@ -0,0 +1,125 @@
+// Tabs 自定义梯形页签样式
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+.tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-ladder-card.@{tab-prefix-cls}-top {
+  padding: 0 12px;
+  position: relative;
+  left: -12px;
+  padding-bottom: 20px;
+
+  > .@{tab-prefix-cls}-top-bar {
+    border-bottom: none;
+    margin-bottom: 0;
+    .@{tab-prefix-cls}-tab {
+      // display: inline-block;
+      vertical-align: bottom;
+      // position: relative;
+      min-width: 106px;
+      height: 40px;
+      line-height: 40px;
+      border-top-left-radius: @border-radius-lg;
+      filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
+      box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
+      border: none;
+      margin: 0px 30px 0px 0px;
+      padding: 0px 12px 0 48px;
+      // background: @fill-color-quaternary;
+      text-align: right;
+      // color: @text-color-secondary;
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        right: -52px;
+        height: 100%;
+        width: 64px;
+        z-index: 1;
+        background: inherit;
+        clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
+      }
+
+      // 兼容clip-path 属性
+      @supports not (clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z')) {
+        & {
+          padding: 0px 22px 0 48px !important;
+          margin-right: 12px;
+        }
+        &::after {
+          top: 17px !important;
+          right: -54px !important;
+          width: 93px !important;
+          z-index: -1 !important;
+          height: 45px !important;
+          border-top-right-radius: 24px !important;
+          border-top-left-radius: 26px !important;
+          transform: rotate(50deg) !important;
+        }
+      }
+      @supports (clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z')) {
+        &::after {
+          clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
+        }
+      }
+    }
+    .@{tab-prefix-cls}-nav {
+      margin-top: 12px;
+      padding-left: 12px;
+    }
+    .@{tab-prefix-cls}-nav-container {
+      height: auto;
+      position: relative;
+      left: -12px;
+    }
+    // 鼠标选中时，active状态在上层
+    .@{tab-prefix-cls}-tab-active {
+      z-index: 99 !important;
+      background: @tabs-active-background;
+    }
+  }
+
+  & > .@{tab-prefix-cls}-content {
+    & > .@{tab-prefix-cls}-tabpane {
+      background: @white;
+      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
+      padding: 20px 12px 12px;
+      border-bottom-right-radius: @border-radius-lg;
+      border-bottom-left-radius: @border-radius-lg;
+      border-top-right-radius: @border-radius-lg;
+    }
+  }
+}
+
+// // Tabs top类型 全局样式修改
+.tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-top.@{tab-prefix-cls}-line {
+  .@{tab-prefix-cls}-nav-container {
+    margin-bottom: none;
+  }
+
+  .@{tab-prefix-cls}-tab {
+    border-bottom: 1px solid transparent;
+    margin-bottom: 1px;
+    height: 40px;
+    line-height: 37px;
+    padding: 2px 12px 0;
+  }
+}
+
+.tnt-tabs.@{tab-prefix-cls} {
+  .@{tab-prefix-cls}-nav {
+    .@{tab-prefix-cls}-tab {
+      color: @tabs-tab-color;
+      // 自定义图标默认都是 16px
+      i.anticon {
+        font-size: @font-size-lg;
+        margin-right: 4px;
+      }
+    }
+    .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab-active {
+      color: @tabs-active-color;
+    }
+    .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab:hover {
+      color: @tabs-hover-color;
+    }
+  }
+}

package/lib/tabs-container/index.js

@@ -7,9 +7,9 @@ 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) {

package/lib/tag/tag.js

@@ -25,9 +25,9 @@ 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) {
@@ -64,19 +64,13 @@ function _typeof(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");

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,90 @@
+"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.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,9 +9,9 @@ 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) {

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,218 @@
+"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"]}