tntd 2.8.0-beta.3 → 3.0.0-beta.1

package/lib/notification/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAE/C,OAAO,SAAS,CAAA;AAEhB,cAAc,sBAAsB,CAAA;AAEpC,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,OAAO,SAAS,CAAA;AAEhB,cAAc,sBAAsB,CAAA;AAEpC,eAAe,YAAY,CAAA"}

package/lib/notification/index.js

@@ -1,24 +1,24 @@
 "use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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];
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const notification_1 = __importDefault(require("./notification"));
 require("./style");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _default = exports["default"] = _notification["default"];
+__exportStar(require("antd/es/notification"), exports);
+exports.default = notification_1.default;
+//# sourceMappingURL=index.js.map

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,mBAAgB;AAEhB,uDAAoC;AAEpC,kBAAe,sBAAY,CAAA","sourcesContent":["import notification from 'antd/lib/notification'\n\nimport './style'\n\nexport * from 'antd/lib/notification'\n\nexport default notification\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/notification/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,kEAAyC;AAEzC,mBAAgB;AAEhB,uDAAoC;AAEpC,kBAAe,sBAAY,CAAA","sourcesContent":["import notification from './notification'\n\nimport './style'\n\nexport * from 'antd/es/notification'\n\nexport default notification\n"]}

package/lib/notification/notification.d.ts

@@ -0,0 +1,9 @@
+import type { NotificationApi as AntdNotificationApi, ArgsProps } from 'antd/es/notification';
+export * from 'antd/es/notification';
+interface NotificationApi extends AntdNotificationApi {
+    successInfo(args: ArgsProps): void;
+    errorInfo(args: ArgsProps): void;
+}
+declare const api: NotificationApi;
+export default api;
+//# sourceMappingURL=notification.d.ts.map

package/lib/notification/notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../src/notification/notification.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAI7F,cAAc,sBAAsB,CAAA;AAIpC,UAAU,eAAgB,SAAQ,mBAAmB;IACnD,WAAW,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IAClC,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;CACjC;AAKD,QAAA,MAAM,GAAG,EAAE,eAgFV,CAAA;AAID,eAAe,GAAG,CAAA"}

package/lib/notification/notification.js

@@ -0,0 +1,43 @@
+"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 __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 notification_1 = __importDefault(require("antd/es/notification"));
+const icon_1 = __importDefault(require("../icon"));
+const classnames_1 = __importDefault(require("classnames"));
+__exportStar(require("antd/es/notification"), exports);
+const assets_1 = require("./assets");
+const prefixCls = 'ant-notification-notice';
+const tntPrefixCls = 'tnt-notification-notice';
+const api = Object.assign(Object.assign({}, notification_1.default), { successInfo: (args) => {
+        return notification_1.default.open(Object.assign(Object.assign({}, args), { icon: (react_1.default.createElement(icon_1.default, { className: "img-icon", component: () => react_1.default.createElement(assets_1.SvgSuccessTip, { fill: "currentColor", width: 46, height: 46 }) })), type: 'success', className: (0, classnames_1.default)(args.className, tntPrefixCls) }));
+    }, errorInfo: (args) => {
+        return notification_1.default.open(Object.assign(Object.assign({}, args), { icon: (react_1.default.createElement(icon_1.default, { className: "img-icon", component: () => react_1.default.createElement(assets_1.SvgErrorTip, { fill: "currentColor", width: 46, height: 46 }) })), type: 'success', className: (0, classnames_1.default)(args.className, tntPrefixCls) }));
+    }, success: (args) => {
+        return notification_1.default.success(Object.assign(Object.assign({}, args), { icon: !args.icon && (react_1.default.createElement(icon_1.default, { theme: "filled", className: `${prefixCls}-icon ${prefixCls}-icon-success ${tntPrefixCls}-icon`, type: "check-circle-o" })), className: (0, classnames_1.default)(args.className, tntPrefixCls) }));
+    }, error: (args) => {
+        return notification_1.default.error(Object.assign(Object.assign({}, args), { icon: !args.icon && (react_1.default.createElement(icon_1.default, { theme: "filled", className: `${prefixCls}-icon ${prefixCls}-icon-error ${tntPrefixCls}-icon`, type: "close-circle-o" })), className: (0, classnames_1.default)(args.className, tntPrefixCls) }));
+    }, info: (args) => {
+        return notification_1.default.info(Object.assign(Object.assign({}, args), { icon: !args.icon && (react_1.default.createElement(icon_1.default, { theme: "filled", className: `${prefixCls}-icon ${prefixCls}-icon-info ${tntPrefixCls}-icon`, type: "info-circle-o" })), className: (0, classnames_1.default)(args.className, tntPrefixCls) }));
+    }, warning: (args) => {
+        return notification_1.default.warning(Object.assign(Object.assign({}, args), { icon: !args.icon && (react_1.default.createElement(icon_1.default, { theme: "filled", className: `${prefixCls}-icon ${prefixCls}-icon-warning ${tntPrefixCls}-icon`, type: "exclamation-circle-o" })), className: (0, classnames_1.default)(args.className, tntPrefixCls) }));
+    } });
+api.warn = api.warning;
+exports.default = api;
+//# sourceMappingURL=notification.js.map

package/lib/notification/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../src/notification/notification.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport type { NotificationApi as AntdNotificationApi, ArgsProps } from 'antd/es/notification'\nimport Notification from 'antd/es/notification'\nimport Icon from '../icon'\nimport classNames from 'classnames'\nexport * from 'antd/es/notification'\n\nimport { SvgErrorTip, SvgSuccessTip } from './assets'\n\ninterface NotificationApi extends AntdNotificationApi {\n  successInfo(args: ArgsProps): void\n  errorInfo(args: ArgsProps): void\n}\n\nconst prefixCls = 'ant-notification-notice'\nconst tntPrefixCls = 'tnt-notification-notice'\n\nconst api: NotificationApi = {\n  ...Notification,\n  successInfo: (args: ArgsProps) => {\n    return Notification.open({\n      ...args,\n      icon: (\n        <Icon\n          className=\"img-icon\"\n          component={() => <SvgSuccessTip fill=\"currentColor\" width={46} height={46} />}\n        />\n      ),\n      type: 'success',\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  errorInfo: (args: ArgsProps) => {\n    return Notification.open({\n      ...args,\n      icon: (\n        <Icon\n          className=\"img-icon\"\n          component={() => <SvgErrorTip fill=\"currentColor\" width={46} height={46} />}\n        />\n      ),\n      type: 'success',\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  success: (args: ArgsProps) => {\n    return Notification.success({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-success ${tntPrefixCls}-icon`}\n          type=\"check-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  error: (args: ArgsProps) => {\n    return Notification.error({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-error ${tntPrefixCls}-icon`}\n          type=\"close-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  info: (args: ArgsProps) => {\n    return Notification.info({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-info ${tntPrefixCls}-icon`}\n          type=\"info-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  warning: (args: ArgsProps) => {\n    return Notification.warning({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-warning ${tntPrefixCls}-icon`}\n          type=\"exclamation-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n}\n\napi.warn = api.warning\n\nexport default api\n"]}

package/lib/notification/notification.less

@@ -0,0 +1,59 @@
+@notification-padding-horizontal-sm: 20px;
+@notification-prefix-cls: ~'@{ant-prefix}-notification';
+@tnt-notification-prefix-cls: ~'tnt-notification';
+@notification-padding-vertical: 16px;
+@tnt-notification-padding: @notification-padding-vertical @notification-padding-horizontal-sm;
+
+
+.@{notification-prefix-cls}-notice-message {
+  font-weight: 500;
+}
+.@{notification-prefix-cls}-notice-description {
+  color: @text-color-secondary;
+}
+
+
+.@{notification-prefix-cls}-notice-with-icon:has(.@{tnt-notification-prefix-cls}-notice-icon) {
+  .@{notification-prefix-cls}-notice-icon {
+    left: 10px;
+    top: 9px;
+    margin: 0;
+    padding: 0;
+    font-size: @font-size-xl;
+  }
+
+  .@{notification-prefix-cls}-notice-message {
+    margin-left: 28px;
+  }
+  .@{notification-prefix-cls}-notice-description {
+    margin-left: 28px;
+  }
+ 
+}
+
+.@{notification-prefix-cls}-notice:has(.img-icon) {
+  .@{notification-prefix-cls}-notice-icon {
+    left: 20px;
+    margin: 0;
+  }
+  .@{notification-prefix-cls}-notice-message {
+    margin-left: 64px;
+  }
+  .@{notification-prefix-cls}-notice-description {
+    margin-left: 64px;
+  }
+}
+
+.@{notification-prefix-cls} {
+  &-notice{
+    padding: @notification-padding !important;
+    border-radius: @border-radius-lg !important;
+  }
+  
+  &-close-icon {
+    // font-size: @font-size-base;
+    font-size: @font-size-lg;
+    cursor: pointer;
+    color: tint(@text-color, 50%);
+  }
+}

package/lib/notification/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
-
+Object.defineProperty(exports, "__esModule", { value: true });
 require("../../style/index.less");
-require("./index.less");
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/notification/style/index.less

@@ -1,5 +1,6 @@
 @import '../../style/themes/index';
 @import '../../style/mixins/index';
+@import '../notification';
 
 @notification-prefix-cls: ~'@{ant-prefix}-notification';
 @notification-width: 384px;
@@ -72,6 +73,7 @@
       padding-right: 24px;
     }
 
+
     &-with-icon &-message {
       margin-bottom: 4px;
       margin-left: 48px;

package/lib/page/Box.js

@@ -1,67 +1,44 @@
 "use strict";
-
-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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-var Box = function Box(_a) {
-  var inLayout = _a.inLayout,
-    _a$clsPrefix = _a.clsPrefix,
-    clsPrefix = _a$clsPrefix === void 0 ? 'tntd-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;
+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 = 'tntd-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;
     }
-  }
-  // 如果设置了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);
+    // 如果传入只有数字，需要默认加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));
 };
-var _default = exports["default"] = Box;
+exports.default = Box;
+//# sourceMappingURL=Box.js.map

package/lib/page/index.js

@@ -1,152 +1,104 @@
 "use strict";
-
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-var clsPrefix = 'tntd-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);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var PageLayout = function PageLayout(_a) {
-  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;
+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 = 'tntd-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';
     }
-  });
-  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, _defineProperty(_defineProperty(_defineProperty({}, className, className), 'in-layout', inLayout), 'not-in-layout', !inLayout))
-  }, 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();
+    if (inLayout) {
+        computedHeaderHeight = '40px';
     }
-  }, _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));
+    // 计算中间的zIndex，灰色递减，白色递增
+    let whiteCols = 0;
+    let childrenToArray = [];
+    // 计算children type是box的数量
+    let boxCount = 0;
+    // 如果children是单个节点，统一转为数组处理计算层级
+    if (typeof children === 'object') {
+        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, {}); // 如果是自定义的children，不需要读取参数
+    else if (Array.isArray(children)) {
+        childrenToArray = [...children];
     }
-    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++
+    react_1.default.Children.map(children, (child) => {
+        if (isPageBox(child)) {
+            boxCount += 1;
+        }
+    });
+    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 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));
-  })));
+    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) {
+                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, {}); // 如果是自定义的children，不需要读取参数
+            }
+            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));
+        }))));
 };
-PageLayout.Box = _Box["default"];
-var _default = exports["default"] = PageLayout;
+PageLayout.Box = Box_1.default;
+exports.default = PageLayout;
+//# sourceMappingURL=index.js.map