tntd 2.7.7 → 2.7.8

package/lib/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAIzB,6DAAwD;AAExD,wDAAkD;AAElD,+CAA4B;AAK5B,SAAgB,IAAI,CAAC,EAAmC;QAAnC,EAAE,QAAQ,OAAyB,EAApB,IAAI,cAAnB,YAAqB,CAAF;IACtC,MAAM,WAAW,GAAG,CAAC,GAA6B,EAAO,EAAE;;QACzD,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,GAAG,CAAA;SACX;QACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,MAAM,KAAK,GAAa,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YACtC,MAAM,gBAAgB,GAAa,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE;gBAC5D,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;YACrD,CAAC,CAAC,CAAA;YACF,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;SACjC;QACD,IAAI,eAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;YAC7B,IAAI,CAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,0CAAE,QAAQ,KAAI,KAAK,CAAC,OAAO,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,0CAAE,QAAQ,CAAC,EAAE;gBAC/D,uCACK,GAAG,KACN,KAAK,kCACA,GAAG,CAAC,KAAK,KACZ,QAAQ,EAAE,MAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,0CAAE,QAAQ,0CAAE,GAAG,CAAC,CAAC,MAAgC,EAAE,EAAE;4BACvE,OAAO,WAAW,CAAC,MAAM,CAAC,CAAA;wBAC5B,CAAC,CAAC,OAEL;aACF;iBAAM,IAAI,OAAO,CAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,0CAAE,QAAQ,CAAA,KAAK,QAAQ,EAAE;gBACnD,GAAG,GAAG,WAAW,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,0CAAE,QAAQ,CAAC,CAAA;aACxC;SACF;QACD,OAAO,GAAG,CAAA;IACZ,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;;QAC1C,uCACK,KAAK,KACR,KAAK,kCACA,KAAK,CAAC,KAAK,KACd,GAAG,EAAE,WAAW,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAC,OAEtC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,8BAAC,cAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,WAAW,IAAI,CAAA;IACtD,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AA/CD,oBA+CC;AAED,IAAI,CAAC,OAAO,GAAG,cAAQ,CAAC,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { TabsProps as AntdTabsProps } from 'antd/es/tabs'\nimport type { TabPaneProps as AntdTabPaneProps } from 'antd/es/tabs'\n\nimport { ConfigConsumer } from 'antd/es/config-provider'\n\nimport { default as AntdTabs } from 'antd/es/tabs'\n\nexport * from 'antd/es/tabs'\n\nexport interface TabPaneProps extends AntdTabPaneProps {\n  children?: Array<React.ReactElement>\n}\nexport function Tabs({ children, ...rest }: TabPaneProps): JSX.Element {\n  const titleHandle = (tab: string | React.ReactNode): any => {\n    if (!tab) {\n      return tab\n    }\n    if (typeof tab === 'string') {\n      const words: string[] = tab.split(' ')\n      const capitalizedWords: string[] = words.map((word: string) => {\n        return word.charAt(0).toUpperCase() + word.slice(1)\n      })\n      tab = capitalizedWords.join(' ')\n    }\n    if (React.isValidElement(tab)) {\n      if (tab?.props?.children && Array.isArray(tab?.props?.children)) {\n        return {\n          ...tab,\n          props: {\n            ...tab.props,\n            children: tab?.props?.children?.map((subTab: string | React.ReactNode) => {\n              return titleHandle(subTab)\n            }),\n          },\n        }\n      } else if (typeof tab?.props?.children === 'string') {\n        tab = titleHandle(tab?.props?.children)\n      }\n    }\n    return tab\n  }\n\n  const newChildren = children?.map((child) => {\n    return {\n      ...child,\n      props: {\n        ...child.props,\n        tab: titleHandle(child?.props?.tab),\n      },\n    }\n  })\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return <AntdTabs {...rest} children={newChildren} />\n      }}\n    </ConfigConsumer>\n  )\n}\n\nTabs.TabPane = AntdTabs.TabPane\n"]}

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

@@ -1,16 +1,3 @@
-import type { ModalProps as AntdModalProps } from 'antd/lib/modal';
-import React from 'react';
-import './index.less';
-export declare type ModalProps = AntdModalProps & {
-    children?: React.ReactNode;
-    hasFooter?: boolean;
-    config?: {
-        fullScreen?: boolean;
-        width?: string | number;
-        height?: string | number;
-        logo?: React.ReactNode;
-    };
-};
-export declare const Modal: ({ visible, className, title, width, style, children, onCancel, hasFooter, footer, config, ...rest }: ModalProps) => JSX.Element;
-export default Modal;
+declare function _default(props: any): JSX.Element;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAElE,OAAO,KAAgD,MAAM,OAAO,CAAA;AAIpE,OAAO,cAAc,CAAA;AAErB,oBAAY,UAAU,GAAG,cAAc,GAAG;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KACvB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,KAAK,wGAef,UAAU,gBAgGZ,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-modal/index.js"],"names":[],"mappings":"AAoCe,mDAkDd"}

package/lib/tntd-modal/index.js

@@ -37,66 +37,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-const react_1 = require("@icon-park/react");
 const classnames_1 = __importDefault(require("classnames"));
-const react_2 = __importStar(require("react"));
-const antd_1 = require("antd");
-const lodash_1 = require("lodash");
+const react_1 = __importStar(require("react"));
+const modal_1 = __importDefault(require("../modal"));
+const tntd_icon_1 = __importDefault(require("../tntd-icon"));
 require("./index.less");
-const Modal = (_a) => {
-    var { visible, className, title, width, style = {}, children, onCancel, hasFooter = true, footer, config = {
-        width: 'auto',
-        height: 'auto',
-    } } = _a, rest = __rest(_a, ["visible", "className", "title", "width", "style", "children", "onCancel", "hasFooter", "footer", "config"]);
-    const [fullscreen, setFullscreen] = (0, react_2.useState)(false);
-    const supportFullscreen = config.fullScreen;
-    (0, react_2.useEffect)(() => {
-        return () => {
-            setFullscreen(false);
-        };
-    }, [visible]);
-    const Title = ({ title, logo, fullscreen, onToggleFullscreen, onClose, }) => {
-        return (react_2.default.createElement(react_2.Fragment, null,
-            react_2.default.createElement("div", { className: "ant-modal-header-title" },
-                logo && logo,
-                react_2.default.createElement("span", null, title)),
-            react_2.default.createElement("div", { className: "ant-modal-header-actions" },
-                react_2.default.createElement("a", { className: "modal-fullscreen-wrap", onClick: onToggleFullscreen }, fullscreen ? react_2.default.createElement(react_1.OffScreen, null) : react_2.default.createElement(react_1.FullScreen, null)),
-                react_2.default.createElement("a", { className: "modal-close-wrap", onClick: onClose },
-                    react_2.default.createElement(react_1.Close, { theme: "outline" })))));
-    };
-    const computeWidth = supportFullscreen
-        ? fullscreen
-            ? '100vw'
-            : width || config.width
-        : width || config.width;
-    const computeHeight = supportFullscreen ? (fullscreen ? '100vh' : config.height) : 'inherit';
-    style.height = computeHeight;
-    if (supportFullscreen && fullscreen) {
-        style.top = 0;
-    }
-    else {
-        delete style.top;
-    }
-    const footerConfig = hasFooter
-        ? ((0, lodash_1.isArray)(footer) ? footer.length > 0 : footer)
-            ? footer
-            : undefined
-        : null;
-    return (react_2.default.createElement(antd_1.Modal, Object.assign({ visible: visible, title: supportFullscreen ? (react_2.default.createElement(Title, { logo: config.logo, title: title, fullscreen: fullscreen, supportFullscreen: supportFullscreen, onClose: onCancel, onToggleFullscreen: () => {
+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 }))));
+};
+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);
-                if (!fullscreen) {
-                }
-            } })) : (title), onCancel: onCancel, centered: supportFullscreen ? true : rest.centered ? true : false, width: computeWidth, style: style, className: (0, classnames_1.default)([
-            {
-                'support-fullscreen': supportFullscreen,
-                fullscreen: fullscreen,
-                'no-header': supportFullscreen && !(config.logo || title),
-            },
-            className,
-        ]), footer: footer }, rest), children));
+                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;
-exports.default = exports.Modal;
 //# 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tntd",
-  "version": "2.7.7",
+  "version": "2.7.8",
   "license": "MIT",
   "dependencies": {
     "@icon-park/react": "^1.3.5",

package/es/query-form/Field/AloneSearch.js

@@ -1,17 +0,0 @@
-import { useCallback } from 'react';
-import Input from '../../input';
-const Search = Input.Search;
-export default function AloneSearch(props) {
-  const {
-    onPressEnter
-  } = props;
-  const onSearch = useCallback(value => {
-    onPressEnter({
-      target: value
-    });
-  }, [onPressEnter]);
-  return React.createElement(Search, Object.assign({}, props, {
-    onSearch: onSearch,
-    allowClear: true
-  }));
-}

package/es/query-form/Field/AloneSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AloneSearch.js","sourceRoot":"","sources":["../../../src/query-form/Field/AloneSearch.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;AAE5B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,KAAK;IACxC,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE/B,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;QACrC,YAAY,CAAC;YACX,MAAM,EAAE,KAAK;SACd,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,oBAAC,MAAM,oBAAK,KAAK,IAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,UAAG,CAAA;AAC7D,CAAC","sourcesContent":["import { useCallback } from 'react';\nimport Input from '../../input'\n\nconst Search = Input.Search;\n\nexport default function AloneSearch (props) {\n  const { onPressEnter } = props;\n\n  const onSearch = useCallback((value) => {\n    onPressEnter({\n      target: value\n    })\n  }, [onPressEnter])\n\n  return <Search {...props} onSearch={onSearch} allowClear />\n}"]}

package/es/tag/tag.less

@@ -1,61 +0,0 @@
-@tag-prefix-cls: ~'@{ant-prefix}-tag';
-
-.@{tag-prefix-cls} {
-  border-color: transparent;
-  line-height: 22px;
-  min-width: 44px;
-  padding: 0 8px;
-  border-radius: 1px;
-  text-align: center;
-
-  &.@{tag-prefix-cls}-red {
-    border-color: inherit;
-  }
-
-  &.@{tag-prefix-cls}-checkable {
-    cursor: pointer;
-  }
-
-  &.@{tag-prefix-cls}-rounded {
-    padding: 0 12px;
-    border-radius: 12px;
-  }
-
-  &.@{tag-prefix-cls}-dot {
-    display: inline-flex;
-    align-items: center;
-    background-color: transparent;
-    padding: 0;
-  }
-
-  .@{tag-prefix-cls}-icon {
-    display: inline-flex;
-    align-items: center;
-    margin-right: 4px;
-  }
-
-  .@{tag-prefix-cls}-dot-symbol {
-    content: '';
-    display: inline-block;
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    margin-right: 8px;
-  }
-
-  .@{iconfont-css-prefix}-close {
-    margin-left: 4px;
-    color: #8b919e;
-  }
-
-  .make-border-inherit-classes(@i: length(@preset-colors)) when (@i > 0) {
-    .make-border-inherit-classes(@i - 1);
-    @color: extract(@preset-colors, @i);
-
-    &-@{color} {
-      border-color: inherit;
-    }
-  }
-
-  .make-border-inherit-classes();
-}

package/es/tnt-second-page/index.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import Icon from '../icon';
-import Spin from '../spin';
-import './index.less';
-const empty = () => {};
-export default function FullModal({
-  title,
-  header,
-  toolBar = null,
-  footer,
-  visible,
-  destroyOnClose,
-  onBack = empty,
-  isFixed = true,
-  inTab = false,
-  loading = false,
-  children,
-  className
-}) {
-  if (!visible && destroyOnClose) {
-    return null;
-  }
-  return React.createElement("div", {
-    className: cn('tnt-second-page', className, {
-      'tnt-second-page-intab': inTab,
-      'tnt-second-page-fixed': isFixed,
-      'tnt-second-page-hidden': !visible
-    })
-  }, React.createElement(Spin, {
-    spinning: loading
-  }, React.createElement("div", {
-    className: "tnt-second-page-header"
-  }, header ? header : React.createElement(React.Fragment, null, React.createElement("a", {
-    className: "tnt-second-page-header-back",
-    onClick: onBack
-  }, React.createElement(Icon, {
-    type: "left"
-  }), "\u8FD4\u56DE"), React.createElement("span", {
-    className: "tnt-second-page-header-title"
-  }, title), toolBar)), React.createElement("div", {
-    className: "tnt-second-page-body"
-  }, React.createElement("div", {
-    className: "tnt-second-page-inner"
-  }, children)), footer && React.createElement("div", {
-    className: "tnt-second-page-footer"
-  }, footer)));
-}

package/es/tnt-second-page/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tnt-second-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,cAAc,CAAA;AACrB,MAAM,KAAK,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;AAEtB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,MAAM,EACN,OAAO,GAAG,IAAI,EACd,MAAM,EACN,OAAO,EACP,cAAc,EACd,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,GACV;IACC,IAAI,CAAC,OAAO,IAAI,cAAc,EAAE;QAC9B,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE;YAC1C,uBAAuB,EAAE,KAAK;YAC9B,uBAAuB,EAAE,OAAO;YAChC,wBAAwB,EAAE,CAAC,OAAO;SACnC,CAAC;QAEF,oBAAC,IAAI,IAAC,QAAQ,EAAE,OAAO;YACrB,6BAAK,SAAS,EAAC,wBAAwB,IACpC,MAAM,CAAC,CAAC,CAAC,CACR,MAAM,CACP,CAAC,CAAC,CAAC,CACF;gBACE,2BAAG,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,MAAM;oBACxD,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG;mCAElB;gBACJ,8BAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAQ;gBAC5D,OAAO,CACP,CACJ,CACG;YACN,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,6BAAK,SAAS,EAAC,uBAAuB,IAAE,QAAQ,CAAO,CACnD;YACL,MAAM,IAAI,6BAAK,SAAS,EAAC,wBAAwB,IAAE,MAAM,CAAO,CAC5D,CACH,CACP,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport Icon from '../icon'\nimport Spin from '../spin'\nimport './index.less'\nconst empty = () => {}\n\nexport default function FullModal({\n  title,\n  header,\n  toolBar = null,\n  footer,\n  visible,\n  destroyOnClose,\n  onBack = empty,\n  isFixed = true,\n  inTab = false,\n  loading = false,\n  children,\n  className,\n}) {\n  if (!visible && destroyOnClose) {\n    return null\n  }\n  return (\n    <div\n      className={cn('tnt-second-page', className, {\n        'tnt-second-page-intab': inTab,\n        'tnt-second-page-fixed': isFixed,\n        'tnt-second-page-hidden': !visible,\n      })}\n    >\n      <Spin spinning={loading}>\n        <div className=\"tnt-second-page-header\">\n          {header ? (\n            header\n          ) : (\n            <>\n              <a className=\"tnt-second-page-header-back\" onClick={onBack}>\n                <Icon type=\"left\" />\n                返回\n              </a>\n              <span className=\"tnt-second-page-header-title\">{title}</span>\n              {toolBar}\n            </>\n          )}\n        </div>\n        <div className=\"tnt-second-page-body\">\n          <div className=\"tnt-second-page-inner\">{children}</div>\n        </div>\n        {footer && <div className=\"tnt-second-page-footer\">{footer}</div>}\n      </Spin>\n    </div>\n  )\n}\n"]}