dropIndicator.js 986 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = dropIndicatorRender;
  6. exports.offset = void 0;
  7. var _vue = require("vue");
  8. const offset = exports.offset = 4;
  9. function dropIndicatorRender(props) {
  10. const {
  11. dropPosition,
  12. dropLevelOffset,
  13. prefixCls,
  14. indent,
  15. direction = 'ltr'
  16. } = props;
  17. const startPosition = direction === 'ltr' ? 'left' : 'right';
  18. const endPosition = direction === 'ltr' ? 'right' : 'left';
  19. const style = {
  20. [startPosition]: `${-dropLevelOffset * indent + offset}px`,
  21. [endPosition]: 0
  22. };
  23. switch (dropPosition) {
  24. case -1:
  25. style.top = `${-3}px`;
  26. break;
  27. case 1:
  28. style.bottom = `${-3}px`;
  29. break;
  30. default:
  31. // dropPosition === 0
  32. style.bottom = `${-3}px`;
  33. style[startPosition] = `${indent + offset}px`;
  34. break;
  35. }
  36. return (0, _vue.createVNode)("div", {
  37. "style": style,
  38. "class": `${prefixCls}-drop-indicator`
  39. }, null);
  40. }