tntd 3.0.0-beta.1 → 3.0.0-beta.11

package/lib/notification/style/index.less

@@ -30,7 +30,7 @@
   }
 
   &-close-icon {
-    font-size: @font-size-base;
+    font-size: 20px;
     cursor: pointer;
   }
 
@@ -54,7 +54,9 @@
       // 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%);
+        width: calc(
+          @notification-width - @notification-padding-horizontal * 2 - 24px - 48px - 100%
+        );
         max-width: 4px;
         background-color: transparent;
         pointer-events: none;

package/lib/page/Box.js

@@ -1,44 +1,67 @@
 "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 = exports["default"] = Box;

package/lib/page/index.js

@@ -1,104 +1,152 @@
 "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(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 __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 _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, _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();
     }
-    // 计算中间的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 = exports["default"] = PageLayout;

package/lib/page/utils.js

@@ -1,20 +1,23 @@
 "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 = exports.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));
-exports.isValidNumber = isValidNumber;
-const addUnitForValue = (value, unit = 'px') => (!isNaN(value) ? `${value}${unit}` : value);
-exports.addUnitForValue = addUnitForValue;
-//# sourceMappingURL=utils.js.map
+var isValidNumber = exports.isValidNumber = function isValidNumber(value) {
+  return !isNaN(parseFloat(value));
+};
+var addUnitForValue = exports.addUnitForValue = function addUnitForValue(value) {
+  var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
+  return !isNaN(value) ? "".concat(value).concat(unit) : value;
+};

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

@@ -0,0 +1,4 @@
+declare function _default(WrappedComponent: any, options?: {}): (props: any) => React.JSX.Element;
+export default _default;
+import React from "react";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/page-container/index.js"],"names":[],"mappings":"AAIe,kGASd"}

package/lib/page-container/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _default = exports["default"] = function _default(WrappedComponent) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var version = options.version,
+    _options$className = options.className,
+    className = _options$className === void 0 ? '' : _options$className;
+  var currentVersion = version || localStorage.getItem('app_version') || 'v3';
+  return function (props) {
+    return _react["default"].createElement("div", {
+      className: (0, _classnames["default"])('tnt-page-v-container', 'tnt-current-' + currentVersion, className)
+    }, _react["default"].createElement(WrappedComponent, Object.assign({}, props, options)));
+  };
+};

package/lib/page-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-container/index.js"],"names":[],"mappings":";;;;;AAAA,4DAA2B;AAC3B,kDAAyB;AACzB,wBAAqB;AAErB,kBAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAChD,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAA;IAE7E,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QACpF,8BAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CACxC,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport './index.less'\n\nexport default (WrappedComponent, options = {}) => {\n  const { version, className = '' } = options\n  const currentVersion = version || localStorage.getItem('app_version') || 'v3'\n\n  return (props) => (\n    <div className={cn('tnt-page-v-container', 'tnt-current-' + currentVersion, className)}>\n      <WrappedComponent {...props} {...options} />\n    </div>\n  )\n}\n"]}

package/lib/page-container/index.less

@@ -0,0 +1,38 @@
+.tnt-page-v-container.tnt-current-v3 {
+    background: transparent;
+    padding: 0;
+
+    .bread-crumb-head{
+        background: transparent;
+        padding: 0;
+    }
+    .ant-breadcrumb{
+        height: 40px;
+        line-height: 40px;
+        i.anticon-left{
+            font-size: 20px;
+            color: @text-color-secondary;
+            margin-right: 4px;
+        }
+        .ant-breadcrumb-separator{
+            margin: 0 6px;
+        }
+        > span:not(:last-of-type){
+            *,a{
+                color: @table-disabled-row-text-color;
+            }
+        }
+    }
+}
+
+.tnt-themeS3,.tnt-themeS2{
+    .tnt-page-v-container.tnt-current-v3 {
+        .ant-breadcrumb{
+            > span{
+                *,a{
+                    color:#fff;
+                }
+            }
+        }
+    }
+}

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

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

package/lib/page-header/index.js

@@ -1,24 +1,24 @@
 "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(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 _pageHeader = _interopRequireWildcard(require("antd/lib/page-header"));
+Object.keys(_pageHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _pageHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _pageHeader[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 page_header_1 = __importDefault(require("antd/es/page-header"));
+  });
+});
 require("./style");
-__exportStar(require("antd/es/page-header"), exports);
-exports.default = page_header_1.default;
-//# sourceMappingURL=index.js.map
+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"] = _pageHeader["default"];

package/lib/page-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sEAA4C;AAE5C,mBAAgB;AAEhB,sDAAmC;AAEnC,kBAAe,qBAAU,CAAA","sourcesContent":["import PageHeader from 'antd/es/page-header'\n\nimport './style'\n\nexport * from 'antd/es/page-header'\n\nexport default PageHeader\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sEAA4C;AAE5C,mBAAgB;AAEhB,sDAAmC;AAEnC,kBAAe,qBAAU,CAAA","sourcesContent":["import PageHeader from 'antd/lib/page-header'\n\nimport './style'\n\nexport * from 'antd/lib/page-header'\n\nexport default PageHeader\n"]}

package/lib/page-header/style/index.js

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

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

@@ -0,0 +1,4 @@
+declare function _default(props: any): React.JSX.Element;
+export default _default;
+import React from "react";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/page-loading/index.js"],"names":[],"mappings":"AAMe,yDAgBd"}

package/lib/page-loading/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
+require("./index.less");
+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 _default = exports["default"] = function _default(props) {
+  var className = props.className,
+    version = props.version,
+    other = __rest(props, ["className", "version"]);
+  var currentVersion = version || localStorage.getItem('app_version') || 'v2';
+  return _react["default"].createElement(_LocaleReceiver["default"], {
+    componentName: "PageLoading"
+  }, function (locale, localeCode) {
+    return _react["default"].createElement("div", Object.assign({
+      className: (0, _classnames["default"])('tnt-page-loading-container', 'tnt-current-' + currentVersion, className)
+    }, other), _react["default"].createElement("div", {
+      className: "tnt-page-loading-bg"
+    }, _react["default"].createElement("span", null, locale.text)));
+  });
+};

package/lib/page-loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-loading/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,4DAA2B;AAC3B,4FAAmE;AAEnE,wBAAqB;AAErB,kBAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAe,KAAK,EAAf,KAAK,UAAK,KAAK,EAAxC,wBAAgC,CAAQ,CAAA;IAC9C,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAA;IAC7E,OAAO,CACL,8BAAC,wBAAc,IAAC,aAAa,EAAC,aAAa,IACxC,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE;QACtB,OAAO,CACL,qDAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAA4B,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC,IAAM,KAAK;YACrG,uCAAK,SAAS,EAAC,qBAAqB;gBAClC,4CAAO,MAAM,CAAC,IAAI,CAAQ,CACtB,CACF,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\n\nimport './index.less'\n\nexport default (props) => {\n  const { className, version, ...other } = props\n  const currentVersion = version || localStorage.getItem('app_version') || 'v2'\n  return (\n    <LocaleReceiver componentName=\"PageLoading\">\n      {(locale, localeCode) => {\n        return (\n          <div className={cn('tnt-page-loading-container', 'tnt-current-' + currentVersion, className)} {...other}>\n            <div className=\"tnt-page-loading-bg\">\n              <span>{locale.text}</span>\n            </div>\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n};\n"]}