@morlay/dsh-client-ui-primitives 0.0.8 → 0.0.10

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 (44) hide show
  1. package/README.md +17 -18
  2. package/dist/client-B68ClH7Y.mjs +3730 -0
  3. package/dist/client-Bbcei33M.cjs +17197 -0
  4. package/dist/client.cjs +54 -0
  5. package/dist/client.d.cts +4 -0
  6. package/dist/client.d.mts +2 -664
  7. package/dist/client.mjs +2 -3728
  8. package/dist/index-AMHtcyMt.d.mts +647 -0
  9. package/dist/index.cjs +54 -0
  10. package/dist/index.d.mts +4 -5
  11. package/dist/index.mjs +4 -5
  12. package/dist/reference-hchCWm3z.cjs +482 -0
  13. package/dist/reference.cjs +4 -0
  14. package/dist/reference.d.mts +3 -0
  15. package/dist/reference.mjs +1 -0
  16. package/package.json +28 -30
  17. package/src/client/controls/IconButton.tsx +4 -2
  18. package/src/client/controls/ModelRouteList.module.css +1 -1
  19. package/src/client/controls/SeatButton.module.css +1 -1
  20. package/src/client/controls/SeatButton.tsx +1 -2
  21. package/src/client/controls/classes.ts +1 -3
  22. package/src/client/controls/index.ts +1 -7
  23. package/src/client/index.ts +7 -1
  24. package/src/client/layout/Row.tsx +20 -17
  25. package/src/client/layout/Stack.tsx +19 -16
  26. package/src/client/layout/Text.tsx +8 -1
  27. package/src/client/schema-form/Editor.tsx +26 -9
  28. package/src/client/schema-form/SchemaForm.tsx +6 -1
  29. package/src/client/schema-form/index.ts +5 -0
  30. package/src/client/schema-form/schema-form.module.css +16 -16
  31. package/src/client/schema-form/testing/fake-scope.ts +0 -1
  32. package/src/client/schema-form/value.tsx +8 -3
  33. package/src/client/settings-form/SettingsFieldRow.module.css +1 -1
  34. package/src/client/settings-form/SettingsFieldRow.tsx +4 -2
  35. package/src/index.ts +6 -2
  36. package/src/reference-markdown.tsx +2 -6
  37. package/dist/rolldown-runtime-EAsCxrDo.mjs +0 -14
  38. package/locale/en.json +0 -6
  39. package/locale/zh.json +0 -6
  40. package/src/client/controls/SearchInput.module.css +0 -11
  41. package/src/client/controls/SearchInput.tsx +0 -22
  42. package/src/client/controls/Tabs.module.css +0 -48
  43. package/src/client/controls/Tabs.tsx +0 -57
  44. /package/src/{client/markdown-text.ts → markdown-text.ts} +0 -0
package/README.md CHANGED
@@ -1,13 +1,12 @@
1
1
  # @morlay/dsh-client-ui-primitives
2
2
 
3
- 对话 UI 与设置页共用的**基础面**:**上游那套样式**(每件组件一个 `*.module.css`,token 直接写
4
- `var(--dsw-*)`,与官方 `ui-primitives` 同一套技术栈)、**官方基础组件的统一出口**(`Button` / `Menu` / `Input` /
5
- `Tag` / `Modal` / `Switch` / `SettingsForm` / 图标 … 由本包 `export *` 转出,业务包只向本包取控件)、**布局原语**
6
- (`Stack` / `Row` / `Text`,间距 / 内距 / 文本档位集中在 `layout` 的档位表里)、**这套界面自有的控件**(字段行
7
- `SettingsFieldRow`、可搜索选择器 `SearchSelect`、模型路由清单 `ModelRouteList`、标签输入 `TagInput`、多行文本
8
- `MultilineField`、图标按钮 `IconButton`、按钮 `Button`、`Tabs` / `Spinner` / `Bubble` / `PopoverPanel` …)、
9
- **按 schema 自动生成的行配置页**,以及**引用解析与渲染转换**(host 与 client 共用唯一一份源码,
10
- [`@morlay/dsh-reference`](../../context/dsh-reference/README.md) 的引用展开复用 host 那半)。
3
+ 对话 UI 与设置页共用的**基础面**:上游那套样式、官方基础组件的统一出口(`Button` / `Menu` / `Input` / `Modal` /
4
+ `Switch` / `SettingsForm` / 图标 …)、布局原语(`Stack` / `Row` / `Text`)、这套界面自有的控件(字段行 / 可搜索
5
+ 选择器 / 标签输入 / 图标按钮 …)、按 schema 自动生成的行配置页,以及引用解析与渲染(host 与 client 共用唯一一份
6
+ 源码,[`@morlay/dsh-reference`](../../context/dsh-reference/README.md) 的引用展开复用 host 那半)。
7
+
8
+ 样式与控件的写法约束见[规范 how-to-write](./.agents/standards/how-to-write.md);schema 表单、字段槽与装配形态的
9
+ 机制见[设计 按 schema 自动生成行配置表单与字段槽注入](./.agents/designs/20260924-schema自动生成行配置表单与字段槽注入.md)。
11
10
 
12
11
  ## 用法
13
12
 
@@ -25,7 +24,7 @@ export const Config = z.object({
25
24
  ```
26
25
 
27
26
  ```tsx
28
- // 想给某个字段换控件或只改文案:注册 chain 槽(select 返回 null 才是不认领)
27
+ // 想给某个字段换控件或只改文案:注册 chain 槽
29
28
  import {
30
29
  SchemaFieldDefault,
31
30
  type SchemaFieldComponentProps,
@@ -44,7 +43,7 @@ ctx.slots.inject("settings.schema-form.field", () =>
44
43
  );
45
44
  ```
46
45
 
47
- 设置表单原语是暂存式的:控件只上报用户输入,`save` 是唯一写盘点。
46
+ 设置表单原语:
48
47
 
49
48
  ```ts
50
49
  import { SettingsFormModel, settingsNumberField } from "@morlay/dsh-client-ui-primitives/client";
@@ -52,12 +51,14 @@ import { SettingsFormModel, settingsNumberField } from "@morlay/dsh-client-ui-pr
52
51
  const form = new SettingsFormModel(scope, [settingsNumberField("timeoutMs")]);
53
52
  ```
54
53
 
55
- 业务页面组设置面时,控件与字段摆位都从这里取(**业务层不写控件外观**;每个控件带稳定的 `data-role` 供样式、测试与
56
- 自动化定位):
54
+ 业务页面组设置面时,控件与字段摆位都从这里取:
57
55
 
58
56
  ```tsx
59
57
  import {
60
- IconButton, SearchSelect, SettingsFieldRow, TagInput,
58
+ IconButton,
59
+ SearchSelect,
60
+ SettingsFieldRow,
61
+ TagInput,
61
62
  } from "@morlay/dsh-client-ui-primitives/client";
62
63
 
63
64
  <SettingsFieldRow label="允许的工具" hint="留空 = 不限制" divider layout="inline">
@@ -68,10 +69,8 @@ import {
68
69
  label="允许的工具"
69
70
  removeLabel={(name) => `移除 ${name}`}
70
71
  />
71
- </SettingsFieldRow>
72
+ </SettingsFieldRow>;
72
73
  ```
73
74
 
74
- 装配:**不是装配行**——client 半随用到它的 client 行内联(清单里标 `dsh.client.inline`,devkit 因此不把它当
75
- 模块表里的行外置),装配入口 `apply` 由那些行各自调用、按服务在场与否幂等去重;样式由构建期内联成
76
- "模块执行即注入 `<style>`",同名 `<style data-plugin-css>` 只注入一份。
77
- 取舍见 [ADR 基础面暂时内联而不是装配行](./.agents/adrs/20261001-暂时内联而不是装配行.md)。
75
+ 装配:**不是装配行**——client 半随用到它的 client 行内联,`apply` 由那些行各自调用、幂等去重。取舍见
76
+ [ADR 基础面暂时内联而不是装配行](./.agents/adrs/20261001-暂时内联而不是装配行.md)。