tntd 2.7.3 → 2.7.4

package/es/tntd-form/TntdForm/utils.js

@@ -1,21 +1,20 @@
 export const isValidKey = (key, object) => {
-    return key in object;
+  return key in object;
 };
 /**
  * 将xx.xx.xx 转换为数组
  * @param {*} name
  * @returns
  */
-export const getNames = (name) => {
-    let attrs = [];
-    if (Array.isArray(name)) {
-        const [str, ...rest] = name;
-        attrs = str.split('.').concat(rest);
-    }
-    else {
-        attrs = typeof name === 'string' ? name.split('.') : [];
-    }
-    return attrs;
+export const getNames = name => {
+  let attrs = [];
+  if (Array.isArray(name)) {
+    const [str, ...rest] = name;
+    attrs = str.split('.').concat(rest);
+  } else {
+    attrs = typeof name === 'string' ? name.split('.') : [];
+  }
+  return attrs;
 };
 /**
  * 对数据进行校验
@@ -25,34 +24,32 @@ export const getNames = (name) => {
  * @returns
  */
 export const recursionCheck = (list, dataLevel, formData, errorList = []) => {
-    try {
-        if (Array.isArray(list)) {
-            list.forEach((item) => {
-                const key = item.name;
-                const attrs = Object.keys(formData[key]);
-                attrs.forEach((attr) => {
-                    var _a;
-                    const error = (_a = formData[item.name][attr]) === null || _a === void 0 ? void 0 : _a.checkItem();
-                    if (error) {
-                        errorList.push(`${[item.name + '.' + attr]}:`, error);
-                    }
-                });
-                if (dataLevel[key]) {
-                    recursionCheck(dataLevel[key], dataLevel, formData, errorList);
-                }
-            });
+  try {
+    if (Array.isArray(list)) {
+      list.forEach(item => {
+        const key = item.name;
+        const attrs = Object.keys(formData[key]);
+        attrs.forEach(attr => {
+          var _a;
+          const error = (_a = formData[item.name][attr]) === null || _a === void 0 ? void 0 : _a.checkItem();
+          if (error) {
+            errorList.push(`${[item.name + '.' + attr]}:`, error);
+          }
+        });
+        if (dataLevel[key]) {
+          recursionCheck(dataLevel[key], dataLevel, formData, errorList);
         }
-        return errorList;
+      });
     }
-    catch (e) {
-        if (typeof e === 'string') {
-            throw e.toUpperCase();
-        }
-        else if (e instanceof Error) {
-            throw e.message;
-        }
-        throw e;
+    return errorList;
+  } catch (e) {
+    if (typeof e === 'string') {
+      throw e.toUpperCase();
+    } else if (e instanceof Error) {
+      throw e.message;
     }
+    throw e;
+  }
 };
 /**
  * 将数据进行排序
@@ -63,78 +60,74 @@ export const recursionCheck = (list, dataLevel, formData, errorList = []) => {
  * @returns
  */
 export const recursionSort = (list, dataLevel, formData) => {
-    try {
-        if (Array.isArray(list)) {
-            const values = list.reduce((total, item, index) => {
-                const attrObj = {};
-                const key = item.name;
-                const prefixs = key.split('.');
-                const attrs = formData[key] ? Object.keys(formData[key]) : [];
-                attrs.forEach((attr) => {
-                    var _a;
-                    attrObj[attr] = (_a = formData[key][attr]) === null || _a === void 0 ? void 0 : _a.value;
-                });
-                let children = [];
-                if (dataLevel[key]) {
-                    children = recursionSort(dataLevel[key], dataLevel, formData);
-                }
-                const len = prefixs.length - 2;
-                if (total[prefixs[len]]) {
-                    total[prefixs[len]][index] = Object.assign(Object.assign({}, attrObj), (children || []));
-                }
-                else {
-                    total[prefixs[len]] = [
-                        Object.assign(Object.assign({}, attrObj), (children || [])),
-                    ];
-                }
-                return total;
-            }, {});
-            return values;
-        }
+  try {
+    if (Array.isArray(list)) {
+      const values = list.reduce((total, item, index) => {
+        const attrObj = {};
+        const key = item.name;
+        const prefixs = key.split('.');
+        const attrs = formData[key] ? Object.keys(formData[key]) : [];
+        attrs.forEach(attr => {
+          var _a;
+          attrObj[attr] = (_a = formData[key][attr]) === null || _a === void 0 ? void 0 : _a.value;
+        });
+        let children = [];
+        if (dataLevel[key]) {
+          children = recursionSort(dataLevel[key], dataLevel, formData);
+        }
+        const len = prefixs.length - 2;
+        if (total[prefixs[len]]) {
+          total[prefixs[len]][index] = Object.assign(Object.assign({}, attrObj), children || []);
+        } else {
+          total[prefixs[len]] = [Object.assign(Object.assign({}, attrObj), children || [])];
+        }
+        return total;
+      }, {});
+      return values;
     }
-    catch (e) {
-        if (typeof e === 'string') {
-            console.error(e.toUpperCase());
-            throw e.toUpperCase();
-        }
-        else if (e instanceof Error) {
-            console.error(e.message);
-            throw e.message;
-        }
-        throw e;
+  } catch (e) {
+    if (typeof e === 'string') {
+      console.error(e.toUpperCase());
+      throw e.toUpperCase();
+    } else if (e instanceof Error) {
+      console.error(e.message);
+      throw e.message;
     }
+    throw e;
+  }
 };
 /**
  * 获取form表单的value
  * @param {*} formCurrent
  * @returns
  */
-export const getFieldsValue = (formCurrent) => {
-    try {
-        const { formData, dataLevel } = formCurrent;
-        let firstKey = '';
-        // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序
-        for (const i in dataLevel) {
-            if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {
-                firstKey = i;
-                break;
-            }
-        }
-        const recursionStart = dataLevel[firstKey];
-        const values = recursionSort(recursionStart, dataLevel, formData);
-        return values;
+export const getFieldsValue = formCurrent => {
+  try {
+    const {
+      formData,
+      dataLevel
+    } = formCurrent;
+    let firstKey = '';
+    // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序
+    for (const i in dataLevel) {
+      if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {
+        firstKey = i;
+        break;
+      }
     }
-    catch (e) {
-        if (typeof e === 'string') {
-            console.error(e.toUpperCase());
-            return e.toUpperCase();
-        }
-        else if (e instanceof Error) {
-            console.error(e.message);
-            return e.message;
-        }
-        return e;
+    const recursionStart = dataLevel[firstKey];
+    const values = recursionSort(recursionStart, dataLevel, formData);
+    return values;
+  } catch (e) {
+    if (typeof e === 'string') {
+      console.error(e.toUpperCase());
+      return e.toUpperCase();
+    } else if (e instanceof Error) {
+      console.error(e.message);
+      return e.message;
     }
+    return e;
+  }
 };
 /**
  * 获取form表单的value
@@ -142,88 +135,85 @@ export const getFieldsValue = (formCurrent) => {
  * @returns
  */
 export const getFieldValue = (formCurrent, field) => {
-    var _a, _b;
-    try {
-        const { formData } = formCurrent;
-        return formData && ((_b = (_a = formData === null || formData === void 0 ? void 0 : formData[field[0]]) === null || _a === void 0 ? void 0 : _a[field[1]]) === null || _b === void 0 ? void 0 : _b.value);
-    }
-    catch (e) {
-        if (typeof e === 'string') {
-            return e.toUpperCase();
-        }
-        else if (e instanceof Error) {
-            return e.message;
-        }
-        return e;
+  var _a, _b;
+  try {
+    const {
+      formData
+    } = formCurrent;
+    return formData && ((_b = (_a = formData === null || formData === void 0 ? void 0 : formData[field[0]]) === null || _a === void 0 ? void 0 : _a[field[1]]) === null || _b === void 0 ? void 0 : _b.value);
+  } catch (e) {
+    if (typeof e === 'string') {
+      return e.toUpperCase();
+    } else if (e instanceof Error) {
+      return e.message;
     }
+    return e;
+  }
 };
 /**
  * 提交时候校验的方法
  * @param {*} formCurrent
  * @returns
  */
-export const validateFields = (formCurrent) => {
-    return new Promise((resolve) => {
-        const { formData, dataLevel } = formCurrent;
-        let firstKey = '';
-        // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序
-        for (const i in dataLevel) {
-            if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {
-                firstKey = i;
-                break;
-            }
-        }
-        const recursionStart = dataLevel[firstKey];
-        const errorList = recursionCheck(recursionStart, dataLevel, formData);
-        if (Array.isArray(errorList) && errorList.length) {
-            console.error(JSON.stringify(errorList));
-        }
-        else {
-            resolve(recursionSort(recursionStart, dataLevel, formData));
-        }
-    });
+export const validateFields = formCurrent => {
+  return new Promise(resolve => {
+    const {
+      formData,
+      dataLevel
+    } = formCurrent;
+    let firstKey = '';
+    // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序
+    for (const i in dataLevel) {
+      if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {
+        firstKey = i;
+        break;
+      }
+    }
+    const recursionStart = dataLevel[firstKey];
+    const errorList = recursionCheck(recursionStart, dataLevel, formData);
+    if (Array.isArray(errorList) && errorList.length) {
+      console.error(JSON.stringify(errorList));
+    } else {
+      resolve(recursionSort(recursionStart, dataLevel, formData));
+    }
+  });
 };
 /** 获取初始化的值 */
 export const getInitValue = (initialValues, names) => {
-    let keys = [];
-    if (Array.isArray(names)) {
-        const [str, ...rest] = names;
-        keys = str.split('.').concat(rest);
-    }
-    if (Array.isArray(keys) && !!keys.length) {
-        keys.forEach((i) => {
-            initialValues = ['', null, undefined].includes(initialValues === null || initialValues === void 0 ? void 0 : initialValues[i])
-                ? undefined
-                : initialValues === null || initialValues === void 0 ? void 0 : initialValues[i];
-        });
-    }
-    return initialValues;
+  let keys = [];
+  if (Array.isArray(names)) {
+    const [str, ...rest] = names;
+    keys = str.split('.').concat(rest);
+  }
+  if (Array.isArray(keys) && !!keys.length) {
+    keys.forEach(i => {
+      initialValues = ['', null, undefined].includes(initialValues === null || initialValues === void 0 ? void 0 : initialValues[i]) ? undefined : initialValues === null || initialValues === void 0 ? void 0 : initialValues[i];
+    });
+  }
+  return initialValues;
 };
 /** 校验表单是否正确的方法 */
 export const handleCheckItem = (value, rules) => {
-    try {
-        if (Array.isArray(rules)) {
-            rules.forEach((i) => {
-                // @ts-ignore
-                if (i.required && ['', null, undefined].includes(value)) {
-                    throw new Error((i === null || i === void 0 ? void 0 : i.message) || 'error');
-                }
-                if (i === null || i === void 0 ? void 0 : i.validator) {
-                    i.validator(rules, value, function (_errorMsg) {
-                        throw new Error(_errorMsg);
-                    });
-                }
-            });
-        }
-        return;
+  try {
+    if (Array.isArray(rules)) {
+      rules.forEach(i => {
+        // @ts-ignore
+        if (i.required && ['', null, undefined].includes(value)) {
+          throw new Error((i === null || i === void 0 ? void 0 : i.message) || 'error');
+        }
+        if (i === null || i === void 0 ? void 0 : i.validator) {
+          i.validator(rules, value, function (_errorMsg) {
+            throw new Error(_errorMsg);
+          });
+        }
+      });
     }
-    catch (e) {
-        if (typeof e === 'string') {
-            return e.toUpperCase();
-        }
-        else if (e instanceof Error) {
-            return e.message;
-        }
+    return;
+  } catch (e) {
+    if (typeof e === 'string') {
+      return e.toUpperCase();
+    } else if (e instanceof Error) {
+      return e.message;
     }
-};
-//# sourceMappingURL=utils.js.map
+  }
+};

package/es/tntd-modal/index.js

@@ -9,31 +9,64 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { Close, FullScreen as FullScreenIcon, OffScreen } from '@icon-park/react';
 import cn from 'classnames';
 import React, { Fragment, useEffect, useState } from 'react';
-import Modal from '../modal';
-import Icon from '../tntd-icon';
+import { Modal as AntdModal } from 'antd';
+import { isArray } from 'lodash';
 import './index.less';
-const Title = ({ title, logo, fullscreen, supportFullscreen = true, onToggleFullscreen, onClose, }) => {
-    return (React.createElement(Fragment, null,
-        React.createElement("div", null,
-            logo && React.createElement("img", { src: logo }),
-            React.createElement("span", null, title)),
-        React.createElement("div", { className: "tnt-modal-header-actions" },
-            supportFullscreen && (React.createElement(Icon, { className: "fullscreen", type: fullscreen ? 'fullscreen-exit' : 'fullscreen', onClick: onToggleFullscreen })),
-            React.createElement(Icon, { className: "close", type: "close", onClick: onClose }))));
-};
-export 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] = useState(rest.fullscreen || false);
+export 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] = useState(false);
+    const supportFullscreen = config.fullScreen;
     useEffect(() => {
-        setFullscreen(rest.fullscreen);
-    }, [rest.fullscreen, visible]);
-    return (React.createElement(Modal, Object.assign({ visible: visible, title: React.createElement(Title, { logo: logo, title: title, fullscreen: fullscreen, supportFullscreen: supportFullscreen, onClose: onCancel, onToggleFullscreen: () => {
+        return () => {
+            setFullscreen(false);
+        };
+    }, [visible]);
+    const Title = ({ title, logo, fullscreen, onToggleFullscreen, onClose, }) => {
+        return (React.createElement(Fragment, null,
+            React.createElement("div", { className: "ant-modal-header-title" },
+                logo && logo,
+                React.createElement("span", null, title)),
+            React.createElement("div", { className: "ant-modal-header-actions" },
+                React.createElement("a", { className: "modal-fullscreen-wrap", onClick: onToggleFullscreen }, fullscreen ? React.createElement(OffScreen, null) : React.createElement(FullScreenIcon, null)),
+                React.createElement("a", { className: "modal-close-wrap", onClick: onClose },
+                    React.createElement(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
+        ? (isArray(footer) ? footer.length > 0 : footer)
+            ? footer
+            : undefined
+        : null;
+    return (React.createElement(AntdModal, Object.assign({ visible: visible, title: supportFullscreen ? (React.createElement(Title, { logo: config.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: cn('tnt-modal', { [className]: className, fullscreen }) }, rest), children));
+                if (!fullscreen) {
+                }
+            } })) : (title), onCancel: onCancel, centered: supportFullscreen ? true : rest.centered ? true : false, width: computeWidth, style: style, className: cn([
+            {
+                'support-fullscreen': supportFullscreen,
+                fullscreen: fullscreen,
+                'no-header': supportFullscreen && !(config.logo || title),
+            },
+            className,
+        ]), footer: footer }, rest), children));
 };
+export default Modal;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-modal/index.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,IAAI,MAAM,cAAc,CAAA;AAE/B,OAAO,cAAc,CAAA;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,oBAAC,QAAQ;QACP;YACG,IAAI,IAAI,6BAAK,GAAG,EAAE,IAAI,GAAI;YAC3B,kCAAO,KAAK,CAAQ,CAChB;QACN,6BAAK,SAAS,EAAC,0BAA0B;YACtC,iBAAiB,IAAI,CACpB,oBAAC,IAAI,IACH,SAAS,EAAC,YAAY,EACtB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,EACnD,OAAO,EAAE,kBAAkB,GAC3B,CACH;YACD,oBAAC,IAAI,IAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI,CACrD,CACG,CACZ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,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,QAAQ,CAAC,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,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,oBAAC,KAAK,kBACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,oBAAC,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,EAAE,CAAC,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"]}
+{"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"]}