tntd
Version:
tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
209 lines (206 loc) • 9.13 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _exportNames = {
Descriptions: true
};
exports.Descriptions = void 0;
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _toArray = _interopRequireDefault(require("rc-util/es/Children/toArray"));
var _configProvider = require("../config-provider");
var _descriptions = _interopRequireWildcard(require("antd/lib/descriptions"));
Object.keys(_descriptions).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _descriptions[key]) return;
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _descriptions[key];
}
});
});
var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
var _ellipsis2 = _interopRequireDefault(require("../ellipsis"));
var _utils = require("../utils");
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
"default": e
};
}
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;
}
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);
}
function _defineProperty(e, r, t) {
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
value: t,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[r] = t, e;
}
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);
}
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;
};
/*
* @Author: 周泽飞 zefei.zhou@tongdun.net
* @Date: 2024-06-08 11:59:04
* @LastEditors: 郑泳健
* @LastEditTime: 2026-01-14 16:10:52
* @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
var Descriptions = exports.Descriptions = (0, _react.forwardRef)(function (_a, ref) {
var className = _a.className,
_a$tdType = _a.tdType,
tdType = _a$tdType === void 0 ? true : _a$tdType,
_a$titleWeight = _a.titleWeight,
titleWeight = _a$titleWeight === void 0 ? true : _a$titleWeight,
titleType = _a.titleType,
colon = _a.colon,
children = _a.children,
_a$undoUpper = _a.undoUpper,
undoUpper = _a$undoUpper === void 0 ? false : _a$undoUpper,
_a$upperCaseIgnore = _a.upperCaseIgnore,
upperCaseIgnore = _a$upperCaseIgnore === void 0 ? [] : _a$upperCaseIgnore,
title = _a.title,
rest = __rest(_a, ["className", "tdType", "titleWeight", "titleType", "colon", "children", "undoUpper", "upperCaseIgnore", "title"]);
return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
var getPrefixCls = _ref.getPrefixCls;
var prefixCls = getPrefixCls('descriptions');
var _ref2 = rest || {},
layout = _ref2.layout,
ellipsis = _ref2.ellipsis,
_ref2$ellipsisLine = _ref2.ellipsisLine,
ellipsisLine = _ref2$ellipsisLine === void 0 ? 1 : _ref2$ellipsisLine,
_ref2$hideTooltip = _ref2.hideTooltip,
hideTooltip = _ref2$hideTooltip === void 0 ? false : _ref2$hideTooltip,
bordered = _ref2.bordered;
// 非垂直 且 同盾
var tdDescriptions = layout !== 'vertical' && tdType;
var tntPrefixCls = 'tnt-descriptions';
var _flattenChildren = function flattenChildren(children) {
if (!children) {
return [];
}
return (0, _toArray["default"])(children).reduce(function (flatChildren, child) {
if (child && child.type === _react["default"].Fragment) {
return flatChildren.concat(_flattenChildren(child.props.children));
}
flatChildren.push(child);
return flatChildren;
}, []);
};
children = _flattenChildren(children);
return _react["default"].createElement(_LocaleReceiver["default"], {
componentName: "Descriptions"
}, function (locale, localeCode) {
var lang = ['zh-tw', 'zh-cn'].includes(localeCode) ? 'cn' : localeCode;
return _react["default"].createElement(_descriptions["default"], Object.assign({
className: (0, _classnames["default"])("".concat(prefixCls, "-").concat(lang), _defineProperty({}, tntPrefixCls, tdDescriptions), "".concat(tntPrefixCls, "-title-theme").concat(titleType ? '-' + titleType : ''), _defineProperty({}, tntPrefixCls + '-title-weight', titleWeight), _defineProperty({}, tntPrefixCls + '-ellipsis', ellipsis), className),
title: undoUpper ? title : (0, _utils.doUpperTitle)(title, upperCaseIgnore, localeCode)
}, rest, {
colon: tdDescriptions ? false : colon,
ref: ref
}), tdDescriptions && !bordered && !hideTooltip && _react["default"].Children.map(children, function (child) {
if (_react["default"].isValidElement(child)) {
var childProps = child.props || {};
var label = childProps.label,
labelPrefix = childProps.labelPrefix,
childContext = childProps.children;
return _react["default"].cloneElement(child, Object.assign(Object.assign({}, child.props), {
label: null,
children: _react["default"].createElement(_ellipsis2["default"], {
lines: ellipsisLine,
className: "tnt-descriptions-item",
prefix: _react["default"].createElement("div", {
className: "tnt-descriptions-label-title"
}, _react["default"].createElement(_ellipsis2["default"], {
prefix: labelPrefix ? _react["default"].createElement("span", {
className: "tnt-descriptions-label-tag"
}, labelPrefix) : null,
lines: ellipsisLine,
title: label
})),
title: childContext
})
}));
}
}), tdDescriptions && bordered && ellipsis && !hideTooltip && _react["default"].Children.map(children, function (child) {
if (_react["default"].isValidElement(child)) {
var childProps = child.props || {};
var label = childProps.label,
labelPrefix = childProps.labelPrefix,
childContext = childProps.children,
_childProps$ellipsis = childProps.ellipsis,
_ellipsis = _childProps$ellipsis === void 0 ? true : _childProps$ellipsis;
return _react["default"].cloneElement(child, Object.assign(Object.assign({}, child.props), {
label: _react["default"].createElement(_ellipsis2["default"], {
prefix: labelPrefix ? _react["default"].createElement("span", {
className: "tnt-descriptions-label-tag"
}, labelPrefix) : null,
lines: ellipsisLine,
title: label
}),
children: _ellipsis ? _react["default"].createElement(_ellipsis2["default"], {
lines: ellipsisLine,
title: childContext
}) : childContext
}));
}
}), (!tdDescriptions || bordered && !ellipsis || hideTooltip) && children);
});
});
});
Descriptions.Item = _descriptions["default"].Item;