dropIndicator.js 1.2 KB

1234567891011121314151617181920212223242526272829303132
  1. import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
  2. import { createVNode as _createVNode } from "vue";
  3. export var offset = 4;
  4. export default function dropIndicatorRender(props) {
  5. var _style;
  6. var dropPosition = props.dropPosition,
  7. dropLevelOffset = props.dropLevelOffset,
  8. prefixCls = props.prefixCls,
  9. indent = props.indent,
  10. _props$direction = props.direction,
  11. direction = _props$direction === void 0 ? 'ltr' : _props$direction;
  12. var startPosition = direction === 'ltr' ? 'left' : 'right';
  13. var endPosition = direction === 'ltr' ? 'right' : 'left';
  14. var style = (_style = {}, _defineProperty(_style, startPosition, "".concat(-dropLevelOffset * indent + offset, "px")), _defineProperty(_style, endPosition, 0), _style);
  15. switch (dropPosition) {
  16. case -1:
  17. style.top = "".concat(-3, "px");
  18. break;
  19. case 1:
  20. style.bottom = "".concat(-3, "px");
  21. break;
  22. default:
  23. // dropPosition === 0
  24. style.bottom = "".concat(-3, "px");
  25. style[startPosition] = "".concat(indent + offset, "px");
  26. break;
  27. }
  28. return _createVNode("div", {
  29. "style": style,
  30. "class": "".concat(prefixCls, "-drop-indicator")
  31. }, null);
  32. }