3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-10 15:51:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

🚧 Add ad-hoc d&d implementation.

Browse source 
React-Dnd is a very nice library but adds a lot of overhead. Causes
a lot of latency when a number of elements grows.
This commit is contained in:
Andrey Antukh 2020-04-10 14:30:06 +02:00 • committed by Alonso Torres
parent 274a85186e
commit 7db2db96e1
10 changed files with 272 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

32
frontend/src/uxbox/main/data/workspace.cljs
View file

@ -1407,20 +1407,27 @@
;; --- Change Shape Order (D&D Ordering)
(defn shape-order-change
[id index]
;; TODO: pending UNDO
(defn relocate-shape
[id ref-id index]
(us/verify ::us/uuid id)
(us/verify ::us/uuid ref-id)
(us/verify number? index)
(ptk/reify ::change-shape-order
ptk/UpdateEvent
(update [_ state]
(ptk/reify ::reloacate-shape
ptk/WatchEvent
(watch [_ state stream]
(let [page-id (::page-id state)
obj (get-in state [:workspace-data page-id :objects id])
frm (get-in state [:workspace-data page-id :objects (:frame-id obj)])
shp (remove #(= % id) (:shapes frm))
[b a] (split-at index shp)
shp (d/concat [] b [id] a)]
(assoc-in state [:workspace-data page-id :objects (:id frm) :shapes] shp)))))
selected (get-in state [:workspace-local :selected])
objects (get-in state [:workspace-data page-id :objects])
parent-id (helpers/get-parent ref-id objects)]
(rx/of (commit-changes [{:type :mov-objects
:parent-id parent-id
:index index
:shapes (vec selected)}]
[]
{:commit-local? true}))))))
(defn commit-shape-order-change
[id]
@ -2359,7 +2366,8 @@
(fn [state] (assoc-in state [:workspace-local :selected] #{id})))))
rx/empty))))))
(defn remove-group []
(defn remove-group
[]
(ptk/reify ::remove-group
ptk/WatchEvent
(watch [_ state stream]