mirror of
https://github.com/storytold/figcraft.git
synced 2026-11-01 14:26:49 -06:00
BFlatandClaude Opus 5.5
bf3a45d938
- Object ▸ Resize to fit (Alt+Shift+Cmd+R, `object.resizeToFit`): frames, sections and components shrink or grow to their visible contents without moving them on the page; auto layout frames switch to hug instead. - Sections get colour swatches (light tints) in the Design panel. - Frames and sections get a handoff status (`devStatus`: ready for dev / completed) set from the panel and shown as a badge next to their name on the canvas; `node.get` reports it. Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
79 lines
3.3 KiB
Rust
79 lines
3.3 KiB
Rust
//! Design panel extras for frames and sections: section colours, handoff status and resize to
|
|
//! fit.
|
|
|
|
use egui::{CornerRadius, Sense, Stroke, Ui, vec2};
|
|
use figcraft_doc::{DevStatus, Document, NodeId, NodeKind};
|
|
use serde_json::json;
|
|
|
|
use crate::FigApp;
|
|
use crate::icons::Icon;
|
|
use crate::right::{common, menu_item, row};
|
|
use crate::widgets;
|
|
|
|
/// Section fill presets: light tints that keep dark text readable.
|
|
const SECTION_COLORS: [(&str, &str); 8] = [
|
|
("White", "#FFFFFF"),
|
|
("Gray", "#EDEDED"),
|
|
("Red", "#FFE0DE"),
|
|
("Orange", "#FFE8D1"),
|
|
("Yellow", "#FFF4C2"),
|
|
("Green", "#DDF5E3"),
|
|
("Blue", "#DCEBFF"),
|
|
("Violet", "#EBE3FF"),
|
|
];
|
|
|
|
pub fn section(app: &mut FigApp, ui: &mut Ui, doc: &Document, sel: &[NodeId]) {
|
|
let is_section = |i: &NodeId| doc.node(*i).is_some_and(|n| matches!(n.kind, NodeKind::Section { .. }));
|
|
let top_frame = |i: &NodeId| {
|
|
doc.node(*i).is_some_and(|n| {
|
|
n.kind.is_frame_like() && n.parent.and_then(|p| doc.node(p)).is_some_and(|p| p.is_page() || matches!(p.kind, NodeKind::Section { .. }))
|
|
})
|
|
};
|
|
let sections = !sel.is_empty() && sel.iter().all(is_section);
|
|
if sel.is_empty() || !sel.iter().all(|i| is_section(i) || top_frame(i)) {
|
|
return;
|
|
}
|
|
let t = crate::theme::Tokens::get(ui.ctx());
|
|
let ids = sel.to_vec();
|
|
let col = widgets::col_width(ui.available_width());
|
|
if sections {
|
|
widgets::sublabels(ui, "Section color", None);
|
|
row(ui, 32.0, |ui| {
|
|
ui.spacing_mut().item_spacing.x = 6.0;
|
|
let current = common(doc, sel, |n| n.fills.first().and_then(|p| p.solid_color()).map(|c| c.to_hex()));
|
|
for (name, hex) in SECTION_COLORS {
|
|
let (r, resp) = ui.allocate_exact_size(vec2(18.0, 18.0), Sense::click());
|
|
let c = figcraft_color::Color::from_hex(hex).unwrap_or(figcraft_color::Color::WHITE);
|
|
ui.painter().rect_filled(r, CornerRadius::same(9), crate::theme::c32(c));
|
|
let on = current.as_ref().and_then(|c| c.as_ref()).is_some_and(|h| h.eq_ignore_ascii_case(hex.trim_start_matches('#')));
|
|
let stroke = if on { Stroke::new(2.0, crate::theme::ACCENT) } else { Stroke::new(1.0, t.border) };
|
|
ui.painter().rect_stroke(r, CornerRadius::same(9), stroke, egui::StrokeKind::Inside);
|
|
if resp.on_hover_text(name).clicked() {
|
|
app.set_props(&ids, json!({"fills": [hex]}));
|
|
}
|
|
}
|
|
});
|
|
}
|
|
widgets::sublabels(ui, "Status", None);
|
|
row(ui, 32.0, |ui| {
|
|
let st = common(doc, sel, |n| n.dev_status);
|
|
let resp = widgets::dropdown(ui, st.map(DevStatus::label).unwrap_or("Mixed"), col * 2.0 + 8.0, Some(Icon::Code));
|
|
egui::Popup::menu(&resp).show(|ui| {
|
|
for d in DevStatus::ALL {
|
|
if menu_item(ui, d.label(), "") {
|
|
app.set_props(&ids, json!({"devStatus": d.id()}));
|
|
ui.close();
|
|
}
|
|
}
|
|
});
|
|
});
|
|
row(ui, 32.0, |ui| {
|
|
let fit = ui.add_sized(vec2(col * 2.0 + 8.0, widgets::FIELD_H), egui::Button::new("Resize to fit")).on_hover_text("Fit to contents ⌥⇧⌘R");
|
|
if fit.clicked() {
|
|
app.run("object.resizeToFit", json!({"ids": ids}));
|
|
}
|
|
});
|
|
ui.add_space(4.0);
|
|
widgets::separator(ui);
|
|
}
|