Element.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.skeletonElementProps = exports.default = void 0;
  7. var _vue = require("vue");
  8. var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
  9. var _classNames3 = _interopRequireDefault(require("../_util/classNames"));
  10. var skeletonElementProps = function skeletonElementProps() {
  11. return {
  12. prefixCls: String,
  13. size: [String, Number],
  14. shape: String,
  15. active: {
  16. type: Boolean,
  17. default: undefined
  18. }
  19. };
  20. };
  21. exports.skeletonElementProps = skeletonElementProps;
  22. var Element = function Element(props) {
  23. var _classNames, _classNames2;
  24. var prefixCls = props.prefixCls,
  25. size = props.size,
  26. shape = props.shape;
  27. var sizeCls = (0, _classNames3.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-lg"), size === 'large'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-sm"), size === 'small'), _classNames));
  28. var shapeCls = (0, _classNames3.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-circle"), shape === 'circle'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-square"), shape === 'square'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-round"), shape === 'round'), _classNames2));
  29. var sizeStyle = typeof size === 'number' ? {
  30. width: "".concat(size, "px"),
  31. height: "".concat(size, "px"),
  32. lineHeight: "".concat(size, "px")
  33. } : {};
  34. return (0, _vue.createVNode)("span", {
  35. "class": (0, _classNames3.default)(prefixCls, sizeCls, shapeCls),
  36. "style": sizeStyle
  37. }, null);
  38. };
  39. Element.displayName = 'SkeletonElement';
  40. var _default = Element;
  41. exports.default = _default;