clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-06-01 19:01:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

enhance(ux): multiple blocks dragging on mobile

Browse Source
This commit is contained in:
Tienson Qin
2025-07-08 17:27:23 +08:00
parent 4f4785614d
commit 01ee6a1c6d
2 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/main/frontend/components/block.cljs
View File

@@ -3475,7 +3475,9 @@
:on-drop (fn [event]
(block-drop event uuid block original-block *move-to'))
:on-drag-end (fn [event]
(dom/remove-class! (.-target event) "dragging")
(doseq [block (or (seq (state/get-selection-blocks)) [(.-target event)])]
(dom/remove-class! block "dragging"))
(dom/remove! js/document.body (dom/sel1 "#dragging-ghost-element"))
(block-drag-end event *move-to'))}))
(defn- root-block?
@@ -3672,8 +3674,22 @@
(fn [event]
(when-not (state/editing?)
(util/stop-propagation event)
(dom/add-class! (.-target event) "dragging")
(on-drag-start event block block-id))))
(let [target ^js (.-target event)
blocks (or (seq (state/get-selection-blocks)) [target])
multiple? (> (count blocks) 1)
element (when multiple?
(let [element (dom/create-element "div")]
(-> element
(dom/set-attr! "id" "dragging-ghost-element")
(dom/set-text! (str "Moving " (count blocks) " blocks"))
(dom/set-class! "p-2 rounded text-sm"))
element))]
(doseq [block blocks]
(dom/add-class! block "dragging"))
(on-drag-start event block block-id)
(when element
(dom/append! js/document.body element)
(dnd/set-drag-image! event element (/ (.-offsetWidth target) 2) (/ (.-offsetHeight target) 2)))))))
(:property-default-value? config)
(assoc :data-is-property-default-value (:property-default-value? config))

10
src/main/frontend/handler/dnd.cljs
View File

@@ -6,10 +6,18 @@
[frontend.handler.property :as property-handler]
[frontend.modules.outliner.op :as outliner-op]
[frontend.modules.outliner.ui :as ui-outliner-tx]
[frontend.util.ref :as ref]
[frontend.state :as state]
[frontend.util.ref :as ref]
[logseq.db :as ldb]))
(defn set-drag-image!
([e image]
(set-drag-image! e image 0 0))
([e image offset-x offset-y]
(let [dt (.-dataTransfer e)]
(.setDragImage dt image offset-x offset-y)
e)))
(defn move-blocks
[^js event blocks target-block original-block move-to]
(let [target-block (db/entity (:db/id target-block))