框选结束以后被选中的节点会失去selected属性

vangleer / es-drager

A draggable, resizable, rotatable component based on vue3

https://vangleer.github.io/es-drager/

336 stars 50 forks source link

框选结束以后被选中的节点会失去selected属性 #37

Closed liangzai927 closed 7 months ago

liangzai927 commented 7 months ago

在框选节点之后节点selected属性是true 但是没有selected属性

liangzai927 commented 7 months ago

在线案例的组合拆分里面也有这个bug

vangleer commented 7 months ago

selected属性不是双向绑定的，需要通过事件focus/blur重新赋值

liangzai927 commented 7 months ago

暴露出来的blur和focus方法只会返回一个true/false 在focus/blur里面直接改变item的selected属性没有效果啊

liangzai927 commented 7 months ago

暴露出来的blur和focus方法只会返回一个true/false 在focus/blur里面直接改变item的selected属性没有效果啊

没搞明白这两个方法是怎么用的🤦🏻‍♀️

vangleer commented 7 months ago

参考一下这个实例哈

<template>
  {{ selected }}
  <button @click.stop="onFocus">选中</button>
  <button @click.stop="onBlur">取消选中</button>
  <Drager
    :width="100"
    :height="100"
    :left="100"
    :top="100"
    :selected="selected"
    rotatable
    @focus="onFocus"
    @blur="onBlur"
  >
    按钮
  </Drager>

</template>

<script setup lang="ts">
import { ref } from 'vue'
import Drager from 'es-drager/index'

const selected = ref(false)

const onFocus = () => selected.value = true

const onBlur = () => selected.value = false
</script>

liangzai927 commented 7 months ago