tntd 2.6.9 → 2.6.10

package/lib/label/label.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LabelColors = exports.Label = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _colorAlpha = _interopRequireDefault(require("color-alpha"));
+var _configProvider = require("antd/lib/config-provider");
+var _tag = _interopRequireDefault(require("antd/lib/tag"));
+var _ellipsis = _interopRequireDefault(require("../ellipsis"));
+require("./label.less");
+var _colors;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+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); }
+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 LabelColors;
+exports.LabelColors = LabelColors;
+(function (LabelColors) {
+  LabelColors["cyan"] = "cyan";
+  LabelColors["green"] = "green";
+  LabelColors["iris"] = "iris";
+  LabelColors["blue"] = "blue";
+  LabelColors["lavender"] = "lavender";
+  LabelColors["orange"] = "orange";
+  LabelColors["golden"] = "golden";
+  LabelColors["red"] = "red";
+  LabelColors["grey"] = "grey";
+})(LabelColors || (exports.LabelColors = LabelColors = {}));
+var colors = (_colors = {}, _defineProperty(_colors, LabelColors.cyan, '#1e9493'), _defineProperty(_colors, LabelColors.green, '#07c790'), _defineProperty(_colors, LabelColors.iris, '#5e47d3'), _defineProperty(_colors, LabelColors.blue, '#126bfb'), _defineProperty(_colors, LabelColors.lavender, '#945fb9'), _defineProperty(_colors, LabelColors.orange, '#ed7b20'), _defineProperty(_colors, LabelColors.golden, '#de8a02'), _defineProperty(_colors, LabelColors.red, '#d96156'), _defineProperty(_colors, LabelColors.grey, '#5e6e90'), _colors);
+/**
+ * 计算标签样式
+ *
+ * @param type
+ * @param preset
+ * @param textColorSame
+ */
+var computeTagStyle = function computeTagStyle(type, color, textColorSame) {
+  if (!color) {
+    return;
+  }
+  switch (type) {
+    case 'dot':
+      if (textColorSame) {
+        return {
+          color: color
+        };
+      }
+      return;
+    case 'filled':
+      return {
+        color: '#fff',
+        backgroundColor: color
+      };
+    case 'rounded':
+      return {
+        color: color,
+        backgroundColor: (0, _colorAlpha["default"])(color, 0.1)
+      };
+    case 'outline':
+      return {
+        color: color,
+        borderColor: (0, _colorAlpha["default"])(color, 0.4),
+        backgroundColor: (0, _colorAlpha["default"])(color, 0.1)
+      };
+  }
+};
+var Label = function Label(_a) {
+  var className = _a.className,
+    children = _a.children,
+    type = _a.type,
+    color = _a.color,
+    icon = _a.icon,
+    style = _a.style,
+    _a$textColorSame = _a.textColorSame,
+    textColorSame = _a$textColorSame === void 0 ? icon != null : _a$textColorSame,
+    _a$iconPosition = _a.iconPosition,
+    iconPosition = _a$iconPosition === void 0 ? 'prefix' : _a$iconPosition,
+    ellipsisOptions = _a.ellipsisOptions,
+    props = __rest(_a, ["className", "children", "type", "color", "icon", "style", "textColorSame", "iconPosition", "ellipsisOptions"]);
+  var normalizeType = (0, _react.useMemo)(function () {
+    if (icon) {
+      return 'dot';
+    }
+    return type;
+  }, [icon, type]);
+  var computedColor = (0, _react.useMemo)(function () {
+    return colors[color] || color;
+  }, [color]);
+  var tagStyle = (0, _react.useMemo)(function () {
+    return computeTagStyle(normalizeType, computedColor, textColorSame);
+  }, [normalizeType, computedColor, textColorSame]);
+  var hasIcon = (0, _react.useMemo)(function () {
+    return icon != null;
+  }, [icon]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var _classNames;
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('label');
+    var displayEllipsisOptions = function () {
+      var options = Object.assign({}, ellipsisOptions);
+      var iconElement = _react["default"].createElement("span", {
+        className: "".concat(prefixCls, "-icon"),
+        style: {
+          color: computedColor
+        }
+      }, icon);
+      if (iconPosition === 'prefix') {
+        options.prefix = iconElement;
+      }
+      if (iconPosition === 'suffix') {
+        options.suffix = iconElement;
+      }
+      if (options.Popover === true) {
+        options.content = children;
+      } else {
+        options.title = children;
+      }
+      return options;
+    }();
+    return _react["default"].createElement(_tag["default"], Object.assign({}, props, {
+      className: (0, _classnames["default"])(className, prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-dot"), normalizeType === 'dot'), _defineProperty(_classNames, "".concat(prefixCls, "-outline"), normalizeType === 'outline'), _defineProperty(_classNames, "".concat(prefixCls, "-filled"), normalizeType === 'filled'), _defineProperty(_classNames, "".concat(prefixCls, "-rounded"), normalizeType === 'rounded'), _classNames)),
+      style: Object.assign(Object.assign({}, style), tagStyle)
+    }), normalizeType === 'dot' && icon == null && _react["default"].createElement("span", {
+      className: "".concat(prefixCls, "-dot-symbol"),
+      style: {
+        backgroundColor: computedColor
+      }
+    }), hasIcon ? _react["default"].createElement(_ellipsis["default"], Object.assign({}, displayEllipsisOptions), children) : children);
+  });
+};
+exports.Label = Label;
+Label.CheckableLabel = _tag["default"].CheckableTag;
+var _default = Label;
+exports["default"] = _default;

package/lib/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/label/label.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport React, { ReactNode, useMemo } from 'react'\nimport alpha from 'color-alpha'\n\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport type { TagProps as AntdTagProps } from 'antd/lib/tag'\nimport AntdTag from 'antd/lib/tag'\nimport type { CSSProperties } from 'react'\nimport Ellipsis from '../ellipsis'\n\nimport './label.less'\n\nexport enum LabelColors {\n  cyan = 'cyan',\n  green = 'green',\n  iris = 'iris',\n  blue = 'blue',\n  lavender = 'lavender',\n  orange = 'orange',\n  golden = 'golden',\n  red = 'red',\n  grey = 'grey',\n}\n\nconst colors = {\n  [LabelColors.cyan]: '#1e9493',\n  [LabelColors.green]: '#07c790',\n  [LabelColors.iris]: '#5e47d3',\n  [LabelColors.blue]: '#126bfb',\n  [LabelColors.lavender]: '#945fb9',\n  [LabelColors.orange]: '#ed7b20',\n  [LabelColors.golden]: '#de8a02',\n  [LabelColors.red]: '#d96156',\n  [LabelColors.grey]: '#5e6e90',\n}\n\nexport interface LabelProps extends AntdTagProps {\n  /**\n   * 类型\n   */\n  type?: 'dot' | 'filled' | 'outline' | 'rounded'\n  /**\n   * 颜色\n   */\n  color?: LabelColors | string\n  /**\n   * 文字是否同色\n   */\n  textColorSame?: boolean\n  /**\n   * 图标\n   */\n  icon?: ReactNode\n  /**\n   * 图标位置\n   */\n  iconPosition?: 'prefix' | 'suffix'\n  /**\n   * 省略配置\n   */\n  ellipsisOptions?: {\n    Popover?: boolean\n    emptyText?: string\n    widthLimit?: number | string\n    lines?: number\n    [key: string]: unknown\n  }\n}\n\n/**\n * 计算标签样式\n *\n * @param type\n * @param preset\n * @param textColorSame\n */\nconst computeTagStyle = (\n  type: LabelProps['type'],\n  color?: string,\n  textColorSame?: boolean\n): CSSProperties | undefined => {\n  if (!color) {\n    return\n  }\n\n  switch (type) {\n    case 'dot':\n      if (textColorSame) {\n        return {\n          color,\n        }\n      }\n\n      return\n    case 'filled':\n      return {\n        color: '#fff',\n        backgroundColor: color,\n      }\n    case 'rounded':\n      return {\n        color,\n        backgroundColor: alpha(color, 0.1),\n      }\n    case 'outline':\n      return {\n        color,\n        borderColor: alpha(color, 0.4),\n        backgroundColor: alpha(color, 0.1),\n      }\n  }\n}\n\nexport const Label = ({\n  className,\n  children,\n  type,\n  color,\n  icon,\n  style,\n  textColorSame = icon != null,\n  iconPosition = 'prefix',\n  ellipsisOptions,\n  ...props\n}: LabelProps) => {\n  const normalizeType = useMemo(() => {\n    if (icon) {\n      return 'dot'\n    }\n\n    return type\n  }, [icon, type])\n  const computedColor = useMemo(() => colors[color as LabelColors] || color, [color])\n  const tagStyle = useMemo(\n    () => computeTagStyle(normalizeType, computedColor, textColorSame),\n    [normalizeType, computedColor, textColorSame]\n  )\n  const hasIcon = useMemo(() => icon != null, [icon])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('label')\n        const displayEllipsisOptions = (() => {\n          const options = {\n            ...ellipsisOptions,\n          }\n          const iconElement = (\n            <span className={`${prefixCls}-icon`} style={{ color: computedColor }}>\n              {icon}\n            </span>\n          )\n\n          if (iconPosition === 'prefix') {\n            options.prefix = iconElement\n          }\n\n          if (iconPosition === 'suffix') {\n            options.suffix = iconElement\n          }\n\n          if (options.Popover === true) {\n            options.content = children\n          } else {\n            options.title = children\n          }\n\n          return options\n        })()\n\n        return (\n          <AntdTag\n            {...props}\n            className={classNames(className, prefixCls, {\n              [`${prefixCls}-dot`]: normalizeType === 'dot',\n              [`${prefixCls}-outline`]: normalizeType === 'outline',\n              [`${prefixCls}-filled`]: normalizeType === 'filled',\n              [`${prefixCls}-rounded`]: normalizeType === 'rounded',\n            })}\n            style={{\n              ...style,\n              ...tagStyle,\n            }}\n          >\n            {normalizeType === 'dot' && icon == null && (\n              <span\n                className={`${prefixCls}-dot-symbol`}\n                style={{\n                  backgroundColor: computedColor,\n                }}\n              />\n            )}\n            {hasIcon ? <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis> : children}\n          </AntdTag>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nLabel.CheckableLabel = AntdTag.CheckableTag\n\nexport default Label\n"]}

package/lib/label/label.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=label.test.d.ts.map

package/lib/label/label.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.test.d.ts","sourceRoot":"","sources":["../../src/label/label.test.tsx"],"names":[],"mappings":""}

package/lib/label/label.test.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _label = require("./label");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('Label component', function () {
+  it('renders the component', function () {
+    var _render = (0, _react2.render)(_react["default"].createElement(_label.Label, null)),
+      getByText = _render.getByText;
+    var component = getByText('Component');
+    expect(component).toBeDefined();
+  });
+});

package/lib/label/label.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.test.js","sourceRoot":"","sources":["../../src/label/label.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,kDAA+C;AAE/C,mCAA+B;AAE/B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,aAAK,OAAG,CAAC,CAAA;QACvC,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;QAExC,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAA;IACjC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { render } from '@testing-library/react'\n\nimport { Label } from './label'\n\ndescribe('Label component', () => {\n  it('renders the component', () => {\n    const { getByText } = render(<Label />)\n    const component = getByText('Component')\n\n    expect(component).toBeDefined()\n  })\n})\n"]}

package/lib/locale/default.d.ts

@@ -137,6 +137,7 @@ declare const defaultLocale: {
     Table: {
         loadingDescription: string;
         emptyDescription: string;
+        total: string;
     };
     Empty: {
         noGraphData: string;

package/lib/locale/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/locale/default.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAA;AAEpD,eAAe,aAAa,CAAA"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/locale/default.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAA;AAEpD,eAAe,aAAa,CAAA"}

package/lib/locale/en_US.d.ts

@@ -70,6 +70,7 @@ declare const en_US: {
     Table: {
         loadingDescription: string;
         emptyDescription: string;
+        total: string;
     };
     Empty: {
         noGraphData: string;

package/lib/locale/en_US.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en_US.d.ts","sourceRoot":"","sources":["../../src/locale/en_US.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"en_US.d.ts","sourceRoot":"","sources":["../../src/locale/en_US.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BT,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/lib/locale/en_US.js

@@ -7,10 +7,12 @@ exports["default"] = void 0;
 var _merge2 = _interopRequireDefault(require("lodash/merge"));
 var _en_US = _interopRequireDefault(require("antd/lib/locale/en_US"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var en_US = (0, _merge2["default"])({}, _en_US["default"], {
+// 覆盖原始的语言包，以便在使用 LocalReceiver 时获取正确的语言包
+var en_US = (0, _merge2["default"])(_en_US["default"], {
   Table: {
     loadingDescription: 'loading...',
-    emptyDescription: 'No data'
+    emptyDescription: 'No data',
+    total: 'Total ${total} Record(s)'
   },
   Empty: {
     noGraphData: 'No graph data available',

package/lib/locale/en_US.js.map

@@ -1 +1 @@
-{"version":3,"file":"en_US.js","sourceRoot":"","sources":["../../src/locale/en_US.ts"],"names":[],"mappings":";;;;;AAAA,iEAA+C;AAE/C,mCAA8B;AAE9B,MAAM,KAAK,GAAG,IAAA,cAAK,EAAC,EAAE,EAAE,eAAY,EAAE;IACpC,KAAK,EAAE;QACL,kBAAkB,EAAE,YAAY;QAChC,gBAAgB,EAAE,SAAS;KAC5B;IACD,KAAK,EAAE;QACL,WAAW,EAAE,yBAAyB;QACtC,YAAY,EAAE,eAAe;QAC7B,mBAAmB,EAAE,sBAAsB;QAC3C,cAAc,EAAE,iBAAiB;QACjC,SAAS,EAAE,uBAAuB;QAClC,MAAM,EAAE,mBAAmB;KAC5B;IACD,MAAM,EAAE;QACN,IAAI,EAAE,MAAM;KACb;IACD,SAAS,EAAE;QACT,KAAK,EAAE,0CAA0C;QACjD,KAAK,EAAE,0CAA0C;QACjD,KAAK,EAAE,yCAAyC;KACjD;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,SAAS;KAClB;IACD,cAAc,EAAE;QACd,IAAI,EAAE,MAAM;KACb;IACD,WAAW,EAAE,EAAE;CAChB,CAAC,CAAA;AAEF,kBAAe,KAAK,CAAA","sourcesContent":["import sourceLocale from 'antd/lib/locale/en_US'\n\nimport { merge } from 'lodash'\n\nconst en_US = merge({}, sourceLocale, {\n  Table: {\n    loadingDescription: 'loading...',\n    emptyDescription: 'No data',\n  },\n  Empty: {\n    noGraphData: 'No graph data available',\n    noPermission: 'No permission',\n    createdSuccessfully: 'Created successfully',\n    creationFailed: 'Creation failed',\n    noNetwork: 'Network not connected',\n    noData: 'No data available',\n  },\n  Handle: {\n    more: 'More',\n  },\n  Exception: {\n    '403': \"Sorry, we don't have access to this page\",\n    '404': 'Sorry, there are no results on this page',\n    '500': \"I'm sorry, the server reported an error\",\n  },\n  TntdCascader: {\n    noDate: 'no date',\n  },\n  TntdSecondPage: {\n    back: 'Back',\n  },\n  ColorPicker: {},\n})\n\nexport default en_US\n"]}
+{"version":3,"file":"en_US.js","sourceRoot":"","sources":["../../src/locale/en_US.ts"],"names":[],"mappings":";;;;;AAAA,iEAA+C;AAE/C,mCAA8B;AAE9B,yCAAyC;AACzC,MAAM,KAAK,GAAG,IAAA,cAAK,EAAC,eAAY,EAAE;IAChC,KAAK,EAAE;QACL,kBAAkB,EAAE,YAAY;QAChC,gBAAgB,EAAE,SAAS;QAC3B,KAAK,EAAE,0BAA0B;KAClC;IACD,KAAK,EAAE;QACL,WAAW,EAAE,yBAAyB;QACtC,YAAY,EAAE,eAAe;QAC7B,mBAAmB,EAAE,sBAAsB;QAC3C,cAAc,EAAE,iBAAiB;QACjC,SAAS,EAAE,uBAAuB;QAClC,MAAM,EAAE,mBAAmB;KAC5B;IACD,MAAM,EAAE;QACN,IAAI,EAAE,MAAM;KACb;IACD,SAAS,EAAE;QACT,KAAK,EAAE,0CAA0C;QACjD,KAAK,EAAE,0CAA0C;QACjD,KAAK,EAAE,yCAAyC;KACjD;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,SAAS;KAClB;IACD,cAAc,EAAE;QACd,IAAI,EAAE,MAAM;KACb;IACD,WAAW,EAAE,EAAE;CAChB,CAAC,CAAA;AAEF,kBAAe,KAAK,CAAA","sourcesContent":["import sourceLocale from 'antd/lib/locale/en_US'\n\nimport { merge } from 'lodash'\n\n// 覆盖原始的语言包，以便在使用 LocalReceiver 时获取正确的语言包\nconst en_US = merge(sourceLocale, {\n  Table: {\n    loadingDescription: 'loading...',\n    emptyDescription: 'No data',\n    total: 'Total ${total} Record(s)',\n  },\n  Empty: {\n    noGraphData: 'No graph data available',\n    noPermission: 'No permission',\n    createdSuccessfully: 'Created successfully',\n    creationFailed: 'Creation failed',\n    noNetwork: 'Network not connected',\n    noData: 'No data available',\n  },\n  Handle: {\n    more: 'More',\n  },\n  Exception: {\n    '403': \"Sorry, we don't have access to this page\",\n    '404': 'Sorry, there are no results on this page',\n    '500': \"I'm sorry, the server reported an error\",\n  },\n  TntdCascader: {\n    noDate: 'no date',\n  },\n  TntdSecondPage: {\n    back: 'Back',\n  },\n  ColorPicker: {},\n})\n\nexport default en_US\n"]}

package/lib/locale/zh_CN.d.ts

@@ -69,6 +69,7 @@ declare const zh_CN: {
     Table: {
         loadingDescription: string;
         emptyDescription: string;
+        total: string;
     };
     Empty: {
         noGraphData: string;

package/lib/locale/zh_CN.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zh_CN.d.ts","sourceRoot":"","sources":["../../src/locale/zh_CN.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"zh_CN.d.ts","sourceRoot":"","sources":["../../src/locale/zh_CN.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BT,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/lib/locale/zh_CN.js

@@ -7,10 +7,12 @@ exports["default"] = void 0;
 var _merge2 = _interopRequireDefault(require("lodash/merge"));
 var _zh_CN = _interopRequireDefault(require("antd/lib/locale/zh_CN"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var zh_CN = (0, _merge2["default"])({}, _zh_CN["default"], {
+// 覆盖原始的语言包，以便在使用 LocalReceiver 时获取正确的语言包
+var zh_CN = (0, _merge2["default"])(_zh_CN["default"], {
   Table: {
     loadingDescription: '数据加载中...',
-    emptyDescription: '暂无数据'
+    emptyDescription: '暂无数据',
+    total: '共 ${total} 条记录'
   },
   Empty: {
     noGraphData: '暂无图表',

package/lib/locale/zh_CN.js.map

@@ -1 +1 @@
-{"version":3,"file":"zh_CN.js","sourceRoot":"","sources":["../../src/locale/zh_CN.ts"],"names":[],"mappings":";;;;;AAAA,iEAA+C;AAE/C,mCAA8B;AAE9B,MAAM,KAAK,GAAG,IAAA,cAAK,EAAC,EAAE,EAAE,eAAY,EAAE;IACpC,KAAK,EAAE;QACL,kBAAkB,EAAE,UAAU;QAC9B,gBAAgB,EAAE,MAAM;KACzB;IACD,KAAK,EAAE;QACL,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,MAAM;QACpB,mBAAmB,EAAE,MAAM;QAC3B,cAAc,EAAE,MAAM;QACtB,SAAS,EAAE,OAAO;QAClB,MAAM,EAAE,MAAM;KACf;IACD,MAAM,EAAE;QACN,IAAI,EAAE,IAAI;KACX;IACD,SAAS,EAAE;QACT,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,WAAW;KACnB;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,MAAM;KACf;IACD,cAAc,EAAE;QACd,IAAI,EAAE,IAAI;KACX;IACD,WAAW,EAAE,EAAE;CAChB,CAAC,CAAA;AAEF,kBAAe,KAAK,CAAA","sourcesContent":["import sourceLocale from 'antd/lib/locale/zh_CN'\n\nimport { merge } from 'lodash'\n\nconst zh_CN = merge({}, sourceLocale, {\n  Table: {\n    loadingDescription: '数据加载中...',\n    emptyDescription: '暂无数据',\n  },\n  Empty: {\n    noGraphData: '暂无图表',\n    noPermission: '暂无权限',\n    createdSuccessfully: '创建成功',\n    creationFailed: '创建失败',\n    noNetwork: '网络未连接',\n    noData: '暂无数据',\n  },\n  Handle: {\n    more: '更多',\n  },\n  Exception: {\n    '403': '很抱歉，暂无该页面访问权限',\n    '404': '很抱歉，本页暂无结果',\n    '500': '很抱歉，服务器报错',\n  },\n  TntdCascader: {\n    noDate: '暂无数据',\n  },\n  TntdSecondPage: {\n    back: '返回',\n  },\n  ColorPicker: {},\n})\n\nexport default zh_CN\n"]}
+{"version":3,"file":"zh_CN.js","sourceRoot":"","sources":["../../src/locale/zh_CN.ts"],"names":[],"mappings":";;;;;AAAA,iEAA+C;AAE/C,mCAA8B;AAE9B,yCAAyC;AACzC,MAAM,KAAK,GAAG,IAAA,cAAK,EAAC,eAAY,EAAE;IAChC,KAAK,EAAE;QACL,kBAAkB,EAAE,UAAU;QAC9B,gBAAgB,EAAE,MAAM;QACxB,KAAK,EAAE,gBAAgB;KACxB;IACD,KAAK,EAAE;QACL,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,MAAM;QACpB,mBAAmB,EAAE,MAAM;QAC3B,cAAc,EAAE,MAAM;QACtB,SAAS,EAAE,OAAO;QAClB,MAAM,EAAE,MAAM;KACf;IACD,MAAM,EAAE;QACN,IAAI,EAAE,IAAI;KACX;IACD,SAAS,EAAE;QACT,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,WAAW;KACnB;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,MAAM;KACf;IACD,cAAc,EAAE;QACd,IAAI,EAAE,IAAI;KACX;IACD,WAAW,EAAE,EAAE;CAChB,CAAC,CAAA;AAEF,kBAAe,KAAK,CAAA","sourcesContent":["import sourceLocale from 'antd/lib/locale/zh_CN'\n\nimport { merge } from 'lodash'\n\n// 覆盖原始的语言包，以便在使用 LocalReceiver 时获取正确的语言包\nconst zh_CN = merge(sourceLocale, {\n  Table: {\n    loadingDescription: '数据加载中...',\n    emptyDescription: '暂无数据',\n    total: '共 ${total} 条记录',\n  },\n  Empty: {\n    noGraphData: '暂无图表',\n    noPermission: '暂无权限',\n    createdSuccessfully: '创建成功',\n    creationFailed: '创建失败',\n    noNetwork: '网络未连接',\n    noData: '暂无数据',\n  },\n  Handle: {\n    more: '更多',\n  },\n  Exception: {\n    '403': '很抱歉，暂无该页面访问权限',\n    '404': '很抱歉，本页暂无结果',\n    '500': '很抱歉，服务器报错',\n  },\n  TntdCascader: {\n    noDate: '暂无数据',\n  },\n  TntdSecondPage: {\n    back: '返回',\n  },\n  ColorPicker: {},\n})\n\nexport default zh_CN\n"]}

package/lib/page/Box.js

@@ -21,7 +21,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 var Box = function Box(_a) {
   var inLayout = _a.inLayout,
     _a$clsPrefix = _a.clsPrefix,
-    clsPrefix = _a$clsPrefix === void 0 ? 'tnt-page' : _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,

package/lib/page/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/page/Box.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,mCAAyC;AAEzC,mDAA0B;AAE1B,MAAM,GAAG,GAAG,CAAC,EAaZ,EAAE,EAAE;QAbQ,EACX,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,GAAG,OAAO,EACd,kBAAkB,GAAG,KAAK,OAE3B,EADI,SAAS,cAZD,gJAaZ,CADa;IAEZ,IAAI,eAAe,GAAG,CAAC,CAAA;IAEvB,IAAI,SAAS,CAAC,KAAK,EAAE;QACnB,+BAA+B;QAC/B,eAAe,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;QAC5C,gCAAgC;QAChC,IAAI,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE;YACpC,eAAe,GAAG,SAAS,CAAC,MAAM,CAAA;SACnC;KACF;IAED,uBAAuB;IACvB,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,CAAC,CAAA;QACrB,SAAS,CAAC,OAAO,GAAG,CAAC,CAAA;KACtB;IAED,mBAAmB;IACnB,eAAe,GAAG,IAAA,uBAAe,EAAC,eAAe,CAAC,CAAA;IAElD,MAAM,cAAc,GAAG,QAAQ,MAAM,MAAM,YAAY,MAAM,kBAAkB,MAAM,eAAe,GAAG,CAAA;IAEvG,OAAO,CACL,8BAAC,cAAI,kBACH,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,kCACJ,SAAS;YACZ,oBAAoB;YACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,YAAY,GAAG,CAAC,CAAC,CAAC,cAAc,KAEpE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAChB,SAAS,GAEZ,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,GAAG,CAAA","sourcesContent":["import React from 'react'\nimport { addUnitForValue } from './utils'\n\nimport Card from '../card'\n\nconst Box = ({\n  inLayout,\n  clsPrefix = 'tnt-page',\n  children,\n  noPadding = false,\n  headerHeight,\n  bordered = false,\n  bodyStyle = {},\n  headStyle = {},\n  height,\n  size = 'small',\n  contentTotalMargin = '0px',\n  ...restProps\n}) => {\n  let cardTitleHeight = 0\n\n  if (restProps.title) {\n    // 根据Card的size,计算Card的title的高度值\n    cardTitleHeight = size === 'small' ? 40 : 60\n    // 如果Card的自定义高度，Card的title就使用此高度\n    if (headStyle.hasOwnProperty(height)) {\n      cardTitleHeight = headStyle.height\n    }\n  }\n\n  // 如果设置了noPadding，优先级最高\n  if (noPadding) {\n    bodyStyle.padding = 0\n    headStyle.padding = 0\n  }\n\n  // 如果传入只有数字，需要默认加px\n  cardTitleHeight = addUnitForValue(cardTitleHeight)\n\n  const cardBodyHeight = `calc(${height} - ${headerHeight} - ${contentTotalMargin} - ${cardTitleHeight})`\n\n  return (\n    <Card\n      className={`${clsPrefix}-box-card`}\n      bordered={bordered}\n      bodyStyle={{\n        ...bodyStyle,\n        // overflow: 'auto',\n        height: inLayout ? `calc(100% - ${headerHeight})` : cardBodyHeight,\n      }}\n      size={size}\n      headStyle={headStyle}\n      {...restProps}\n    >\n      {children}\n    </Card>\n  )\n}\n\nexport default Box\n"]}
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/page/Box.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,mCAAyC;AAEzC,mDAA0B;AAE1B,MAAM,GAAG,GAAG,CAAC,EAaZ,EAAE,EAAE;QAbQ,EACX,QAAQ,EACR,SAAS,GAAG,WAAW,EACvB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,GAAG,OAAO,EACd,kBAAkB,GAAG,KAAK,OAE3B,EADI,SAAS,cAZD,gJAaZ,CADa;IAEZ,IAAI,eAAe,GAAG,CAAC,CAAA;IAEvB,IAAI,SAAS,CAAC,KAAK,EAAE;QACnB,+BAA+B;QAC/B,eAAe,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;QAC5C,gCAAgC;QAChC,IAAI,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE;YACpC,eAAe,GAAG,SAAS,CAAC,MAAM,CAAA;SACnC;KACF;IAED,uBAAuB;IACvB,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,CAAC,CAAA;QACrB,SAAS,CAAC,OAAO,GAAG,CAAC,CAAA;KACtB;IAED,mBAAmB;IACnB,eAAe,GAAG,IAAA,uBAAe,EAAC,eAAe,CAAC,CAAA;IAElD,MAAM,cAAc,GAAG,QAAQ,MAAM,MAAM,YAAY,MAAM,kBAAkB,MAAM,eAAe,GAAG,CAAA;IAEvG,OAAO,CACL,8BAAC,cAAI,kBACH,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,kCACJ,SAAS;YACZ,oBAAoB;YACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,YAAY,GAAG,CAAC,CAAC,CAAC,cAAc,KAEpE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAChB,SAAS,GAEZ,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,GAAG,CAAA","sourcesContent":["import React from 'react'\nimport { addUnitForValue } from './utils'\n\nimport Card from '../card'\n\nconst Box = ({\n  inLayout,\n  clsPrefix = 'tntd-page',\n  children,\n  noPadding = false,\n  headerHeight,\n  bordered = false,\n  bodyStyle = {},\n  headStyle = {},\n  height,\n  size = 'small',\n  contentTotalMargin = '0px',\n  ...restProps\n}) => {\n  let cardTitleHeight = 0\n\n  if (restProps.title) {\n    // 根据Card的size,计算Card的title的高度值\n    cardTitleHeight = size === 'small' ? 40 : 60\n    // 如果Card的自定义高度，Card的title就使用此高度\n    if (headStyle.hasOwnProperty(height)) {\n      cardTitleHeight = headStyle.height\n    }\n  }\n\n  // 如果设置了noPadding，优先级最高\n  if (noPadding) {\n    bodyStyle.padding = 0\n    headStyle.padding = 0\n  }\n\n  // 如果传入只有数字，需要默认加px\n  cardTitleHeight = addUnitForValue(cardTitleHeight)\n\n  const cardBodyHeight = `calc(${height} - ${headerHeight} - ${contentTotalMargin} - ${cardTitleHeight})`\n\n  return (\n    <Card\n      className={`${clsPrefix}-box-card`}\n      bordered={bordered}\n      bodyStyle={{\n        ...bodyStyle,\n        // overflow: 'auto',\n        height: inLayout ? `calc(100% - ${headerHeight})` : cardBodyHeight,\n      }}\n      size={size}\n      headStyle={headStyle}\n      {...restProps}\n    >\n      {children}\n    </Card>\n  )\n}\n\nexport default Box\n"]}

package/lib/page/index.js

@@ -31,7 +31,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-var clsPrefix = 'tnt-page';
+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);

package/lib/page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":"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","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport Icon from '../tntd-icon'\nimport Box from './Box'\nimport { addUnitForValue, computeWidth } from './utils'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-page'\n\nconst isPageBox = (child) => child?.type === Box || child?.props?.pageBox\n\nconst PageLayout = ({\n  height = '100vh',\n  headerHeight = 50,\n  children,\n  title,\n  goBack,\n  goBackText,\n  center,\n  extra,\n  size = 'small',\n  inLayout = false,\n  className,\n  ...restProps\n}) => {\n  // 如果传入只有数字，需要默认加px\n  let computedHeaderHeight = addUnitForValue(headerHeight)\n  let computedHeight = addUnitForValue(height)\n\n  // 判断是否有标题栏\n  if (!(title || extra || center)) {\n    computedHeaderHeight = '0px'\n  }\n\n  if (inLayout) {\n    computedHeaderHeight = '40px'\n  }\n\n  // 计算中间的zIndex，灰色递减，白色递增\n  let whiteCols = 0\n  let childrenToArray = []\n\n  // 计算children type是box的数量\n  let boxCount = 0\n\n  // 如果children是单个节点，统一转为数组处理计算层级\n\n  if (typeof children === 'object') {\n    childrenToArray = [children]\n  } else if (Array.isArray(children)) {\n    childrenToArray = [...children]\n  }\n\n  React.Children.map(children, (child) => {\n    if (isPageBox(child)) {\n      boxCount += 1\n    }\n  })\n\n  whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length\n  const total = childrenToArray?.length + 5\n  let startIndex = total - whiteCols - 1\n  let endIndex = total - 2\n  const headerStyle = {\n    height: computedHeaderHeight,\n    padding: `${size === 'small' ? 20 : 24}px`,\n    zIndex: inLayout ? 1 : total || 1,\n  }\n  const contentStyle = {\n    display: boxCount > 0 ? 'flex' : 'block',\n    marginTop: computedHeaderHeight,\n    padding: inLayout ? '16px 20px' : '0px',\n  }\n\n  return (\n    <section\n      className={cn(clsPrefix, {\n        [className]: className,\n        'in-layout': inLayout,\n        'not-in-layout': !inLayout,\n      })}\n      {...restProps}\n    >\n      {(title || goBack || center || extra) && (\n        <div className={`${clsPrefix}-header`} style={headerStyle}>\n          <div className={`${clsPrefix}-header-section`}>\n            {goBack && (\n              <div\n                className=\"page-header-section-back\"\n                onClick={() => {\n                  goBack()\n                }}\n              >\n                <Icon type=\"left\" />\n                <span>{goBackText ? goBackText : '返回'}</span>\n              </div>\n            )}\n            {title}\n          </div>\n          {[center, extra].map((item, i) => (\n            <div className={`${clsPrefix}-header-section`} key={i}>\n              {item}\n            </div>\n          ))}\n        </div>\n      )}\n      <div className={`${clsPrefix}-content`} style={contentStyle}>\n        {React.Children.map(children, (child) => {\n          // 如果children不是Box,就不需要多列布局\n          if (!child.type) {\n            return React.cloneElement(<div>{child}</div>)\n          }\n\n          const extraProps = {\n            headerHeight: computedHeaderHeight,\n            size,\n            height: computedHeight,\n            contentTotalMargin: inLayout ? '32px' : '0px',\n            inLayout,\n            ...child.props,\n          }\n\n          if (!isPageBox(child)) {\n            return React.cloneElement(child, {})  // 如果是自定义的children，不需要读取参数\n          }\n\n          const { mode = 'gray', width } = child.props\n\n          const style = {\n            flex: computeWidth(width),\n            // 设置cols层级关系\n            zIndex: mode === 'gray' ? endIndex-- : startIndex++,\n          }\n\n          const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`)\n\n          return React.createElement(\n            'div',\n            { className, style },\n            React.cloneElement(child, extraProps)\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\nPageLayout.Box = Box\n\nexport default PageLayout\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":"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","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport Icon from '../tntd-icon'\nimport Box from './Box'\nimport { addUnitForValue, computeWidth } from './utils'\n\nimport './index.less'\n\nconst clsPrefix = 'tntd-page'\n\nconst isPageBox = (child) => child?.type === Box || child?.props?.pageBox\n\nconst PageLayout = ({\n  height = '100vh',\n  headerHeight = 50,\n  children,\n  title,\n  goBack,\n  goBackText,\n  center,\n  extra,\n  size = 'small',\n  inLayout = false,\n  className,\n  ...restProps\n}) => {\n  // 如果传入只有数字，需要默认加px\n  let computedHeaderHeight = addUnitForValue(headerHeight)\n  let computedHeight = addUnitForValue(height)\n\n  // 判断是否有标题栏\n  if (!(title || extra || center)) {\n    computedHeaderHeight = '0px'\n  }\n\n  if (inLayout) {\n    computedHeaderHeight = '40px'\n  }\n\n  // 计算中间的zIndex，灰色递减，白色递增\n  let whiteCols = 0\n  let childrenToArray = []\n\n  // 计算children type是box的数量\n  let boxCount = 0\n\n  // 如果children是单个节点，统一转为数组处理计算层级\n\n  if (typeof children === 'object') {\n    childrenToArray = [children]\n  } else if (Array.isArray(children)) {\n    childrenToArray = [...children]\n  }\n\n  React.Children.map(children, (child) => {\n    if (isPageBox(child)) {\n      boxCount += 1\n    }\n  })\n\n  whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length\n  const total = childrenToArray?.length + 5\n  let startIndex = total - whiteCols - 1\n  let endIndex = total - 2\n  const headerStyle = {\n    height: computedHeaderHeight,\n    padding: `${size === 'small' ? 20 : 24}px`,\n    zIndex: inLayout ? 1 : total || 1,\n  }\n  const contentStyle = {\n    display: boxCount > 0 ? 'flex' : 'block',\n    marginTop: computedHeaderHeight,\n    padding: inLayout ? '16px 20px' : '0px',\n  }\n\n  return (\n    <section\n      className={cn(clsPrefix, {\n        [className]: className,\n        'in-layout': inLayout,\n        'not-in-layout': !inLayout,\n      })}\n      {...restProps}\n    >\n      {(title || goBack || center || extra) && (\n        <div className={`${clsPrefix}-header`} style={headerStyle}>\n          <div className={`${clsPrefix}-header-section`}>\n            {goBack && (\n              <div\n                className=\"page-header-section-back\"\n                onClick={() => {\n                  goBack()\n                }}\n              >\n                <Icon type=\"left\" />\n                <span>{goBackText ? goBackText : '返回'}</span>\n              </div>\n            )}\n            {title}\n          </div>\n          {[center, extra].map((item, i) => (\n            <div className={`${clsPrefix}-header-section`} key={i}>\n              {item}\n            </div>\n          ))}\n        </div>\n      )}\n      <div className={`${clsPrefix}-content`} style={contentStyle}>\n        {React.Children.map(children, (child) => {\n          // 如果children不是Box,就不需要多列布局\n          if (!child.type) {\n            return React.cloneElement(<div>{child}</div>)\n          }\n\n          const extraProps = {\n            headerHeight: computedHeaderHeight,\n            size,\n            height: computedHeight,\n            contentTotalMargin: inLayout ? '32px' : '0px',\n            inLayout,\n            ...child.props,\n          }\n\n          if (!isPageBox(child)) {\n            return React.cloneElement(child, {})  // 如果是自定义的children，不需要读取参数\n          }\n\n          const { mode = 'gray', width } = child.props\n\n          const style = {\n            flex: computeWidth(width),\n            // 设置cols层级关系\n            zIndex: mode === 'gray' ? endIndex-- : startIndex++,\n          }\n\n          const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`)\n\n          return React.createElement(\n            'div',\n            { className, style },\n            React.cloneElement(child, extraProps)\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\nPageLayout.Box = Box\n\nexport default PageLayout\n"]}

package/lib/page/index.less

@@ -1,9 +1,9 @@
 .large-size > .ant-layout-content {
-  .tnt-page.in-layout {
+  .tntd-page.in-layout {
     height: calc(100vh - 60px);
   }
 }
-.tnt-page {
+.tntd-page {
   position: relative;
   width: 100%;
   height: 100%;
@@ -12,11 +12,11 @@
   &.in-layout {
     box-shadow: none;
     height: calc(100vh - 50px);
-    .tnt-page-box,
-    .tnt-page-box > .ant-card {
+    .tntd-page-box,
+    .tntd-page-box > .ant-card {
       height: 100%;
     }
-    .tnt-page-content .tnt-page-box .ant-card .ant-card-body {
+    .tntd-page-content .tntd-page-box .ant-card .ant-card-body {
       overflow-x: hidden;
       overflow-y: auto;
     }

package/lib/preview-text/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+import type { InputProps } from 'antd/lib/input';
+import type { TreeSelectProps } from 'antd/lib/tree-select';
+import type { CascaderProps } from 'antd/lib/cascader';
+import type { DatePickerProps, MonthPickerProps, WeekPickerProps } from '../date-picker';
+import type { SelectProps } from '../select';
+import type { TimePickerProps } from 'antd/lib/time-picker';
+export declare const PreviewText: {
+    Input: React.FC<InputProps>;
+    Select: React.FC<SelectProps>;
+    TreeSelect: React.FC<TreeSelectProps<any>>;
+    Cascader: React.FC<CascaderProps>;
+    DatePicker: React.FC<DatePickerProps>;
+    TimePicker: React.FC<TimePickerProps>;
+    MonthPicker: React.FC<MonthPickerProps>;
+    WeekPicker: React.FC<WeekPickerProps>;
+    usePlaceholder: (value?: unknown) => string | ReactNode;
+};
+export default PreviewText;
+//# sourceMappingURL=index.d.ts.map

package/lib/preview-text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/preview-text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAc,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,KAAK,EAAY,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,KAAK,EAAsB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAIzE,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AA4P1D,eAAO,MAAM,WAAW;;;;;;;;;6BAtPQ,OAAO,KAAG,MAAM,GAAG,SAAS;CAgQ3D,CAAA;AAED,eAAe,WAAW,CAAA"}