tntd 2.0.25 → 2.1.0

package/lib/modal/modal.js

@@ -1,34 +1,42 @@
 "use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-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;
+
+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 _exportNames = {
+  Modal: true
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+exports.Modal = Modal;
+var _react = _interopRequireDefault(require("react"));
+require("antd/lib/locale-provider/LocaleReceiver");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = require("antd/lib/config-provider");
+var _modal = _interopRequireWildcard(require("antd/lib/modal"));
+Object.keys(_modal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _modal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _modal[key];
+    }
+  });
+});
+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 }; }
+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;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
 /*
  * @Author: 周泽飞 zefei.zhou@tongdun.net
  * @Date: 2023-03-08 17:45:01
@@ -37,26 +45,22 @@ exports.Modal = void 0;
  * @FilePath: /tntd/packages/tntd/src/modal/modal.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-const react_1 = __importDefault(require("react"));
-require("antd/es/locale-provider/LocaleReceiver");
-const classnames_1 = __importDefault(require("classnames"));
-const config_provider_1 = require("antd/es/config-provider");
-const modal_1 = __importDefault(require("antd/es/modal"));
-__exportStar(require("antd/es/modal"), exports);
-var modal_2 = require("antd/es/modal");
+
 function Modal(_a) {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
-        const prefixCls = getPrefixCls('modal');
-        return react_1.default.createElement(modal_1.default, Object.assign({ className: (0, classnames_1.default)(prefixCls, 'tntd-modal', className) }, rest));
-    }));
+  var className = _a.className,
+    rest = __rest(_a, ["className"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('modal');
+    return _react["default"].createElement(_modal["default"], Object.assign({
+      className: (0, _classnames["default"])(prefixCls, 'tntd-modal', className)
+    }, rest));
+  });
 }
-exports.Modal = Modal;
-Modal.info = modal_1.default.info;
-Modal.success = modal_1.default.success;
-Modal.error = modal_1.default.error;
-Modal.warning = modal_1.default.warning;
-Modal.warn = modal_1.default.warn;
-Modal.confirm = modal_1.default.confirm;
-Modal.destroyAll = modal_1.default.destroyAll;
-//# sourceMappingURL=modal.js.map
+Modal.info = _modal["default"].info;
+Modal.success = _modal["default"].success;
+Modal.error = _modal["default"].error;
+Modal.warning = _modal["default"].warning;
+Modal.warn = _modal["default"].warn;
+Modal.confirm = _modal["default"].confirm;
+Modal.destroyAll = _modal["default"].destroyAll;

package/lib/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,kDAAyB;AACzB,kDAAmE;AAEnE,4DAAmC;AACnC,6DAAwD;AAExD,0DAAoD;AAEpD,gDAA6B;AAC7B,uCAA6E;AAE7E,SAAgB,KAAK,CAAC,EAAsC;QAAtC,EAAE,SAAS,OAA2B,EAAtB,IAAI,cAApB,aAAsB,CAAF;IACxC,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;QACvC,OAAO,8BAAC,eAAS,kBAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,IAAM,IAAI,EAAI,CAAA;IAC3F,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AATD,sBASC;AAED,KAAK,CAAC,IAAI,GAAG,eAAS,CAAC,IAAI,CAAA;AAC3B,KAAK,CAAC,OAAO,GAAG,eAAS,CAAC,OAAO,CAAA;AACjC,KAAK,CAAC,KAAK,GAAG,eAAS,CAAC,KAAK,CAAA;AAC7B,KAAK,CAAC,OAAO,GAAG,eAAS,CAAC,OAAO,CAAA;AACjC,KAAK,CAAC,IAAI,GAAG,eAAS,CAAC,IAAI,CAAA;AAC3B,KAAK,CAAC,OAAO,GAAG,eAAS,CAAC,OAAO,CAAA;AACjC,KAAK,CAAC,UAAU,GAAG,eAAS,CAAC,UAAU,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-03-08 17:45:01\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-03-08 19:01:48\n * @FilePath: /tntd/packages/tntd/src/modal/modal.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React from 'react'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type { ModalProps as AntdModalProps } from 'antd/es/modal'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/es/config-provider'\n\nimport { default as AntdModal } from 'antd/es/modal'\n\nexport * from 'antd/es/modal'\nexport { ActionButtonProps, ModalProps, ModalFuncProps } from 'antd/es/modal'\n\nexport function Modal({ className, ...rest }: AntdModalProps): JSX.Element {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('modal')\n        return <AntdModal className={classNames(prefixCls, 'tntd-modal', className)} {...rest} />\n      }}\n    </ConfigConsumer>\n  )\n}\n\nModal.info = AntdModal.info\nModal.success = AntdModal.success\nModal.error = AntdModal.error\nModal.warning = AntdModal.warning\nModal.warn = AntdModal.warn\nModal.confirm = AntdModal.confirm\nModal.destroyAll = AntdModal.destroyAll\n"]}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,kDAAyB;AACzB,kDAAmE;AAEnE,4DAAmC;AACnC,6DAAwD;AAExD,0DAAoD;AAEpD,gDAA6B;AAC7B,uCAA6E;AAE7E,SAAgB,KAAK,CAAC,EAAsC;QAAtC,EAAE,SAAS,OAA2B,EAAtB,IAAI,cAApB,aAAsB,CAAF;IACxC,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;QACvC,OAAO,8BAAC,eAAS,kBAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,IAAM,IAAI,EAAI,CAAA;IAC3F,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AATD,sBASC;AAED,KAAK,CAAC,IAAI,GAAG,eAAS,CAAC,IAAI,CAAA;AAC3B,KAAK,CAAC,OAAO,GAAG,eAAS,CAAC,OAAO,CAAA;AACjC,KAAK,CAAC,KAAK,GAAG,eAAS,CAAC,KAAK,CAAA;AAC7B,KAAK,CAAC,OAAO,GAAG,eAAS,CAAC,OAAO,CAAA;AACjC,KAAK,CAAC,IAAI,GAAG,eAAS,CAAC,IAAI,CAAA;AAC3B,KAAK,CAAC,OAAO,GAAG,eAAS,CAAC,OAAO,CAAA;AACjC,KAAK,CAAC,UAAU,GAAG,eAAS,CAAC,UAAU,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-03-08 17:45:01\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-03-08 19:01:48\n * @FilePath: /tntd/packages/tntd/src/modal/modal.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { ModalProps as AntdModalProps } from 'antd/lib/modal'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\n\nimport { default as AntdModal } from 'antd/lib/modal'\n\nexport * from 'antd/lib/modal'\nexport { ActionButtonProps, ModalProps, ModalFuncProps } from 'antd/lib/modal'\n\nexport function Modal({ className, ...rest }: AntdModalProps): JSX.Element {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('modal')\n        return <AntdModal className={classNames(prefixCls, 'tntd-modal', className)} {...rest} />\n      }}\n    </ConfigConsumer>\n  )\n}\n\nModal.info = AntdModal.info\nModal.success = AntdModal.success\nModal.error = AntdModal.error\nModal.warning = AntdModal.warning\nModal.warn = AntdModal.warn\nModal.confirm = AntdModal.confirm\nModal.destroyAll = AntdModal.destroyAll\n"]}

package/lib/notification/index.d.ts

@@ -1,5 +1,5 @@
-import notification from 'antd/es/notification';
-import 'antd/es/notification/style';
-export * from 'antd/es/notification';
+import notification from 'antd/lib/notification';
+import 'antd/lib/notification/style';
+export * from 'antd/lib/notification';
 export default notification;
 //# sourceMappingURL=index.d.ts.map

package/lib/notification/index.js

@@ -1,24 +1,25 @@
 "use strict";
-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]; } };
+
+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 _exportNames = {};
+exports["default"] = void 0;
+var _notification = _interopRequireWildcard(require("antd/lib/notification"));
+Object.keys(_notification).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _notification[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _notification[key];
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const notification_1 = __importDefault(require("antd/es/notification"));
-require("antd/es/notification/style");
-__exportStar(require("antd/es/notification"), exports);
-exports.default = notification_1.default;
-//# sourceMappingURL=index.js.map
+  });
+});
+require("antd/lib/notification/style");
+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; }
+var _default = _notification["default"];
+exports["default"] = _default;

package/lib/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/notification/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,wEAA+C;AAE/C,sCAAmC;AAEnC,uDAAoC;AAEpC,kBAAe,sBAAY,CAAA","sourcesContent":["import notification from 'antd/es/notification'\n\nimport 'antd/es/notification/style'\n\nexport * from 'antd/es/notification'\n\nexport default notification\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/notification/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,wEAA+C;AAE/C,sCAAmC;AAEnC,uDAAoC;AAEpC,kBAAe,sBAAY,CAAA","sourcesContent":["import notification from 'antd/lib/notification'\n\nimport 'antd/lib/notification/style'\n\nexport * from 'antd/lib/notification'\n\nexport default notification\n"]}

package/lib/page/Box.js

@@ -1,44 +1,70 @@
 "use strict";
-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;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("./utils");
+var _card = _interopRequireDefault(require("../card"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
-var __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 utils_1 = require("./utils");
-const card_1 = __importDefault(require("../card"));
-const Box = (_a) => {
-    var { inLayout, clsPrefix = 'tnt-page', children, noPadding = false, headerHeight, bordered = false, bodyStyle = {}, headStyle = {}, height, size = 'small', contentTotalMargin = '0px' } = _a, restProps = __rest(_a, ["inLayout", "clsPrefix", "children", "noPadding", "headerHeight", "bordered", "bodyStyle", "headStyle", "height", "size", "contentTotalMargin"]);
-    let cardTitleHeight = 0;
-    if (restProps.title) {
-        // 根据Card的size,计算Card的title的高度值
-        cardTitleHeight = size === 'small' ? 40 : 60;
-        // 如果Card的自定义高度，Card的title就使用此高度
-        if (headStyle.hasOwnProperty(height)) {
-            cardTitleHeight = headStyle.height;
-        }
-    }
-    // 如果设置了noPadding，优先级最高
-    if (noPadding) {
-        bodyStyle.padding = 0;
-        headStyle.padding = 0;
+var Box = function Box(_a) {
+  var inLayout = _a.inLayout,
+    _a$clsPrefix = _a.clsPrefix,
+    clsPrefix = _a$clsPrefix === void 0 ? 'tnt-page' : _a$clsPrefix,
+    children = _a.children,
+    _a$noPadding = _a.noPadding,
+    noPadding = _a$noPadding === void 0 ? false : _a$noPadding,
+    headerHeight = _a.headerHeight,
+    _a$bordered = _a.bordered,
+    bordered = _a$bordered === void 0 ? false : _a$bordered,
+    _a$bodyStyle = _a.bodyStyle,
+    bodyStyle = _a$bodyStyle === void 0 ? {} : _a$bodyStyle,
+    _a$headStyle = _a.headStyle,
+    headStyle = _a$headStyle === void 0 ? {} : _a$headStyle,
+    height = _a.height,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'small' : _a$size,
+    _a$contentTotalMargin = _a.contentTotalMargin,
+    contentTotalMargin = _a$contentTotalMargin === void 0 ? '0px' : _a$contentTotalMargin,
+    restProps = __rest(_a, ["inLayout", "clsPrefix", "children", "noPadding", "headerHeight", "bordered", "bodyStyle", "headStyle", "height", "size", "contentTotalMargin"]);
+  var cardTitleHeight = 0;
+  if (restProps.title) {
+    // 根据Card的size,计算Card的title的高度值
+    cardTitleHeight = size === 'small' ? 40 : 60;
+    // 如果Card的自定义高度，Card的title就使用此高度
+    if (headStyle.hasOwnProperty(height)) {
+      cardTitleHeight = headStyle.height;
     }
-    // 如果传入只有数字，需要默认加px
-    cardTitleHeight = (0, utils_1.addUnitForValue)(cardTitleHeight);
-    const cardBodyHeight = `calc(${height} - ${headerHeight} - ${contentTotalMargin} - ${cardTitleHeight})`;
-    return (react_1.default.createElement(card_1.default, Object.assign({ className: `${clsPrefix}-box-card`, bordered: bordered, bodyStyle: Object.assign(Object.assign({}, bodyStyle), { 
-            // overflow: 'auto',
-            height: inLayout ? `calc(100% - ${headerHeight})` : cardBodyHeight }), size: size, headStyle: headStyle }, restProps), children));
+  }
+  // 如果设置了noPadding，优先级最高
+  if (noPadding) {
+    bodyStyle.padding = 0;
+    headStyle.padding = 0;
+  }
+  // 如果传入只有数字，需要默认加px
+  cardTitleHeight = (0, _utils.addUnitForValue)(cardTitleHeight);
+  var cardBodyHeight = "calc(".concat(height, " - ").concat(headerHeight, " - ").concat(contentTotalMargin, " - ").concat(cardTitleHeight, ")");
+  return _react["default"].createElement(_card["default"], Object.assign({
+    className: "".concat(clsPrefix, "-box-card"),
+    bordered: bordered,
+    bodyStyle: Object.assign(Object.assign({}, bodyStyle), {
+      // overflow: 'auto',
+      height: inLayout ? "calc(100% - ".concat(headerHeight, ")") : cardBodyHeight
+    }),
+    size: size,
+    headStyle: headStyle
+  }, restProps), children);
 };
-exports.default = Box;
-//# sourceMappingURL=Box.js.map
+var _default = Box;
+exports["default"] = _default;

package/lib/page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;gBAyIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;gBAsIC"}

package/lib/page/index.js

@@ -1,108 +1,156 @@
 "use strict";
-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;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _tntdIcon = _interopRequireDefault(require("../tntd-icon"));
+var _Box = _interopRequireDefault(require("./Box"));
+var _utils = require("./utils");
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _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); }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var clsPrefix = 'tnt-page';
+var isPageBox = function isPageBox(child) {
+  var _a;
+  return (child === null || child === void 0 ? void 0 : child.type) === _Box["default"] || ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.pageBox);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const tntd_icon_1 = __importDefault(require("../tntd-icon"));
-const Box_1 = __importDefault(require("./Box"));
-const utils_1 = require("./utils");
-require("./index.less");
-const clsPrefix = 'tnt-page';
-const isPageBox = (child) => { var _a; return (child === null || child === void 0 ? void 0 : child.type) === Box_1.default || ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.pageBox); };
-const PageLayout = (_a) => {
-    var _b;
-    var { height = '100vh', headerHeight = 50, children, title, goBack, goBackText, center, extra, size = 'small', inLayout = false, className } = _a, restProps = __rest(_a, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
-    // 如果传入只有数字，需要默认加px
-    let computedHeaderHeight = (0, utils_1.addUnitForValue)(headerHeight);
-    let computedHeight = (0, utils_1.addUnitForValue)(height);
-    // 判断是否有标题栏
-    if (!(title || extra || center)) {
-        computedHeaderHeight = '0px';
+var PageLayout = function PageLayout(_a) {
+  var _cn;
+  var _b;
+  var _a$height = _a.height,
+    height = _a$height === void 0 ? '100vh' : _a$height,
+    _a$headerHeight = _a.headerHeight,
+    headerHeight = _a$headerHeight === void 0 ? 50 : _a$headerHeight,
+    children = _a.children,
+    title = _a.title,
+    goBack = _a.goBack,
+    goBackText = _a.goBackText,
+    center = _a.center,
+    extra = _a.extra,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'small' : _a$size,
+    _a$inLayout = _a.inLayout,
+    inLayout = _a$inLayout === void 0 ? false : _a$inLayout,
+    className = _a.className,
+    restProps = __rest(_a, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
+  // 如果传入只有数字，需要默认加px
+  var computedHeaderHeight = (0, _utils.addUnitForValue)(headerHeight);
+  var computedHeight = (0, _utils.addUnitForValue)(height);
+  // 判断是否有标题栏
+  if (!(title || extra || center)) {
+    computedHeaderHeight = '0px';
+  }
+  if (inLayout) {
+    computedHeaderHeight = '40px';
+  }
+  // 计算中间的zIndex，灰色递减，白色递增
+  var whiteCols = 0;
+  var childrenToArray = [];
+  // 计算children type是box的数量
+  var boxCount = 0;
+  // 如果children是单个节点，统一转为数组处理计算层级
+  if (_typeof(children) === 'object') {
+    childrenToArray = [children];
+  } else if (Array.isArray(children)) {
+    childrenToArray = _toConsumableArray(children);
+  }
+  _react["default"].Children.map(children, function (child) {
+    if (isPageBox(child)) {
+      boxCount += 1;
     }
-    if (inLayout) {
-        computedHeaderHeight = '40px';
+  });
+  whiteCols = (_b = childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.filter(function (_ref) {
+    var props = _ref.props;
+    return (props === null || props === void 0 ? void 0 : props.mode) === 'white';
+  })) === null || _b === void 0 ? void 0 : _b.length;
+  var total = (childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.length) + 5;
+  var startIndex = total - whiteCols - 1;
+  var endIndex = total - 2;
+  var headerStyle = {
+    height: computedHeaderHeight,
+    padding: "".concat(size === 'small' ? 20 : 24, "px"),
+    zIndex: inLayout ? 1 : total || 1
+  };
+  var contentStyle = {
+    display: boxCount > 0 ? 'flex' : 'block',
+    marginTop: computedHeaderHeight,
+    padding: inLayout ? '16px 20px' : '0px'
+  };
+  return _react["default"].createElement("section", Object.assign({
+    className: (0, _classnames["default"])(clsPrefix, (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, 'in-layout', inLayout), _defineProperty(_cn, 'not-in-layout', !inLayout), _cn))
+  }, restProps), (title || goBack || center || extra) && _react["default"].createElement("div", {
+    className: "".concat(clsPrefix, "-header"),
+    style: headerStyle
+  }, _react["default"].createElement("div", {
+    className: "".concat(clsPrefix, "-header-section")
+  }, goBack && _react["default"].createElement("div", {
+    className: "page-header-section-back",
+    onClick: function onClick() {
+      goBack();
     }
-    // 计算中间的zIndex，灰色递减，白色递增
-    let whiteCols = 0;
-    let childrenToArray = [];
-    // 计算children type是box的数量
-    let boxCount = 0;
-    // 如果children是单个节点，统一转为数组处理计算层级
-    console.log('children', children);
-    if (typeof children === 'object') {
-        childrenToArray = [children];
+  }, _react["default"].createElement(_tntdIcon["default"], {
+    type: "left"
+  }), _react["default"].createElement("span", null, goBackText ? goBackText : '返回')), title), [center, extra].map(function (item, i) {
+    return _react["default"].createElement("div", {
+      className: "".concat(clsPrefix, "-header-section"),
+      key: i
+    }, item);
+  })), _react["default"].createElement("div", {
+    className: "".concat(clsPrefix, "-content"),
+    style: contentStyle
+  }, _react["default"].Children.map(children, function (child) {
+    // 如果children不是Box,就不需要多列布局
+    if (!child.type) {
+      return _react["default"].cloneElement(_react["default"].createElement("div", null, child));
     }
-    else if (Array.isArray(children)) {
-        childrenToArray = [...children];
+    var extraProps = Object.assign({
+      headerHeight: computedHeaderHeight,
+      size: size,
+      height: computedHeight,
+      contentTotalMargin: inLayout ? '32px' : '0px',
+      inLayout: inLayout
+    }, child.props);
+    if (!isPageBox(child)) {
+      return _react["default"].cloneElement(child, extraProps);
     }
-    console.log('React.Children', react_1.default.Children);
-    react_1.default.Children.map(children, (child) => {
-        if (isPageBox(child)) {
-            boxCount += 1;
-        }
-    });
-    console.log(boxCount);
-    whiteCols = (_b = childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.filter(({ props }) => (props === null || props === void 0 ? void 0 : props.mode) === 'white')) === null || _b === void 0 ? void 0 : _b.length;
-    const total = (childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.length) + 5;
-    let startIndex = total - whiteCols - 1;
-    let endIndex = total - 2;
-    const headerStyle = {
-        height: computedHeaderHeight,
-        padding: `${size === 'small' ? 20 : 24}px`,
-        zIndex: inLayout ? 1 : total || 1,
-    };
-    const contentStyle = {
-        display: boxCount > 0 ? 'flex' : 'block',
-        marginTop: computedHeaderHeight,
-        padding: inLayout ? '16px 20px' : '0px',
+    var _child$props = child.props,
+      _child$props$mode = _child$props.mode,
+      mode = _child$props$mode === void 0 ? 'gray' : _child$props$mode,
+      width = _child$props.width;
+    var style = {
+      flex: (0, _utils.computeWidth)(width),
+      // 设置cols层级关系
+      zIndex: mode === 'gray' ? endIndex-- : startIndex++
     };
-    return (react_1.default.createElement("section", Object.assign({ className: (0, classnames_1.default)(clsPrefix, {
-            [className]: className,
-            'in-layout': inLayout,
-            'not-in-layout': !inLayout,
-        }) }, restProps),
-        (title || goBack || center || extra) && (react_1.default.createElement("div", { className: `${clsPrefix}-header`, style: headerStyle },
-            react_1.default.createElement("div", { className: `${clsPrefix}-header-section` },
-                goBack && (react_1.default.createElement("div", { className: "page-header-section-back", onClick: () => {
-                        goBack();
-                    } },
-                    react_1.default.createElement(tntd_icon_1.default, { type: "left" }),
-                    react_1.default.createElement("span", null, goBackText ? goBackText : '返回'))),
-                title),
-            [center, extra].map((item, i) => (react_1.default.createElement("div", { className: `${clsPrefix}-header-section`, key: i }, item))))),
-        react_1.default.createElement("div", { className: `${clsPrefix}-content`, style: contentStyle }, react_1.default.Children.map(children, (child) => {
-            // 如果children不是Box,就不需要多列布局
-            if (!child.type) {
-                // console.log("没有type");
-                return react_1.default.cloneElement(react_1.default.createElement("div", null, child));
-            }
-            const extraProps = Object.assign({ headerHeight: computedHeaderHeight, size, height: computedHeight, contentTotalMargin: inLayout ? '32px' : '0px', inLayout }, child.props);
-            if (!isPageBox(child)) {
-                return react_1.default.cloneElement(child, extraProps);
-            }
-            const { mode = 'gray', width } = child.props;
-            const style = {
-                flex: (0, utils_1.computeWidth)(width),
-                // 设置cols层级关系
-                zIndex: mode === 'gray' ? endIndex-- : startIndex++,
-            };
-            const className = (0, classnames_1.default)(`${clsPrefix}-box ${clsPrefix}-box-${mode}`);
-            return react_1.default.createElement('div', { className, style }, react_1.default.cloneElement(child, extraProps));
-        }))));
+    var className = (0, _classnames["default"])("".concat(clsPrefix, "-box ").concat(clsPrefix, "-box-").concat(mode));
+    return _react["default"].createElement('div', {
+      className: className,
+      style: style
+    }, _react["default"].cloneElement(child, extraProps));
+  })));
 };
-PageLayout.Box = Box_1.default;
-exports.default = PageLayout;
-//# sourceMappingURL=index.js.map
+PageLayout.Box = _Box["default"];
+var _default = PageLayout;
+exports["default"] = _default;

package/lib/page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAA2B;AAC3B,kDAAyB;AACzB,6DAA+B;AAC/B,gDAAuB;AACvB,mCAAuD;AAEvD,wBAAqB;AAErB,MAAM,SAAS,GAAG,UAAU,CAAA;AAE5B,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,aAAG,KAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,OAAO,CAAA,CAAA,EAAA,CAAA;AAEzE,MAAM,UAAU,GAAG,CAAC,EAanB,EAAE,EAAE;;QAbe,EAClB,MAAM,GAAG,OAAO,EAChB,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,OAEV,EADI,SAAS,cAZM,2HAanB,CADa;IAEZ,mBAAmB;IACnB,IAAI,oBAAoB,GAAG,IAAA,uBAAe,EAAC,YAAY,CAAC,CAAA;IACxD,IAAI,cAAc,GAAG,IAAA,uBAAe,EAAC,MAAM,CAAC,CAAA;IAE5C,WAAW;IACX,IAAI,CAAC,CAAC,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,EAAE;QAC/B,oBAAoB,GAAG,KAAK,CAAA;KAC7B;IAED,IAAI,QAAQ,EAAE;QACZ,oBAAoB,GAAG,MAAM,CAAA;KAC9B;IAED,wBAAwB;IACxB,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,eAAe,GAAG,EAAE,CAAA;IAExB,yBAAyB;IACzB,IAAI,QAAQ,GAAG,CAAC,CAAA;IAEhB,+BAA+B;IAC/B,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IAEjC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAChC,eAAe,GAAG,CAAC,QAAQ,CAAC,CAAA;KAC7B;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAClC,eAAe,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAA;KAChC;IAED,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,eAAK,CAAC,QAAQ,CAAC,CAAA;IAC7C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACrC,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE;YACpB,QAAQ,IAAI,CAAC,CAAA;SACd;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAErB,SAAS,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,OAAO,CAAC,0CAAE,MAAM,CAAA;IACnF,MAAM,KAAK,GAAG,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,IAAG,CAAC,CAAA;IACzC,IAAI,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,CAAC,CAAA;IACtC,IAAI,QAAQ,GAAG,KAAK,GAAG,CAAC,CAAA;IACxB,MAAM,WAAW,GAAG;QAClB,MAAM,EAAE,oBAAoB;QAC5B,OAAO,EAAE,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI;QAC1C,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;KAClC,CAAA;IACD,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;QACxC,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK;KACxC,CAAA;IAED,OAAO,CACL,yDACE,SAAS,EAAE,IAAA,oBAAE,EAAC,SAAS,EAAE;YACvB,CAAC,SAAS,CAAC,EAAE,SAAS;YACtB,WAAW,EAAE,QAAQ;YACrB,eAAe,EAAE,CAAC,QAAQ;SAC3B,CAAC,IACE,SAAS;QAEZ,CAAC,KAAK,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK,CAAC,IAAI,CACvC,uCAAK,SAAS,EAAE,GAAG,SAAS,SAAS,EAAE,KAAK,EAAE,WAAW;YACvD,uCAAK,SAAS,EAAE,GAAG,SAAS,iBAAiB;gBAC1C,MAAM,IAAI,CACT,uCACE,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,EAAE,CAAA;oBACV,CAAC;oBAED,8BAAC,mBAAI,IAAC,IAAI,EAAC,MAAM,GAAG;oBACpB,4CAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAQ,CACzC,CACP;gBACA,KAAK,CACF;YACL,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAChC,uCAAK,SAAS,EAAE,GAAG,SAAS,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAAG,IAAI,CAAO,CACpE,CAAC,CACE,CACP;QACD,uCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,EAAE,KAAK,EAAE,YAAY,IACxD,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACtC,2BAA2B;YAC3B,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACf,yBAAyB;gBACzB,OAAO,eAAK,CAAC,YAAY,CAAC,2CAAM,KAAK,CAAO,CAAC,CAAA;aAC9C;YAED,MAAM,UAAU,mBACd,YAAY,EAAE,oBAAoB,EAClC,IAAI,EACJ,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAC7C,QAAQ,IACL,KAAK,CAAC,KAAK,CACf,CAAA;YAED,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;gBACrB,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;aAC7C;YAED,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;YAE5C,MAAM,KAAK,GAAG;gBACZ,IAAI,EAAE,IAAA,oBAAY,EAAC,KAAK,CAAC;gBACzB,aAAa;gBACb,MAAM,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE;aACpD,CAAA;YAED,MAAM,SAAS,GAAG,IAAA,oBAAE,EAAC,GAAG,SAAS,QAAQ,SAAS,QAAQ,IAAI,EAAE,CAAC,CAAA;YAEjE,OAAO,eAAK,CAAC,aAAa,CACxB,KAAK,EACL,EAAE,SAAS,EAAE,KAAK,EAAE,EACpB,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CACtC,CAAA;QACH,CAAC,CAAC,CACE,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,GAAG,GAAG,aAAG,CAAA;AAEpB,kBAAe,UAAU,CAAA","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport Icon from '../tntd-icon'\nimport Box from './Box'\nimport { addUnitForValue, computeWidth } from './utils'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-page'\n\nconst isPageBox = (child) => child?.type === Box || child?.props?.pageBox\n\nconst PageLayout = ({\n  height = '100vh',\n  headerHeight = 50,\n  children,\n  title,\n  goBack,\n  goBackText,\n  center,\n  extra,\n  size = 'small',\n  inLayout = false,\n  className,\n  ...restProps\n}) => {\n  // 如果传入只有数字，需要默认加px\n  let computedHeaderHeight = addUnitForValue(headerHeight)\n  let computedHeight = addUnitForValue(height)\n\n  // 判断是否有标题栏\n  if (!(title || extra || center)) {\n    computedHeaderHeight = '0px'\n  }\n\n  if (inLayout) {\n    computedHeaderHeight = '40px'\n  }\n\n  // 计算中间的zIndex，灰色递减，白色递增\n  let whiteCols = 0\n  let childrenToArray = []\n\n  // 计算children type是box的数量\n  let boxCount = 0\n\n  // 如果children是单个节点，统一转为数组处理计算层级\n  console.log('children', children)\n\n  if (typeof children === 'object') {\n    childrenToArray = [children]\n  } else if (Array.isArray(children)) {\n    childrenToArray = [...children]\n  }\n\n  console.log('React.Children', React.Children)\n  React.Children.map(children, (child) => {\n    if (isPageBox(child)) {\n      boxCount += 1\n    }\n  })\n\n  console.log(boxCount)\n\n  whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length\n  const total = childrenToArray?.length + 5\n  let startIndex = total - whiteCols - 1\n  let endIndex = total - 2\n  const headerStyle = {\n    height: computedHeaderHeight,\n    padding: `${size === 'small' ? 20 : 24}px`,\n    zIndex: inLayout ? 1 : total || 1,\n  }\n  const contentStyle = {\n    display: boxCount > 0 ? 'flex' : 'block',\n    marginTop: computedHeaderHeight,\n    padding: inLayout ? '16px 20px' : '0px',\n  }\n\n  return (\n    <section\n      className={cn(clsPrefix, {\n        [className]: className,\n        'in-layout': inLayout,\n        'not-in-layout': !inLayout,\n      })}\n      {...restProps}\n    >\n      {(title || goBack || center || extra) && (\n        <div className={`${clsPrefix}-header`} style={headerStyle}>\n          <div className={`${clsPrefix}-header-section`}>\n            {goBack && (\n              <div\n                className=\"page-header-section-back\"\n                onClick={() => {\n                  goBack()\n                }}\n              >\n                <Icon type=\"left\" />\n                <span>{goBackText ? goBackText : '返回'}</span>\n              </div>\n            )}\n            {title}\n          </div>\n          {[center, extra].map((item, i) => (\n            <div className={`${clsPrefix}-header-section`} key={i}>{item}</div>\n          ))}\n        </div>\n      )}\n      <div className={`${clsPrefix}-content`} style={contentStyle}>\n        {React.Children.map(children, (child) => {\n          // 如果children不是Box,就不需要多列布局\n          if (!child.type) {\n            // console.log(\"没有type\");\n            return React.cloneElement(<div>{child}</div>)\n          }\n\n          const extraProps = {\n            headerHeight: computedHeaderHeight,\n            size,\n            height: computedHeight,\n            contentTotalMargin: inLayout ? '32px' : '0px',\n            inLayout,\n            ...child.props,\n          }\n\n          if (!isPageBox(child)) {\n            return React.cloneElement(child, extraProps)\n          }\n\n          const { mode = 'gray', width } = child.props\n\n          const style = {\n            flex: computeWidth(width),\n            // 设置cols层级关系\n            zIndex: mode === 'gray' ? endIndex-- : startIndex++,\n          }\n\n          const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`)\n\n          return React.createElement(\n            'div',\n            { className, style },\n            React.cloneElement(child, extraProps)\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\nPageLayout.Box = Box\n\nexport default PageLayout\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAA2B;AAC3B,kDAAyB;AACzB,6DAA+B;AAC/B,gDAAuB;AACvB,mCAAuD;AAEvD,wBAAqB;AAErB,MAAM,SAAS,GAAG,UAAU,CAAA;AAE5B,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,aAAG,KAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,OAAO,CAAA,CAAA,EAAA,CAAA;AAEzE,MAAM,UAAU,GAAG,CAAC,EAanB,EAAE,EAAE;;QAbe,EAClB,MAAM,GAAG,OAAO,EAChB,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,OAEV,EADI,SAAS,cAZM,2HAanB,CADa;IAEZ,mBAAmB;IACnB,IAAI,oBAAoB,GAAG,IAAA,uBAAe,EAAC,YAAY,CAAC,CAAA;IACxD,IAAI,cAAc,GAAG,IAAA,uBAAe,EAAC,MAAM,CAAC,CAAA;IAE5C,WAAW;IACX,IAAI,CAAC,CAAC,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,EAAE;QAC/B,oBAAoB,GAAG,KAAK,CAAA;KAC7B;IAED,IAAI,QAAQ,EAAE;QACZ,oBAAoB,GAAG,MAAM,CAAA;KAC9B;IAED,wBAAwB;IACxB,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,eAAe,GAAG,EAAE,CAAA;IAExB,yBAAyB;IACzB,IAAI,QAAQ,GAAG,CAAC,CAAA;IAEhB,+BAA+B;IAE/B,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAChC,eAAe,GAAG,CAAC,QAAQ,CAAC,CAAA;KAC7B;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAClC,eAAe,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAA;KAChC;IAED,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACrC,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE;YACpB,QAAQ,IAAI,CAAC,CAAA;SACd;IACH,CAAC,CAAC,CAAA;IAEF,SAAS,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,OAAO,CAAC,0CAAE,MAAM,CAAA;IACnF,MAAM,KAAK,GAAG,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,IAAG,CAAC,CAAA;IACzC,IAAI,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,CAAC,CAAA;IACtC,IAAI,QAAQ,GAAG,KAAK,GAAG,CAAC,CAAA;IACxB,MAAM,WAAW,GAAG;QAClB,MAAM,EAAE,oBAAoB;QAC5B,OAAO,EAAE,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI;QAC1C,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;KAClC,CAAA;IACD,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;QACxC,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK;KACxC,CAAA;IAED,OAAO,CACL,yDACE,SAAS,EAAE,IAAA,oBAAE,EAAC,SAAS,EAAE;YACvB,CAAC,SAAS,CAAC,EAAE,SAAS;YACtB,WAAW,EAAE,QAAQ;YACrB,eAAe,EAAE,CAAC,QAAQ;SAC3B,CAAC,IACE,SAAS;QAEZ,CAAC,KAAK,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK,CAAC,IAAI,CACvC,uCAAK,SAAS,EAAE,GAAG,SAAS,SAAS,EAAE,KAAK,EAAE,WAAW;YACvD,uCAAK,SAAS,EAAE,GAAG,SAAS,iBAAiB;gBAC1C,MAAM,IAAI,CACT,uCACE,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,EAAE,CAAA;oBACV,CAAC;oBAED,8BAAC,mBAAI,IAAC,IAAI,EAAC,MAAM,GAAG;oBACpB,4CAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAQ,CACzC,CACP;gBACA,KAAK,CACF;YACL,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAChC,uCAAK,SAAS,EAAE,GAAG,SAAS,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAClD,IAAI,CACD,CACP,CAAC,CACE,CACP;QACD,uCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,EAAE,KAAK,EAAE,YAAY,IACxD,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACtC,2BAA2B;YAC3B,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACf,OAAO,eAAK,CAAC,YAAY,CAAC,2CAAM,KAAK,CAAO,CAAC,CAAA;aAC9C;YAED,MAAM,UAAU,mBACd,YAAY,EAAE,oBAAoB,EAClC,IAAI,EACJ,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAC7C,QAAQ,IACL,KAAK,CAAC,KAAK,CACf,CAAA;YAED,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;gBACrB,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;aAC7C;YAED,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;YAE5C,MAAM,KAAK,GAAG;gBACZ,IAAI,EAAE,IAAA,oBAAY,EAAC,KAAK,CAAC;gBACzB,aAAa;gBACb,MAAM,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE;aACpD,CAAA;YAED,MAAM,SAAS,GAAG,IAAA,oBAAE,EAAC,GAAG,SAAS,QAAQ,SAAS,QAAQ,IAAI,EAAE,CAAC,CAAA;YAEjE,OAAO,eAAK,CAAC,aAAa,CACxB,KAAK,EACL,EAAE,SAAS,EAAE,KAAK,EAAE,EACpB,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CACtC,CAAA;QACH,CAAC,CAAC,CACE,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,GAAG,GAAG,aAAG,CAAA;AAEpB,kBAAe,UAAU,CAAA","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport Icon from '../tntd-icon'\nimport Box from './Box'\nimport { addUnitForValue, computeWidth } from './utils'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-page'\n\nconst isPageBox = (child) => child?.type === Box || child?.props?.pageBox\n\nconst PageLayout = ({\n  height = '100vh',\n  headerHeight = 50,\n  children,\n  title,\n  goBack,\n  goBackText,\n  center,\n  extra,\n  size = 'small',\n  inLayout = false,\n  className,\n  ...restProps\n}) => {\n  // 如果传入只有数字，需要默认加px\n  let computedHeaderHeight = addUnitForValue(headerHeight)\n  let computedHeight = addUnitForValue(height)\n\n  // 判断是否有标题栏\n  if (!(title || extra || center)) {\n    computedHeaderHeight = '0px'\n  }\n\n  if (inLayout) {\n    computedHeaderHeight = '40px'\n  }\n\n  // 计算中间的zIndex，灰色递减，白色递增\n  let whiteCols = 0\n  let childrenToArray = []\n\n  // 计算children type是box的数量\n  let boxCount = 0\n\n  // 如果children是单个节点，统一转为数组处理计算层级\n\n  if (typeof children === 'object') {\n    childrenToArray = [children]\n  } else if (Array.isArray(children)) {\n    childrenToArray = [...children]\n  }\n\n  React.Children.map(children, (child) => {\n    if (isPageBox(child)) {\n      boxCount += 1\n    }\n  })\n\n  whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length\n  const total = childrenToArray?.length + 5\n  let startIndex = total - whiteCols - 1\n  let endIndex = total - 2\n  const headerStyle = {\n    height: computedHeaderHeight,\n    padding: `${size === 'small' ? 20 : 24}px`,\n    zIndex: inLayout ? 1 : total || 1,\n  }\n  const contentStyle = {\n    display: boxCount > 0 ? 'flex' : 'block',\n    marginTop: computedHeaderHeight,\n    padding: inLayout ? '16px 20px' : '0px',\n  }\n\n  return (\n    <section\n      className={cn(clsPrefix, {\n        [className]: className,\n        'in-layout': inLayout,\n        'not-in-layout': !inLayout,\n      })}\n      {...restProps}\n    >\n      {(title || goBack || center || extra) && (\n        <div className={`${clsPrefix}-header`} style={headerStyle}>\n          <div className={`${clsPrefix}-header-section`}>\n            {goBack && (\n              <div\n                className=\"page-header-section-back\"\n                onClick={() => {\n                  goBack()\n                }}\n              >\n                <Icon type=\"left\" />\n                <span>{goBackText ? goBackText : '返回'}</span>\n              </div>\n            )}\n            {title}\n          </div>\n          {[center, extra].map((item, i) => (\n            <div className={`${clsPrefix}-header-section`} key={i}>\n              {item}\n            </div>\n          ))}\n        </div>\n      )}\n      <div className={`${clsPrefix}-content`} style={contentStyle}>\n        {React.Children.map(children, (child) => {\n          // 如果children不是Box,就不需要多列布局\n          if (!child.type) {\n            return React.cloneElement(<div>{child}</div>)\n          }\n\n          const extraProps = {\n            headerHeight: computedHeaderHeight,\n            size,\n            height: computedHeight,\n            contentTotalMargin: inLayout ? '32px' : '0px',\n            inLayout,\n            ...child.props,\n          }\n\n          if (!isPageBox(child)) {\n            return React.cloneElement(child, extraProps)\n          }\n\n          const { mode = 'gray', width } = child.props\n\n          const style = {\n            flex: computeWidth(width),\n            // 设置cols层级关系\n            zIndex: mode === 'gray' ? endIndex-- : startIndex++,\n          }\n\n          const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`)\n\n          return React.createElement(\n            'div',\n            { className, style },\n            React.cloneElement(child, extraProps)\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\nPageLayout.Box = Box\n\nexport default PageLayout\n"]}