shkim4
0f1574f80f
- OrgChart -> 조직도 and sub menus (개요, 부서별 색상, 전체 구성, 확장 조직도); Story IDs kept - 노선도 menu/page titles in Korean (제목, 정보, 노선·공간, 시설물) - Department Colors cards 3 columns (2 under 960px)
32 lines
1.2 KiB
TypeScript
32 lines
1.2 KiB
TypeScript
import type { Meta, StoryObj } from "@storybook/react-vite"
|
|
import { CenterInformationDisplayReferenceDemo } from "@hm-design/center-graphic/reference"
|
|
import { StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
|
|
import { withRepresentation } from "./center-shared"
|
|
|
|
// Owner: ui-viz docs/patterns/center-information-presentation.md and center-information-{box,table,emphasis}.md.
|
|
// Single-line ellipsis is resolved; multi-line overflow, exact placement and the presentation scale (Q3) are not.
|
|
const meta = {
|
|
title: "노선도/정보",
|
|
id: "center-graphic-information",
|
|
parameters: { layout: "fullscreen", controls: { disable: true } },
|
|
} satisfies Meta
|
|
export default meta
|
|
type Story = StoryObj<typeof meta>
|
|
|
|
// Common Story page. The CENTER representation wraps only the specimen, so the page title is never scaled with the graphic.
|
|
export const Information: Story = {
|
|
name: "정보",
|
|
render: () => (
|
|
<StoryPage>
|
|
<StoryPageHeader title="정보" />
|
|
<StorySection title="개요">
|
|
{withRepresentation(() => (
|
|
<div className="sb-center-information">
|
|
<CenterInformationDisplayReferenceDemo />
|
|
</div>
|
|
))}
|
|
</StorySection>
|
|
</StoryPage>
|
|
),
|
|
}
|