blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-04-06 03:58:04 +08:00
Code Issues 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> <template>
<div class="go-shape-box"> <div class="go-shape-box" :class="{ lock: item.status.lock, hide: item.status.hide }">
<slot></slot> <slot></slot>
<!-- 锚点 --> <!-- 锚点 -->
<template v-if="!hiddenPoint"> <template v-if="!hiddenPoint">
@ -55,12 +55,14 @@ const themeColor = computed(() => {
// 计算当前选中目标 // 计算当前选中目标
const hover = computed(() => { const hover = computed(() => {
if (props.item.status.lock) return false
return props.item.id === chartEditStore.getTargetChart.hoverId return props.item.id === chartEditStore.getTargetChart.hoverId
}) })
// 兼容多值场景 // 兼容多值场景
const select = computed(() => { const select = computed(() => {
const id = props.item.id const id = props.item.id
if (props.item.status.lock) return false
return chartEditStore.getTargetChart.selectId.find((e: string) => e === id) return chartEditStore.getTargetChart.selectId.find((e: string) => e === id)
}) })
</script> </script>
@ -70,6 +72,14 @@ const select = computed(() => {
position: absolute; position: absolute;
cursor: move; cursor: move;
&.lock {
cursor: default !important;
}
&.hide {
display: none;
}
/* 锚点 */ /* 锚点 */
.shape-point { .shape-point {
z-index: 1; z-index: 1;