@godxjp/ui 31.6.0 → 31.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/agent/START-HERE.md +4 -4
- package/agent/components/Breadcrumb.json +1 -1
- package/agent/components/ColorPicker.json +16 -8
- package/agent/components/PageContainer.json +1 -1
- package/agent/components/Progress.json +12 -1
- package/agent/components/Select.json +22 -0
- package/agent/components/Text.json +1 -1
- package/agent/components.json +53 -12
- package/agent/index.json +4 -4
- package/agent/llms.txt +5 -5
- package/agent/tokens.json +30 -0
- package/dist/components/data-display/progress.d.ts +16 -0
- package/dist/components/data-display/progress.js +17 -3
- package/dist/components/data-entry/chat-composer.js +11 -4
- package/dist/components/data-entry/chat-suggestion.js +2 -0
- package/dist/components/data-entry/color-picker.d.ts +2 -2
- package/dist/components/data-entry/color-picker.js +150 -37
- package/dist/components/data-entry/command-palette.js +2 -1
- package/dist/components/data-entry/date-picker.js +2 -0
- package/dist/components/data-entry/index.d.ts +1 -1
- package/dist/components/data-entry/number-input.js +2 -1
- package/dist/components/data-entry/search-select.js +55 -17
- package/dist/components/data-entry/select.js +1 -1
- package/dist/components/data-entry/time-picker.js +3 -0
- package/dist/components/feedback/non-modal-layer.js +2 -1
- package/dist/components/feedback/tooltip.d.ts +21 -0
- package/dist/components/feedback/tooltip.js +101 -0
- package/dist/components/general/typography.js +35 -12
- package/dist/components/layout/breadcrumb-ellipsis.d.ts +16 -0
- package/dist/components/layout/breadcrumb-ellipsis.js +28 -0
- package/dist/components/layout/breadcrumb.js +16 -7
- package/dist/components/layout/page-container.js +29 -20
- package/dist/components/navigation/pagination.js +2 -1
- package/dist/components/ui/tag-input.js +2 -1
- package/dist/contracts/measurement.json +1 -1
- package/dist/i18n/messages/en.json +6 -3
- package/dist/i18n/messages/ja.json +6 -3
- package/dist/i18n/messages/vi.json +6 -3
- package/dist/lib/ime.d.ts +12 -0
- package/dist/lib/ime.js +7 -0
- package/dist/props/components/data-entry.prop.d.ts +66 -1
- package/dist/props/components/index.d.ts +1 -1
- package/dist/props/registry.d.ts +20 -0
- package/dist/props/registry.js +22 -0
- package/dist/props/vocabulary/index.d.ts +1 -1
- package/dist/props/vocabulary/navigation.prop.d.ts +14 -0
- package/dist/styles/control.css +79 -0
- package/dist/styles/layers.json +3 -2
- package/dist/styles/layout.css +22 -0
- package/dist/styles/table-layout.css +8 -0
- package/dist/tokens/components/control.css +8 -0
- package/dist/tokens/components/navigation.css +2 -0
- package/docs/data-display/progress.tsx +24 -6
- package/docs/data-entry/color-picker.tsx +72 -0
- package/docs/data-entry/select.tsx +38 -0
- package/docs/general/typography.tsx +84 -1
- package/docs/i18n/messages/en.json +47 -1
- package/docs/i18n/messages/ja.json +47 -1
- package/docs/i18n/messages/vi.json +47 -1
- package/docs/navigation/breadcrumb.tsx +24 -0
- package/package.json +2 -2
|
@@ -6,7 +6,18 @@
|
|
|
6
6
|
"breakDescription": "メールアドレス・クーポンコード・ログイン ID のような区切りのない識別子は break=\"anywhere\"。表のセルでも列が画面幅に収まります。whitespace=\"pre-wrap\" は人が入力した改行のためのもので、表のセルでは識別子を折り返せません。",
|
|
7
7
|
"breakColumnOwner": "担当者",
|
|
8
8
|
"breakColumnEmail": "メールアドレス",
|
|
9
|
-
"breakSampleName": "佐藤"
|
|
9
|
+
"breakSampleName": "佐藤",
|
|
10
|
+
"ellipsisTitle": "ellipsis · 省略中は全文をツールチップで",
|
|
11
|
+
"ellipsisDescription": "ellipsis={{ tooltip: true }} は 1 行に収め、ホバーと、置かれたコントロール(リンク・ツリー項目・並べ替えボタン)へのキーボードフォーカスで全文を表示します。収まるタイトルにはツールチップを出さず、Text 自体はタブ移動先になりません。",
|
|
12
|
+
"ellipsisPlain": "通常の Text",
|
|
13
|
+
"ellipsisLink": "Text asChild · リンク",
|
|
14
|
+
"ellipsisTree": "Tree の titleRender",
|
|
15
|
+
"ellipsisTable": "テストスイート",
|
|
16
|
+
"ellipsisBreadcrumb": "省略付きパンくずリスト",
|
|
17
|
+
"ellipsisCrumbHome": "ホーム",
|
|
18
|
+
"ellipsisLongTitle": "第3四半期 結合テスト 決済モジュール 請求書再発行シナリオと受入基準のレビュー",
|
|
19
|
+
"ellipsisShortTitle": "ログインのスモークテスト",
|
|
20
|
+
"ellipsisLongHeader": "最新の実行名(2026年9月 リリース候補)"
|
|
10
21
|
},
|
|
11
22
|
"themeShowcase": {
|
|
12
23
|
"page": {
|
|
@@ -526,6 +537,24 @@
|
|
|
526
537
|
"longIdTitle": "長い識別子と「+N」",
|
|
527
538
|
"ledgerLabel": "台帳ID",
|
|
528
539
|
"ledgerHelper": "71文字の識別子でも行からはみ出さない"
|
|
540
|
+
},
|
|
541
|
+
"select": {
|
|
542
|
+
"createTitle": "タグ: 作成行・onCreate・大文字小文字を区別しない照合",
|
|
543
|
+
"createDescription": "どの選択肢にも一致しない入力は「作成」行として明示されます。onCreate は新しく作られたテキストだけを通知し、選択肢の ID では発火しません。「bug」と入力すると「Bug」が見つかり、重複は作られません(caseSensitive で完全一致に戻せます)。antd と異なり作成行にはラベルが付き、12 文字を超える入力は allowCreate で拒否しています。",
|
|
544
|
+
"createField": "ラベル",
|
|
545
|
+
"createdHelper": "このセッションで作成: {list}",
|
|
546
|
+
"createdNone": "まだ作成されていません"
|
|
547
|
+
},
|
|
548
|
+
"colorPicker": {
|
|
549
|
+
"presetsTitle": "パレットからタグの色を選ぶ",
|
|
550
|
+
"presetsDescription": "presets — ピッカーの下に固定スウォッチのグループを表示。グループは折りたためて、自由入力も残る。",
|
|
551
|
+
"paletteLabel": "ラベルの色",
|
|
552
|
+
"recommendedGroup": "おすすめ",
|
|
553
|
+
"recentGroup": "最近使った色",
|
|
554
|
+
"presetsOnlyTitle": "パレットのみ",
|
|
555
|
+
"presetsOnlyDescription": "panelRender で Presets だけを返すと、パレットからの選択のみになり任意の HEX は入力できない。",
|
|
556
|
+
"tagColorLabel": "タグの色",
|
|
557
|
+
"tagColorHelper": "矢印キーでスウォッチ間を移動し、選択中の色が読み上げられる。"
|
|
529
558
|
}
|
|
530
559
|
},
|
|
531
560
|
"serviceLauncherShowcase": {
|
|
@@ -1462,5 +1491,22 @@
|
|
|
1462
1491
|
"other": "さらに {count} 件を読み込む"
|
|
1463
1492
|
}
|
|
1464
1493
|
}
|
|
1494
|
+
},
|
|
1495
|
+
"progressDocs": {
|
|
1496
|
+
"testRun": {
|
|
1497
|
+
"passed": "合格",
|
|
1498
|
+
"failed": "失敗",
|
|
1499
|
+
"blocked": "ブロック",
|
|
1500
|
+
"notRun": "未実施",
|
|
1501
|
+
"caption": "回帰テスト — 全 {total} 件"
|
|
1502
|
+
}
|
|
1503
|
+
},
|
|
1504
|
+
"breadcrumbExamples": {
|
|
1505
|
+
"ellipsisTitle": "ellipsis · 長いセグメントを 1 行に",
|
|
1506
|
+
"ellipsisDescription": "セグメントに ellipsis を付けるとパンくずは 1 行のまま、そのラベルを「…」で省略します。全文はホバーと、パンくずのリンクへのキーボードフォーカスでツールチップに出ます。antd の Breadcrumb に項目単位の省略はなく、形は Typography に合わせています。PageContainer の breadcrumb も同じ項目フィールドを受け付けます。",
|
|
1507
|
+
"ellipsisAria": "省略付きパンくずリスト",
|
|
1508
|
+
"home": "ホーム",
|
|
1509
|
+
"longSuite": "第3四半期 結合テスト 決済モジュール 請求書再発行シナリオ",
|
|
1510
|
+
"longSection": "2026年9月 リリース候補の受入基準レビュー"
|
|
1465
1511
|
}
|
|
1466
1512
|
}
|
|
@@ -6,7 +6,18 @@
|
|
|
6
6
|
"breakDescription": "Định danh không có chỗ ngắt — địa chỉ email, mã giảm giá, ID đăng nhập — dùng break=\"anywhere\", và cột vẫn nằm gọn trong bề ngang màn hình kể cả trong ô của bảng. whitespace=\"pre-wrap\" dành cho ký tự xuống dòng do người nhập; nó không ngắt được một định danh trong ô bảng.",
|
|
7
7
|
"breakColumnOwner": "Phụ trách",
|
|
8
8
|
"breakColumnEmail": "Địa chỉ email",
|
|
9
|
-
"breakSampleName": "Sato"
|
|
9
|
+
"breakSampleName": "Sato",
|
|
10
|
+
"ellipsisTitle": "ellipsis · toàn văn trong tooltip khi bị cắt",
|
|
11
|
+
"ellipsisDescription": "ellipsis={{ tooltip: true }} giữ một dòng và hiện toàn văn khi rê chuột và khi bàn phím đưa tiêu điểm tới điều khiển chứa nó (liên kết, mục cây, nút sắp xếp). Tiêu đề vừa chỗ thì không có tooltip, và Text không bao giờ tự thành một điểm dừng Tab.",
|
|
12
|
+
"ellipsisPlain": "Text thường",
|
|
13
|
+
"ellipsisLink": "Text asChild · liên kết",
|
|
14
|
+
"ellipsisTree": "titleRender của Tree",
|
|
15
|
+
"ellipsisTable": "Bộ kiểm thử",
|
|
16
|
+
"ellipsisBreadcrumb": "Breadcrumb có cắt chữ",
|
|
17
|
+
"ellipsisCrumbHome": "Trang chủ",
|
|
18
|
+
"ellipsisLongTitle": "Kiểm thử tích hợp quý 3 · mô-đun thanh toán · kịch bản xuất lại hoá đơn và rà soát tiêu chí nghiệm thu",
|
|
19
|
+
"ellipsisShortTitle": "Kiểm thử nhanh đăng nhập",
|
|
20
|
+
"ellipsisLongHeader": "Tên lần chạy gần nhất (bản ứng viên 2026-09)"
|
|
10
21
|
},
|
|
11
22
|
"themeShowcase": {
|
|
12
23
|
"page": {
|
|
@@ -526,6 +537,24 @@
|
|
|
526
537
|
"longIdTitle": "Định danh dài và +N",
|
|
527
538
|
"ledgerLabel": "Mã sổ cái",
|
|
528
539
|
"ledgerHelper": "Định danh 71 ký tự vẫn nằm trong khung"
|
|
540
|
+
},
|
|
541
|
+
"select": {
|
|
542
|
+
"createTitle": "Tags: dòng tạo mới, onCreate và so khớp không phân biệt hoa thường",
|
|
543
|
+
"createDescription": "Văn bản gõ vào không khớp tùy chọn nào được đưa ra thành dòng “Tạo” rõ ràng. onCreate chỉ báo văn bản mới tạo, không bao giờ báo id của tùy chọn. Gõ “bug” sẽ tìm thấy “Bug” thay vì tạo bản trùng (caseSensitive trả lại so khớp chính xác). Khác antd, dòng tạo có nhãn và văn bản dài hơn 12 ký tự bị allowCreate từ chối.",
|
|
544
|
+
"createField": "Nhãn",
|
|
545
|
+
"createdHelper": "Đã tạo trong phiên này: {list}",
|
|
546
|
+
"createdNone": "Chưa tạo gì"
|
|
547
|
+
},
|
|
548
|
+
"colorPicker": {
|
|
549
|
+
"presetsTitle": "Màu thẻ chọn từ bảng màu",
|
|
550
|
+
"presetsDescription": "presets — các nhóm ô màu cố định dưới bộ chọn; mỗi nhóm thu gọn được, bộ chọn tự do vẫn còn.",
|
|
551
|
+
"paletteLabel": "Màu nhãn",
|
|
552
|
+
"recommendedGroup": "Đề xuất",
|
|
553
|
+
"recentGroup": "Dùng gần đây",
|
|
554
|
+
"presetsOnlyTitle": "Chỉ bảng màu",
|
|
555
|
+
"presetsOnlyDescription": "panelRender chỉ trả về Presets — người dùng chọn trong bảng màu, không gõ được mã hex tuỳ ý.",
|
|
556
|
+
"tagColorLabel": "Màu thẻ",
|
|
557
|
+
"tagColorHelper": "Phím mũi tên di chuyển giữa các ô màu; ô đang chọn được đọc lên."
|
|
529
558
|
}
|
|
530
559
|
},
|
|
531
560
|
"serviceLauncherShowcase": {
|
|
@@ -1462,5 +1491,22 @@
|
|
|
1462
1491
|
"other": "Tải thêm {count} ca"
|
|
1463
1492
|
}
|
|
1464
1493
|
}
|
|
1494
|
+
},
|
|
1495
|
+
"progressDocs": {
|
|
1496
|
+
"testRun": {
|
|
1497
|
+
"passed": "Đạt",
|
|
1498
|
+
"failed": "Lỗi",
|
|
1499
|
+
"blocked": "Bị chặn",
|
|
1500
|
+
"notRun": "Chưa chạy",
|
|
1501
|
+
"caption": "Bộ kiểm thử hồi quy — {total} ca"
|
|
1502
|
+
}
|
|
1503
|
+
},
|
|
1504
|
+
"breadcrumbExamples": {
|
|
1505
|
+
"ellipsisTitle": "ellipsis · một đoạn dài trên một dòng",
|
|
1506
|
+
"ellipsisDescription": "ellipsis trên một đoạn giữ breadcrumb trên một dòng và cắt nhãn đó bằng \"…\"; toàn văn hiện trong tooltip khi rê chuột và khi liên kết của đoạn nhận tiêu điểm bàn phím. Breadcrumb của antd không có ellipsis theo từng mục — hình dạng lấy theo Typography. breadcrumb của PageContainer nhận cùng trường này.",
|
|
1507
|
+
"ellipsisAria": "Breadcrumb có cắt chữ",
|
|
1508
|
+
"home": "Trang chủ",
|
|
1509
|
+
"longSuite": "Kiểm thử tích hợp quý 3 · mô-đun thanh toán · kịch bản xuất lại hoá đơn",
|
|
1510
|
+
"longSection": "Rà soát tiêu chí nghiệm thu cho bản ứng viên tháng 9/2026"
|
|
1465
1511
|
}
|
|
1466
1512
|
}
|
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
CodeBlock,
|
|
10
10
|
} from "@godxjp/ui/data-display";
|
|
11
11
|
import { Text } from "@godxjp/ui/general";
|
|
12
|
+
import { useTranslation } from "@godxjp/ui/i18n";
|
|
12
13
|
import { Breadcrumb } from "@godxjp/ui/layout";
|
|
13
14
|
import { Flex, PageContainer } from "@godxjp/ui/layout";
|
|
14
15
|
|
|
@@ -25,6 +26,9 @@ const RouterLink = forwardRef<
|
|
|
25
26
|
});
|
|
26
27
|
|
|
27
28
|
export default function Demo() {
|
|
29
|
+
const { t } = useTranslation();
|
|
30
|
+
const suite = t("breadcrumbExamples.longSuite");
|
|
31
|
+
const section = t("breadcrumbExamples.longSection");
|
|
28
32
|
return (
|
|
29
33
|
<PageContainer
|
|
30
34
|
title="Breadcrumb"
|
|
@@ -177,6 +181,26 @@ export default function Demo() {
|
|
|
177
181
|
</Flex>
|
|
178
182
|
</CardContent>
|
|
179
183
|
</Card>
|
|
184
|
+
|
|
185
|
+
{/* gh#1046 — a long segment cut to one line, the full label in a tooltip. */}
|
|
186
|
+
<Card>
|
|
187
|
+
<CardHeader>
|
|
188
|
+
<CardTitle level={2}>{t("breadcrumbExamples.ellipsisTitle")}</CardTitle>
|
|
189
|
+
<CardDescription>{t("breadcrumbExamples.ellipsisDescription")}</CardDescription>
|
|
190
|
+
</CardHeader>
|
|
191
|
+
<CardContent>
|
|
192
|
+
<div id="breadcrumb-ellipsis">
|
|
193
|
+
<Breadcrumb
|
|
194
|
+
ariaLabel={t("breadcrumbExamples.ellipsisAria")}
|
|
195
|
+
items={[
|
|
196
|
+
{ label: t("breadcrumbExamples.home"), to: "/" },
|
|
197
|
+
{ label: suite, to: "/suites/412", ellipsis: true },
|
|
198
|
+
{ label: section, ellipsis: true },
|
|
199
|
+
]}
|
|
200
|
+
/>
|
|
201
|
+
</div>
|
|
202
|
+
</CardContent>
|
|
203
|
+
</Card>
|
|
180
204
|
</Flex>
|
|
181
205
|
</PageContainer>
|
|
182
206
|
);
|