ant-design-vue
Version:
An enterprise-class UI design language and Vue-based implementation
40 lines • 937 B
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import { createVNode as _createVNode } from "vue";
/* eslint-disable */
const Track = (_, _ref) => {
let {
attrs
} = _ref;
const {
included,
vertical,
style,
class: className
} = attrs;
let {
length,
offset,
reverse
} = attrs;
if (length < 0) {
reverse = !reverse;
length = Math.abs(length);
offset = 100 - offset;
}
const positionStyle = vertical ? {
[reverse ? 'top' : 'bottom']: `${offset}%`,
[reverse ? 'bottom' : 'top']: 'auto',
height: `${length}%`
} : {
[reverse ? 'right' : 'left']: `${offset}%`,
[reverse ? 'left' : 'right']: 'auto',
width: `${length}%`
};
const elStyle = _extends(_extends({}, style), positionStyle);
return included ? _createVNode("div", {
"class": className,
"style": elStyle
}, null) : null;
};
Track.inheritAttrs = false;
export default Track;