github/poster-design
1
0
Fork 0
mirror of https://github.com/palxiao/poster-design.git synced 2025-07-15 16:02:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: group drop problem

Browse Source
This commit is contained in:
IchliebedichZhu 2024-03-07 18:10:32 +00:00
parent 2ed61b03c7
commit 8b9a64adfb
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/modules/layout/designBoard/index.vue
View File

@ -165,12 +165,12 @@ async function drop(e: MouseEvent) {
} }
// 处理数据 // 处理数据
setting = await setWidgetData(type, item, setting) setting = await setWidgetData(type, item, setting)
console.log("setting", setting)
// 绝对坐标 // 绝对坐标
const canvasEl = document.getElementById('page-design-canvas') const canvasEl = document.getElementById('page-design-canvas')
if (!canvasEl) return if (!canvasEl) return
const lostX = e.x - canvasEl.getBoundingClientRect().left const lostX = e.x - canvasEl.getBoundingClientRect().left
const lostY = e.y - canvasEl.getBoundingClientRect().top const lostY = e.y - canvasEl.getBoundingClientRect().top
console.log('xy, ',lostX, lostY)
// 放置组合 // 放置组合
if (type === 'group') { if (type === 'group') {
let parent: TParentData = {} let parent: TParentData = {}
@ -190,7 +190,7 @@ async function drop(e: MouseEvent) {
element.left += (lost ? lostX - half.x : e.layerX - half.x) * (100 / store.getters.dZoom) element.left += (lost ? lostX - half.x : e.layerX - half.x) * (100 / store.getters.dZoom)
element.top += (lost ? lostY - half.y : e.layerY - half.y) * (100 / store.getters.dZoom) element.top += (lost ? lostY - half.y : e.layerY - half.y) * (100 / store.getters.dZoom)
}) })
store.dispatch('addGroup', item) store.dispatch('addGroup', componentItem)
// addGroup(item) // addGroup(item)
} }
// 设置坐标 // 设置坐标

3
src/components/modules/panel/wrap/GraphListWrap.vue
View File

@ -212,9 +212,12 @@ export default defineComponent({
.list { .list {
width: 100%; width: 100%;
padding: 3.1rem 0 0 1rem; padding: 3.1rem 0 0 1rem;
gap: 0px !important;
&__item { &__item {
overflow: hidden; overflow: hidden;
background: #f8fafc; background: #f8fafc;
margin-bottom: 8px;
margin-right: 8px;
} }
&__img { &__img {
cursor: grab; cursor: grab;

2
src/views/components/HeaderOptions.vue
View File

@ -178,7 +178,7 @@ async function load(id: number, tempId: number, type: number, cb: () => void) {
const { data: content, title, state, width, height } = await api.home[apiName]({ id: id || tempId, type }) const { data: content, title, state, width, height } = await api.home[apiName]({ id: id || tempId, type })
if (content) { if (content) {
const data = JSON.parse(content) const data = JSON.parse(content)
state.stateBollean = !!state state.stateBollean = (!!state)
state.title = title state.title = title
store.commit('setShowMoveable', false) // 清理掉上一次的选择框 store.commit('setShowMoveable', false) // 清理掉上一次的选择框
// this.$store.commit('setDWidgets', []) // this.$store.commit('setDWidgets', [])