Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-20 03:31:24 -05:00
Code Issues Activity

🐛 Handle fill when multi selecting texts and other shapes

Browse source
This commit is contained in:
Andrés Moya 2020-07-06 13:30:20 +02:00
parent 87fa5547be
commit 63eec77044
4 changed files with 40 additions and 7 deletions
frontend/src/uxbox/main/ui/workspace/sidebar/options
fill.cljsmultiple.cljsstroke.cljstext.cljs

27
frontend/src/uxbox/main/ui/workspace/sidebar/options/fill.cljs
View file

@ -11,7 +11,9 @@
(:require
[rumext.alpha :as mf]
[uxbox.main.data.workspace.common :as dwc]
[uxbox.main.data.workspace.texts :as dwt]
[uxbox.main.store :as st]
[uxbox.main.refs :as refs]
[uxbox.main.ui.workspace.sidebar.options.rows.color-row :refer [color-row]]
[uxbox.util.object :as obj]
[uxbox.util.i18n :as i18n :refer [tr t]]))
@ -34,17 +36,34 @@
{::mf/wrap [#(mf/memo' % fill-menu-memo-equals?)]}
[{:keys [ids type values] :as props}]
(let [locale (i18n/use-locale)
shapes (deref (refs/objects-by-id ids))
text-ids (map :id (filter #(= (:type %) :text) shapes))
other-ids (map :id (filter #(not= (:type %) :text) shapes))
label (case type
:multiple (t locale "workspace.options.selection-fill")
:group (t locale "workspace.options.group-fill")
(t locale "workspace.options.fill"))
color {:value (:fill-color values)
:opacity (:fill-opacity values)}
handle-change-color (fn [value opacity]
(let [change #(cond-> %
value (assoc :fill-color value)
opacity (assoc :fill-opacity opacity))]
(st/emit! (dwc/update-shapes ids change))))]
(let [change #(cond-> %
value (assoc :fill-color value)
opacity (assoc :fill-opacity opacity))
new-attrs (cond-> {}
value (assoc :fill value)
opacity (assoc :opacity opacity))]
(when-not (empty? other-ids)
(st/emit! (dwc/update-shapes ids change)))
(when-not (empty? text-ids)
(run! #(st/emit! (dwt/update-text-attrs
{:id %
:editor nil
:attrs new-attrs}))
text-ids))))]
[:div.element-set
[:div.element-set-title label]
[:div.element-set-content

14
frontend/src/uxbox/main/ui/workspace/sidebar/options/multiple.cljs
View file

@ -11,17 +11,29 @@
(:require
[rumext.alpha :as mf]
[uxbox.common.geom.shapes :as geom]
[uxbox.main.data.workspace.texts :as dwt]
[uxbox.main.ui.workspace.sidebar.options.measures :refer [measure-attrs measures-menu]]
[uxbox.main.ui.workspace.sidebar.options.text :refer [text-fill-attrs]]
[uxbox.main.ui.workspace.sidebar.options.fill :refer [fill-attrs fill-menu]]
[uxbox.main.ui.workspace.sidebar.options.stroke :refer [stroke-attrs stroke-menu]]))
(defn- get-attrs
[shape attrs text-attrs]
(if (not= (:type shape) :text)
(select-keys shape attrs)
(let [text-values (dwt/current-text-values {:editor nil
:shape shape
:attrs text-attrs})
converted-values (zipmap fill-attrs
(map #(% text-values) text-attrs))]
converted-values)))
(mf/defc options
{::mf/wrap [mf/memo]}
[{:keys [shapes] :as props}]
(let [ids (map :id shapes)
measure-values (geom/get-attrs-multi shapes measure-attrs)
fill-values (geom/get-attrs-multi shapes fill-attrs)
fill-values (geom/get-attrs-multi (map #(get-attrs % fill-attrs text-fill-attrs) shapes) fill-attrs)
stroke-values (geom/get-attrs-multi shapes stroke-attrs)]
[:*
[:& measures-menu {:ids ids

2
frontend/src/uxbox/main/ui/workspace/sidebar/options/stroke.cljs
View file

@ -65,7 +65,7 @@
:group (t locale "workspace.options.group-stroke")
(t locale "workspace.options.stroke"))
show-options (not= (:stroke-style values :none) :none)
show-options (not= (or (:stroke-style values) :none) :none)
current-stroke-color {:value (:stroke-color values)
:opacity (:stroke-opacity values)}

4
frontend/src/uxbox/main/ui/workspace/sidebar/options/text.cljs
View file

@ -25,6 +25,8 @@
[uxbox.util.i18n :as i18n :refer [tr t]]
["slate" :refer [Transforms]]))
(def text-fill-attrs [:fill :opacity])
(defn- attr->string [value]
(if (= value :multiple)
""
@ -201,7 +203,7 @@
(let [text-color (dwt/current-text-values
{:editor editor
:shape shape
:attrs [:fill :opacity]})
:attrs text-fill-attrs})
current-color {:value (:fill text-color)
:opacity (:opacity text-color)}