suspension-ball

npm install suspension-ball -S

import Vue from 'vue'
import suspensionBall from 'suspension-ball'
Vue.use(suspensionBall)

@eventEmit Отсутствие возвращаемых значений, событие отправляется при нажатии кнопки

@positionEmit Возвращает значения компонента left и top

<suspension-ball 
    @eventEmit="eventEmit" 
    @positionEmit="positionEmit" 
    :zIndex="1002" 
    :distance="{top: 70, left: 10, right: 25, bottom: 10}" 
    :init="{top: 80}">
        <div class="float_ball">Плавающий</div>
</suspension-ball>

import suspensionBall from 'suspensionBall'

import { Component, Vue } from 'vue-property-decorator'
import { Position } from './types/app'
import SuspensionBall from '../src/components/SuspensionBall.vue'

@Component({
  components: {
    SuspensionBall
  }
})
export default class App extends Vue {
  private eventEmit(): void {
    return
  }

  private positionEmit(position: Position): void {
    console.log(`верхний край => ${position.top}  левый край => ${position.left}`)
  }
}
```### Параметры

// Начальная позиция (начальные координаты верхнего и левого края компонента)
@Prop({
    type: Object,
    required: false,
    default: () => {
      return {
        верхний край: 0,
        левый край: 0
      }
    }
}) private init!: Init

// Расстояние до границ экрана (расстояние до верхней, правой, нижней и левой границы)
@Prop({
    type: Object,
    required: false,
    default: () => {
        return {
            верхний край: 10,
            левый край: 10,
            правый край: 10,
            нижний край: 10
        }
    }
}) private distance!: Distance
```

### Исходный код
[suspension-ball](https://gitee.com/ChaoXxxx/suspension-ball)
```