tntd 2.7.29-beta.1 → 2.7.30

package/lib/notification/style/index.less

@@ -0,0 +1,199 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@notification-prefix-cls: ~'@{ant-prefix}-notification';
+@notification-width: 384px;
+@notification-padding-vertical: 16px;
+@notification-padding-horizontal: 24px;
+@notification-padding: @notification-padding-vertical @notification-padding-horizontal;
+@notification-margin-bottom: 16px;
+
+.@{notification-prefix-cls} {
+  .reset-component;
+
+  position: fixed;
+  z-index: @zindex-notification;
+  width: @notification-width;
+  max-width: ~'calc(100vw - 32px)';
+  margin-right: 24px;
+
+  &-topLeft,
+  &-bottomLeft {
+    margin-right: 0;
+    margin-left: 24px;
+
+    .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,
+    .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {
+      animation-name: NotificationLeftFadeIn;
+    }
+  }
+
+  &-close-icon {
+    font-size: @font-size-base;
+    cursor: pointer;
+  }
+
+  &-notice {
+    position: relative;
+    margin-bottom: @notification-margin-bottom;
+    padding: @notification-padding;
+    overflow: hidden;
+    line-height: 1.5;
+    background: @component-background;
+    border-radius: @border-radius-base;
+    box-shadow: @shadow-2;
+
+    &-message {
+      display: inline-block;
+      margin-bottom: 8px;
+      color: @heading-color;
+      font-size: @font-size-lg;
+      line-height: 24px;
+
+      // https://github.com/ant-design/ant-design/issues/5846#issuecomment-296244140
+      &-single-line-auto-margin {
+        display: block;
+        width: calc(@notification-width - @notification-padding-horizontal * 2 - 24px - 48px - 100%);
+        max-width: 4px;
+        background-color: transparent;
+        pointer-events: none;
+        &::before {
+          display: block;
+          content: '';
+        }
+      }
+    }
+
+    &-description {
+      font-size: @font-size-base;
+    }
+
+    &-closable &-message {
+      padding-right: 24px;
+    }
+
+    &-with-icon &-message {
+      margin-bottom: 4px;
+      margin-left: 48px;
+      font-size: @font-size-lg;
+    }
+
+    &-with-icon &-description {
+      margin-left: 48px;
+      font-size: @font-size-base;
+    }
+
+    // Icon & color style in different selector level
+    // https://github.com/ant-design/ant-design/issues/16503
+    // https://github.com/ant-design/ant-design/issues/15512
+    &-icon {
+      position: absolute;
+      margin-left: 4px;
+      font-size: 24px;
+      line-height: 24px;
+    }
+
+    .@{iconfont-css-prefix}&-icon {
+      &-success {
+        color: @success-color;
+      }
+      &-info {
+        color: @info-color;
+      }
+      &-warning {
+        color: @warning-color;
+      }
+      &-error {
+        color: @error-color;
+      }
+    }
+
+    &-close {
+      position: absolute;
+      top: 16px;
+      right: 22px;
+      color: @text-color-secondary;
+      outline: none;
+
+      &:hover {
+        color: shade(@text-color-secondary, 40%);
+      }
+    }
+
+    &-btn {
+      float: right;
+      margin-top: 16px;
+    }
+  }
+
+  .notification-fade-effect {
+    animation-duration: 0.24s;
+    animation-timing-function: @ease-in-out;
+    animation-fill-mode: both;
+  }
+
+  &-fade-enter,
+  &-fade-appear {
+    opacity: 0;
+    .notification-fade-effect();
+
+    animation-play-state: paused;
+  }
+
+  &-fade-leave {
+    .notification-fade-effect();
+
+    animation-duration: 0.2s;
+    animation-play-state: paused;
+  }
+
+  &-fade-enter&-fade-enter-active,
+  &-fade-appear&-fade-appear-active {
+    animation-name: NotificationFadeIn;
+    animation-play-state: running;
+  }
+
+  &-fade-leave&-fade-leave-active {
+    animation-name: NotificationFadeOut;
+    animation-play-state: running;
+  }
+}
+
+@keyframes NotificationFadeIn {
+  0% {
+    left: @notification-width;
+    opacity: 0;
+  }
+  100% {
+    left: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes NotificationLeftFadeIn {
+  0% {
+    right: @notification-width;
+    opacity: 0;
+  }
+  100% {
+    right: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes NotificationFadeOut {
+  0% {
+    max-height: 150px;
+    margin-bottom: @notification-margin-bottom;
+    padding-top: @notification-padding;
+    padding-bottom: @notification-padding;
+    opacity: 1;
+  }
+  100% {
+    max-height: 0;
+    margin-bottom: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    opacity: 0;
+  }
+}

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 = '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;
+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;
     }
-    // 如果传入只有数字，需要默认加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.js

@@ -1,104 +1,157 @@
 "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 = '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);
 };
-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';
+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是单个节点，统一转为数组处理计算层级
-    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, {}); // 如果是自定义的children，不需要读取参数
     }
-    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 _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) {
-                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));
-        }))));
+    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/utils.js

@@ -1,20 +1,26 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addUnitForValue = exports.isValidNumber = exports.computeWidth = void 0;
-const computeWidth = (width) => {
-    let flex = '1';
-    const validNumber = isValidNumber(width);
-    if (/(%|px)$/.test(width) && validNumber) {
-        flex = `0 0 ${width}`;
-    }
-    else if (!isNaN(width)) {
-        flex = `0 0 ${width}px`;
-    }
-    return flex;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidNumber = exports.computeWidth = exports.addUnitForValue = void 0;
+var computeWidth = function computeWidth(width) {
+  var flex = '1';
+  var validNumber = isValidNumber(width);
+  if (/(%|px)$/.test(width) && validNumber) {
+    flex = "0 0 ".concat(width);
+  } else if (!isNaN(width)) {
+    flex = "0 0 ".concat(width, "px");
+  }
+  return flex;
 };
 exports.computeWidth = computeWidth;
-const isValidNumber = (value) => !isNaN(parseFloat(value));
+var isValidNumber = function isValidNumber(value) {
+  return !isNaN(parseFloat(value));
+};
 exports.isValidNumber = isValidNumber;
-const addUnitForValue = (value, unit = 'px') => (!isNaN(value) ? `${value}${unit}` : value);
-exports.addUnitForValue = addUnitForValue;
-//# sourceMappingURL=utils.js.map
+var addUnitForValue = function addUnitForValue(value) {
+  var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
+  return !isNaN(value) ? "".concat(value).concat(unit) : value;
+};
+exports.addUnitForValue = addUnitForValue;

package/lib/page-header/index.d.ts

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