Typography.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.typographyProps = exports.default = void 0;
  7. var _vue = require("vue");
  8. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  10. var _useConfigInject = _interopRequireDefault(require("../config-provider/hooks/useConfigInject"));
  11. var _classNames = _interopRequireDefault(require("../_util/classNames"));
  12. var _style = _interopRequireDefault(require("./style"));
  13. var __rest = void 0 && (void 0).__rest || function (s, e) {
  14. var t = {};
  15. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  16. if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
  17. if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  18. }
  19. return t;
  20. };
  21. // CSSINJS
  22. const typographyProps = () => ({
  23. prefixCls: String,
  24. direction: String,
  25. // Form Internal use
  26. component: String
  27. });
  28. exports.typographyProps = typographyProps;
  29. const Typography = (0, _vue.defineComponent)({
  30. name: 'ATypography',
  31. inheritAttrs: false,
  32. props: typographyProps(),
  33. setup(props, _ref) {
  34. let {
  35. slots,
  36. attrs
  37. } = _ref;
  38. const {
  39. prefixCls,
  40. direction
  41. } = (0, _useConfigInject.default)('typography', props);
  42. // Style
  43. const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
  44. return () => {
  45. var _a;
  46. const _b = (0, _extends2.default)((0, _extends2.default)({}, props), attrs),
  47. {
  48. prefixCls: _prefixCls,
  49. direction: _direction,
  50. component: Component = 'article'
  51. } = _b,
  52. restProps = __rest(_b, ["prefixCls", "direction", "component"]);
  53. return wrapSSR((0, _vue.createVNode)(Component, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
  54. "class": (0, _classNames.default)(prefixCls.value, {
  55. [`${prefixCls.value}-rtl`]: direction.value === 'rtl'
  56. }, attrs.class, hashId.value)
  57. }), {
  58. default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]
  59. }));
  60. };
  61. }
  62. });
  63. var _default = exports.default = Typography;