weifuwu 0.87.0 → 0.89.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 +111 -135
- package/dist/client/components/ActionSheet/ActionSheet.d.ts +1 -1
- package/dist/client/components/AiChat/AiChat.d.ts +3 -4
- package/dist/client/components/ChatInput/ChatInput.d.ts +5 -0
- package/dist/client/components/CitationCard/CitationCard.d.ts +1 -1
- package/dist/client/components/Command/Command.d.ts +1 -1
- package/dist/client/components/ContextMenu/ContextMenu.d.ts +1 -1
- package/dist/client/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/client/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/client/components/Editor/model/html.d.ts +10 -0
- package/dist/client/components/ImageCropper/ImageCropper.d.ts +6 -2
- package/dist/client/components/Menu/Menu.d.ts +1 -1
- package/dist/client/components/NavMenu/NavMenu.d.ts +1 -1
- package/dist/client/components/Popconfirm/Popconfirm.d.ts +1 -1
- package/dist/client/components/SlideCanvas/SlideCanvas.d.ts +1 -1
- package/dist/client/components/Tour/Tour.d.ts +1 -1
- package/dist/client/components/TreeSelect/TreeSelect.d.ts +1 -1
- package/dist/client/components/index.js +41 -41
- package/dist/client/components/style.css +298 -644
- package/dist/client/layout/weifuwu-layout.css +286 -640
- package/dist/client/vdom/browser/Browser.d.ts +2 -0
- package/dist/client/vdom/commands.d.ts +4 -1
- package/dist/client/vdom/context/UIContext.d.ts +8 -0
- package/dist/client/vdom/core/diff/attrs.d.ts +10 -2
- package/dist/client/vdom/core/field/attributes.d.ts +12 -0
- package/dist/client/vdom/core/field/events.d.ts +8 -0
- package/dist/client/vdom/core/field/input-sync.d.ts +14 -0
- package/dist/client/vdom/core/field/key.d.ts +3 -0
- package/dist/client/vdom/core/field/props.d.ts +13 -1
- package/dist/client/vdom/core/field/ref.d.ts +6 -0
- package/dist/client/vdom/core/field/style.d.ts +7 -1
- package/dist/client/vdom/core/node/component.d.ts +3 -4
- package/dist/client/vdom/core/node/native.d.ts +6 -1
- package/dist/client/vdom/core/patch/index.d.ts +24 -1
- package/dist/client/vdom/core/patch/processors.d.ts +8 -1
- package/dist/client/vdom/core/protocol.d.ts +45 -0
- package/dist/client/vdom/core/router.d.ts +7 -0
- package/dist/client/vdom/core/ssr/absorb.d.ts +31 -4
- package/dist/client/vdom/core/transform/index.d.ts +6 -6
- package/dist/client/vdom/core/v2/cycle.d.ts +54 -0
- package/dist/client/vdom/core/v2/diff.d.ts +80 -0
- package/dist/client/vdom/core/v2/integrate.d.ts +24 -0
- package/dist/client/vdom/core/v2/render.d.ts +28 -0
- package/dist/client/vdom/core/v2/schedule.d.ts +33 -0
- package/dist/client/vdom/core/v2/serve.d.ts +4 -0
- package/dist/client/vdom/core/v2/spy.d.ts +21 -0
- package/dist/client/vdom/core/v2/ssr.d.ts +14 -0
- package/dist/client/vdom/core/vnode.d.ts +9 -6
- package/dist/client/vdom/dev/error-counter.d.ts +27 -0
- package/dist/client/vdom/dev/render-health.d.ts +60 -0
- package/dist/client/vdom/hooks/chat.d.ts +32 -5
- package/dist/client/vdom/hooks/drag-media.d.ts +3 -1
- package/dist/client/vdom/hooks/env.d.ts +32 -0
- package/dist/client/vdom/hooks/popup-manager.d.ts +21 -0
- package/dist/client/vdom/hooks/popup.d.ts +4 -1
- package/dist/client/vdom/hooks/stable.d.ts +4 -0
- package/dist/client/vdom/hooks/use-observable.d.ts +13 -0
- package/dist/client/vdom/index.d.ts +14 -6
- package/dist/client/vdom/index.js +4 -7
- package/dist/client/vdom/jsx-runtime.js +1 -1
- package/dist/client/vdom/middlewares/api.d.ts +8 -0
- package/dist/client/vdom/middlewares/auth-i18n.d.ts +7 -0
- package/dist/client/vdom/middlewares/ws.d.ts +41 -1
- package/dist/client/vdom/observable/index.d.ts +13 -0
- package/dist/client/vdom/observable/observable.d.ts +26 -0
- package/dist/client/vdom/observable/operators.d.ts +76 -0
- package/dist/client/vdom/observable/sources.d.ts +54 -0
- package/dist/client/vdom/observable/types.d.ts +45 -0
- package/dist/client/vdom/store.d.ts +17 -2
- package/dist/client/vdom/testing.js +2 -2
- package/dist/server/ai/agent.d.ts +18 -0
- package/dist/server/ai/client.d.ts +14 -2
- package/dist/server/ai/contracts.d.ts +2 -2
- package/dist/server/ai/sse.d.ts +6 -0
- package/dist/server/core/collect.d.ts +31 -0
- package/dist/server/core/error-counter.d.ts +11 -0
- package/dist/server/core/hub.d.ts +2 -0
- package/dist/server/core/router.d.ts +12 -9
- package/dist/server/db/contracts.d.ts +24 -0
- package/dist/server/db/memory-redis.d.ts +3 -4
- package/dist/server/db/memory-sql.d.ts +20 -4
- package/dist/server/db/postgres-server.d.ts +2 -0
- package/dist/server/db/query.d.ts +21 -0
- package/dist/server/db/redis-server.d.ts +4 -2
- package/dist/server/db/sql-parser.d.ts +2 -1
- package/dist/server/email/index.d.ts +2 -0
- package/dist/server/index.d.ts +4 -1
- package/dist/server/index.js +3927 -1982
- package/dist/server/messager/index.d.ts +21 -2
- package/dist/server/middleware/compress.d.ts +25 -0
- package/dist/server/ui/index.d.ts +8 -1
- package/dist/server/user/index.d.ts +4 -0
- package/dist/shared/router/chain.d.ts +9 -0
- package/dist/shared/router/context.d.ts +35 -0
- package/dist/shared/router/ctx-fields.d.ts +20 -0
- package/dist/shared/router/pipeline.d.ts +70 -0
- package/dist/shared/router/trie.d.ts +11 -3
- package/dist/shared/router/types.d.ts +23 -0
- package/docs/style-guide.md +44 -41
- package/package.json +13 -10
- package/content/apps/admin.md +0 -55
- package/content/apps/agent-platform.md +0 -35
- package/content/apps/auth.md +0 -49
- package/content/apps/multi.md +0 -44
- package/content/apps/todo.md +0 -51
- package/content/backend/ai.md +0 -28
- package/content/backend/auth.md +0 -20
- package/content/backend/email.md +0 -23
- package/content/backend/graphql.md +0 -23
- package/content/backend/http.md +0 -23
- package/content/backend/limit.md +0 -23
- package/content/backend/middleware.md +0 -17
- package/content/backend/queue.md +0 -23
- package/content/backend/redis.md +0 -26
- package/content/backend/router.md +0 -23
- package/content/backend/schedule.md +0 -23
- package/content/backend/sql.md +0 -27
- package/content/backend/sse.md +0 -26
- package/content/backend/ws.md +0 -26
- package/content/capabilities/app-node.md +0 -21
- package/content/capabilities/data.md +0 -21
- package/content/capabilities/events.md +0 -21
- package/content/capabilities/hooks.md +0 -22
- package/content/capabilities/i18n.md +0 -21
- package/content/capabilities/popup.md +0 -21
- package/content/capabilities/render-only.md +0 -23
- package/content/capabilities/router.md +0 -22
- package/content/capabilities/self-id.md +0 -21
- package/content/capabilities/store.md +0 -21
- package/content/capabilities/theme.md +0 -21
- package/content/capabilities/two-phase.md +0 -21
- package/content/components/accordion.md +0 -50
- package/content/components/actionsheet.md +0 -46
- package/content/components/affix.md +0 -51
- package/content/components/aichat.md +0 -57
- package/content/components/alert.md +0 -52
- package/content/components/alertgroup.md +0 -45
- package/content/components/anchor.md +0 -52
- package/content/components/app.md +0 -37
- package/content/components/approvalcard.md +0 -56
- package/content/components/appshell.md +0 -50
- package/content/components/aspectratio.md +0 -47
- package/content/components/authpage.md +0 -61
- package/content/components/autocomplete-v2.md +0 -40
- package/content/components/autocomplete.md +0 -56
- package/content/components/avatar.md +0 -51
- package/content/components/avatargroup.md +0 -47
- package/content/components/backtop.md +0 -53
- package/content/components/badge.md +0 -55
- package/content/components/breadcrumb.md +0 -49
- package/content/components/button.md +0 -63
- package/content/components/calendar-v2.md +0 -40
- package/content/components/calendar.md +0 -50
- package/content/components/card.md +0 -58
- package/content/components/carousel.md +0 -52
- package/content/components/cascader-v2.md +0 -39
- package/content/components/cascader.md +0 -54
- package/content/components/chart.md +0 -53
- package/content/components/chatinput.md +0 -63
- package/content/components/checkbox.md +0 -51
- package/content/components/checkboxgroup.md +0 -52
- package/content/components/citationcard.md +0 -48
- package/content/components/codeblock.md +0 -48
- package/content/components/codeeditor.md +0 -47
- package/content/components/collapse.md +0 -49
- package/content/components/colorpicker.md +0 -50
- package/content/components/command.md +0 -50
- package/content/components/confirm.md +0 -57
- package/content/components/contextmenu.md +0 -48
- package/content/components/copybutton.md +0 -51
- package/content/components/datepicker.md +0 -52
- package/content/components/descriptions-v2.md +0 -39
- package/content/components/descriptions.md +0 -52
- package/content/components/diffview-v2.md +0 -39
- package/content/components/diffview.md +0 -50
- package/content/components/divider.md +0 -48
- package/content/components/drawer.md +0 -55
- package/content/components/dropdown.md +0 -53
- package/content/components/editor.md +0 -49
- package/content/components/emptystate.md +0 -51
- package/content/components/exportcsv.md +0 -38
- package/content/components/field.md +0 -54
- package/content/components/filepreview-office.md +0 -37
- package/content/components/filepreview.md +0 -49
- package/content/components/filetree.md +0 -56
- package/content/components/fileupload-v2.md +0 -39
- package/content/components/fileupload.md +0 -57
- package/content/components/floatbutton.md +0 -52
- package/content/components/form-v2.md +0 -41
- package/content/components/form.md +0 -60
- package/content/components/grid.md +0 -51
- package/content/components/highlight-v2.md +0 -39
- package/content/components/highlight.md +0 -46
- package/content/components/hovercard.md +0 -51
- package/content/components/icon.md +0 -50
- package/content/components/imagecropper.md +0 -45
- package/content/components/img.md +0 -56
- package/content/components/infinitescroll-v2.md +0 -40
- package/content/components/infinitescroll.md +0 -54
- package/content/components/input.md +0 -65
- package/content/components/inputnumber.md +0 -58
- package/content/components/inview.md +0 -56
- package/content/components/jsonschemaform.md +0 -53
- package/content/components/jsonviewer-v2.md +0 -39
- package/content/components/jsonviewer.md +0 -49
- package/content/components/kanban.md +0 -46
- package/content/components/label.md +0 -48
- package/content/components/layout.md +0 -54
- package/content/components/layoutcontent.md +0 -43
- package/content/components/layoutheader.md +0 -43
- package/content/components/layoutsider.md +0 -43
- package/content/components/link.md +0 -52
- package/content/components/list.md +0 -44
- package/content/components/loading.md +0 -45
- package/content/components/logviewer-v2.md +0 -39
- package/content/components/logviewer.md +0 -53
- package/content/components/markdown.md +0 -51
- package/content/components/markdowneditor.md +0 -47
- package/content/components/math.md +0 -42
- package/content/components/mentions-v2.md +0 -39
- package/content/components/mentions.md +0 -52
- package/content/components/menu.md +0 -56
- package/content/components/menubar.md +0 -44
- package/content/components/messagebubble.md +0 -50
- package/content/components/modal.md +0 -59
- package/content/components/navmenu.md +0 -47
- package/content/components/notification.md +0 -51
- package/content/components/pageheader.md +0 -53
- package/content/components/pagination.md +0 -49
- package/content/components/paragraph.md +0 -45
- package/content/components/passwordinput.md +0 -57
- package/content/components/pininput-v2.md +0 -39
- package/content/components/pininput.md +0 -50
- package/content/components/pipeline.md +0 -49
- package/content/components/popconfirm.md +0 -58
- package/content/components/popover.md +0 -61
- package/content/components/progressbar.md +0 -50
- package/content/components/prompttemplate.md +0 -49
- package/content/components/qrcode.md +0 -50
- package/content/components/radiogroup.md +0 -53
- package/content/components/rate.md +0 -53
- package/content/components/reasoningblock.md +0 -47
- package/content/components/relationgraph.md +0 -52
- package/content/components/resizable.md +0 -53
- package/content/components/result.md +0 -49
- package/content/components/scrollbar.md +0 -49
- package/content/components/searchinput.md +0 -51
- package/content/components/segmentedcontrol.md +0 -59
- package/content/components/select-searchable.md +0 -47
- package/content/components/select.md +0 -66
- package/content/components/sessionlist.md +0 -52
- package/content/components/sheetgrid.md +0 -44
- package/content/components/skeleton.md +0 -55
- package/content/components/slidecanvas.md +0 -44
- package/content/components/slider.md +0 -62
- package/content/components/sortablelist.md +0 -39
- package/content/components/space.md +0 -52
- package/content/components/sparkline.md +0 -52
- package/content/components/statcard-countdown.md +0 -39
- package/content/components/statcard.md +0 -56
- package/content/components/steps.md +0 -48
- package/content/components/switch.md +0 -50
- package/content/components/tabbar.md +0 -45
- package/content/components/table-v2.md +0 -40
- package/content/components/table.md +0 -66
- package/content/components/tabs.md +0 -56
- package/content/components/tag.md +0 -51
- package/content/components/tagsinput-v2.md +0 -39
- package/content/components/tagsinput.md +0 -54
- package/content/components/text.md +0 -45
- package/content/components/textarea.md +0 -57
- package/content/components/themeswitch.md +0 -69
- package/content/components/timeline.md +0 -50
- package/content/components/title.md +0 -45
- package/content/components/toast.md +0 -52
- package/content/components/toggle-togglegroup.md +0 -52
- package/content/components/togglegroup.md +0 -47
- package/content/components/toolcallcard.md +0 -51
- package/content/components/tooltip.md +0 -50
- package/content/components/tour.md +0 -50
- package/content/components/transfer.md +0 -52
- package/content/components/tree-v2.md +0 -39
- package/content/components/tree.md +0 -59
- package/content/components/treeselect.md +0 -54
- package/content/components/typography.md +0 -51
- package/content/components/videoplayer.md +0 -52
- package/content/components/virtuallist.md +0 -52
- package/content/components/virtualtable-v2.md +0 -39
- package/content/components/virtualtable.md +0 -55
- package/content/components/watermark.md +0 -53
- package/content/components/wave.md +0 -43
- package/content/guides/ai-chat-family.md +0 -24
- package/content/guides/choose.md +0 -67
- package/content/guides/component-model.md +0 -32
- package/content/guides/component-standards.md +0 -123
- package/content/guides/components-guide.md +0 -813
- package/content/guides/custom-component.md +0 -321
- package/content/guides/data-guide.md +0 -281
- package/content/guides/file-preview-family.md +0 -18
- package/content/guides/frontend.md +0 -968
- package/content/guides/layout-choice.md +0 -64
- package/content/guides/layout-guide.md +0 -241
- package/content/guides/middleware.md +0 -459
- package/content/guides/mobile-guide.md +0 -105
- package/content/guides/page-building.md +0 -98
- package/content/guides/production.md +0 -37
- package/content/guides/quality.md +0 -60
- package/content/guides/realtime-guide.md +0 -296
- package/content/guides/render-only.md +0 -44
- package/content/guides/saas-guide.md +0 -253
- package/content/guides/server-guide.md +0 -359
- package/content/guides/start.md +0 -41
- package/content/guides/styling.md +0 -154
- package/content/guides/ui-dom-guide.md +0 -157
- package/content/index.json +0 -4344
- package/content/index.md +0 -181
- package/content/layout/align.md +0 -20
- package/content/layout/anchor.md +0 -19
- package/content/layout/app-shell.md +0 -23
- package/content/layout/border.md +0 -20
- package/content/layout/center.md +0 -19
- package/content/layout/cluster.md +0 -19
- package/content/layout/container.md +0 -19
- package/content/layout/fill.md +0 -19
- package/content/layout/grid.md +0 -19
- package/content/layout/hidden.md +0 -22
- package/content/layout/layer.md +0 -19
- package/content/layout/position.md +0 -22
- package/content/layout/row.md +0 -23
- package/content/layout/safe-area.md +0 -20
- package/content/layout/scroll.md +0 -21
- package/content/layout/spacing.md +0 -22
- package/content/layout/split.md +0 -19
- package/content/layout/stack.md +0 -19
- package/content/layout/surface.md +0 -23
- package/content/layout/text.md +0 -22
- package/content/patterns/app-shell.md +0 -34
- package/content/patterns/dashboard.md +0 -36
- package/content/patterns/data-screen.md +0 -30
- package/content/patterns/detail-page.md +0 -31
- package/content/patterns/docs.md +0 -34
- package/content/patterns/focus-task.md +0 -34
- package/content/patterns/landing.md +0 -35
- package/content/patterns/list-page.md +0 -32
- package/content/patterns/mobile.md +0 -31
- package/content/patterns/settings-page.md +0 -33
- package/content/patterns/workspace.md +0 -32
- package/dist/cli/content-sync.test.d.ts +0 -1
- package/dist/cli/docs-cli.test.d.ts +0 -1
- package/dist/cli/docs.d.ts +0 -2
- package/dist/cli/docs.mjs +0 -10961
- package/dist/client/vdom/core/build.d.ts +0 -36
- package/dist/client/vdom/core/diff/children.d.ts +0 -29
- package/dist/client/vdom/core/diff/index.d.ts +0 -22
- package/dist/client/vdom/core/diff/output.d.ts +0 -30
- package/dist/client/vdom/core/diff/same.d.ts +0 -22
- package/dist/client/vdom/core/serve.d.ts +0 -75
- package/dist/client/vdom/core/ssr/index.d.ts +0 -25
- package/examples/apps/admin/README.md +0 -23
- package/examples/apps/admin/api.ts +0 -27
- package/examples/apps/admin/app.tsx +0 -144
- package/examples/apps/admin/main.tsx +0 -8
- package/examples/apps/admin/server.ts +0 -37
- package/examples/apps/auth/README.md +0 -23
- package/examples/apps/auth/api.ts +0 -49
- package/examples/apps/auth/app.tsx +0 -137
- package/examples/apps/auth/main.tsx +0 -8
- package/examples/apps/auth/server.ts +0 -37
- package/examples/apps/multi/README.md +0 -23
- package/examples/apps/multi/app.tsx +0 -83
- package/examples/apps/multi/main.tsx +0 -8
- package/examples/apps/multi/server.ts +0 -33
- package/examples/apps/todo/README.md +0 -23
- package/examples/apps/todo/api.ts +0 -26
- package/examples/apps/todo/app.tsx +0 -128
- package/examples/apps/todo/main.tsx +0 -9
- package/examples/apps/todo/server.ts +0 -39
- package/examples/hello-world/README.md +0 -9
- package/examples/hello-world/client.ts +0 -14
- package/examples/hello-world/routes.tsx +0 -26
- package/examples/hello-world/server.ts +0 -46
- package/examples/patterns/AppShell.tsx +0 -224
- package/examples/patterns/Dashboard.tsx +0 -153
- package/examples/patterns/DataScreen.tsx +0 -104
- package/examples/patterns/DetailPage.tsx +0 -79
- package/examples/patterns/Docs.tsx +0 -105
- package/examples/patterns/FocusTask.tsx +0 -67
- package/examples/patterns/Landing.tsx +0 -90
- package/examples/patterns/ListPage.tsx +0 -77
- package/examples/patterns/Mobile.tsx +0 -154
- package/examples/patterns/SettingsPage.tsx +0 -98
- package/examples/patterns/SplitWorkspace.tsx +0 -113
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
# NavMenu · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
顶部导航:多级 hover 弹出 + 键盘(shadcn NavigationMenu)
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 应用模板:admin(examples/apps/ 完整可跑)
|
|
10
|
-
- 页面导航——侧栏、页头、标签页、步骤、分页
|
|
11
|
-
|
|
12
|
-
## API
|
|
13
|
-
|
|
14
|
-
| prop | 类型 | 必填 | 说明 |
|
|
15
|
-
|------|------|------|------|
|
|
16
|
-
| `items` | `NavMenuItem[]` | 是 | |
|
|
17
|
-
| `activeKey` | `string` | 否 | |
|
|
18
|
-
| `onSelect` | `(key: string) => void` | 否 | |
|
|
19
|
-
|
|
20
|
-
## 用法示例
|
|
21
|
-
|
|
22
|
-
```tsx
|
|
23
|
-
<NavMenu items={items} activeKey="home" onSelect={go} />
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
## 纪律/坑
|
|
27
|
-
|
|
28
|
-
> 键盘可达(P1):方向键导航焦点跟随(roving tabindex);受控 props 配回调
|
|
29
|
-
|
|
30
|
-
## 关系
|
|
31
|
-
|
|
32
|
-
- ↑ 用于页面模式:(暂无)
|
|
33
|
-
- ↑ 用于应用:[admin](../apps/admin.md)
|
|
34
|
-
- → 后端能力:(暂无)
|
|
35
|
-
|
|
36
|
-
## 文件位置
|
|
37
|
-
|
|
38
|
-
| 文件 | 路径 |
|
|
39
|
-
|------|------|
|
|
40
|
-
| 源码 | `src/client/components/NavMenu/NavMenu.ts` |
|
|
41
|
-
| 样式 | `src/client/components/NavMenu/NavMenu.css` |
|
|
42
|
-
| 测试 | `src/client/components/NavMenu/NavMenu.test.ts` |
|
|
43
|
-
| demo | `apps/showcase/src/demos/DemoNavMenu.tsx`(P1 拆分) |
|
|
44
|
-
|
|
45
|
-
## 验证
|
|
46
|
-
|
|
47
|
-
> agent-browser 走查:打开 `/components/navigation/navmenu` ——(P1 填充具体步骤)
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
# Notification · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
队列式通知:notification.success/error/warning 命令式(antd 对齐)
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 操作反馈/结果页/确认——保存成功、删除确认、空态/加载态
|
|
10
|
-
|
|
11
|
-
## API
|
|
12
|
-
|
|
13
|
-
| prop | 类型 | 必填 | 说明 |
|
|
14
|
-
|------|------|------|------|
|
|
15
|
-
| `items` | `NotificationItem[]` | 否 | |
|
|
16
|
-
| `onRemove` | `(id: string) => void` | 否 | |
|
|
17
|
-
| `position` | `NotificationPosition` | 否 | |
|
|
18
|
-
| `duration` | `number` | 否 | 全局默认自动关闭时间(ms),默认 4500 |
|
|
19
|
-
| `max` | `number` | 否 | 最大显示条数,超出移除最早,默认 0 = 不限制 |
|
|
20
|
-
|
|
21
|
-
## 用法示例
|
|
22
|
-
|
|
23
|
-
```tsx
|
|
24
|
-
notification.success({
|
|
25
|
-
title: '部署成功',
|
|
26
|
-
description: 'v0.63.0 已上线',
|
|
27
|
-
})
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
## 纪律/坑
|
|
31
|
-
|
|
32
|
-
> 退场动画(§8):exit 类必须挂载(animationend 驱动)+ reduced-motion 降级
|
|
33
|
-
|
|
34
|
-
## 关系
|
|
35
|
-
|
|
36
|
-
- ↑ 用于页面模式:(暂无)
|
|
37
|
-
- ↑ 用于应用:(暂无)
|
|
38
|
-
- → 后端能力:(暂无)
|
|
39
|
-
|
|
40
|
-
## 文件位置
|
|
41
|
-
|
|
42
|
-
| 文件 | 路径 |
|
|
43
|
-
|------|------|
|
|
44
|
-
| 源码 | `src/client/components/Notification/Notification.ts` |
|
|
45
|
-
| 样式 | `src/client/components/Notification/Notification.css` |
|
|
46
|
-
| 测试 | `src/client/components/Notification/Notification.test.ts` |
|
|
47
|
-
| demo | `apps/showcase/src/demos/DemoNotification.tsx`(P1 拆分) |
|
|
48
|
-
|
|
49
|
-
## 验证
|
|
50
|
-
|
|
51
|
-
> agent-browser 走查:打开 `/components/feedback/notification` ——(P1 填充具体步骤)
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
# PageHeader · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
页面标题栏,支持 sub + 右侧操作区 + display 大标题
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 页面模式:app-shell、dashboard、list-page、detail-page、settings-page(复制即用蓝本——examples/patterns/)
|
|
10
|
-
- 应用模板:todo(examples/apps/ 完整可跑)
|
|
11
|
-
- 页面导航——侧栏、页头、标签页、步骤、分页
|
|
12
|
-
|
|
13
|
-
## API
|
|
14
|
-
|
|
15
|
-
| prop | 类型 | 必填 | 说明 |
|
|
16
|
-
|------|------|------|------|
|
|
17
|
-
| `title` | `string` | 是 | |
|
|
18
|
-
| `sub` | `string` | 否 | |
|
|
19
|
-
| `display` | `boolean` | 否 | 顶级页面大标题(display 档 30px),默认 21px |
|
|
20
|
-
| `children` | `any` | 否 | |
|
|
21
|
-
|
|
22
|
-
## 用法示例
|
|
23
|
-
|
|
24
|
-
```tsx
|
|
25
|
-
<PageHeader title="用户管理" sub="管理平台所有用户的账号、角色与权限">
|
|
26
|
-
<Button size="sm" variant="primary">新建用户</Button>
|
|
27
|
-
<Button size="sm">导出</Button>
|
|
28
|
-
</PageHeader>
|
|
29
|
-
<PageHeader display title="大标题模式" />
|
|
30
|
-
```
|
|
31
|
-
|
|
32
|
-
## 纪律/坑
|
|
33
|
-
|
|
34
|
-
> 键盘可达(P1):方向键导航焦点跟随(roving tabindex);受控 props 配回调
|
|
35
|
-
|
|
36
|
-
## 关系
|
|
37
|
-
|
|
38
|
-
- ↑ 用于页面模式:[app-shell](../patterns/app-shell.md) · [dashboard](../patterns/dashboard.md) · [list-page](../patterns/list-page.md) · [detail-page](../patterns/detail-page.md) · [settings-page](../patterns/settings-page.md)
|
|
39
|
-
- ↑ 用于应用:[todo](../apps/todo.md)
|
|
40
|
-
- → 后端能力:(暂无)
|
|
41
|
-
|
|
42
|
-
## 文件位置
|
|
43
|
-
|
|
44
|
-
| 文件 | 路径 |
|
|
45
|
-
|------|------|
|
|
46
|
-
| 源码 | `src/client/components/PageHeader/PageHeader.ts` |
|
|
47
|
-
| 样式 | `src/client/components/PageHeader/PageHeader.css` |
|
|
48
|
-
| 测试 | `src/client/components/PageHeader/PageHeader.test.ts` |
|
|
49
|
-
| demo | `apps/showcase/src/demos/DemoPageHeader.tsx`(P1 拆分) |
|
|
50
|
-
|
|
51
|
-
## 验证
|
|
52
|
-
|
|
53
|
-
> agent-browser 走查:打开 `/components/navigation/pageheader` ——(P1 填充具体步骤)
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
# Pagination · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
分页器,自动计算页码范围
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 页面模式:app-shell、list-page(复制即用蓝本——examples/patterns/)
|
|
10
|
-
- 页面导航——侧栏、页头、标签页、步骤、分页
|
|
11
|
-
|
|
12
|
-
## API
|
|
13
|
-
|
|
14
|
-
| prop | 类型 | 必填 | 说明 |
|
|
15
|
-
|------|------|------|------|
|
|
16
|
-
| `total` | `number` | 是 | |
|
|
17
|
-
| `page` | `number` | 否 | |
|
|
18
|
-
| `pageSize` | `number` | 否 | |
|
|
19
|
-
| `onChange` | `(page: number) => void` | 否 | |
|
|
20
|
-
|
|
21
|
-
## 用法示例
|
|
22
|
-
|
|
23
|
-
```tsx
|
|
24
|
-
<Pagination total={200}
|
|
25
|
-
page={page} onChange={fn} />
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
## 纪律/坑
|
|
29
|
-
|
|
30
|
-
> 键盘可达(P1):方向键导航焦点跟随(roving tabindex);受控 props 配回调
|
|
31
|
-
|
|
32
|
-
## 关系
|
|
33
|
-
|
|
34
|
-
- ↑ 用于页面模式:[app-shell](../patterns/app-shell.md) · [list-page](../patterns/list-page.md)
|
|
35
|
-
- ↑ 用于应用:(暂无)
|
|
36
|
-
- → 后端能力:(暂无)
|
|
37
|
-
|
|
38
|
-
## 文件位置
|
|
39
|
-
|
|
40
|
-
| 文件 | 路径 |
|
|
41
|
-
|------|------|
|
|
42
|
-
| 源码 | `src/client/components/Pagination/Pagination.ts` |
|
|
43
|
-
| 样式 | `src/client/components/Pagination/Pagination.css` |
|
|
44
|
-
| 测试 | `src/client/components/Pagination/Pagination.test.ts` |
|
|
45
|
-
| demo | `apps/showcase/src/demos/DemoPagination.tsx`(P1 拆分) |
|
|
46
|
-
|
|
47
|
-
## 验证
|
|
48
|
-
|
|
49
|
-
> agent-browser 走查:打开 `/components/navigation/pagination` ——(P1 填充具体步骤)
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
# Paragraph · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
段落排版——Typography 家族
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 页面模式:docs、landing(复制即用蓝本——examples/patterns/)
|
|
10
|
-
- 基础元素(按钮/图标/文本/卡片/标签)——任意页面的构成单元
|
|
11
|
-
|
|
12
|
-
## API
|
|
13
|
-
|
|
14
|
-
| prop | 类型 | 必填 | 说明 |
|
|
15
|
-
|------|------|------|------|
|
|
16
|
-
| `level` | `1 \| 2 \| 3 \| 4 \| 5` | 否 | 1-5,默认 1(h1-h5) |
|
|
17
|
-
| `children` | `any` | 否 | |
|
|
18
|
-
| `className` | `string` | 否 | |
|
|
19
|
-
| `style` | `Record<string, string>` | 否 | |
|
|
20
|
-
|
|
21
|
-
## 用法示例
|
|
22
|
-
|
|
23
|
-
> (P1 迁移 CODE 字符串)
|
|
24
|
-
|
|
25
|
-
## 纪律/坑
|
|
26
|
-
|
|
27
|
-
> 浏览器纪律(§5.5):组件能力经 ctx.browser / ctx.ui.useXXX——禁裸 window/document
|
|
28
|
-
|
|
29
|
-
## 关系
|
|
30
|
-
|
|
31
|
-
- ↑ 用于页面模式:[docs](../patterns/docs.md) · [landing](../patterns/landing.md)
|
|
32
|
-
- ↑ 用于应用:(暂无)
|
|
33
|
-
- → 后端能力:(暂无)
|
|
34
|
-
|
|
35
|
-
## 文件位置
|
|
36
|
-
|
|
37
|
-
| 文件 | 路径 |
|
|
38
|
-
|------|------|
|
|
39
|
-
| 源码 | `src/client/components/Typography/Typography.ts` |
|
|
40
|
-
| 样式 | `src/client/components/Typography/Typography.css` |
|
|
41
|
-
| 测试 | `src/client/components/Typography/Typography.test.ts` |
|
|
42
|
-
|
|
43
|
-
## 验证
|
|
44
|
-
|
|
45
|
-
> agent-browser 走查:打开 `/components/core/paragraph` ——(P1 填充具体步骤)
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
# PasswordInput · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
密码输入:眼睛按钮切换可见性
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 应用模板:auth(examples/apps/ 完整可跑)
|
|
10
|
-
- 表单输入/搜索/筛选——查询区、编辑表单、设置页
|
|
11
|
-
|
|
12
|
-
## API
|
|
13
|
-
|
|
14
|
-
| prop | 类型 | 必填 | 说明 |
|
|
15
|
-
|------|------|------|------|
|
|
16
|
-
| `value` | `string` | 否 | |
|
|
17
|
-
| `onInput` | `(e: Event) => void` | 否 | |
|
|
18
|
-
| `onChange` | `(e: Event) => void` | 否 | |
|
|
19
|
-
| `label` | `string` | 否 | |
|
|
20
|
-
| `name` | `string` | 否 | |
|
|
21
|
-
| `placeholder` | `string` | 否 | |
|
|
22
|
-
| `disabled` | `boolean` | 否 | |
|
|
23
|
-
| `error` | `string` | 否 | |
|
|
24
|
-
| `hint` | `string` | 否 | |
|
|
25
|
-
| `required` | `boolean` | 否 | |
|
|
26
|
-
| `autoComplete` | `string` | 否 | |
|
|
27
|
-
| `className` | `string` | 否 | |
|
|
28
|
-
|
|
29
|
-
## 用法示例
|
|
30
|
-
|
|
31
|
-
```tsx
|
|
32
|
-
<PasswordInput label="密码" value={pwd} onInput={e => setPwd(e.target.value)} />
|
|
33
|
-
{/* 眼睛按钮切换可见性 */}
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
## 纪律/坑
|
|
37
|
-
|
|
38
|
-
> 受控输入纪律(§5.3):输入期间 value 走内部态(useControlledInput)——依赖回流会重挂 input 丢焦点;IME composition 门控
|
|
39
|
-
|
|
40
|
-
## 关系
|
|
41
|
-
|
|
42
|
-
- ↑ 用于页面模式:(暂无)
|
|
43
|
-
- ↑ 用于应用:[auth](../apps/auth.md)
|
|
44
|
-
- → 后端能力:(暂无)
|
|
45
|
-
|
|
46
|
-
## 文件位置
|
|
47
|
-
|
|
48
|
-
| 文件 | 路径 |
|
|
49
|
-
|------|------|
|
|
50
|
-
| 源码 | `src/client/components/PasswordInput/PasswordInput.ts` |
|
|
51
|
-
| 样式 | `src/client/components/PasswordInput/PasswordInput.css` |
|
|
52
|
-
| 测试 | `src/client/components/PasswordInput/PasswordInput.test.ts` |
|
|
53
|
-
| demo | `apps/showcase/src/demos/DemoPasswordInput.tsx`(P1 拆分) |
|
|
54
|
-
|
|
55
|
-
## 验证
|
|
56
|
-
|
|
57
|
-
> agent-browser 走查:打开 `/components/input/passwordinput` ——(P1 填充具体步骤)
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
# PinInput 禁用态 · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
disabled 不可编辑(状态矩阵覆盖)
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 表单输入/搜索/筛选——查询区、编辑表单、设置页
|
|
10
|
-
|
|
11
|
-
## API
|
|
12
|
-
|
|
13
|
-
> props 提取降级(接口格式特殊)——见源码:`—`
|
|
14
|
-
|
|
15
|
-
## 用法示例
|
|
16
|
-
|
|
17
|
-
```tsx
|
|
18
|
-
<PinInput length={6} disabled />
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
## 纪律/坑
|
|
22
|
-
|
|
23
|
-
> 受控输入纪律(§5.3):输入期间 value 走内部态(useControlledInput)——依赖回流会重挂 input 丢焦点;IME composition 门控
|
|
24
|
-
|
|
25
|
-
## 关系
|
|
26
|
-
|
|
27
|
-
- ↑ 用于页面模式:(暂无)
|
|
28
|
-
- ↑ 用于应用:(暂无)
|
|
29
|
-
- → 后端能力:(暂无)
|
|
30
|
-
|
|
31
|
-
## 文件位置
|
|
32
|
-
|
|
33
|
-
| 文件 | 路径 |
|
|
34
|
-
|------|------|
|
|
35
|
-
| demo | `apps/showcase/src/demos/DemoPinInputDis.tsx`(P1 拆分) |
|
|
36
|
-
|
|
37
|
-
## 验证
|
|
38
|
-
|
|
39
|
-
> agent-browser 走查:打开 `/components/input/pininput-v2` ——(P1 填充具体步骤)
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
# PinInput · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
验证码输入:自动聚焦/粘贴分派/Backspace 回退(shadcn InputOTP)
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 表单输入/搜索/筛选——查询区、编辑表单、设置页
|
|
10
|
-
|
|
11
|
-
## API
|
|
12
|
-
|
|
13
|
-
| prop | 类型 | 必填 | 说明 |
|
|
14
|
-
|------|------|------|------|
|
|
15
|
-
| `length` | `number` | 否 | 位数,默认 6 |
|
|
16
|
-
| `value` | `string` | 否 | 受控完整值(如 '483920') |
|
|
17
|
-
| `onChange` | `(value: string) => void` | 否 | |
|
|
18
|
-
| `type` | `'number' \| 'text'` | 否 | number = 纯数字(默认);text = 任意字符 |
|
|
19
|
-
| `size` | `'sm' \| 'md' \| 'lg'` | 否 | |
|
|
20
|
-
| `disabled` | `boolean` | 否 | |
|
|
21
|
-
|
|
22
|
-
## 用法示例
|
|
23
|
-
|
|
24
|
-
```tsx
|
|
25
|
-
<PinInput length={6} value={code}
|
|
26
|
-
onChange={setCode} />
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
## 纪律/坑
|
|
30
|
-
|
|
31
|
-
> 受控输入纪律(§5.3):输入期间 value 走内部态(useControlledInput)——依赖回流会重挂 input 丢焦点;IME composition 门控
|
|
32
|
-
|
|
33
|
-
## 关系
|
|
34
|
-
|
|
35
|
-
- ↑ 用于页面模式:(暂无)
|
|
36
|
-
- ↑ 用于应用:(暂无)
|
|
37
|
-
- → 后端能力:(暂无)
|
|
38
|
-
|
|
39
|
-
## 文件位置
|
|
40
|
-
|
|
41
|
-
| 文件 | 路径 |
|
|
42
|
-
|------|------|
|
|
43
|
-
| 源码 | `src/client/components/PinInput/PinInput.ts` |
|
|
44
|
-
| 样式 | `src/client/components/PinInput/PinInput.css` |
|
|
45
|
-
| 测试 | `src/client/components/PinInput/PinInput.test.ts` |
|
|
46
|
-
| demo | `apps/showcase/src/demos/DemoPinInput.tsx`(P1 拆分) |
|
|
47
|
-
|
|
48
|
-
## 验证
|
|
49
|
-
|
|
50
|
-
> agent-browser 走查:打开 `/components/input/pininput` ——(P1 填充具体步骤)
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
# Pipeline · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
Agent 工作流 DAG:分层布局 + 贝塞尔连线 + 状态语义色 + 环检测
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- AI 对话/工具调用/审批/提示词——agent 场景全链路
|
|
10
|
-
|
|
11
|
-
## API
|
|
12
|
-
|
|
13
|
-
| prop | 类型 | 必填 | 说明 |
|
|
14
|
-
|------|------|------|------|
|
|
15
|
-
| `nodes` | `PipelineNode[]` | 是 | |
|
|
16
|
-
| `edges` | `PipelineEdge[]` | 是 | |
|
|
17
|
-
| `orientation` | `'vertical' \| 'horizontal'` | 否 | 布局方向(默认 vertical:输入在左→输出在右) |
|
|
18
|
-
| `width` | `number` | 否 | |
|
|
19
|
-
| `height` | `number` | 否 | |
|
|
20
|
-
| `className` | `string` | 否 | |
|
|
21
|
-
|
|
22
|
-
## 用法示例
|
|
23
|
-
|
|
24
|
-
```tsx
|
|
25
|
-
<Pipeline orientation="horizontal" nodes={[{ id: 'a', label: '输入' }]} edges={[]} />
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
## 纪律/坑
|
|
29
|
-
|
|
30
|
-
> AI 协议纪律:消息流事件驱动(useChat 订阅)——高频 notify 由写者控制频率
|
|
31
|
-
|
|
32
|
-
## 关系
|
|
33
|
-
|
|
34
|
-
- ↑ 用于页面模式:(暂无)
|
|
35
|
-
- ↑ 用于应用:(暂无)
|
|
36
|
-
- → 后端能力:(暂无)
|
|
37
|
-
|
|
38
|
-
## 文件位置
|
|
39
|
-
|
|
40
|
-
| 文件 | 路径 |
|
|
41
|
-
|------|------|
|
|
42
|
-
| 源码 | `src/client/components/Pipeline/Pipeline.ts` |
|
|
43
|
-
| 样式 | `src/client/components/Pipeline/Pipeline.css` |
|
|
44
|
-
| 测试 | `src/client/components/Pipeline/Pipeline.test.ts` |
|
|
45
|
-
| demo | `apps/showcase/src/demos/DemoPipeline.tsx`(P1 拆分) |
|
|
46
|
-
|
|
47
|
-
## 验证
|
|
48
|
-
|
|
49
|
-
> agent-browser 走查:打开 `/components/ai/pipeline` ——(P1 填充具体步骤)
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
# Popconfirm · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
气泡确认:危险操作防误触 + 复用 usePopup 基座
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 浮层交互——弹窗、下拉、气泡、抽屉、命令面板
|
|
10
|
-
|
|
11
|
-
## API
|
|
12
|
-
|
|
13
|
-
| prop | 类型 | 必填 | 说明 |
|
|
14
|
-
|------|------|------|------|
|
|
15
|
-
| `title` | `any` | 否 | |
|
|
16
|
-
| `okText` | `string` | 否 | |
|
|
17
|
-
| `cancelText` | `string` | 否 | |
|
|
18
|
-
| `okType` | `'primary' \| 'danger'` | 否 | |
|
|
19
|
-
| `danger` | `boolean` | 否 | 危险确认(默认图标换 warning 色 + 确认按钮 danger) |
|
|
20
|
-
| `onConfirm` | `() => void` | 否 | |
|
|
21
|
-
| `onCancel` | `() => void` | 否 | |
|
|
22
|
-
| `position` | `Placement` | 否 | |
|
|
23
|
-
| `open` | `boolean` | 否 | |
|
|
24
|
-
| `onOpenChange` | `(open: boolean) => void` | 否 | |
|
|
25
|
-
| `disabled` | `boolean` | 否 | |
|
|
26
|
-
| `icon` | `any` | 否 | |
|
|
27
|
-
| `children` | `any` | 否 | |
|
|
28
|
-
|
|
29
|
-
## 用法示例
|
|
30
|
-
|
|
31
|
-
```tsx
|
|
32
|
-
<Popconfirm title="确定删除?" danger onConfirm={del}>
|
|
33
|
-
<Button variant="danger">删除</Button>
|
|
34
|
-
</Popconfirm>
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
## 纪律/坑
|
|
38
|
-
|
|
39
|
-
- 气泡内表单/自定义箭头已裁剪(Popover 基座 + 定位全套复用)
|
|
40
|
-
|
|
41
|
-
## 关系
|
|
42
|
-
|
|
43
|
-
- ↑ 用于页面模式:(暂无)
|
|
44
|
-
- ↑ 用于应用:(暂无)
|
|
45
|
-
- → 后端能力:(暂无)
|
|
46
|
-
|
|
47
|
-
## 文件位置
|
|
48
|
-
|
|
49
|
-
| 文件 | 路径 |
|
|
50
|
-
|------|------|
|
|
51
|
-
| 源码 | `src/client/components/Popconfirm/Popconfirm.ts` |
|
|
52
|
-
| 样式 | `src/client/components/Popconfirm/Popconfirm.css` |
|
|
53
|
-
| 测试 | `src/client/components/Popconfirm/Popconfirm.test.ts` |
|
|
54
|
-
| demo | `apps/showcase/src/demos/DemoPopconfirm.tsx`(P1 拆分) |
|
|
55
|
-
|
|
56
|
-
## 验证
|
|
57
|
-
|
|
58
|
-
> agent-browser 走查:打开 `/components/overlay/popconfirm` ——(P1 填充具体步骤)
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
# Popover · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
通用弹出层,click/hover 触发,4 方向
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 浮层交互——弹窗、下拉、气泡、抽屉、命令面板
|
|
10
|
-
|
|
11
|
-
## API
|
|
12
|
-
|
|
13
|
-
| prop | 类型 | 必填 | 说明 |
|
|
14
|
-
|------|------|------|------|
|
|
15
|
-
| `content` | `any` | 否 | |
|
|
16
|
-
| `trigger` | `'click' \| 'hover'` | 否 | |
|
|
17
|
-
| `position` | `PopoverPosition` | 否 | |
|
|
18
|
-
| `open` | `boolean` | 否 | |
|
|
19
|
-
| `onOpenChange` | `(open: boolean) => void` | 否 | |
|
|
20
|
-
| `disabled` | `boolean` | 否 | |
|
|
21
|
-
| `children` | `any` | 否 | |
|
|
22
|
-
|
|
23
|
-
## 用法示例
|
|
24
|
-
|
|
25
|
-
```tsx
|
|
26
|
-
<Popover content={<div>面板内容</div>}>
|
|
27
|
-
<Button>点击弹出</Button>
|
|
28
|
-
</Popover>
|
|
29
|
-
|
|
30
|
-
<Popover position="top" content=...>
|
|
31
|
-
<Button>顶部</Button>
|
|
32
|
-
</Popover>
|
|
33
|
-
|
|
34
|
-
<Popover trigger="hover" content=...>
|
|
35
|
-
<span>悬停查看</span>
|
|
36
|
-
</Popover>
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
## 纪律/坑
|
|
40
|
-
|
|
41
|
-
- portal 槽豁免(同 HoverCard)
|
|
42
|
-
- 富内容自动判定已裁剪——HoverCard 补富内容(components-cuts.md)
|
|
43
|
-
|
|
44
|
-
## 关系
|
|
45
|
-
|
|
46
|
-
- ↑ 用于页面模式:(暂无)
|
|
47
|
-
- ↑ 用于应用:(暂无)
|
|
48
|
-
- → 后端能力:(暂无)
|
|
49
|
-
|
|
50
|
-
## 文件位置
|
|
51
|
-
|
|
52
|
-
| 文件 | 路径 |
|
|
53
|
-
|------|------|
|
|
54
|
-
| 源码 | `src/client/components/Popover/Popover.ts` |
|
|
55
|
-
| 样式 | `src/client/components/Popover/Popover.css` |
|
|
56
|
-
| 测试 | `src/client/components/Popover/Popover.test.ts` |
|
|
57
|
-
| demo | `apps/showcase/src/demos/DemoPopover.tsx`(P1 拆分) |
|
|
58
|
-
|
|
59
|
-
## 验证
|
|
60
|
-
|
|
61
|
-
> agent-browser 走查:打开 `/components/overlay/popover` ——(P1 填充具体步骤)
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
# ProgressBar · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
进度条,支持 label/showValue
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- 页面模式:dashboard(复制即用蓝本——examples/patterns/)
|
|
10
|
-
- 操作反馈/结果页/确认——保存成功、删除确认、空态/加载态
|
|
11
|
-
|
|
12
|
-
## API
|
|
13
|
-
|
|
14
|
-
| prop | 类型 | 必填 | 说明 |
|
|
15
|
-
|------|------|------|------|
|
|
16
|
-
| `value` | `number` | 否 | 进度值;undefined = indeterminate(不确定态,动画扫动) |
|
|
17
|
-
| `max` | `number` | 否 | |
|
|
18
|
-
| `label` | `string` | 否 | |
|
|
19
|
-
| `showValue` | `boolean` | 否 | |
|
|
20
|
-
| `status` | `'default' \| 'success' \| 'error' \| 'warning'` | 否 | 状态色(default/success/error/warning) |
|
|
21
|
-
| `size` | `'sm' \| 'md' \| 'lg'` | 否 | 尺寸 |
|
|
22
|
-
|
|
23
|
-
## 用法示例
|
|
24
|
-
|
|
25
|
-
```tsx
|
|
26
|
-
<ProgressBar value={75} label="进度" showValue />
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
## 纪律/坑
|
|
30
|
-
|
|
31
|
-
> 退场动画(§8):exit 类必须挂载(animationend 驱动)+ reduced-motion 降级
|
|
32
|
-
|
|
33
|
-
## 关系
|
|
34
|
-
|
|
35
|
-
- ↑ 用于页面模式:[dashboard](../patterns/dashboard.md)
|
|
36
|
-
- ↑ 用于应用:(暂无)
|
|
37
|
-
- → 后端能力:(暂无)
|
|
38
|
-
|
|
39
|
-
## 文件位置
|
|
40
|
-
|
|
41
|
-
| 文件 | 路径 |
|
|
42
|
-
|------|------|
|
|
43
|
-
| 源码 | `src/client/components/ProgressBar/ProgressBar.ts` |
|
|
44
|
-
| 样式 | `src/client/components/ProgressBar/ProgressBar.css` |
|
|
45
|
-
| 测试 | `src/client/components/ProgressBar/ProgressBar.test.ts` |
|
|
46
|
-
| demo | `apps/showcase/src/demos/DemoProgress.tsx`(P1 拆分) |
|
|
47
|
-
|
|
48
|
-
## 验证
|
|
49
|
-
|
|
50
|
-
> agent-browser 走查:打开 `/components/feedback/progressbar` ——(P1 填充具体步骤)
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
# PromptTemplate · components
|
|
2
|
-
|
|
3
|
-
## 概述
|
|
4
|
-
|
|
5
|
-
提示词模板编辑器——变量 chips 插入 + 实时预览填充(AI 场景痛点)
|
|
6
|
-
|
|
7
|
-
## 典型场景
|
|
8
|
-
|
|
9
|
-
- AI 对话/工具调用/审批/提示词——agent 场景全链路
|
|
10
|
-
|
|
11
|
-
## API
|
|
12
|
-
|
|
13
|
-
| prop | 类型 | 必填 | 说明 |
|
|
14
|
-
|------|------|------|------|
|
|
15
|
-
| `value` | `string` | 否 | 模板文本(受控) |
|
|
16
|
-
| `onChange` | `(value: string) => void` | 否 | |
|
|
17
|
-
| `variables` | `PromptTemplateVariable[]` | 否 | 变量定义(chips 行——点击插入) |
|
|
18
|
-
| `values` | `Record<string, string>` | 否 | 变量值(预览填充用——缺失的变量保持占位) |
|
|
19
|
-
| `readOnly` | `boolean` | 否 | 只读(预览场景) |
|
|
20
|
-
| `label` | `string` | 否 | |
|
|
21
|
-
| `showPreview` | `boolean` | 否 | 预览区显示开关(默认开) |
|
|
22
|
-
| `className` | `string` | 否 | |
|
|
23
|
-
|
|
24
|
-
## 用法示例
|
|
25
|
-
|
|
26
|
-
> (P1 迁移 CODE 字符串)
|
|
27
|
-
|
|
28
|
-
## 纪律/坑
|
|
29
|
-
|
|
30
|
-
- textarea value 必须走 property(attribute 只是 defaultValue——DOM value 恒空/光标失效事故,vdom3 渲染器已修)
|
|
31
|
-
- 受控输入纪律:value 由父控制 + onChange 通知
|
|
32
|
-
|
|
33
|
-
## 关系
|
|
34
|
-
|
|
35
|
-
- ↑ 用于页面模式:(暂无)
|
|
36
|
-
- ↑ 用于应用:(暂无)
|
|
37
|
-
- → 后端能力:(暂无)
|
|
38
|
-
|
|
39
|
-
## 文件位置
|
|
40
|
-
|
|
41
|
-
| 文件 | 路径 |
|
|
42
|
-
|------|------|
|
|
43
|
-
| 源码 | `src/client/components/PromptTemplate/PromptTemplate.ts` |
|
|
44
|
-
| 样式 | `src/client/components/PromptTemplate/PromptTemplate.css` |
|
|
45
|
-
| 测试 | `src/client/components/PromptTemplate/PromptTemplate.test.ts` |
|
|
46
|
-
|
|
47
|
-
## 验证
|
|
48
|
-
|
|
49
|
-
> agent-browser 走查:打开 `/components/ai/prompttemplate` ——(P1 填充具体步骤)
|