tntd 2.6.17 → 2.6.19

package/lib/tntd-modal/index.js

@@ -1,118 +1,67 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports["default"] = exports.Modal = void 0;
-require("antd/lib/modal/style");
-var _modal = _interopRequireDefault(require("antd/lib/modal"));
-var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
-var _react = require("@icon-park/react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = _interopRequireWildcard(require("react"));
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const modal_1 = __importDefault(require("../modal"));
+const tntd_icon_1 = __importDefault(require("../tntd-icon"));
 require("./index.less");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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;
+const Title = ({ title, logo, fullscreen, supportFullscreen = true, onToggleFullscreen, onClose, }) => {
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement("div", null,
+            logo && react_1.default.createElement("img", { src: logo }),
+            react_1.default.createElement("span", null, title)),
+        react_1.default.createElement("div", { className: "tnt-modal-header-actions" },
+            supportFullscreen && (react_1.default.createElement(tntd_icon_1.default, { className: "fullscreen", type: fullscreen ? 'fullscreen-exit' : 'fullscreen', onClick: onToggleFullscreen })),
+            react_1.default.createElement(tntd_icon_1.default, { className: "close", type: "close", onClick: onClose }))));
 };
-var Modal = function Modal(_a) {
-  var visible = _a.visible,
-    className = _a.className,
-    title = _a.title,
-    width = _a.width,
-    _a$style = _a.style,
-    style = _a$style === void 0 ? {} : _a$style,
-    children = _a.children,
-    onCancel = _a.onCancel,
-    _a$hasFooter = _a.hasFooter,
-    hasFooter = _a$hasFooter === void 0 ? true : _a$hasFooter,
-    footer = _a.footer,
-    _a$config = _a.config,
-    config = _a$config === void 0 ? {
-      width: 'auto',
-      height: 'auto'
-    } : _a$config,
-    rest = __rest(_a, ["visible", "className", "title", "width", "style", "children", "onCancel", "hasFooter", "footer", "config"]);
-  var _useState = (0, _react2.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    fullscreen = _useState2[0],
-    setFullscreen = _useState2[1];
-  var supportFullscreen = config.fullScreen;
-  (0, _react2.useEffect)(function () {
-    return function () {
-      setFullscreen(false);
-    };
-  }, [visible]);
-  var Title = function Title(_ref) {
-    var title = _ref.title,
-      logo = _ref.logo,
-      fullscreen = _ref.fullscreen,
-      onToggleFullscreen = _ref.onToggleFullscreen,
-      onClose = _ref.onClose;
-    return _react2["default"].createElement(_react2.Fragment, null, _react2["default"].createElement("div", {
-      className: "ant-modal-header-title"
-    }, logo && logo, _react2["default"].createElement("span", null, title)), _react2["default"].createElement("div", {
-      className: "ant-modal-header-actions"
-    }, _react2["default"].createElement("a", {
-      className: "modal-fullscreen-wrap",
-      onClick: onToggleFullscreen
-    }, fullscreen ? _react2["default"].createElement(_react.OffScreen, null) : _react2["default"].createElement(_react.FullScreen, null)), _react2["default"].createElement("a", {
-      className: "modal-close-wrap",
-      onClick: onClose
-    }, _react2["default"].createElement(_react.Close, {
-      theme: "outline"
-    }))));
-  };
-  var computeWidth = supportFullscreen ? fullscreen ? '100vw' : width || config.width : width || config.width;
-  var computeHeight = supportFullscreen ? fullscreen ? '100vh' : config.height : 'inherit';
-  style.height = computeHeight;
-  if (supportFullscreen && fullscreen) {
-    style.top = 0;
-  } else {
-    delete style.top;
-  }
-  var footerConfig = hasFooter ? ((0, _isArray2["default"])(footer) ? footer.length > 0 : footer) ? footer : undefined : null;
-  return _react2["default"].createElement(_modal["default"], Object.assign({
-    visible: visible,
-    title: supportFullscreen ? _react2["default"].createElement(Title, {
-      logo: config.logo,
-      title: title,
-      fullscreen: fullscreen,
-      supportFullscreen: supportFullscreen,
-      onClose: onCancel,
-      onToggleFullscreen: function onToggleFullscreen() {
-        setFullscreen(!fullscreen);
-        if (!fullscreen) {}
-      }
-    }) : title,
-    onCancel: onCancel,
-    centered: supportFullscreen ? true : rest.centered ? true : false,
-    width: computeWidth,
-    style: style,
-    className: (0, _classnames["default"])([{
-      'support-fullscreen': supportFullscreen,
-      fullscreen: fullscreen,
-      'no-header': supportFullscreen && !(config.logo || title)
-    }, className]),
-    footer: footer
-  }, rest), children);
+exports.default = (props) => {
+    const { visible, children, logo, title, height = '90vh', width = '85%', className, supportFullscreen, onToggleFullscreen, onCancel } = props, rest = __rest(props, ["visible", "children", "logo", "title", "height", "width", "className", "supportFullscreen", "onToggleFullscreen", "onCancel"]);
+    const [fullscreen, setFullscreen] = (0, react_1.useState)(rest.fullscreen || false);
+    (0, react_1.useEffect)(() => {
+        setFullscreen(rest.fullscreen);
+    }, [rest.fullscreen, visible]);
+    return (react_1.default.createElement(modal_1.default, Object.assign({ visible: visible, title: react_1.default.createElement(Title, { logo: logo, title: title, fullscreen: fullscreen, supportFullscreen: supportFullscreen, onClose: onCancel, onToggleFullscreen: () => {
+                setFullscreen(!fullscreen);
+                onToggleFullscreen && onToggleFullscreen(!fullscreen);
+            } }), onCancel: onCancel, destroyOnClose: true, centered: true, footer: null, width: fullscreen ? '100%' : width, style: {
+            height: fullscreen ? '100vh' : height,
+        }, className: (0, classnames_1.default)('tnt-modal', { [className]: className, fullscreen }) }, rest), children));
 };
-exports.Modal = Modal;
-var _default = Modal;
-exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/tntd-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-modal/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Close, FullScreen as FullScreenIcon, OffScreen } from '@icon-park/react'\nimport type { ModalProps as AntdModalProps } from 'antd/lib/modal'\nimport cn from 'classnames'\nimport React, { Fragment, useEffect, useState, useRef } from 'react'\nimport { Modal as AntdModal } from 'antd'\nimport { isArray } from 'lodash'\n\nimport './index.less'\n\nexport type ModalProps = AntdModalProps & {\n  children?: React.ReactNode\n  hasFooter?: boolean\n  config?: {\n    fullScreen?: boolean\n    width?: string | number\n    height?: string | number\n    logo?: React.ReactNode\n  }\n}\n\nexport const Modal = ({\n  visible,\n  className,\n  title,\n  width,\n  style = {},\n  children,\n  onCancel,\n  hasFooter = true,\n  footer,\n  config = {\n    width: 'auto',\n    height: 'auto',\n  },\n  ...rest\n}: ModalProps) => {\n  const [fullscreen, setFullscreen] = useState<boolean>(false)\n  const supportFullscreen = config.fullScreen\n\n  useEffect(() => {\n    return () => {\n      setFullscreen(false)\n    }\n  }, [visible])\n\n  const Title = ({\n    title,\n    logo,\n    fullscreen,\n    onToggleFullscreen,\n    onClose,\n  }: // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  any) => {\n    return (\n      <Fragment>\n        <div className=\"ant-modal-header-title\">\n          {logo && logo}\n          <span>{title}</span>\n        </div>\n        <div className=\"ant-modal-header-actions\">\n          <a className=\"modal-fullscreen-wrap\" onClick={onToggleFullscreen}>\n            {fullscreen ? <OffScreen /> : <FullScreenIcon />}\n          </a>\n          <a className=\"modal-close-wrap\" onClick={onClose}>\n            <Close theme=\"outline\" />\n          </a>\n        </div>\n      </Fragment>\n    )\n  }\n\n  const computeWidth = supportFullscreen\n    ? fullscreen\n      ? '100vw'\n      : width || config.width\n    : width || config.width\n\n  const computeHeight = supportFullscreen ? (fullscreen ? '100vh' : config.height) : 'inherit'\n\n  style.height = computeHeight\n  if (supportFullscreen && fullscreen) {\n    style.top = 0\n  } else {\n    delete style.top\n  }\n\n  const footerConfig = hasFooter\n    ? (isArray(footer) ? footer.length > 0 : footer)\n      ? footer\n      : undefined\n    : null\n\n  return (\n    <AntdModal\n      visible={visible}\n      title={\n        supportFullscreen ? (\n          <Title\n            logo={config.logo}\n            title={title}\n            fullscreen={fullscreen}\n            supportFullscreen={supportFullscreen}\n            onClose={onCancel}\n            onToggleFullscreen={() => {\n              setFullscreen(!fullscreen)\n              if (!fullscreen) {\n              }\n            }}\n          />\n        ) : (\n          title\n        )\n      }\n      onCancel={onCancel}\n      centered={supportFullscreen ? true : rest.centered ? true : false}\n      width={computeWidth}\n      style={style}\n      className={cn([\n        {\n          'support-fullscreen': supportFullscreen,\n          fullscreen: fullscreen,\n          'no-header': supportFullscreen && !(config.logo || title),\n        },\n        className,\n      ])}\n      footer={footer}\n      {...rest}\n    >\n      {children}\n    </AntdModal>\n  )\n}\n\nexport default Modal\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-modal/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA2B;AAC3B,+CAA4D;AAE5D,qDAA4B;AAC5B,6DAA+B;AAE/B,wBAAqB;AAErB,MAAM,KAAK,GAAG,CAAC,EACb,KAAK,EACL,IAAI,EACJ,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,kBAAkB,EAClB,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,gBAAQ;QACP;YACG,IAAI,IAAI,uCAAK,GAAG,EAAE,IAAI,GAAI;YAC3B,4CAAO,KAAK,CAAQ,CAChB;QACN,uCAAK,SAAS,EAAC,0BAA0B;YACtC,iBAAiB,IAAI,CACpB,8BAAC,mBAAI,IACH,SAAS,EAAC,YAAY,EACtB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,EACnD,OAAO,EAAE,kBAAkB,GAC3B,CACH;YACD,8BAAC,mBAAI,IAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI,CACrD,CACG,CACZ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,KAAK,EACb,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,+HAYL,CAAQ,CAAA;IACT,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,CAAA;IAEtE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAA;IAE9B,OAAO,CACL,8BAAC,eAAK,kBACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,8BAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,QAAQ,EACjB,kBAAkB,EAAE,GAAG,EAAE;gBACvB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;gBAC1B,kBAAkB,IAAI,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAA;YACvD,CAAC,GACD,EAEJ,QAAQ,EAAE,QAAQ,EAClB,cAAc,QACd,QAAQ,QACR,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAClC,KAAK,EAAE;YACL,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACtC,EACD,SAAS,EAAE,IAAA,oBAAE,EAAC,WAAW,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,IAC9D,IAAI,GAEP,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAA","sourcesContent":["import cn from 'classnames'\nimport React, { Fragment, useEffect, useState } from 'react'\n\nimport Modal from '../modal'\nimport Icon from '../tntd-icon'\n\nimport './index.less'\n\nconst Title = ({\n  title,\n  logo,\n  fullscreen,\n  supportFullscreen = true,\n  onToggleFullscreen,\n  onClose,\n}) => {\n  return (\n    <Fragment>\n      <div>\n        {logo && <img src={logo} />}\n        <span>{title}</span>\n      </div>\n      <div className=\"tnt-modal-header-actions\">\n        {supportFullscreen && (\n          <Icon\n            className=\"fullscreen\"\n            type={fullscreen ? 'fullscreen-exit' : 'fullscreen'}\n            onClick={onToggleFullscreen}\n          />\n        )}\n        <Icon className=\"close\" type=\"close\" onClick={onClose} />\n      </div>\n    </Fragment>\n  )\n}\n\nexport default (props) => {\n  const {\n    visible,\n    children,\n    logo,\n    title,\n    height = '90vh',\n    width = '85%',\n    className,\n    supportFullscreen,\n    onToggleFullscreen,\n    onCancel,\n    ...rest\n  } = props\n  const [fullscreen, setFullscreen] = useState(rest.fullscreen || false)\n\n  useEffect(() => {\n    setFullscreen(rest.fullscreen)\n  }, [rest.fullscreen, visible])\n\n  return (\n    <Modal\n      visible={visible}\n      title={\n        <Title\n          logo={logo}\n          title={title}\n          fullscreen={fullscreen}\n          supportFullscreen={supportFullscreen}\n          onClose={onCancel}\n          onToggleFullscreen={() => {\n            setFullscreen(!fullscreen)\n            onToggleFullscreen && onToggleFullscreen(!fullscreen)\n          }}\n        />\n      }\n      onCancel={onCancel}\n      destroyOnClose\n      centered\n      footer={null}\n      width={fullscreen ? '100%' : width}\n      style={{\n        height: fullscreen ? '100vh' : height,\n      }}\n      className={cn('tnt-modal', { [className]: className, fullscreen })}\n      {...rest}\n    >\n      {children}\n    </Modal>\n  )\n}\n"]}

package/lib/tntd-modal/index.less

@@ -1,106 +1,90 @@
-.ant-modal {
-  &.fullscreen {
-    // color: red;
-  }
-  &.support-fullscreen.no-header .ant-modal-header{
-    padding: 0;
-    border-bottom: none;
+.tnt-modal {
+  &.ant-modal {
+    max-width: 100vw;
+    padding-bottom: 0;
   }
-  &.support-fullscreen {
-    .ant-modal-content {
-      height: inherit;
-      display: flex;
-      flex-direction: column;
 
-      .ant-modal-close {
-        display: none;
-      }
+  .ant-modal-content {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .ant-modal-close {
+      display: none;
     }
+  }
 
-    .ant-modal-header {
-      position: relative;
-      padding: 12px 20px;
+  .ant-modal-header {
+    position: relative;
+    padding: 8px 20px;
+
+    .tnt-modal-header-actions {
+      position: absolute;
+      top: 0;
+      right: 0;
+      height: 40px;
+      line-height: 40px;
 
-      .ant-modal-header-actions {
-        position: absolute;
-        top: 0;
-        right: 0;
+      .tnt-icon {
+        width: 40px;
         height: 40px;
         line-height: 40px;
-
-        a {
-          width: 46px;
-          height: 46px;
-          line-height: 46px;
-          font-size: 15px;
-          cursor: pointer;
-          text-align: center;
-          display: inline-block;
-          color: inherit;
-        }
-
-        .modal-fullscreen-wrap {
-          &:hover {
-            color: #2e81f7;
-          }
-        }
-
-        .modal-close-wrap {
-          &:hover {
-            color: red;
-          }
+        cursor: pointer;
+        text-align: center;
+        display: inline-block;
+        &.close{
+            padding:0;
+            font-size:initial;
         }
       }
-    }
 
-    .ant-modal-title {
-      & {
-        font-weight: 400;
-        line-height: 22px;
+      i.fullscreen:hover {
+        color: #2e81f7;
       }
-      .link {
-        margin-left: 10px;
-        font-size: 12px;
-        color: #999;
 
-        &:hover {
-          color: #2e81f7;
-        }
+      i.close:hover {
+        color: red;
       }
+    }
+  }
 
-      img {
-        position: relative;
-        width: 18px;
-        height: 18px;
-        margin-right: 8px;
-        vertical-align: text-top;
+  .ant-modal-title {
+    .link {
+      margin-left: 10px;
+      font-size: 12px;
+      color: #999;
+
+      &:hover {
+        color: #2e81f7;
       }
     }
 
-    .ant-modal-body {
-      height: 100%;
-      overflow: auto;
+    img {
+      position: relative;
+      width: 18px;
+      height: 18px;
+      margin-right: 8px;
+      vertical-align: text-top;
     }
+  }
 
-    // iframe {
-    //     border: none;
-    //     width: 100%;
-    //     height: 100%;
-    // }
+  .ant-modal-body {
+    padding: 0;
+    // height: calc(100% - 39px);
+    flex: 1;
+    overflow: auto;
   }
-  &.support-fullscreen {
-    &.fullscreen {
-      .ant-modal-content {
-        height: 100vh;
-      }
+
+  &.fullscreen {
+    .ant-modal-body {
+      height: calc(100vh - 39px);
+      background: #fff;
     }
   }
-  .ant-modal-title {
-    font-weight: 400;
-    // .move-handle {}
-  }
-  &.ant-modal {
-    max-width: 100vw;
-    padding-bottom: 0;
+
+  iframe {
+    border: none;
+    width: 100%;
+    height: 100%;
   }
 }

package/lib/tntd-second-page/index.js

@@ -1,62 +1,35 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = TntdSecondPage;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
-var _icon = _interopRequireDefault(require("../icon"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const LocaleReceiver_1 = __importDefault(require("antd/es/locale-provider/LocaleReceiver"));
+const icon_1 = __importDefault(require("../icon"));
 require("./index.less");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var empty = function empty() {};
-function TntdSecondPage(_ref) {
-  var title = _ref.title,
-    header = _ref.header,
-    _ref$toolBar = _ref.toolBar,
-    toolBar = _ref$toolBar === void 0 ? null : _ref$toolBar,
-    footer = _ref.footer,
-    visible = _ref.visible,
-    destroyOnClose = _ref.destroyOnClose,
-    _ref$onBack = _ref.onBack,
-    onBack = _ref$onBack === void 0 ? empty : _ref$onBack,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'default' : _ref$mode,
-    _ref$inTab = _ref.inTab,
-    inTab = _ref$inTab === void 0 ? false : _ref$inTab,
-    children = _ref.children,
-    className = _ref.className;
-  if (!visible && destroyOnClose) {
-    return null;
-  }
-  return _react["default"].createElement(_LocaleReceiver["default"], {
-    componentName: "TntdSecondPage"
-  }, function (locale) {
-    return _react["default"].createElement("div", {
-      className: (0, _classnames["default"])('tntd-second-page', className, {
-        'tntd-second-page-intab': inTab,
-        'tntd-second-page-absolute': mode === 'absolute',
-        'tntd-second-page-fixed': mode === 'fixed',
-        'tntd-second-page-hidden': !visible
-      })
-    }, _react["default"].createElement("div", {
-      className: "tntd-second-page-header"
-    }, header ? header : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("a", {
-      className: "tntd-second-page-header-back",
-      onClick: onBack
-    }, _react["default"].createElement(_icon["default"], {
-      type: "left"
-    }), locale.back), _react["default"].createElement("span", {
-      className: "tntd-second-page-header-title"
-    }, title), _react["default"].createElement("div", {
-      className: "tntd-second-page-header-toolbar"
-    }, toolBar))), _react["default"].createElement("div", {
-      className: "tntd-second-page-body"
-    }, _react["default"].createElement("div", {
-      className: "tntd-second-page-inner"
-    }, children)), footer && _react["default"].createElement("div", {
-      className: "tntd-second-page-footer"
-    }, footer));
-  });
-}
+const empty = () => { };
+function TntdSecondPage({ title, header, toolBar = null, footer, visible, destroyOnClose, onBack = empty, mode = 'default', inTab = false, children, className, }) {
+    if (!visible && destroyOnClose) {
+        return null;
+    }
+    return (react_1.default.createElement(LocaleReceiver_1.default, { componentName: "TntdSecondPage" }, (locale) => {
+        return (react_1.default.createElement("div", { className: (0, classnames_1.default)('tntd-second-page', className, {
+                'tntd-second-page-intab': inTab,
+                'tntd-second-page-absolute': mode === 'absolute',
+                'tntd-second-page-fixed': mode === 'fixed',
+                'tntd-second-page-hidden': !visible,
+            }) },
+            react_1.default.createElement("div", { className: "tntd-second-page-header" }, header ? (header) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("a", { className: "tntd-second-page-header-back", onClick: onBack },
+                    react_1.default.createElement(icon_1.default, { type: "left" }),
+                    locale.back),
+                react_1.default.createElement("span", { className: "tntd-second-page-header-title" }, title),
+                react_1.default.createElement("div", { className: "tntd-second-page-header-toolbar" }, toolBar)))),
+            react_1.default.createElement("div", { className: "tntd-second-page-body" },
+                react_1.default.createElement("div", { className: "tntd-second-page-inner" }, children)),
+            footer && react_1.default.createElement("div", { className: "tntd-second-page-footer" }, footer)));
+    }));
+}
+exports.default = TntdSecondPage;
+//# sourceMappingURL=index.js.map

package/lib/tntd-second-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-second-page/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,4DAA2B;AAC3B,4FAAmE;AACnE,mDAA0B;AAC1B,wBAAqB;AACrB,MAAM,KAAK,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;AAgBtB,SAAwB,cAAc,CAAC,EACrC,KAAK,EACL,MAAM,EACN,OAAO,GAAG,IAAI,EACd,MAAM,EACN,OAAO,EACP,cAAc,EACd,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,SAAS,GACW;IACpB,IAAI,CAAC,OAAO,IAAI,cAAc,EAAE;QAC9B,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BAAC,wBAAc,IAAC,aAAa,EAAC,gBAAgB,IAC3C,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,kBAAkB,EAAE,SAAS,EAAE;gBAC3C,wBAAwB,EAAE,KAAK;gBAC/B,2BAA2B,EAAE,IAAI,KAAK,UAAU;gBAChD,wBAAwB,EAAE,IAAI,KAAK,OAAO;gBAC1C,yBAAyB,EAAE,CAAC,OAAO;aACpC,CAAC;YAEF,uCAAK,SAAS,EAAC,yBAAyB,IACrC,MAAM,CAAC,CAAC,CAAC,CACR,MAAM,CACP,CAAC,CAAC,CAAC,CACF;gBACE,qCAAG,SAAS,EAAC,8BAA8B,EAAC,OAAO,EAAE,MAAM;oBACzD,8BAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG;oBAClB,MAAiC,CAAC,IAAI,CACtC;gBACJ,wCAAM,SAAS,EAAC,+BAA+B,IAAE,KAAK,CAAQ;gBAC9D,uCAAK,SAAS,EAAC,iCAAiC,IAAE,OAAO,CAAO,CAC/D,CACJ,CACG;YACN,uCAAK,SAAS,EAAC,uBAAuB;gBACpC,uCAAK,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAO,CACpD;YACL,MAAM,IAAI,uCAAK,SAAS,EAAC,yBAAyB,IAAE,MAAM,CAAO,CAC9D,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AApDD,iCAoDC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport Icon from '../icon'\nimport './index.less'\nconst empty = () => {}\n\nexport interface TntdSecondPageProps {\n  title?: string | React.ReactNode\n  header?: React.ReactNode\n  toolBar?: React.ReactNode\n  footer?: React.ReactNode\n  visible?: boolean\n  destroyOnClose?: boolean\n  onBack?: () => void\n  mode?: 'default' | 'absolute' | 'fixed'\n  inTab?: boolean\n  className?: string\n  children?: React.ReactNode\n}\n\nexport default function TntdSecondPage({\n  title,\n  header,\n  toolBar = null,\n  footer,\n  visible,\n  destroyOnClose,\n  onBack = empty,\n  mode = 'default',\n  inTab = false,\n  children,\n  className,\n}: TntdSecondPageProps): React.ReactElement | null {\n  if (!visible && destroyOnClose) {\n    return null\n  }\n\n  return (\n    <LocaleReceiver componentName=\"TntdSecondPage\">\n      {(locale) => {\n        return (\n          <div\n            className={cn('tntd-second-page', className, {\n              'tntd-second-page-intab': inTab,\n              'tntd-second-page-absolute': mode === 'absolute',\n              'tntd-second-page-fixed': mode === 'fixed',\n              'tntd-second-page-hidden': !visible,\n            })}\n          >\n            <div className=\"tntd-second-page-header\">\n              {header ? (\n                header\n              ) : (\n                <>\n                  <a className=\"tntd-second-page-header-back\" onClick={onBack}>\n                    <Icon type=\"left\" />\n                    {(locale as Record<'back', object>).back}\n                  </a>\n                  <span className=\"tntd-second-page-header-title\">{title}</span>\n                  <div className=\"tntd-second-page-header-toolbar\">{toolBar}</div>\n                </>\n              )}\n            </div>\n            <div className=\"tntd-second-page-body\">\n              <div className=\"tntd-second-page-inner\">{children}</div>\n            </div>\n            {footer && <div className=\"tntd-second-page-footer\">{footer}</div>}\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-second-page/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,4DAA2B;AAC3B,4FAAmE;AACnE,mDAA0B;AAC1B,wBAAqB;AACrB,MAAM,KAAK,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;AAgBtB,SAAwB,cAAc,CAAC,EACrC,KAAK,EACL,MAAM,EACN,OAAO,GAAG,IAAI,EACd,MAAM,EACN,OAAO,EACP,cAAc,EACd,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,SAAS,GACW;IACpB,IAAI,CAAC,OAAO,IAAI,cAAc,EAAE;QAC9B,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BAAC,wBAAc,IAAC,aAAa,EAAC,gBAAgB,IAC3C,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,kBAAkB,EAAE,SAAS,EAAE;gBAC3C,wBAAwB,EAAE,KAAK;gBAC/B,2BAA2B,EAAE,IAAI,KAAK,UAAU;gBAChD,wBAAwB,EAAE,IAAI,KAAK,OAAO;gBAC1C,yBAAyB,EAAE,CAAC,OAAO;aACpC,CAAC;YAEF,uCAAK,SAAS,EAAC,yBAAyB,IACrC,MAAM,CAAC,CAAC,CAAC,CACR,MAAM,CACP,CAAC,CAAC,CAAC,CACF;gBACE,qCAAG,SAAS,EAAC,8BAA8B,EAAC,OAAO,EAAE,MAAM;oBACzD,8BAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG;oBAClB,MAAiC,CAAC,IAAI,CACtC;gBACJ,wCAAM,SAAS,EAAC,+BAA+B,IAAE,KAAK,CAAQ;gBAC9D,uCAAK,SAAS,EAAC,iCAAiC,IAAE,OAAO,CAAO,CAC/D,CACJ,CACG;YACN,uCAAK,SAAS,EAAC,uBAAuB;gBACpC,uCAAK,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAO,CACpD;YACL,MAAM,IAAI,uCAAK,SAAS,EAAC,yBAAyB,IAAE,MAAM,CAAO,CAC9D,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AApDD,iCAoDC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport Icon from '../icon'\nimport './index.less'\nconst empty = () => {}\n\nexport interface TntdSecondPageProps {\n  title?: string | React.ReactNode\n  header?: React.ReactNode\n  toolBar?: React.ReactNode\n  footer?: React.ReactNode\n  visible?: boolean\n  destroyOnClose?: boolean\n  onBack?: () => void\n  mode?: 'default' | 'absolute' | 'fixed'\n  inTab?: boolean\n  className?: string\n  children?: React.ReactNode\n}\n\nexport default function TntdSecondPage({\n  title,\n  header,\n  toolBar = null,\n  footer,\n  visible,\n  destroyOnClose,\n  onBack = empty,\n  mode = 'default',\n  inTab = false,\n  children,\n  className,\n}: TntdSecondPageProps): React.ReactElement | null {\n  if (!visible && destroyOnClose) {\n    return null\n  }\n\n  return (\n    <LocaleReceiver componentName=\"TntdSecondPage\">\n      {(locale) => {\n        return (\n          <div\n            className={cn('tntd-second-page', className, {\n              'tntd-second-page-intab': inTab,\n              'tntd-second-page-absolute': mode === 'absolute',\n              'tntd-second-page-fixed': mode === 'fixed',\n              'tntd-second-page-hidden': !visible,\n            })}\n          >\n            <div className=\"tntd-second-page-header\">\n              {header ? (\n                header\n              ) : (\n                <>\n                  <a className=\"tntd-second-page-header-back\" onClick={onBack}>\n                    <Icon type=\"left\" />\n                    {(locale as Record<'back', object>).back}\n                  </a>\n                  <span className=\"tntd-second-page-header-title\">{title}</span>\n                  <div className=\"tntd-second-page-header-toolbar\">{toolBar}</div>\n                </>\n              )}\n            </div>\n            <div className=\"tntd-second-page-body\">\n              <div className=\"tntd-second-page-inner\">{children}</div>\n            </div>\n            {footer && <div className=\"tntd-second-page-footer\">{footer}</div>}\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n}\n"]}