dropIndicator.js 853 B

12345678910111213141516171819202122232425262728293031323334353637
  1. "use client";
  2. import React from 'react';
  3. export const offset = 4;
  4. function dropIndicatorRender(props) {
  5. const {
  6. dropPosition,
  7. dropLevelOffset,
  8. prefixCls,
  9. indent,
  10. direction = 'ltr'
  11. } = props;
  12. const startPosition = direction === 'ltr' ? 'left' : 'right';
  13. const endPosition = direction === 'ltr' ? 'right' : 'left';
  14. const style = {
  15. [startPosition]: -dropLevelOffset * indent + offset,
  16. [endPosition]: 0
  17. };
  18. switch (dropPosition) {
  19. case -1:
  20. style.top = -3;
  21. break;
  22. case 1:
  23. style.bottom = -3;
  24. break;
  25. default:
  26. // dropPosition === 0
  27. style.bottom = -3;
  28. style[startPosition] = indent + offset;
  29. break;
  30. }
  31. return /*#__PURE__*/React.createElement("div", {
  32. style: style,
  33. className: `${prefixCls}-drop-indicator`
  34. });
  35. }
  36. export default dropIndicatorRender;