123456789101112131415161718192021222324252627282930313233 |
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
- import { createVNode as _createVNode } from "vue";
- import classNames from '../_util/classNames';
- export var skeletonElementProps = function skeletonElementProps() {
- return {
- prefixCls: String,
- size: [String, Number],
- shape: String,
- active: {
- type: Boolean,
- default: undefined
- }
- };
- };
- var Element = function Element(props) {
- var _classNames, _classNames2;
- var prefixCls = props.prefixCls,
- size = props.size,
- shape = props.shape;
- var sizeCls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-lg"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-sm"), size === 'small'), _classNames));
- var shapeCls = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-circle"), shape === 'circle'), _defineProperty(_classNames2, "".concat(prefixCls, "-square"), shape === 'square'), _defineProperty(_classNames2, "".concat(prefixCls, "-round"), shape === 'round'), _classNames2));
- var sizeStyle = typeof size === 'number' ? {
- width: "".concat(size, "px"),
- height: "".concat(size, "px"),
- lineHeight: "".concat(size, "px")
- } : {};
- return _createVNode("span", {
- "class": classNames(prefixCls, sizeCls, shapeCls),
- "style": sizeStyle
- }, null);
- };
- Element.displayName = 'SkeletonElement';
- export default Element;
|