feat: 增加 锁定组件 hover 和 select 样式控制

This commit is contained in:
tnt group 2022-09-28 17:37:09 +08:00
parent abbf678e89
commit e49cf3dea2

View File

@ -1,5 +1,5 @@
<template>
<div class="go-shape-box">
<div class="go-shape-box" :class="{ lock: item.status.lock, hide: item.status.hide }">
<slot></slot>
<!-- 锚点 -->
<template v-if="!hiddenPoint">
@ -55,12 +55,14 @@ const themeColor = computed(() => {
//
const hover = computed(() => {
if (props.item.status.lock) return false
return props.item.id === chartEditStore.getTargetChart.hoverId
})
//
const select = computed(() => {
const id = props.item.id
if (props.item.status.lock) return false
return chartEditStore.getTargetChart.selectId.find((e: string) => e === id)
})
</script>
@ -70,6 +72,14 @@ const select = computed(() => {
position: absolute;
cursor: move;
&.lock {
cursor: default !important;
}
&.hide {
display: none;
}
/* 锚点 */
.shape-point {
z-index: 1;