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.
Files changed (392) hide show
  1. package/README.md +111 -135
  2. package/dist/client/components/ActionSheet/ActionSheet.d.ts +1 -1
  3. package/dist/client/components/AiChat/AiChat.d.ts +3 -4
  4. package/dist/client/components/ChatInput/ChatInput.d.ts +5 -0
  5. package/dist/client/components/CitationCard/CitationCard.d.ts +1 -1
  6. package/dist/client/components/Command/Command.d.ts +1 -1
  7. package/dist/client/components/ContextMenu/ContextMenu.d.ts +1 -1
  8. package/dist/client/components/DatePicker/DatePicker.d.ts +1 -1
  9. package/dist/client/components/Dropdown/Dropdown.d.ts +1 -1
  10. package/dist/client/components/Editor/model/html.d.ts +10 -0
  11. package/dist/client/components/ImageCropper/ImageCropper.d.ts +6 -2
  12. package/dist/client/components/Menu/Menu.d.ts +1 -1
  13. package/dist/client/components/NavMenu/NavMenu.d.ts +1 -1
  14. package/dist/client/components/Popconfirm/Popconfirm.d.ts +1 -1
  15. package/dist/client/components/SlideCanvas/SlideCanvas.d.ts +1 -1
  16. package/dist/client/components/Tour/Tour.d.ts +1 -1
  17. package/dist/client/components/TreeSelect/TreeSelect.d.ts +1 -1
  18. package/dist/client/components/index.js +41 -41
  19. package/dist/client/components/style.css +298 -644
  20. package/dist/client/layout/weifuwu-layout.css +286 -640
  21. package/dist/client/vdom/browser/Browser.d.ts +2 -0
  22. package/dist/client/vdom/commands.d.ts +4 -1
  23. package/dist/client/vdom/context/UIContext.d.ts +8 -0
  24. package/dist/client/vdom/core/diff/attrs.d.ts +10 -2
  25. package/dist/client/vdom/core/field/attributes.d.ts +12 -0
  26. package/dist/client/vdom/core/field/events.d.ts +8 -0
  27. package/dist/client/vdom/core/field/input-sync.d.ts +14 -0
  28. package/dist/client/vdom/core/field/key.d.ts +3 -0
  29. package/dist/client/vdom/core/field/props.d.ts +13 -1
  30. package/dist/client/vdom/core/field/ref.d.ts +6 -0
  31. package/dist/client/vdom/core/field/style.d.ts +7 -1
  32. package/dist/client/vdom/core/node/component.d.ts +3 -4
  33. package/dist/client/vdom/core/node/native.d.ts +6 -1
  34. package/dist/client/vdom/core/patch/index.d.ts +24 -1
  35. package/dist/client/vdom/core/patch/processors.d.ts +8 -1
  36. package/dist/client/vdom/core/protocol.d.ts +45 -0
  37. package/dist/client/vdom/core/router.d.ts +7 -0
  38. package/dist/client/vdom/core/ssr/absorb.d.ts +31 -4
  39. package/dist/client/vdom/core/transform/index.d.ts +6 -6
  40. package/dist/client/vdom/core/v2/cycle.d.ts +54 -0
  41. package/dist/client/vdom/core/v2/diff.d.ts +80 -0
  42. package/dist/client/vdom/core/v2/integrate.d.ts +24 -0
  43. package/dist/client/vdom/core/v2/render.d.ts +28 -0
  44. package/dist/client/vdom/core/v2/schedule.d.ts +33 -0
  45. package/dist/client/vdom/core/v2/serve.d.ts +4 -0
  46. package/dist/client/vdom/core/v2/spy.d.ts +21 -0
  47. package/dist/client/vdom/core/v2/ssr.d.ts +14 -0
  48. package/dist/client/vdom/core/vnode.d.ts +9 -6
  49. package/dist/client/vdom/dev/error-counter.d.ts +27 -0
  50. package/dist/client/vdom/dev/render-health.d.ts +60 -0
  51. package/dist/client/vdom/hooks/chat.d.ts +32 -5
  52. package/dist/client/vdom/hooks/drag-media.d.ts +3 -1
  53. package/dist/client/vdom/hooks/env.d.ts +32 -0
  54. package/dist/client/vdom/hooks/popup-manager.d.ts +21 -0
  55. package/dist/client/vdom/hooks/popup.d.ts +4 -1
  56. package/dist/client/vdom/hooks/stable.d.ts +4 -0
  57. package/dist/client/vdom/hooks/use-observable.d.ts +13 -0
  58. package/dist/client/vdom/index.d.ts +14 -6
  59. package/dist/client/vdom/index.js +4 -7
  60. package/dist/client/vdom/jsx-runtime.js +1 -1
  61. package/dist/client/vdom/middlewares/api.d.ts +8 -0
  62. package/dist/client/vdom/middlewares/auth-i18n.d.ts +7 -0
  63. package/dist/client/vdom/middlewares/ws.d.ts +41 -1
  64. package/dist/client/vdom/observable/index.d.ts +13 -0
  65. package/dist/client/vdom/observable/observable.d.ts +26 -0
  66. package/dist/client/vdom/observable/operators.d.ts +76 -0
  67. package/dist/client/vdom/observable/sources.d.ts +54 -0
  68. package/dist/client/vdom/observable/types.d.ts +45 -0
  69. package/dist/client/vdom/store.d.ts +17 -2
  70. package/dist/client/vdom/testing.js +2 -2
  71. package/dist/server/ai/agent.d.ts +18 -0
  72. package/dist/server/ai/client.d.ts +14 -2
  73. package/dist/server/ai/contracts.d.ts +2 -2
  74. package/dist/server/ai/sse.d.ts +6 -0
  75. package/dist/server/core/collect.d.ts +31 -0
  76. package/dist/server/core/error-counter.d.ts +11 -0
  77. package/dist/server/core/hub.d.ts +2 -0
  78. package/dist/server/core/router.d.ts +12 -9
  79. package/dist/server/db/contracts.d.ts +24 -0
  80. package/dist/server/db/memory-redis.d.ts +3 -4
  81. package/dist/server/db/memory-sql.d.ts +20 -4
  82. package/dist/server/db/postgres-server.d.ts +2 -0
  83. package/dist/server/db/query.d.ts +21 -0
  84. package/dist/server/db/redis-server.d.ts +4 -2
  85. package/dist/server/db/sql-parser.d.ts +2 -1
  86. package/dist/server/email/index.d.ts +2 -0
  87. package/dist/server/index.d.ts +4 -1
  88. package/dist/server/index.js +3927 -1982
  89. package/dist/server/messager/index.d.ts +21 -2
  90. package/dist/server/middleware/compress.d.ts +25 -0
  91. package/dist/server/ui/index.d.ts +8 -1
  92. package/dist/server/user/index.d.ts +4 -0
  93. package/dist/shared/router/chain.d.ts +9 -0
  94. package/dist/shared/router/context.d.ts +35 -0
  95. package/dist/shared/router/ctx-fields.d.ts +20 -0
  96. package/dist/shared/router/pipeline.d.ts +70 -0
  97. package/dist/shared/router/trie.d.ts +11 -3
  98. package/dist/shared/router/types.d.ts +23 -0
  99. package/docs/style-guide.md +44 -41
  100. package/package.json +13 -10
  101. package/content/apps/admin.md +0 -55
  102. package/content/apps/agent-platform.md +0 -35
  103. package/content/apps/auth.md +0 -49
  104. package/content/apps/multi.md +0 -44
  105. package/content/apps/todo.md +0 -51
  106. package/content/backend/ai.md +0 -28
  107. package/content/backend/auth.md +0 -20
  108. package/content/backend/email.md +0 -23
  109. package/content/backend/graphql.md +0 -23
  110. package/content/backend/http.md +0 -23
  111. package/content/backend/limit.md +0 -23
  112. package/content/backend/middleware.md +0 -17
  113. package/content/backend/queue.md +0 -23
  114. package/content/backend/redis.md +0 -26
  115. package/content/backend/router.md +0 -23
  116. package/content/backend/schedule.md +0 -23
  117. package/content/backend/sql.md +0 -27
  118. package/content/backend/sse.md +0 -26
  119. package/content/backend/ws.md +0 -26
  120. package/content/capabilities/app-node.md +0 -21
  121. package/content/capabilities/data.md +0 -21
  122. package/content/capabilities/events.md +0 -21
  123. package/content/capabilities/hooks.md +0 -22
  124. package/content/capabilities/i18n.md +0 -21
  125. package/content/capabilities/popup.md +0 -21
  126. package/content/capabilities/render-only.md +0 -23
  127. package/content/capabilities/router.md +0 -22
  128. package/content/capabilities/self-id.md +0 -21
  129. package/content/capabilities/store.md +0 -21
  130. package/content/capabilities/theme.md +0 -21
  131. package/content/capabilities/two-phase.md +0 -21
  132. package/content/components/accordion.md +0 -50
  133. package/content/components/actionsheet.md +0 -46
  134. package/content/components/affix.md +0 -51
  135. package/content/components/aichat.md +0 -57
  136. package/content/components/alert.md +0 -52
  137. package/content/components/alertgroup.md +0 -45
  138. package/content/components/anchor.md +0 -52
  139. package/content/components/app.md +0 -37
  140. package/content/components/approvalcard.md +0 -56
  141. package/content/components/appshell.md +0 -50
  142. package/content/components/aspectratio.md +0 -47
  143. package/content/components/authpage.md +0 -61
  144. package/content/components/autocomplete-v2.md +0 -40
  145. package/content/components/autocomplete.md +0 -56
  146. package/content/components/avatar.md +0 -51
  147. package/content/components/avatargroup.md +0 -47
  148. package/content/components/backtop.md +0 -53
  149. package/content/components/badge.md +0 -55
  150. package/content/components/breadcrumb.md +0 -49
  151. package/content/components/button.md +0 -63
  152. package/content/components/calendar-v2.md +0 -40
  153. package/content/components/calendar.md +0 -50
  154. package/content/components/card.md +0 -58
  155. package/content/components/carousel.md +0 -52
  156. package/content/components/cascader-v2.md +0 -39
  157. package/content/components/cascader.md +0 -54
  158. package/content/components/chart.md +0 -53
  159. package/content/components/chatinput.md +0 -63
  160. package/content/components/checkbox.md +0 -51
  161. package/content/components/checkboxgroup.md +0 -52
  162. package/content/components/citationcard.md +0 -48
  163. package/content/components/codeblock.md +0 -48
  164. package/content/components/codeeditor.md +0 -47
  165. package/content/components/collapse.md +0 -49
  166. package/content/components/colorpicker.md +0 -50
  167. package/content/components/command.md +0 -50
  168. package/content/components/confirm.md +0 -57
  169. package/content/components/contextmenu.md +0 -48
  170. package/content/components/copybutton.md +0 -51
  171. package/content/components/datepicker.md +0 -52
  172. package/content/components/descriptions-v2.md +0 -39
  173. package/content/components/descriptions.md +0 -52
  174. package/content/components/diffview-v2.md +0 -39
  175. package/content/components/diffview.md +0 -50
  176. package/content/components/divider.md +0 -48
  177. package/content/components/drawer.md +0 -55
  178. package/content/components/dropdown.md +0 -53
  179. package/content/components/editor.md +0 -49
  180. package/content/components/emptystate.md +0 -51
  181. package/content/components/exportcsv.md +0 -38
  182. package/content/components/field.md +0 -54
  183. package/content/components/filepreview-office.md +0 -37
  184. package/content/components/filepreview.md +0 -49
  185. package/content/components/filetree.md +0 -56
  186. package/content/components/fileupload-v2.md +0 -39
  187. package/content/components/fileupload.md +0 -57
  188. package/content/components/floatbutton.md +0 -52
  189. package/content/components/form-v2.md +0 -41
  190. package/content/components/form.md +0 -60
  191. package/content/components/grid.md +0 -51
  192. package/content/components/highlight-v2.md +0 -39
  193. package/content/components/highlight.md +0 -46
  194. package/content/components/hovercard.md +0 -51
  195. package/content/components/icon.md +0 -50
  196. package/content/components/imagecropper.md +0 -45
  197. package/content/components/img.md +0 -56
  198. package/content/components/infinitescroll-v2.md +0 -40
  199. package/content/components/infinitescroll.md +0 -54
  200. package/content/components/input.md +0 -65
  201. package/content/components/inputnumber.md +0 -58
  202. package/content/components/inview.md +0 -56
  203. package/content/components/jsonschemaform.md +0 -53
  204. package/content/components/jsonviewer-v2.md +0 -39
  205. package/content/components/jsonviewer.md +0 -49
  206. package/content/components/kanban.md +0 -46
  207. package/content/components/label.md +0 -48
  208. package/content/components/layout.md +0 -54
  209. package/content/components/layoutcontent.md +0 -43
  210. package/content/components/layoutheader.md +0 -43
  211. package/content/components/layoutsider.md +0 -43
  212. package/content/components/link.md +0 -52
  213. package/content/components/list.md +0 -44
  214. package/content/components/loading.md +0 -45
  215. package/content/components/logviewer-v2.md +0 -39
  216. package/content/components/logviewer.md +0 -53
  217. package/content/components/markdown.md +0 -51
  218. package/content/components/markdowneditor.md +0 -47
  219. package/content/components/math.md +0 -42
  220. package/content/components/mentions-v2.md +0 -39
  221. package/content/components/mentions.md +0 -52
  222. package/content/components/menu.md +0 -56
  223. package/content/components/menubar.md +0 -44
  224. package/content/components/messagebubble.md +0 -50
  225. package/content/components/modal.md +0 -59
  226. package/content/components/navmenu.md +0 -47
  227. package/content/components/notification.md +0 -51
  228. package/content/components/pageheader.md +0 -53
  229. package/content/components/pagination.md +0 -49
  230. package/content/components/paragraph.md +0 -45
  231. package/content/components/passwordinput.md +0 -57
  232. package/content/components/pininput-v2.md +0 -39
  233. package/content/components/pininput.md +0 -50
  234. package/content/components/pipeline.md +0 -49
  235. package/content/components/popconfirm.md +0 -58
  236. package/content/components/popover.md +0 -61
  237. package/content/components/progressbar.md +0 -50
  238. package/content/components/prompttemplate.md +0 -49
  239. package/content/components/qrcode.md +0 -50
  240. package/content/components/radiogroup.md +0 -53
  241. package/content/components/rate.md +0 -53
  242. package/content/components/reasoningblock.md +0 -47
  243. package/content/components/relationgraph.md +0 -52
  244. package/content/components/resizable.md +0 -53
  245. package/content/components/result.md +0 -49
  246. package/content/components/scrollbar.md +0 -49
  247. package/content/components/searchinput.md +0 -51
  248. package/content/components/segmentedcontrol.md +0 -59
  249. package/content/components/select-searchable.md +0 -47
  250. package/content/components/select.md +0 -66
  251. package/content/components/sessionlist.md +0 -52
  252. package/content/components/sheetgrid.md +0 -44
  253. package/content/components/skeleton.md +0 -55
  254. package/content/components/slidecanvas.md +0 -44
  255. package/content/components/slider.md +0 -62
  256. package/content/components/sortablelist.md +0 -39
  257. package/content/components/space.md +0 -52
  258. package/content/components/sparkline.md +0 -52
  259. package/content/components/statcard-countdown.md +0 -39
  260. package/content/components/statcard.md +0 -56
  261. package/content/components/steps.md +0 -48
  262. package/content/components/switch.md +0 -50
  263. package/content/components/tabbar.md +0 -45
  264. package/content/components/table-v2.md +0 -40
  265. package/content/components/table.md +0 -66
  266. package/content/components/tabs.md +0 -56
  267. package/content/components/tag.md +0 -51
  268. package/content/components/tagsinput-v2.md +0 -39
  269. package/content/components/tagsinput.md +0 -54
  270. package/content/components/text.md +0 -45
  271. package/content/components/textarea.md +0 -57
  272. package/content/components/themeswitch.md +0 -69
  273. package/content/components/timeline.md +0 -50
  274. package/content/components/title.md +0 -45
  275. package/content/components/toast.md +0 -52
  276. package/content/components/toggle-togglegroup.md +0 -52
  277. package/content/components/togglegroup.md +0 -47
  278. package/content/components/toolcallcard.md +0 -51
  279. package/content/components/tooltip.md +0 -50
  280. package/content/components/tour.md +0 -50
  281. package/content/components/transfer.md +0 -52
  282. package/content/components/tree-v2.md +0 -39
  283. package/content/components/tree.md +0 -59
  284. package/content/components/treeselect.md +0 -54
  285. package/content/components/typography.md +0 -51
  286. package/content/components/videoplayer.md +0 -52
  287. package/content/components/virtuallist.md +0 -52
  288. package/content/components/virtualtable-v2.md +0 -39
  289. package/content/components/virtualtable.md +0 -55
  290. package/content/components/watermark.md +0 -53
  291. package/content/components/wave.md +0 -43
  292. package/content/guides/ai-chat-family.md +0 -24
  293. package/content/guides/choose.md +0 -67
  294. package/content/guides/component-model.md +0 -32
  295. package/content/guides/component-standards.md +0 -123
  296. package/content/guides/components-guide.md +0 -813
  297. package/content/guides/custom-component.md +0 -321
  298. package/content/guides/data-guide.md +0 -281
  299. package/content/guides/file-preview-family.md +0 -18
  300. package/content/guides/frontend.md +0 -968
  301. package/content/guides/layout-choice.md +0 -64
  302. package/content/guides/layout-guide.md +0 -241
  303. package/content/guides/middleware.md +0 -459
  304. package/content/guides/mobile-guide.md +0 -105
  305. package/content/guides/page-building.md +0 -98
  306. package/content/guides/production.md +0 -37
  307. package/content/guides/quality.md +0 -60
  308. package/content/guides/realtime-guide.md +0 -296
  309. package/content/guides/render-only.md +0 -44
  310. package/content/guides/saas-guide.md +0 -253
  311. package/content/guides/server-guide.md +0 -359
  312. package/content/guides/start.md +0 -41
  313. package/content/guides/styling.md +0 -154
  314. package/content/guides/ui-dom-guide.md +0 -157
  315. package/content/index.json +0 -4344
  316. package/content/index.md +0 -181
  317. package/content/layout/align.md +0 -20
  318. package/content/layout/anchor.md +0 -19
  319. package/content/layout/app-shell.md +0 -23
  320. package/content/layout/border.md +0 -20
  321. package/content/layout/center.md +0 -19
  322. package/content/layout/cluster.md +0 -19
  323. package/content/layout/container.md +0 -19
  324. package/content/layout/fill.md +0 -19
  325. package/content/layout/grid.md +0 -19
  326. package/content/layout/hidden.md +0 -22
  327. package/content/layout/layer.md +0 -19
  328. package/content/layout/position.md +0 -22
  329. package/content/layout/row.md +0 -23
  330. package/content/layout/safe-area.md +0 -20
  331. package/content/layout/scroll.md +0 -21
  332. package/content/layout/spacing.md +0 -22
  333. package/content/layout/split.md +0 -19
  334. package/content/layout/stack.md +0 -19
  335. package/content/layout/surface.md +0 -23
  336. package/content/layout/text.md +0 -22
  337. package/content/patterns/app-shell.md +0 -34
  338. package/content/patterns/dashboard.md +0 -36
  339. package/content/patterns/data-screen.md +0 -30
  340. package/content/patterns/detail-page.md +0 -31
  341. package/content/patterns/docs.md +0 -34
  342. package/content/patterns/focus-task.md +0 -34
  343. package/content/patterns/landing.md +0 -35
  344. package/content/patterns/list-page.md +0 -32
  345. package/content/patterns/mobile.md +0 -31
  346. package/content/patterns/settings-page.md +0 -33
  347. package/content/patterns/workspace.md +0 -32
  348. package/dist/cli/content-sync.test.d.ts +0 -1
  349. package/dist/cli/docs-cli.test.d.ts +0 -1
  350. package/dist/cli/docs.d.ts +0 -2
  351. package/dist/cli/docs.mjs +0 -10961
  352. package/dist/client/vdom/core/build.d.ts +0 -36
  353. package/dist/client/vdom/core/diff/children.d.ts +0 -29
  354. package/dist/client/vdom/core/diff/index.d.ts +0 -22
  355. package/dist/client/vdom/core/diff/output.d.ts +0 -30
  356. package/dist/client/vdom/core/diff/same.d.ts +0 -22
  357. package/dist/client/vdom/core/serve.d.ts +0 -75
  358. package/dist/client/vdom/core/ssr/index.d.ts +0 -25
  359. package/examples/apps/admin/README.md +0 -23
  360. package/examples/apps/admin/api.ts +0 -27
  361. package/examples/apps/admin/app.tsx +0 -144
  362. package/examples/apps/admin/main.tsx +0 -8
  363. package/examples/apps/admin/server.ts +0 -37
  364. package/examples/apps/auth/README.md +0 -23
  365. package/examples/apps/auth/api.ts +0 -49
  366. package/examples/apps/auth/app.tsx +0 -137
  367. package/examples/apps/auth/main.tsx +0 -8
  368. package/examples/apps/auth/server.ts +0 -37
  369. package/examples/apps/multi/README.md +0 -23
  370. package/examples/apps/multi/app.tsx +0 -83
  371. package/examples/apps/multi/main.tsx +0 -8
  372. package/examples/apps/multi/server.ts +0 -33
  373. package/examples/apps/todo/README.md +0 -23
  374. package/examples/apps/todo/api.ts +0 -26
  375. package/examples/apps/todo/app.tsx +0 -128
  376. package/examples/apps/todo/main.tsx +0 -9
  377. package/examples/apps/todo/server.ts +0 -39
  378. package/examples/hello-world/README.md +0 -9
  379. package/examples/hello-world/client.ts +0 -14
  380. package/examples/hello-world/routes.tsx +0 -26
  381. package/examples/hello-world/server.ts +0 -46
  382. package/examples/patterns/AppShell.tsx +0 -224
  383. package/examples/patterns/Dashboard.tsx +0 -153
  384. package/examples/patterns/DataScreen.tsx +0 -104
  385. package/examples/patterns/DetailPage.tsx +0 -79
  386. package/examples/patterns/Docs.tsx +0 -105
  387. package/examples/patterns/FocusTask.tsx +0 -67
  388. package/examples/patterns/Landing.tsx +0 -90
  389. package/examples/patterns/ListPage.tsx +0 -77
  390. package/examples/patterns/Mobile.tsx +0 -154
  391. package/examples/patterns/SettingsPage.tsx +0 -98
  392. 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 填充具体步骤)