This commit is contained in:
parent
882ef633d1
commit
3b3d0f70b8
|
@ -40,7 +40,14 @@ import { storeToRefs } from 'pinia';
|
||||||
import { useCanvasStore, UseTilesStore } from '#/store';
|
import { useCanvasStore, UseTilesStore } from '#/store';
|
||||||
|
|
||||||
import { groupList, tilesList } from './tiles';
|
import { groupList, tilesList } from './tiles';
|
||||||
import { debounce, isElementInFolder, isGroup, updateRowHeight } from './utils';
|
import {
|
||||||
|
debounce,
|
||||||
|
generateRandomString,
|
||||||
|
isElementInFolder,
|
||||||
|
isGroup,
|
||||||
|
pathToComponent,
|
||||||
|
updateRowHeight,
|
||||||
|
} from './utils';
|
||||||
|
|
||||||
const tilesStore = UseTilesStore();
|
const tilesStore = UseTilesStore();
|
||||||
const canvasStore = useCanvasStore();
|
const canvasStore = useCanvasStore();
|
||||||
|
@ -336,17 +343,18 @@ const layoutUpdatedEvent = (e) => {
|
||||||
// 获取当前正在拖动的元素
|
// 获取当前正在拖动的元素
|
||||||
const dragItem = currentDragItem.value;
|
const dragItem = currentDragItem.value;
|
||||||
console.log('当前拖动的元素', dragItem);
|
console.log('当前拖动的元素', dragItem);
|
||||||
|
const firstKey = gridLayoutRefs.keys().next().value;
|
||||||
|
console.log(firstKey); // 'key1'
|
||||||
// 判断当前拖动的元素是否进入目标画布区域
|
// 判断当前拖动的元素是否进入目标画布区域
|
||||||
const folderId = isElementInFolder(dragItem, groups);
|
const folderId = isElementInFolder(dragItem, groups);
|
||||||
console.log('当前拖动的元素是否进入目标画布区域', folderId);
|
console.log('当前拖动的元素是否进入目标画布区域', folderId);
|
||||||
|
|
||||||
// const dom = gridLayoutRefs.get('7303');
|
const dom = gridLayoutRefs.get(firstKey);
|
||||||
// console.log(dom);
|
console.log(dom);
|
||||||
// dragItem.component = pathToComponent(dragItem.component, 'component');
|
dragItem.component = pathToComponent(dragItem.component, 'component');
|
||||||
// dom.layout.push({ ...dragItem, i: generateRandomString(12) });
|
dom.layout.push({ ...dragItem, i: generateRandomString(12) });
|
||||||
|
|
||||||
// delItem(dragItem);
|
delItem(dragItem);
|
||||||
|
|
||||||
// console.log(domIdxxxxx.value);
|
// console.log(domIdxxxxx.value);
|
||||||
// console.log(dom);
|
// console.log(dom);
|
||||||
|
@ -569,7 +577,8 @@ const formState = reactive({
|
||||||
Displayed as <code>[x, y, w, h]</code>:
|
Displayed as <code>[x, y, w, h]</code>:
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div v-for="item in layout">
|
<div v-for="item in layout">
|
||||||
<b>{{ item.i }}</b>: [{{ item.x }}, {{ item.y }}, {{ item.w }}, {{ item.h }}]
|
<b>{{ item.i }}</b
|
||||||
|
>: [{{ item.x }}, {{ item.y }}, {{ item.w }}, {{ item.h }}]
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue