tntd 2.7.3 → 2.7.4

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

@@ -1,27 +1,36 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleCheckItem = exports.getInitValue = exports.validateFields = exports.getFieldValue = exports.getFieldsValue = exports.recursionSort = exports.recursionCheck = exports.getNames = exports.isValidKey = void 0;
-const isValidKey = (key, object) => {
-    return key in object;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateFields = exports.recursionSort = exports.recursionCheck = exports.isValidKey = exports.handleCheckItem = exports.getNames = exports.getInitValue = exports.getFieldsValue = exports.getFieldValue = void 0;
+function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var isValidKey = function isValidKey(key, object) {
+  return key in object;
 };
-exports.isValidKey = isValidKey;
 /**
  * 将xx.xx.xx 转换为数组
  * @param {*} name
  * @returns
  */
-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;
+exports.isValidKey = isValidKey;
+var getNames = function getNames(name) {
+  var attrs = [];
+  if (Array.isArray(name)) {
+    var _name = _toArray(name),
+      str = _name[0],
+      rest = _name.slice(1);
+    attrs = str.split('.').concat(rest);
+  } else {
+    attrs = typeof name === 'string' ? name.split('.') : [];
+  }
+  return attrs;
 };
-exports.getNames = getNames;
 /**
  * 对数据进行校验
  * @param {*} list
@@ -29,37 +38,36 @@ exports.getNames = getNames;
  * @param {*} formData
  * @returns
  */
-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]) {
-                    (0, exports.recursionCheck)(dataLevel[key], dataLevel, formData, errorList);
-                }
-            });
+exports.getNames = getNames;
+var recursionCheck = function recursionCheck(list, dataLevel, formData) {
+  var errorList = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+  try {
+    if (Array.isArray(list)) {
+      list.forEach(function (item) {
+        var key = item.name;
+        var attrs = Object.keys(formData[key]);
+        attrs.forEach(function (attr) {
+          var _a;
+          var error = (_a = formData[item.name][attr]) === null || _a === void 0 ? void 0 : _a.checkItem();
+          if (error) {
+            errorList.push("".concat([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;
+  }
 };
-exports.recursionCheck = recursionCheck;
 /**
  * 将数据进行排序
  * @param {*} list
@@ -68,174 +76,164 @@ exports.recursionCheck = recursionCheck;
  * @param {*} errorList
  * @returns
  */
-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 = (0, exports.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;
-        }
+exports.recursionCheck = recursionCheck;
+var recursionSort = function recursionSort(list, dataLevel, formData) {
+  try {
+    if (Array.isArray(list)) {
+      var values = list.reduce(function (total, item, index) {
+        var attrObj = {};
+        var key = item.name;
+        var prefixs = key.split('.');
+        var attrs = formData[key] ? Object.keys(formData[key]) : [];
+        attrs.forEach(function (attr) {
+          var _a;
+          attrObj[attr] = (_a = formData[key][attr]) === null || _a === void 0 ? void 0 : _a.value;
+        });
+        var children = [];
+        if (dataLevel[key]) {
+          children = recursionSort(dataLevel[key], dataLevel, formData);
+        }
+        var 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;
+  }
 };
-exports.recursionSort = recursionSort;
 /**
  * 获取form表单的value
  * @param {*} formCurrent
  * @returns
  */
-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 = (0, exports.recursionSort)(recursionStart, dataLevel, formData);
-        return values;
+exports.recursionSort = recursionSort;
+var getFieldsValue = function getFieldsValue(formCurrent) {
+  try {
+    var formData = formCurrent.formData,
+      dataLevel = formCurrent.dataLevel;
+    var firstKey = '';
+    // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序
+    for (var 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;
+    var recursionStart = dataLevel[firstKey];
+    var 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;
+  }
 };
-exports.getFieldsValue = getFieldsValue;
 /**
  * 获取form表单的value
  * @param {*} formCurrent
  * @returns
  */
-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;
+exports.getFieldsValue = getFieldsValue;
+var getFieldValue = function getFieldValue(formCurrent, field) {
+  var _a, _b;
+  try {
+    var formData = formCurrent.formData;
+    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;
+  }
 };
-exports.getFieldValue = getFieldValue;
 /**
  * 提交时候校验的方法
  * @param {*} formCurrent
  * @returns
  */
-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 = (0, exports.recursionCheck)(recursionStart, dataLevel, formData);
-        if (Array.isArray(errorList) && errorList.length) {
-            console.error(JSON.stringify(errorList));
-        }
-        else {
-            resolve((0, exports.recursionSort)(recursionStart, dataLevel, formData));
-        }
-    });
-};
-exports.validateFields = validateFields;
-/** 获取初始化的值 */
-const getInitValue = (initialValues, names) => {
-    let keys = [];
-    if (Array.isArray(names)) {
-        const [str, ...rest] = names;
-        keys = str.split('.').concat(rest);
+exports.getFieldValue = getFieldValue;
+var validateFields = function validateFields(formCurrent) {
+  return new Promise(function (resolve) {
+    var formData = formCurrent.formData,
+      dataLevel = formCurrent.dataLevel;
+    var firstKey = '';
+    // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序
+    for (var i in dataLevel) {
+      if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {
+        firstKey = i;
+        break;
+      }
     }
-    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];
-        });
+    var recursionStart = dataLevel[firstKey];
+    var errorList = recursionCheck(recursionStart, dataLevel, formData);
+    if (Array.isArray(errorList) && errorList.length) {
+      console.error(JSON.stringify(errorList));
+    } else {
+      resolve(recursionSort(recursionStart, dataLevel, formData));
     }
-    return initialValues;
+  });
+};
+/** 获取初始化的值 */
+exports.validateFields = validateFields;
+var getInitValue = function getInitValue(initialValues, names) {
+  var keys = [];
+  if (Array.isArray(names)) {
+    var _names = _toArray(names),
+      str = _names[0],
+      rest = _names.slice(1);
+    keys = str.split('.').concat(rest);
+  }
+  if (Array.isArray(keys) && !!keys.length) {
+    keys.forEach(function (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;
 };
-exports.getInitValue = getInitValue;
 /** 校验表单是否正确的方法 */
-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;
+exports.getInitValue = getInitValue;
+var handleCheckItem = function handleCheckItem(value, rules) {
+  try {
+    if (Array.isArray(rules)) {
+      rules.forEach(function (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;
     }
+  }
 };
-exports.handleCheckItem = handleCheckItem;
-//# sourceMappingURL=utils.js.map
+exports.handleCheckItem = handleCheckItem;

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

@@ -1,3 +1,16 @@
-declare function _default(props: any): JSX.Element;
-export default _default;
+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;
 //# 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.js"],"names":[],"mappings":"AAoCe,mDAkDd"}
+{"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"}

package/lib/tntd-modal/index.js

@@ -37,31 +37,66 @@ 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_1 = __importStar(require("react"));
-const modal_1 = __importDefault(require("../modal"));
-const tntd_icon_1 = __importDefault(require("../tntd-icon"));
+const react_2 = __importStar(require("react"));
+const antd_1 = require("antd");
+const lodash_1 = require("lodash");
 require("./index.less");
-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: () => {
+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: () => {
                 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));
+                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));
 };
+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.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"]}
+{"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"]}