docs(storybook): tidy SW Storybook gauges, responsive rows and page titles
Deploy Storybook / deploy (push) Successful in 1m11s
Deploy Storybook / deploy (push) Successful in 1m11s
- SWPopup Custom Content and the SW Viewer options panel use SWSlider style B (appearance="property") only; the A/B comparison, the style select and the green panel gauge are gone (SWViewerSlider itself is unchanged). - SW Header / Viewer / Footer Responsive More: the 1920px row shows only when the content Inner is 1920px or wider (container query); Footer rows fit the page width without scrollers so ▲ More handles narrow widths. - Logo pages fit without scrollers; SW Header Logo Slot is "Logo" in the sidebar with the title "SW Header — 로고" (ID sw-header--logo-slot kept). - Property Panel (was "Property Panel · 4개 비교"): no Inner scroller, the page scrolls, 2 × 2 grid with one column below 720px. - SW Footer drops the "실제 Footer 조합 (동작)" heading; SW Viewer Header page is titled "SW Viewer Header" with 기본형 and 최소화 · 닫기 버튼 only. - Browser tests, inventory and README follow these changes; visual baselines are not updated.
This commit is contained in:
1 parent
ccafc6e332
commit
258e0a4b68
14 files changed
+123
-109
No files matched your search
@@ -2,7 +2,7 @@
|
||||
// UI state lives here (like a consuming program); no DWG/DXF engine — commands are logged, not executed.
|
||||
import { useMemo, useState } from "react"
|
||||
import {
|
||||
SWLayerVisibilityIcon, SWViewerBadge, SWViewerButton, SWViewerHeaderButton, SWViewerStatus, SWViewerField, SWViewerHint, SWViewerInput, SWViewerPanel, SWViewerSection, SWViewerSlider, SWViewerSwitch,
|
||||
SWLayerVisibilityIcon, SWViewerBadge, SWViewerButton, SWViewerHeaderButton, SWViewerStatus, SWViewerField, SWViewerHint, SWViewerInput, SWViewerPanel, SWViewerSection, SWSlider, SWViewerSwitch,
|
||||
type SWHeaderDocument, type SWViewerCommand, type SWViewerHeaderGroup, type SWViewerHeaderProps, type SWViewerPanelProps,
|
||||
} from "@hm-design/sw"
|
||||
import { Info, Layers, List, MousePointerClick, RotateCcw, Scan, SlidersHorizontal, ZoomIn } from "lucide-react"
|
||||
@@ -148,10 +148,12 @@ export function LayerPanel({ demo, ...placement }: { demo: ViewerDemo } & PanelP
|
||||
)
|
||||
}
|
||||
|
||||
// 2026-10-22: the viewer gauges use SWSlider style B (appearance="property", as SW/Popup › Custom Content), not
|
||||
// SWViewerSlider (fixed to the green panel look).
|
||||
function SliderRow({ label, unit, value, min, max, step, disabled, onChange }: { label: string; unit?: string; value: number; min: number; max: number; step: number; disabled?: boolean; onChange: (value: number) => void }) {
|
||||
return (
|
||||
<SWViewerField label={label} unit={unit} layout="stacked" disabled={disabled}
|
||||
below={<SWViewerSlider aria-label={label} value={value} min={min} max={max} step={step} onValueChange={onChange} />}>
|
||||
below={<SWSlider appearance="property" aria-label={label} value={value} min={min} max={max} step={step} onValueChange={onChange} />}>
|
||||
{id => <SWViewerInput id={id} type="number" min={min} max={max} step={step} value={value} onChange={event => { const next = Number(event.currentTarget.value); if (Number.isFinite(next)) onChange(next) }} />}
|
||||
</SWViewerField>
|
||||
)
|
||||
|
||||
Reference in new issue
Block a user