You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

line.ts 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. import CodeShape from './index'
  2. import { uniqueId } from 'utils'
  3. import { LineShape, ShapeProps, ShapeType } from 'types'
  4. import { defaultStyle } from 'state/shape-styles'
  5. /* ----------------- Start Copy Here ---------------- */
  6. export default class Line extends CodeShape<LineShape> {
  7. constructor(props = {} as ShapeProps<LineShape>) {
  8. super({
  9. id: uniqueId(),
  10. parentId: (window as any).currentPageId,
  11. type: ShapeType.Line,
  12. isGenerated: true,
  13. name: 'Line',
  14. childIndex: 0,
  15. point: [0, 0],
  16. direction: [-0.5, 0.5],
  17. rotation: 0,
  18. isAspectRatioLocked: false,
  19. isLocked: false,
  20. isHidden: false,
  21. ...props,
  22. style: {
  23. ...defaultStyle,
  24. ...props.style,
  25. isFilled: false,
  26. },
  27. })
  28. }
  29. /**
  30. * The line's direction.
  31. *
  32. * ```ts
  33. * const shapeDirection = shape.direction
  34. *
  35. * shape.direction = [0,0]
  36. * ```
  37. */
  38. get direction(): number[] {
  39. return this.shape.direction
  40. }
  41. set direction(direction: number[]) {
  42. this.utils.setProperty(this.shape, 'direction', direction)
  43. }
  44. }