test/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2024-12-05 21:28:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
tnt group 2022-09-28 17:37:09 +08:00
parent abbf678e89
commit e49cf3dea2
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/chart/ContentEdit/components/EditShapeBox/index.vue
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;