@godxjp/ui 21.0.0 → 23.0.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/README.md +4 -4
- package/dist/app/app-provider.js +2 -1
- package/dist/components/data-display/badge.d.ts +28 -1
- package/dist/components/data-display/badge.js +2 -0
- package/dist/components/data-display/data-table.d.ts +18 -2
- package/dist/components/data-display/data-table.js +4 -0
- package/dist/components/data-display/index.d.ts +1 -1
- package/dist/components/data-display/popover.d.ts +19 -1
- package/dist/components/data-display/popover.js +9 -1
- package/dist/components/data-display/progress.d.ts +37 -0
- package/dist/components/data-display/progress.js +57 -5
- package/dist/components/data-display/scroll-area.d.ts +24 -4
- package/dist/components/data-display/scroll-area.js +34 -72
- package/dist/components/data-entry/cascader.js +8 -6
- package/dist/components/data-entry/checkbox.js +2 -0
- package/dist/components/data-entry/choice-hit-target.d.ts +24 -0
- package/dist/components/data-entry/choice-hit-target.js +12 -0
- package/dist/components/data-entry/control-surface.d.ts +8 -0
- package/dist/components/data-entry/control-surface.js +10 -1
- package/dist/components/data-entry/date-picker.d.ts +10 -3
- package/dist/components/data-entry/date-picker.js +503 -238
- package/dist/components/data-entry/form-field.d.ts +1 -1
- package/dist/components/data-entry/form-field.js +7 -3
- package/dist/components/data-entry/form.js +10 -1
- package/dist/components/data-entry/index.d.ts +0 -6
- package/dist/components/data-entry/index.js +0 -6
- package/dist/components/data-entry/label.d.ts +14 -1
- package/dist/components/data-entry/label.js +6 -1
- package/dist/components/data-entry/radio.d.ts +27 -6
- package/dist/components/data-entry/radio.js +89 -43
- package/dist/components/data-entry/search-select.js +226 -89
- package/dist/components/data-entry/select.d.ts +76 -14
- package/dist/components/data-entry/select.js +497 -163
- package/dist/components/data-entry/slider.d.ts +3 -11
- package/dist/components/data-entry/slider.js +582 -93
- package/dist/components/data-entry/switch.d.ts +6 -3
- package/dist/components/data-entry/switch.js +36 -11
- package/dist/components/layout/mobile-shell.d.ts +1 -1
- package/dist/components/layout/mobile-shell.js +2 -0
- package/dist/components/navigation/dropdown-menu.d.ts +11 -3
- package/dist/components/navigation/dropdown-menu.js +190 -15
- package/dist/components/navigation/index.d.ts +0 -3
- package/dist/components/navigation/index.js +0 -78
- package/dist/components/navigation/steps.d.ts +1 -1
- package/dist/components/navigation/steps.js +3 -1
- package/dist/components/navigation/tabs-scroll.d.ts +27 -0
- package/dist/components/navigation/tabs-scroll.js +52 -1
- package/dist/components/navigation/tabs.d.ts +2 -2
- package/dist/components/navigation/tabs.js +88 -23
- package/dist/components/ui/index.d.ts +0 -4
- package/dist/components/ui/index.js +0 -4
- package/dist/components/ui/input-otp.d.ts +1 -1
- package/dist/components/ui/segmented.d.ts +15 -1
- package/dist/components/ui/segmented.js +15 -6
- package/dist/components/ui/tag-input.js +3 -5
- package/dist/i18n/messages/en.json +3 -2
- package/dist/i18n/messages/ja.json +3 -2
- package/dist/i18n/messages/vi.json +3 -2
- package/dist/lib/datetime/picker-format.d.ts +18 -0
- package/dist/lib/datetime/picker-format.js +35 -1
- package/dist/lib/field-a11y.d.ts +12 -0
- package/dist/lib/field-a11y.js +14 -1
- package/dist/lib/select-options.d.ts +21 -0
- package/dist/lib/select-options.js +46 -0
- package/dist/props/components/data-display.prop.d.ts +16 -6
- package/dist/props/components/data-entry.prop.d.ts +503 -129
- package/dist/props/components/index.d.ts +2 -2
- package/dist/props/components/layout.prop.d.ts +12 -1
- package/dist/props/components/navigation.prop.d.ts +93 -1
- package/dist/props/registry.d.ts +79 -16
- package/dist/props/registry.js +85 -15
- package/dist/props/vocabulary/data.prop.d.ts +12 -0
- package/dist/props/vocabulary/index.d.ts +2 -2
- package/dist/props/vocabulary/layout.prop.d.ts +11 -0
- package/dist/styles/badge-layout.css +4 -0
- package/dist/styles/card-layout.css +6 -6
- package/dist/styles/control.css +220 -29
- package/dist/styles/data-display-layout.css +94 -23
- package/dist/styles/focus-ring.css +6 -4
- package/dist/styles/fonts.css +88 -4
- package/dist/styles/navigation-layout.css +36 -236
- package/dist/styles/shell-layout.css +149 -139
- package/dist/styles/table-layout.css +41 -3
- package/dist/tokens/components/control.css +4 -0
- package/dist/tokens/components/data-display.css +9 -5
- package/dist/tokens/components/navigation.css +9 -5
- package/dist/tokens/components/scroll-area.css +7 -0
- package/dist/tokens/components/segmented.css +0 -2
- package/dist/tokens/components/shell.css +2 -0
- package/dist/tokens/components/table.css +3 -0
- package/dist/tokens/foundation.css +7 -0
- package/docs/COMPONENTS.md +14 -14
- package/docs/CONSUMER-RULES.md +24 -1
- package/docs/CUSTOMER-THEMING.md +7 -1
- package/docs/FRAME-COVERAGE-REPORT.md +5 -11
- package/docs/TOKENS.md +65 -0
- package/docs/data-display/badge.tsx +37 -0
- package/docs/data-display/data-table/index.tsx +45 -1
- package/docs/data-display/popover.tsx +43 -5
- package/docs/data-display/progress.tsx +28 -0
- package/docs/data-display/scroll-area.tsx +51 -45
- package/docs/data-entry/calendar.tsx +2 -2
- package/docs/data-entry/date-picker.tsx +144 -5
- package/docs/data-entry/form/examples/invoice-form.tsx +2 -2
- package/docs/data-entry/form-field/examples/a11y-contract.tsx +3 -5
- package/docs/data-entry/form.tsx +4 -4
- package/docs/data-entry/input-otp.tsx +5 -2
- package/docs/data-entry/number-input.tsx +31 -0
- package/docs/data-entry/segmented.tsx +143 -2
- package/docs/data-entry/select-matrix.tsx +1 -2
- package/docs/data-entry/select.tsx +108 -3
- package/docs/data-entry/slider.tsx +125 -47
- package/docs/feedback/dialog.tsx +1 -2
- package/docs/feedback/sheet.tsx +1 -2
- package/docs/layout/app-shell-states.tsx +143 -0
- package/docs/layout/mobile-shell.tsx +5 -0
- package/docs/navigation/dropdown-menu.tsx +75 -4
- package/docs/navigation/tabs.tsx +149 -0
- package/docs/roadmap/antd-parity.md +35 -34
- package/docs/roadmap/parity-audit-data-entry.md +196 -172
- package/docs/roadmap/parity-audit-layout-navigation-general.md +304 -310
- package/docs/roadmap/parity-backlog.md +8 -10
- package/docs/showcase/acme-portal.tsx +7 -0
- package/package.json +28 -64
- package/scripts/ui-audit.mjs +18 -5
- package/scripts/visual-audit-rules.mjs +0 -7
- package/scripts/visual-audit.mjs +6 -27
- package/dist/components/data-entry/date-range-picker.d.ts +0 -11
- package/dist/components/data-entry/date-range-picker.js +0 -349
- package/dist/components/data-entry/month-picker.d.ts +0 -10
- package/dist/components/data-entry/month-picker.js +0 -241
- package/dist/components/data-entry/month-range-picker.d.ts +0 -10
- package/dist/components/data-entry/month-range-picker.js +0 -301
- package/dist/components/navigation/context-menu.d.ts +0 -21
- package/dist/components/navigation/context-menu.js +0 -149
- package/dist/components/navigation/menubar.d.ts +0 -21
- package/dist/components/navigation/menubar.js +0 -136
- package/dist/components/navigation/navigation-menu.d.ts +0 -10
- package/dist/components/navigation/navigation-menu.js +0 -91
- package/dist/components/ui/context-menu.d.ts +0 -1
- package/dist/components/ui/context-menu.js +0 -2
- package/dist/components/ui/date-range-picker.d.ts +0 -1
- package/dist/components/ui/date-range-picker.js +0 -2
- package/dist/components/ui/menubar.d.ts +0 -1
- package/dist/components/ui/menubar.js +0 -2
- package/dist/components/ui/navigation-menu.d.ts +0 -1
- package/dist/components/ui/navigation-menu.js +0 -2
- package/docs/FRAME-A11Y-CI.md +0 -349
- package/docs/data-entry/date-range-picker.tsx +0 -175
- package/docs/data-entry/month-picker.tsx +0 -101
- package/docs/data-entry/month-range-picker.tsx +0 -115
- package/docs/navigation/context-menu.tsx +0 -128
- package/docs/navigation/menubar.tsx +0 -141
- package/docs/navigation/navigation-menu.tsx +0 -158
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
# Ant Design parity — `data-entry` group
|
|
2
2
|
|
|
3
3
|
> Audit pass, read-only, 2026-09-10. Method and ledger format: `antd-parity.md` §0 / §2.
|
|
4
|
+
> **Cập nhật 11/09/2026 — `Select` (§2.1).** Chủ dự án yêu cầu Select bám sát Ant Design 6, nên
|
|
5
|
+
> nhiều dòng `WONT-PORT` / `COVERED-ELSEWHERE` bên dưới ĐÃ BỊ ĐẢO và nay là `PRESENT`. Lý do cũ
|
|
6
|
+
> không sai về kỹ thuật; nó chỉ không còn là quyết định hiện hành. Hai dòng KHÔNG đảo, và vì sao:
|
|
7
|
+
> `variant: "underlined"` (docs/DESIGN-AUTHORITY.md nêu đích danh: SmartHR vẽ ô kín — đó là quyết
|
|
8
|
+
> định của design authority, không phải của bản kiểm này) và `virtual` (vẫn thiếu — xem dòng của nó).
|
|
9
|
+
>
|
|
4
10
|
> Skipped by instruction: `TreeSelect`, `Segmented`, `TagInput` chip rendering, everything chat-shaped
|
|
5
11
|
> (`ChatComposer`, `ChatSuggestion`). 45 catalog entries carry `group: "data-entry"`.
|
|
6
12
|
|
|
@@ -31,8 +37,9 @@ The five that matter, in order:
|
|
|
31
37
|
3. **No option-list virtualization anywhere in `src/`** (`grep -rl 'virtual\|useVirtualizer\|react-window\|@tanstack/react-virtual' src/` → nothing).
|
|
32
38
|
antd `Select virtual` is on by default; a 5 000-row `Select`/`Cascader` here renders 5 000 DOM
|
|
33
39
|
nodes. Same root cause as the missing `List` in `list-masonry.md`. **P1.**
|
|
34
|
-
4.
|
|
35
|
-
|
|
40
|
+
4. ~~**`Slider` never exposes a formatted value to assistive tech.**~~ CLOSED — `tooltip.formatter`
|
|
41
|
+
is now also the thumb's `aria-valuetext` (`slider.tsx`, `slider-antd.test.tsx`), landed with the
|
|
42
|
+
move to react-aria-components.
|
|
36
43
|
5. **`ColorPicker` is a native `<input type="color">` + hex box** and is the one control in the group
|
|
37
44
|
with no `size`/`status`/`variant`/`allowClear`/`readOnly`, and no `presets`. It cannot express a
|
|
38
45
|
brand palette, which is the ordinary enterprise use. **P1.**
|
|
@@ -41,9 +48,16 @@ The five that matter, in order:
|
|
|
41
48
|
|
|
42
49
|
`Input` · `Textarea` · `PasswordInput` · `InputOTP` · `Switch` · `Checkbox` · `Radio` · `Field` ·
|
|
43
50
|
`Form` / `FormField` / `FormErrors` / `FormRoot` / `FormFieldControl` / `FormFieldArray` /
|
|
44
|
-
`useZodForm` · `Toggle` / `ToggleGroup` (they
|
|
45
|
-
`
|
|
46
|
-
|
|
51
|
+
`useZodForm` · `Toggle` / `ToggleGroup` (they _are_ the coverage for antd `CheckableTag`) ·
|
|
52
|
+
`TimeRangePicker` · `UploadCropDialog` (antd has no counterpart — it documents `antd-img-crop` as a
|
|
53
|
+
third-party add-on).
|
|
54
|
+
|
|
55
|
+
`MonthPicker` / `MonthRangePicker` used to be listed here as "fully aligned". They were not: each
|
|
56
|
+
was a hand copy of `DatePicker` / `DateRangePicker` carrying four contracts the original had right —
|
|
57
|
+
a `disabled` picker that still opened, bounds that greyed a chevron and clamped nothing, an
|
|
58
|
+
unhandled Enter, and a non-ISO `name`. Reading them against ANT found nothing, because their
|
|
59
|
+
divergence was from the component beside them. They were merged into `DatePicker` in 22.0.0
|
|
60
|
+
(`picker="month"` / `range picker="month"`).
|
|
47
61
|
|
|
48
62
|
`Command` / `CommandPalette` / `BranchScopePicker` have **no Ant Design counterpart at all**
|
|
49
63
|
(namethatui: "command palette / command menu"); there is nothing to diff. `AutoComplete` is
|
|
@@ -58,96 +72,107 @@ counterpart — it documents `antd-img-crop` as a third-party add-on).
|
|
|
58
72
|
|
|
59
73
|
`src/props/components/data-entry.prop.ts:941-1142`, `src/components/data-entry/search-select.tsx`.
|
|
60
74
|
|
|
61
|
-
| Ant Design prop / behaviour
|
|
62
|
-
|
|
|
63
|
-
| `virtual` — virtualized option list (default ON in antd)
|
|
64
|
-
| `fieldNames` — map `{label,value,options}` onto foreign row shapes
|
|
65
|
-
| `labelInValue` — report `{value,label}` instead of a bare value
|
|
66
|
-
| `optionFilterProp`
|
|
67
|
-
| `maxTagTextLength` — truncate each chip's text
|
|
68
|
-
| `listHeight` — popup max height in px |
|
|
69
|
-
| `placement` (`bottomLeft`…) | `
|
|
70
|
-
| `suffixIcon` / `removeIcon` / `loadingIcon`
|
|
71
|
-
| `getPopupContainer` / `styles` / `classNames` / `popupClassName`
|
|
72
|
-
| `tagRender` in `mode="multiple"`
|
|
73
|
-
| `onPopupScroll`
|
|
74
|
-
| `defaultActiveFirstOption`
|
|
75
|
-
| `onInputKeyDown`
|
|
76
|
-
| `maxTagCount: "responsive"`
|
|
77
|
-
| `variant: "underlined"`
|
|
78
|
-
| `onSelect` / `onDeselect` / `maxTagPlaceholder` **exist but are undocumented** | `MISSING` (catalog) | props at `:1093`, `:1112-1114`, `:1124`; `sed -n '5560,5990p' mcp/src/data/components.ts \| grep -n "onSelect\|onDeselect\|maxTagPlaceholder"` → **no match** | Catalog drift: three shipped props the MCP never tells a consumer about. Add three catalog rows (`godxjp-ui-mcp-catalog-sync`).
|
|
75
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
76
|
+
| ------------------------------------------------------------------------------ | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
77
|
+
| `virtual` — virtualized option list (default ON in antd) | `MISSING` | `grep -rl "virtual\|useVirtualizer\|react-window\|@tanstack/react-virtual" src/` → no files | Add `virtual?: boolean` + a windowed list. Shared work with `List` (`list-masonry.md`) — do it once. |
|
|
78
|
+
| `fieldNames` — map `{label,value,options}` onto foreign row shapes | `PRESENT` | `SelectFieldNamesProp`; `src/lib/select-options.ts` normalises rows, groups and foreign keys into one list for both branches | Done. Rows in a foreign shape need a cast at the call site, exactly as Cascader's and TreeSelect's do. |
|
|
79
|
+
| `labelInValue` — report `{value,label}` instead of a bare value | `PRESENT` | `SelectLabeledValueProp`; the adapter in `select.tsx` translates it in and out | Done. The earlier "no second dialect" ruling is REVERSED: the option riding the callback does not help the async EDIT form, which holds `{value,label}` and no option list yet. Labels that arrive on the value join the option list so the trigger can show them. |
|
|
80
|
+
| `optionFilterProp` | `PRESENT` | `SearchSelectBaseProp.optionFilterProp` + `showSearch.optionFilterProp` | Done. The function form is still more expressive, but naming one field is the two-word answer to the common case. `optionLabelProp` stays COVERED-ELSEWHERE (`labelRender`). |
|
|
81
|
+
| `maxTagTextLength` — truncate each chip's text | `PRESENT` | `chipLabel()` in `search-select.tsx`; test `select-antd-tags.test.tsx` | Done. Cuts what the TRIGGER shows; the value keeps its whole label. |
|
|
82
|
+
| `listHeight` — popup max height in px | `PRESENT` | writes `--select-content-max-height` / `--search-select-list-max-height` inline | Done, and it does NOT break rule #44: the height stays a token, and `listHeight` overrides that token for one instance — the same shape `popupMatchSelectWidth`'s number already had. |
|
|
83
|
+
| `placement` (`bottomLeft`…) | `PRESENT` | `SelectPlacementProp` — `bottomStart` / `bottomEnd` / `topStart` / `topEnd` | Done, spelled LOGICALLY (the DESIGN-AUTHORITY override antd's physical names get everywhere else). Auto-placement with collision flipping is still the default. |
|
|
84
|
+
| `suffixIcon` / `prefix` | `PRESENT` | both branches; `suffixIcon={null}` removes the indicator (antd's own replacement for `showArrow`) | Done. `removeIcon` / `loadingIcon` stay WONT-PORT: `allowClear`'s object form already carries an icon, and the spinner is a token. |
|
|
85
|
+
| `getPopupContainer` / `styles` / `classNames` / `popupClassName` | `WONT-PORT` | ground rule #4 | Inline-style twins and portal escape hatches. |
|
|
86
|
+
| `tagRender` in `mode="multiple"` | `WONT-PORT` | `:1096-1104` states the reason verbatim (button-in-button) | Documented refusal; `TagInput` owns `tagRender` where chips are legal. |
|
|
87
|
+
| `onPopupScroll` | `PRESENT` | fires BESIDE the built-in infinite scroll, never instead of it | Done. The built-in pagination and `renderLoadMore` remain the reason most call sites need neither. |
|
|
88
|
+
| `defaultActiveFirstOption` | `MISSING` | `grep -n defaultActiveFirstOption src/` → nothing | P2. Add as `defaultActiveFirstOption?: boolean`; a search box that pre-highlights row 1 makes Enter a one-key pick. |
|
|
89
|
+
| `onInputKeyDown` | `MISSING` | grep → nothing | P2. Real for "Enter creates a new record" flows. |
|
|
90
|
+
| `maxTagCount: "responsive"` | `WONT-PORT` | `src/props/vocabulary/shared.prop.ts:109-113` documents the refusal | Container queries instead. Already recorded. |
|
|
91
|
+
| `variant: "underlined"` | `WONT-PORT` | `src/props/vocabulary/interaction.prop.ts:126-130` documents the refusal | SmartHR draws full boxes. Already recorded. |
|
|
92
|
+
| `onSelect` / `onDeselect` / `maxTagPlaceholder` **exist but are undocumented** | `MISSING` (catalog) | props at `:1093`, `:1112-1114`, `:1124`; `sed -n '5560,5990p' mcp/src/data/components.ts \| grep -n "onSelect\|onDeselect\|maxTagPlaceholder"` → **no match** | Catalog drift: three shipped props the MCP never tells a consumer about. Add three catalog rows (`godxjp-ui-mcp-catalog-sync`). |
|
|
79
93
|
|
|
80
94
|
### 2.2 `Cascader` — `CascaderProp` `src/props/components/data-entry.prop.ts:1253-1330`
|
|
81
95
|
|
|
82
|
-
| Ant Design prop / behaviour
|
|
83
|
-
|
|
|
84
|
-
| `showSearch` **object form** — `{filter, sort, limit, render, matchInputWidth}`
|
|
85
|
-
| `expandIcon`
|
|
86
|
-
| `Cascader.Panel` — the picker without its trigger
|
|
87
|
-
| `maxTagTextLength`
|
|
88
|
-
| `suffixIcon` / `removeIcon` / `prefix` / `loadingIcon` / `popupRender` / `getPopupContainer` / `styles` | `WONT-PORT`
|
|
89
|
-
| `placement`
|
|
90
|
-
| `tagRender`
|
|
91
|
-
| `virtual`
|
|
96
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
97
|
+
| ------------------------------------------------------------------------------------------------------- | ------------------- | ----------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
98
|
+
| `showSearch` **object form** — `{filter, sort, limit, render, matchInputWidth}` | `MISSING` | `showSearch?: boolean` only, `:1263`; search runs `filterTreeOptions(options, search)` uncapped, `cascader.tsx:389-393` | Add `filterOption` + `filterSort` + a result cap, spelled as Select already spells them (`:1012`, `:1017`) — **not** a nested antd-shaped `showSearch` object. antd's own `limit` default is 50; here a 5 000-leaf tree renders every match. |
|
|
99
|
+
| `expandIcon` | `WONT-PORT` | no grep hit | Token (`--cascader-expand-*`), rule #44. |
|
|
100
|
+
| `Cascader.Panel` — the picker without its trigger | `MISSING` | grep `CascaderPanel` → nothing | P2. Real for a "browse the catalogue" page. Extend `Cascader`, do not add a component. |
|
|
101
|
+
| `maxTagTextLength` | `WONT-PORT` | same reasoning as Select | |
|
|
102
|
+
| `suffixIcon` / `removeIcon` / `prefix` / `loadingIcon` / `popupRender` / `getPopupContainer` / `styles` | `WONT-PORT` | ground rule #4 | |
|
|
103
|
+
| `placement` | `COVERED-ELSEWHERE` | Radix `PopoverContent align="start"`, `cascader.tsx:555` | |
|
|
104
|
+
| `tagRender` | `WONT-PORT` | button-in-button, same as Select | |
|
|
105
|
+
| `virtual` | `MISSING` | no virtualization in `src/` | Same P1 row as Select. |
|
|
92
106
|
|
|
93
107
|
### 2.3 `NumberInput` — `NumberInputProp` `:228-282` · `src/components/data-entry/number-input.tsx`
|
|
94
108
|
|
|
95
|
-
| Ant Design prop / behaviour
|
|
96
|
-
|
|
|
97
|
-
| **locale round-trip** (antd `decimalSeparator` exists precisely for this)
|
|
98
|
-
| `stringMode` — string in/out for values past `Number.MAX_SAFE_INTEGER` or exact decimals | `MISSING`
|
|
99
|
-
| `onStep` — fired on stepper / arrow / wheel with the direction
|
|
100
|
-
| `addonBefore` / `addonAfter`
|
|
101
|
-
| `onPressEnter`
|
|
102
|
-
| `decimalSeparator` as an explicit prop
|
|
103
|
-
|
|
104
|
-
### 2.4 `Slider` — `SliderProp`
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
|
110
|
-
|
|
|
111
|
-
| `
|
|
112
|
-
| `
|
|
113
|
-
| `
|
|
114
|
-
| `range: {
|
|
115
|
-
| `
|
|
109
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
110
|
+
| ---------------------------------------------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
111
|
+
| **locale round-trip** (antd `decimalSeparator` exists precisely for this) | `MISSING` — **defect** | Formats with `new Intl.NumberFormat(locale, …)` `number-input.tsx:100`; parses with `raw.normalize("NFKC").replace(/,/g, "")` `:41`; `handleBlur` re-parses the displayed draft `:220`. Measured: `Intl.NumberFormat("vi",{useGrouping:false}).format(1.5)` → `"1,5"`; `Number("1,5".normalize("NFKC").replace(/,/g,""))` → **`15`**. | **P0.** Derive the locale's decimal + group separators from `Intl.NumberFormat(locale).formatToParts()` and normalise against _those_, instead of hardcoding `,` = thousands. Keep the NFKC 全角 fold — it is correct and load-bearing for `ja`. A regression test per shipped locale (`en`, `ja`, `vi`) is the acceptance. |
|
|
112
|
+
| `stringMode` — string in/out for values past `Number.MAX_SAFE_INTEGER` or exact decimals | `MISSING` | grep `stringMode` → nothing; value type is `number \| null` `:180-182` | P1. Money and 13-digit ids are the ordinary enterprise case; `roundTo` `:45-49` mitigates FP drift but cannot fix range. Add as an opt-in that widens the triad to `string`. |
|
|
113
|
+
| `onStep` — fired on stepper / arrow / wheel with the direction | `MISSING` | grep `onStep` → nothing | P2. Add `onStep?: (value, info: { offset, type: "up" \| "down" }) => void`. |
|
|
114
|
+
| `addonBefore` / `addonAfter` | `WONT-PORT` | deprecated in antd itself (use `Space.Compact`) | `prefix`/`suffix` present `:215-217`. |
|
|
115
|
+
| `onPressEnter` | `COVERED-ELSEWHERE` | commit-on-Enter is already the behaviour, `:237` | |
|
|
116
|
+
| `decimalSeparator` as an explicit prop | `WONT-PORT` | should follow the locale, not a prop | Fixing the round-trip above removes the need. |
|
|
117
|
+
|
|
118
|
+
### 2.4 `Slider` — `SliderProp` · `src/components/data-entry/slider.tsx`
|
|
119
|
+
|
|
120
|
+
CLOSED. `Slider` moved to `react-aria-components` and took the antd 6 API with it, so every row
|
|
121
|
+
this table used to hold is now either `PRESENT` or a recorded non-port:
|
|
122
|
+
|
|
123
|
+
| Ant Design prop / behaviour | Status |
|
|
124
|
+
| ------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------- |
|
|
125
|
+
| `aria-valuetext` mirroring `tooltip.formatter` | `PRESENT` — a string/number `formatter` result is written onto the thumb's input |
|
|
126
|
+
| `value`/`defaultValue`/`onChange`/`onChangeComplete` as antd spells them | `PRESENT` — the Radix-era `number[]` + `onValueChange`/`onValueCommit` spelling still compiles |
|
|
127
|
+
| `step={null}`, `marks` object form, `dots`, `included`, `vertical` | `PRESENT` |
|
|
128
|
+
| `range: { editable, minCount, maxCount, draggableTrack }` | `PRESENT` |
|
|
129
|
+
| `disabled` as `boolean[]` | `PRESENT` |
|
|
130
|
+
| `tooltip.placement` / `autoAdjustOverflow` | `PRESENT` — logical sides, flip measured against the thumb's rect |
|
|
131
|
+
| `tooltip.getPopupContainer` | `WONT-PORT` — the bubble lives inside the thumb; nothing is portalled, so there is no container to choose |
|
|
132
|
+
| `keyboard: false` | `WONT-PORT` — removing keyboard operation from a `role="slider"` fails WCAG 2.1.1 |
|
|
133
|
+
| `classNames` / `styles` semantic slots | `WONT-PORT` — docs/WHAT-BELONGS-HERE.md, "lỗ kiểu dáng tự do" |
|
|
134
|
+
| default tooltip text is not `Intl`-formatted | `MISSING` — P2, unchanged: pass `tooltip.formatter` for ¥/%/件 |
|
|
116
135
|
|
|
117
136
|
### 2.5 `ColorPicker` — `ColorPickerProp` `:893-908` · `src/components/data-entry/color-picker.tsx` (114 lines)
|
|
118
137
|
|
|
119
|
-
| Ant Design prop / behaviour
|
|
120
|
-
|
|
|
121
|
-
| `presets` — named swatch groups
|
|
122
|
-
| `size` / `status` / `variant`
|
|
123
|
-
| `allowClear` + `onClear`
|
|
124
|
-
| `readOnly`
|
|
125
|
-
| `format` / `defaultFormat` / `onFormatChange` (rgb/hex/hsb)
|
|
126
|
-
| `disabledAlpha` / alpha channel
|
|
127
|
-
| `mode: "gradient"`
|
|
128
|
-
| `showText`
|
|
129
|
-
| `panelRender` / `trigger` / `arrow` / `placement` / `destroyOnHidden` | `WONT-PORT` | native panel; ground rule #4
|
|
130
|
-
|
|
131
|
-
### 2.6 `DatePicker`
|
|
138
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
139
|
+
| --------------------------------------------------------------------- | ----------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
|
|
140
|
+
| `presets` — named swatch groups | `MISSING` | whole file read; only `<input type="color">` `color-picker.tsx:84-93` + a hex `Input` `:96-108` | **P1.** A tenant/brand palette is the ordinary case; today the consumer hand-rolls a swatch row of `Button`s beside it. |
|
|
141
|
+
| `size` / `status` / `variant` | `MISSING` | prop type `:893-908` has none of the three; every other control in the group carries all three | **P1 (consistency).** A `ColorPicker` cannot line up with the `Input` next to it in a form row, and cannot paint a validation error. |
|
|
142
|
+
| `allowClear` + `onClear` | `MISSING` | `AllowClearProp` not imported into `ColorPickerProp` `:893` | P2. The value can legitimately be `""` `:46` but nothing clears it back. |
|
|
143
|
+
| `readOnly` | `MISSING` | `disabled` only `:902` | P2. `Select`/`Cascader`/`TagInput`/`Transfer` all state a `readOnly` contract; this one does not. |
|
|
144
|
+
| `format` / `defaultFormat` / `onFormatChange` (rgb/hex/hsb) | `MISSING` | `HEX_PATTERN` `:14` is the only accepted shape | P2. |
|
|
145
|
+
| `disabledAlpha` / alpha channel | `WONT-PORT` | `<input type="color">` has no alpha | Would require replacing the native panel. Not worth it unless `presets` forces a custom panel anyway — decide the two together. |
|
|
146
|
+
| `mode: "gradient"` | `WONT-PORT` | — | A gradient editor is a different control. |
|
|
147
|
+
| `showText` | `MISSING` | `showHexInput` `:38` shows an _editable_ hex box, not a read-only label | P2 — `showHexInput` is the house spelling and covers the intent; record as `RENAMED` if the read-only variant is not wanted. |
|
|
148
|
+
| `panelRender` / `trigger` / `arrow` / `placement` / `destroyOnHidden` | `WONT-PORT` | native panel; ground rule #4 | |
|
|
149
|
+
|
|
150
|
+
### 2.6 `DatePicker` (one control: `picker` × `range`/`multiple`) — `data-entry.prop.ts` `DatePickerBaseProp` / `DatePickerProp` (+ `PickerChromeProp`)
|
|
151
|
+
|
|
152
|
+
As of 22.0.0 this is ONE component. antd ships one `DatePicker` with `picker` plus a
|
|
153
|
+
`DatePicker.RangePicker`; this library had drifted to four (`DatePicker`, `DateRangePicker`,
|
|
154
|
+
`MonthPicker`, `MonthRangePicker`), three of them hand copies of the first. `picker` is the
|
|
155
|
+
granularity axis and `range` the cardinality axis, so the eight combinations are one implementation.
|
|
132
156
|
|
|
133
157
|
Present and correct: `format` (string | `Intl.DateTimeFormatOptions` incl. Japanese era | fn),
|
|
134
|
-
`parseFormat`, `minDate`/`maxDate`, `showWeek`, `needConfirm`, `picker`, `
|
|
135
|
-
`presets`, `disabledDate`, `cellRender`, `allowClear`, `allowEmpty`,
|
|
136
|
-
`inputReadOnly`, `preserveInvalidOnBlur`, `renderExtraFooter`, `placement`
|
|
137
|
-
`open`/`defaultOpen`/`onOpenChange`, `multiple`, ISO native submission
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
|
141
|
-
|
|
|
142
|
-
| `
|
|
143
|
-
| `
|
|
144
|
-
| `
|
|
145
|
-
| `
|
|
146
|
-
| `
|
|
147
|
-
| `
|
|
148
|
-
| `
|
|
149
|
-
| `
|
|
150
|
-
| `
|
|
158
|
+
`parseFormat`, `minDate`/`maxDate`, `showWeek`, `needConfirm`, `picker`, `range`, `order`,
|
|
159
|
+
`showTime`, `presets`, `disabledDate`, `cellRender`, `allowClear`, `allowEmpty`,
|
|
160
|
+
`showNow`/`showToday`, `inputReadOnly`, `preserveInvalidOnBlur`, `renderExtraFooter`, `placement`
|
|
161
|
+
(logical `bottom-start`…), `open`/`defaultOpen`/`onOpenChange`, `multiple`, ISO native submission
|
|
162
|
+
at the granularity `picker` selects.
|
|
163
|
+
|
|
164
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
165
|
+
| --------------------------------------------------------------------------------------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
166
|
+
| `mode` + `onPanelChange` — controlled panel level (date→month→year) | `MISSING` | `grep -rn "onPanelChange" src/` → nothing; `picker` selects the _value granularity_, not the panel level | P2. Distinct from `picker`; needed only for a picker that drives an external month/year state. |
|
|
167
|
+
| `defaultPickerValue` / `pickerValue` / `onPickerValueChange` — which month the panel opens on | `MISSING` | grep → nothing | **P1.** "Open on the fiscal-year start", "open on the month of the row being edited" has no expression today; the panel always opens on the value or today. |
|
|
168
|
+
| `onOk` — the confirm click | `MISSING` | grep `onOk` in `src/components/data-entry/` → nothing, although `needConfirm` renders the button | P2. `onValueChange` already fires on confirm; `onOk` is a convenience. |
|
|
169
|
+
| `separator` (RangePicker) | `MISSING` | hardcoded `<ArrowRight … />` in the range shell of `date-picker.tsx` | P2. RTL is handled (logical icon flip), so this is cosmetic — a token would do. |
|
|
170
|
+
| `disabled: [boolean, boolean]` — lock one end of a range | `MISSING` | `disabled?: DisabledProp` (scalar) on `DatePickerBaseProp` | **P1.** "The start date is fixed by the contract, only the end is editable" is a real screen and has no expression. |
|
|
171
|
+
| `onCalendarChange` — fires on each end of the range | `MISSING` | grep → nothing | P2. Needed to compute a live duration while the range is half-picked. |
|
|
172
|
+
| `panelRender` / `prevIcon` / `nextIcon` / `superPrevIcon` / `superNextIcon` / `suffixIcon` / `components` | `WONT-PORT` | grep → nothing; ground rule #4 | Tokens, not props. |
|
|
173
|
+
| `getPopupContainer` / `styles` / `classNames` / `popupClassName` | `WONT-PORT` | ground rule #4 | |
|
|
174
|
+
| `maxTagCount` for `multiple` | `MISSING` | the `multiple` arm has no collapse knob, unlike `Select`/`Cascader`/`TreeSelect` which all take `MaxTagCountProp` | P2 — reuse `MaxTagCountProp` (`shared.prop.ts:113`), do not invent a spelling. |
|
|
175
|
+
| `dateRender` | `RENAMED` | `cellRender` (antd renamed it too) | No work. |
|
|
151
176
|
|
|
152
177
|
### 2.7 `TimePicker` — `TimePickerProp` `:822-877`
|
|
153
178
|
|
|
@@ -155,23 +180,23 @@ Present: `hourStep`/`minuteStep`/`secondStep`, `showSeconds`, `use12Hours`, `for
|
|
|
155
180
|
`hideDisabledOptions`, `showNow`, `needConfirm`, `changeOnScroll`, `inputReadOnly`, `allowClear`,
|
|
156
181
|
`renderExtraFooter`, canonical 24-h storage.
|
|
157
182
|
|
|
158
|
-
| Ant Design prop / behaviour
|
|
159
|
-
|
|
|
160
|
-
| `cellRender`
|
|
161
|
-
| `onSelect` — fires per column pick, before commit
|
|
162
|
-
| `needConfirm` default
|
|
163
|
-
| `suffixIcon` / `popupClassName` / `getPopupContainer` | `WONT-PORT`
|
|
183
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
184
|
+
| ----------------------------------------------------- | ------------------------------------- | --------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
|
|
185
|
+
| `cellRender` | `MISSING` | `grep -n cellRender src/components/data-entry/time-picker.tsx` → nothing | P2. Marking "already booked" times is the same need `Calendar cellRender` already serves. |
|
|
186
|
+
| `onSelect` — fires per column pick, before commit | `MISSING` | grep → nothing | P2. |
|
|
187
|
+
| `needConfirm` default | `PRESENT` — **deliberate divergence** | `:864-871` states it: antd defaults `true`, this library `false`, with the reason | No work; already documented. Keep. |
|
|
188
|
+
| `suffixIcon` / `popupClassName` / `getPopupContainer` | `WONT-PORT` | ground rule #4 | |
|
|
164
189
|
|
|
165
190
|
### 2.8 `Calendar` — `CalendarProp` `:585-619`
|
|
166
191
|
|
|
167
|
-
| Ant Design prop / behaviour
|
|
168
|
-
|
|
|
169
|
-
| `mode: "month" \| "year"` + `onPanelChange` — the 12-month year board | `MISSING`
|
|
170
|
-
| `headerRender`
|
|
171
|
-
| `validRange`
|
|
172
|
-
| `fullscreen`
|
|
173
|
-
| `fullCellRender` — replace the whole cell
|
|
174
|
-
| `showWeek`
|
|
192
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
193
|
+
| --------------------------------------------------------------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
|
|
194
|
+
| `mode: "month" \| "year"` + `onPanelChange` — the 12-month year board | `MISSING` | `grep -rn "onPanelChange\|fullCellRender" src/` → nothing; `CalendarProp` is `DayPickerProps` + footer + `width`/`bordered`/`cellRender` | P2. `<DatePicker picker="month">` covers _picking_ a month; it does not cover a year board a consumer can decorate. |
|
|
195
|
+
| `headerRender` | `COVERED-ELSEWHERE` | `CalendarProp extends DayPickerProps` `:585` → react-day-picker `captionLayout="dropdown" \| "dropdown-months" \| "dropdown-years"` + `startMonth`/`endMonth` (used at `calendar.tsx:60-61`) | Add a `related`/usage note; no code. |
|
|
196
|
+
| `validRange` | `COVERED-ELSEWHERE` | DayPicker `startMonth`/`endMonth` + `disabled`, `calendar.tsx:60-61` | |
|
|
197
|
+
| `fullscreen` | `RENAMED` | `width="full"` + `bordered` `:604,616`, with the measured rationale for the split | No work. |
|
|
198
|
+
| `fullCellRender` — replace the whole cell | `WONT-PORT` | `CalendarCellRenderProp` `:571-583` states the refusal: `cellRender` **wraps** `originNode` so selection state, `aria-selected`, disabled handling and the roving tabindex survive | Correct call. Record it in the catalog so nobody re-adds it. |
|
|
199
|
+
| `showWeek` | `COVERED-ELSEWHERE` | DayPicker `showWeekNumber` | |
|
|
175
200
|
|
|
176
201
|
### 2.9 `Upload` — `UploadProp` `:1152-1234`
|
|
177
202
|
|
|
@@ -180,17 +205,17 @@ Present and unusually complete: `action`/`method`/`headers`/`data`/`withCredenti
|
|
|
180
205
|
`maxCount`/`maxSizeBytes`, `itemRender`, `previewFile`, `onPreview`/`onDownload`/`onRemove`/`onDrop`,
|
|
181
206
|
per-item progress + cancel (`upload.tsx:234-289`, `upload-request.ts:16-54`).
|
|
182
207
|
|
|
183
|
-
| Ant Design prop / behaviour
|
|
184
|
-
|
|
|
185
|
-
| `customRequest`
|
|
186
|
-
| `listType`
|
|
187
|
-
| `fileList` / `defaultFileList` / `onChange`
|
|
188
|
-
| `showUploadList` **object form** — `{showPreviewIcon, showRemoveIcon, showDownloadIcon, extra}` | `MISSING`
|
|
189
|
-
| `iconRender` — per-status file icon
|
|
190
|
-
| `isImageUrl` — decide whether a thumbnail is an `<img>`
|
|
191
|
-
| `progress` — antd's Progress config
|
|
192
|
-
| `capture` — mobile camera
|
|
193
|
-
| `styles` / `classNames`
|
|
208
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
209
|
+
| ----------------------------------------------------------------------------------------------- | ----------- | --------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
210
|
+
| `customRequest` | `RENAMED` | `onUpload(file, item, context)` `:1206-1210` with an abort signal + `onProgress` `upload-types.ts:87,106` — strictly richer than antd's | No work; record both names. |
|
|
211
|
+
| `listType` | `RENAMED` | `variant` `:1148-1149` (`dropzone`/`button`/`picture-card`/`picture`/`avatar`/`avatar-crop`) | No work. |
|
|
212
|
+
| `fileList` / `defaultFileList` / `onChange` | `RENAMED` | the controlled triad `:1154-1156` | No work. |
|
|
213
|
+
| `showUploadList` **object form** — `{showPreviewIcon, showRemoveIcon, showDownloadIcon, extra}` | `MISSING` | `showUploadList?: boolean` `:1196`, consumed as a boolean at `upload.tsx:461,644` | **P1.** "Files can be previewed but not removed" is a permissions case; today the only escape is `itemRender`, which hands the consumer the whole row and its a11y with it. Widen to `boolean \| { … }`. |
|
|
214
|
+
| `iconRender` — per-status file icon | `MISSING` | `grep -n iconRender src/components/data-entry/upload.tsx` → nothing (only `PasswordInput` has one) | P2 — or `WONT-PORT` in favour of tokens; decide with the row above. |
|
|
215
|
+
| `isImageUrl` — decide whether a thumbnail is an `<img>` | `MISSING` | grep → nothing; `createUploadItem` infers from `file.type` `upload-types.ts:43` | P2. Bites a `value` restored from the server with a `url` but no `mimeType`. |
|
|
216
|
+
| `progress` — antd's Progress config | `WONT-PORT` | renders this library's own `Progress` `upload.tsx:866,979` | Token, rule #44. |
|
|
217
|
+
| `capture` — mobile camera | `MISSING` | grep `capture` → nothing on the `<input type="file">` | P2. |
|
|
218
|
+
| `styles` / `classNames` | `WONT-PORT` | ground rule #4 | |
|
|
194
219
|
|
|
195
220
|
### 2.10 `Transfer` — `TransferProp` `:1413-1459`
|
|
196
221
|
|
|
@@ -198,40 +223,40 @@ Present: `dataSource`, `targetKeys`/`defaultTargetKeys` + the `value`/`defaultVa
|
|
|
198
223
|
`showSearch`, `render`, `filterOption`, `showSelectAll`, `oneWay`, `pagination`, `selectedKeys` +
|
|
199
224
|
`onSelectChange`, `readOnly`, `name`.
|
|
200
225
|
|
|
201
|
-
| Ant Design prop / behaviour
|
|
202
|
-
|
|
|
203
|
-
| `status`
|
|
204
|
-
| `rowKey`
|
|
205
|
-
| `footer`
|
|
206
|
-
| `operations` / `actions` — relabel the ⇄ buttons | `MISSING`
|
|
207
|
-
| `selectAllLabels`
|
|
208
|
-
| `onSearch`
|
|
209
|
-
| `onScroll`
|
|
210
|
-
| `locale` object
|
|
211
|
-
| `listStyle` / `styles` / `classNames`
|
|
226
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
227
|
+
| ------------------------------------------------ | ------------------- | ----------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
|
|
228
|
+
| `status` | `MISSING` | no `status` in `:1413-1459`; every other data-entry control takes `ControlStatusProp` (`interaction.prop.ts:117`) | **P1.** A required Transfer inside a `FormField` cannot paint its own validation error. |
|
|
229
|
+
| `rowKey` | `MISSING` | `TransferItemProp` requires a literal `key` `:1405-1410` | P2. The house spelling is `getRowId` (`GetRowIdProp`, `PROPS-VOCABULARY.md` · Data collections) — reuse it, do not add `rowKey`. |
|
|
230
|
+
| `footer` | `MISSING` | grep → nothing | P2. |
|
|
231
|
+
| `operations` / `actions` — relabel the ⇄ buttons | `MISSING` | grep → nothing | P2. The buttons are localized via `t()`; a per-instance override ("承認する" / "取り消す") has no expression. |
|
|
232
|
+
| `selectAllLabels` | `MISSING` | grep → nothing | P2. |
|
|
233
|
+
| `onSearch` | `MISSING` | `showSearch` `:1434` is a boolean; no query callback | P2 — spell it `onSearchChange` (`OnSearchChangeProp`), as Select and Cascader already do. |
|
|
234
|
+
| `onScroll` | `MISSING` | grep → nothing | P2. `pagination` `:1420` covers the large-list case instead. |
|
|
235
|
+
| `locale` object | `COVERED-ELSEWHERE` | `t()` + the `i18n/messages/*` bundles | |
|
|
236
|
+
| `listStyle` / `styles` / `classNames` | `WONT-PORT` | ground rule #4 | |
|
|
212
237
|
|
|
213
238
|
### 2.11 `SearchInput` — `SearchInputProp` `:418-437` · `src/components/data-entry/search-input.tsx`
|
|
214
239
|
|
|
215
240
|
This maps to antd `Input.Search`.
|
|
216
241
|
|
|
217
|
-
| Ant Design prop / behaviour
|
|
218
|
-
|
|
|
219
|
-
| **`onSearch` on Enter** — commit the query immediately instead of waiting out the debounce | `MISSING` — UX
|
|
220
|
-
| `enterButton` — a visible 検索 button
|
|
221
|
-
| `loading`
|
|
222
|
-
| `size`
|
|
223
|
-
| `allowClear`
|
|
224
|
-
| `searchIcon`
|
|
242
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
243
|
+
| ------------------------------------------------------------------------------------------ | --------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
244
|
+
| **`onSearch` on Enter** — commit the query immediately instead of waiting out the debounce | `MISSING` — UX | no `onKeyDown` anywhere in the file (read in full, 125 lines); `onSearch` fires only from the debounced effect `search-input.tsx:59-63` | **P1.** Pressing Enter in a search box is the universal "search now" gesture; here it does nothing and the user waits `debounce` ms. The IME guard `:43-46` is correct and must be preserved — Enter that _confirms a conversion_ must not submit. |
|
|
245
|
+
| `enterButton` — a visible 検索 button | `MISSING` | grep → nothing | P2. Common on JP admin screens; today the consumer puts a `Button` beside it and re-wires the query. |
|
|
246
|
+
| `loading` | `MISSING` | grep → nothing; `PendingProp` exists in the vocabulary | P2. Reuse `loading?: PendingProp` as `Select` `:998` does. |
|
|
247
|
+
| `size` | `MISSING` | `SearchInputProp` `:418-437` has `status` and `variant` but no `size`, while the `Input` it wraps does (`:110`) | P2 (consistency) — a `SearchInput` cannot match an `sm` toolbar row. |
|
|
248
|
+
| `allowClear` | `PRESENT` (always on) | hardcoded clear button `search-input.tsx:110-121` | Fine; note it is not switchable. |
|
|
249
|
+
| `searchIcon` | `WONT-PORT` | ground rule #4 | Token. |
|
|
225
250
|
|
|
226
251
|
### 2.12 `CheckboxGroup` / `RadioGroup` — `:457-470`, `:472-494`
|
|
227
252
|
|
|
228
|
-
| Ant Design prop / behaviour
|
|
229
|
-
|
|
|
230
|
-
| `options` as bare `string \| number`
|
|
231
|
-
| `Radio.Group block` — stretch to the parent width (antd 5.21) | `MISSING`
|
|
232
|
-
| `optionType` / `buttonStyle`
|
|
233
|
-
| option `title` (hover hint)
|
|
234
|
-
| `size` on `Radio.Group`
|
|
253
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
254
|
+
| ------------------------------------------------------------- | ------------------- | ----------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
|
|
255
|
+
| `options` as bare `string \| number` | `MISSING` | `ChoiceOptionProp` requires `{label, value}` `:449-455` | P2. Identical to the `Segmented` row already logged in `antd-parity.md` §3.2 — fix all three together, one shared widening. |
|
|
256
|
+
| `Radio.Group block` — stretch to the parent width (antd 5.21) | `MISSING` | `grep -n "block" src/props/components/data-entry.prop.ts` → no `block` on `RadioGroupProp` `:472-494` | P2. `Segmented` already has `block`; a `optionType="button"` group `:440` wants the same. Reuse the spelling. |
|
|
257
|
+
| `optionType` / `buttonStyle` | `PRESENT` | `:440`, `:442` | |
|
|
258
|
+
| option `title` (hover hint) | `COVERED-ELSEWHERE` | wrap in `Tooltip` — same ruling as `Segmented` in §3.2 | |
|
|
259
|
+
| `size` on `Radio.Group` | `MISSING` | no `size` on `RadioGroupProp` `:472-494` | P2 — only meaningful with `optionType="button"`. Reuse `SizeProp`. |
|
|
235
260
|
|
|
236
261
|
### 2.13 `Rating` (antd `Rate`) — `src/components/ui/rating.tsx:7-42`
|
|
237
262
|
|
|
@@ -239,19 +264,19 @@ Present: `count` (+ the legacy `max`), `allowHalf`, `allowClear`, `character` (n
|
|
|
239
264
|
`tooltips` folded into the accessible name `:32-36`, `readOnly`, `disabled`, `name`. a11y is correct:
|
|
240
265
|
`role="radiogroup"` + `role="radio"` + roving tabindex `:131-155`.
|
|
241
266
|
|
|
242
|
-
| Ant Design prop / behaviour
|
|
243
|
-
|
|
|
244
|
-
| `onHoverChange`
|
|
245
|
-
| `keyboard: false`
|
|
267
|
+
| Ant Design prop / behaviour | Status | Evidence | Verdict |
|
|
268
|
+
| ---------------------------------------------------------- | -------------------------------------- | ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
269
|
+
| `onHoverChange` | `MISSING` | `hover` state is internal, `rating.tsx:70` | P2. |
|
|
270
|
+
| `keyboard: false` | `WONT-PORT` | — | Disabling arrow keys on a `radiogroup` fails WCAG 2.1.1. |
|
|
246
271
|
| `RatingProps` is not registered in `src/props/components/` | `MISSING` (house standard, not parity) | `grep -rn "RatingProp" src/props/` → no hit; the type lives in `src/components/ui/rating.tsx:7` | Same for `TagInputProps`, `ToggleProp`, `ToggleGroupItemProp`, `PasswordInputProps`, `UploadCropDialog`. Out of Ant-parity scope, but `STANDARDS-vocabulary-tokens.md` rules 1–2 want them in the registry. Flagged, not scheduled. |
|
|
247
272
|
|
|
248
273
|
### 2.14 `PasswordStrength` — `src/components/data-entry/password-strength.tsx` (no antd counterpart)
|
|
249
274
|
|
|
250
|
-
| Behaviour
|
|
251
|
-
|
|
|
252
|
-
| Every visible string is hardcoded English | `MISSING` — **i18n** | `DEFAULT_LABELS = { weak: "Weak", fair: "Fair", strong: "Strong" }` `:4-8`; `labelForRule` returns `"8+ characters"`, `"Contains uppercase letter"`, … `:119-133`; ``
|
|
253
|
-
| `role="img"` on the meter
|
|
254
|
-
| Rule set is closed
|
|
275
|
+
| Behaviour | Status | Evidence | Verdict |
|
|
276
|
+
| ----------------------------------------- | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
277
|
+
| Every visible string is hardcoded English | `MISSING` — **i18n** | `DEFAULT_LABELS = { weak: "Weak", fair: "Fair", strong: "Strong" }` `:4-8`; `labelForRule` returns `"8+ characters"`, `"Contains uppercase letter"`, … `:119-133`; ``aria-label={`Password strength ${score}/4`}`` `:75`; `"Passed: "` / `"Failed: "` `:106`; the live region `{scoreLabel(…)} password strength` `:113`. The file never imports `useTranslation` (`grep -L useTranslation` over `src/components/data-entry/*.tsx` — this is the only non-shim file with real copy that misses it). | **P0.** Route every string through `t()` + the `en`/`ja`/`vi` bundles. `labels` `:21` overrides only 3 of the ~10 strings, so a consumer cannot even work around it. |
|
|
278
|
+
| `role="img"` on the meter | `MISSING` — a11y | `:74-76` | P1. It is a value indicator, not an image: `role="meter"` (or `progressbar`) with `aria-valuenow`/`aria-valuemin`/`aria-valuemax`/`aria-valuetext`. Screen-reader users get a static label today and never hear the value change except via the separate live region `:112-114`. |
|
|
279
|
+
| Rule set is closed | `MISSING` | `PasswordRule` is a fixed 5-member union `:3,10`; thresholds hardcoded `:35-39` | P2. A tenant policy of "12+ characters" has no expression. |
|
|
255
280
|
|
|
256
281
|
---
|
|
257
282
|
|
|
@@ -259,38 +284,37 @@ Present: `count` (+ the legacy `max`), `allowHalf`, `allowClear`, `character` (n
|
|
|
259
284
|
|
|
260
285
|
### P0 — breaks a real screen
|
|
261
286
|
|
|
262
|
-
| #
|
|
263
|
-
| --- |
|
|
264
|
-
| 1
|
|
265
|
-
| 2
|
|
287
|
+
| # | Component | Gap | Cite |
|
|
288
|
+
| --- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------- |
|
|
289
|
+
| 1 | `NumberInput` | Locale round-trip corrupts the value: formatted with `Intl` for the active locale, parsed with a hardcoded `,`-is-a-thousands-separator rule. `vi` (shipped) turns `1.5` into `15` on blur. | `number-input.tsx:41,100,220` |
|
|
290
|
+
| 2 | `PasswordStrength` | Entirely hardcoded English — labels, checklist, `aria-label`, live region. No `t()` in the file. | `password-strength.tsx:4-8,75,106,113,119-133` |
|
|
266
291
|
|
|
267
292
|
### P1 — a workaround exists, but it is hand-rolled and a11y-risky
|
|
268
293
|
|
|
269
|
-
| #
|
|
270
|
-
| --- |
|
|
271
|
-
|
|
|
272
|
-
|
|
|
273
|
-
|
|
|
274
|
-
|
|
|
275
|
-
|
|
|
276
|
-
|
|
|
277
|
-
|
|
|
278
|
-
|
|
|
279
|
-
|
|
|
280
|
-
|
|
|
281
|
-
|
|
|
282
|
-
|
|
|
283
|
-
| 15 | `Select` (catalog) | `onSelect` / `onDeselect` / `maxTagPlaceholder` ship but are absent from the MCP entry — consumers cannot discover them. | props `:1093,1112-1114,1124`; catalog `mcp/src/data/components.ts:5572-5987` |
|
|
294
|
+
| # | Component | Gap | Cite |
|
|
295
|
+
| --- | --------------------- | --------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
|
|
296
|
+
| 4 | `Select` / `Cascader` | No list virtualization anywhere in `src/` (antd `virtual` is on by default). | `grep -rl "virtual\|useVirtualizer\|react-window\|@tanstack/react-virtual" src/` → ∅ |
|
|
297
|
+
| 5 | `ColorPicker` | No `presets`, and the only control in the group with no `size`/`status`/`variant`. | `data-entry.prop.ts:893-908` |
|
|
298
|
+
| 6 | `PasswordStrength` | `role="img"` on a value meter instead of `role="meter"` + `aria-valuenow`. | `password-strength.tsx:74-76` |
|
|
299
|
+
| 7 | `SearchInput` | Enter does not commit the query — `onSearch` fires only after the debounce; no `onKeyDown` in the file. | `search-input.tsx:59-63` (whole file read) |
|
|
300
|
+
| 8 | `Upload` | `showUploadList` is boolean-only; "preview but do not remove" forces `itemRender`, which hands the consumer the row's a11y. | `data-entry.prop.ts:1196`, `upload.tsx:461,644` |
|
|
301
|
+
| 9 | `DatePicker range` | `disabled` is scalar; one end of a range cannot be locked (antd `disabled: [boolean, boolean]`). | `DatePickerBaseProp.disabled` |
|
|
302
|
+
| 10 | `DatePicker` | No `defaultPickerValue`/`pickerValue` — the panel cannot be opened on a chosen month. | grep → ∅ |
|
|
303
|
+
| 11 | `Transfer` | No `status`; cannot paint a validation error inside a `FormField`. | `data-entry.prop.ts:1413-1459` |
|
|
304
|
+
| 12 | `Cascader` | Search is uncapped and uncustomizable (no `filterOption`/`filterSort`/result limit; antd's `limit` default is 50). | `cascader.tsx:389-393`, `data-entry.prop.ts:1263` |
|
|
305
|
+
| 13 | `Select` | `fieldNames` absent although `Cascader` and `TreeSelect` both have it — a foreign row shape must be pre-mapped. | `data-entry.prop.ts:1281,1362` vs `:941-1080` |
|
|
306
|
+
| 14 | `NumberInput` | No `stringMode`; money and >2^53 ids lose precision. | grep → ∅ |
|
|
307
|
+
| 15 | `Select` (catalog) | `onSelect` / `onDeselect` / `maxTagPlaceholder` ship but are absent from the MCP entry — consumers cannot discover them. | props `:1093,1112-1114,1124`; catalog `mcp/src/data/components.ts:5572-5987` |
|
|
284
308
|
|
|
285
309
|
### P2 — nice to have
|
|
286
310
|
|
|
287
311
|
`Select`: `defaultActiveFirstOption`, `onInputKeyDown`. ·
|
|
288
312
|
`Cascader`: `Cascader.Panel`. ·
|
|
289
313
|
`NumberInput`: `onStep`. ·
|
|
290
|
-
`Slider`: `Intl`-formatted default tooltip
|
|
314
|
+
`Slider`: `Intl`-formatted default tooltip (`draggableTrack` has landed). ·
|
|
291
315
|
`ColorPicker`: `allowClear`+`onClear`, `readOnly`, `format`/`defaultFormat`/`onFormatChange`. ·
|
|
292
|
-
`DatePicker`: `mode`+`onPanelChange`, `onOk`, `maxTagCount` for `multiple
|
|
293
|
-
`
|
|
316
|
+
`DatePicker`: `mode`+`onPanelChange`, `onOk`, `maxTagCount` for `multiple`, `format` as an
|
|
317
|
+
array of accepted inputs, and — with `range` — `separator` (token) and `onCalendarChange`. ·
|
|
294
318
|
`TimePicker`: `cellRender`, `onSelect`. ·
|
|
295
319
|
`Calendar`: `mode`/`onPanelChange` (year board). ·
|
|
296
320
|
`Upload`: `iconRender`, `isImageUrl`, `capture`. ·
|
|
@@ -309,13 +333,13 @@ Present: `count` (+ the legacy `max`), `allowHalf`, `allowClear`, `character` (n
|
|
|
309
333
|
component that already exists. Three candidates were considered and rejected before reaching a C1–C7
|
|
310
334
|
ledger:
|
|
311
335
|
|
|
312
|
-
| Candidate
|
|
313
|
-
|
|
|
314
|
-
| `ColorSwatchPicker` (for `presets`)
|
|
315
|
-
| `CascaderPanel` (for antd `Cascader.Panel`)
|
|
316
|
-
| `SearchButton` / `Input.Search` twin (for `enterButton`) | Fails **C1/C3** — `SearchInput` exists; `enterButton` is a prop on it.
|
|
336
|
+
| Candidate | Why it is not a new component |
|
|
337
|
+
| -------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
338
|
+
| `ColorSwatchPicker` (for `presets`) | Fails **C3** — it is a `presets` prop on the existing `ColorPicker`, or a row of `Toggle`s in the app. Adding a second colour control would be the duplication ground rule #3 forbids. |
|
|
339
|
+
| `CascaderPanel` (for antd `Cascader.Panel`) | Fails **C3/C4** — it is `Cascader` rendered without its trigger, i.e. one prop (or a `<Cascader.Panel>` sub-part on the same component), not a second component with a second API. |
|
|
340
|
+
| `SearchButton` / `Input.Search` twin (for `enterButton`) | Fails **C1/C3** — `SearchInput` exists; `enterButton` is a prop on it. |
|
|
317
341
|
|
|
318
|
-
The one place where a
|
|
342
|
+
The one place where a _new_ thing is arguably justified is the **virtualized list engine** behind
|
|
319
343
|
`Select virtual` / `Cascader virtual`. That is not a data-entry component: it is the same engine
|
|
320
344
|
`list-masonry.md` needs for `List`. It should be specced once, there, and consumed here — not
|
|
321
345
|
invented twice.
|