@aithe/aithe-ui 26.3.1 → 26.3.2
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 +8 -5
- package/dist/apps/api/i18n/de-DE.d.ts.map +1 -1
- package/dist/apps/api/i18n/de-DE.js +1 -0
- package/dist/apps/api/i18n/en-US.d.ts.map +1 -1
- package/dist/apps/api/i18n/en-US.js +1 -0
- package/dist/apps/api/i18n/es-ES.d.ts.map +1 -1
- package/dist/apps/api/i18n/es-ES.js +1 -0
- package/dist/apps/api/i18n/fr-FR.d.ts.map +1 -1
- package/dist/apps/api/i18n/fr-FR.js +1 -0
- package/dist/apps/api/i18n/ja-JP.d.ts.map +1 -1
- package/dist/apps/api/i18n/ja-JP.js +1 -0
- package/dist/apps/api/i18n/ko-KR.d.ts.map +1 -1
- package/dist/apps/api/i18n/ko-KR.js +1 -0
- package/dist/apps/api/i18n/pt-BR.d.ts.map +1 -1
- package/dist/apps/api/i18n/pt-BR.js +1 -0
- package/dist/apps/api/i18n/zh-CN.d.ts.map +1 -1
- package/dist/apps/api/i18n/zh-CN.js +1 -0
- package/dist/apps/api/i18n/zh-HK.d.ts.map +1 -1
- package/dist/apps/api/i18n/zh-HK.js +1 -0
- package/dist/apps/api/i18n/zh-TW.d.ts.map +1 -1
- package/dist/apps/api/i18n/zh-TW.js +1 -0
- package/dist/apps/api/pages/docs.d.ts.map +1 -1
- package/dist/apps/api/pages/docs.js +2 -0
- package/dist/apps/demo/app.d.ts.map +1 -1
- package/dist/apps/demo/app.js +2 -0
- package/dist/apps/demo/i18n/de-DE.d.ts.map +1 -1
- package/dist/apps/demo/i18n/de-DE.js +20 -0
- package/dist/apps/demo/i18n/en-US.d.ts.map +1 -1
- package/dist/apps/demo/i18n/en-US.js +20 -0
- package/dist/apps/demo/i18n/es-ES.d.ts.map +1 -1
- package/dist/apps/demo/i18n/es-ES.js +20 -0
- package/dist/apps/demo/i18n/fr-FR.d.ts.map +1 -1
- package/dist/apps/demo/i18n/fr-FR.js +20 -0
- package/dist/apps/demo/i18n/ja-JP.d.ts.map +1 -1
- package/dist/apps/demo/i18n/ja-JP.js +20 -0
- package/dist/apps/demo/i18n/ko-KR.d.ts.map +1 -1
- package/dist/apps/demo/i18n/ko-KR.js +20 -0
- package/dist/apps/demo/i18n/pt-BR.d.ts.map +1 -1
- package/dist/apps/demo/i18n/pt-BR.js +20 -0
- package/dist/apps/demo/i18n/zh-CN.d.ts.map +1 -1
- package/dist/apps/demo/i18n/zh-CN.js +20 -0
- package/dist/apps/demo/i18n/zh-HK.d.ts.map +1 -1
- package/dist/apps/demo/i18n/zh-HK.js +20 -0
- package/dist/apps/demo/i18n/zh-TW.d.ts.map +1 -1
- package/dist/apps/demo/i18n/zh-TW.js +20 -0
- package/dist/apps/demo/pages/autoform.d.ts.map +1 -1
- package/dist/apps/demo/pages/autoform.js +10 -0
- package/dist/apps/demo/pages/autoview.d.ts +3 -0
- package/dist/apps/demo/pages/autoview.d.ts.map +1 -0
- package/dist/apps/demo/pages/autoview.js +310 -0
- package/dist/apps/demo/pages/form.d.ts.map +1 -1
- package/dist/apps/demo/pages/form.js +20 -0
- package/dist/components/data/tree-menu.js +1 -1
- package/dist/components/display/autoview.d.ts +139 -0
- package/dist/components/display/autoview.d.ts.map +1 -0
- package/dist/components/display/autoview.js +460 -0
- package/dist/components/display/desc.d.ts +4 -0
- package/dist/components/display/desc.d.ts.map +1 -1
- package/dist/components/display/desc.js +45 -3
- package/dist/components/form/autoform-item.d.ts +6 -0
- package/dist/components/form/autoform-item.d.ts.map +1 -1
- package/dist/components/form/autoform-item.js +34 -4
- package/dist/components/form/combobox.d.ts +4 -0
- package/dist/components/form/combobox.d.ts.map +1 -1
- package/dist/components/form/combobox.js +56 -13
- package/dist/components/form/select.d.ts +4 -0
- package/dist/components/form/select.d.ts.map +1 -1
- package/dist/components/form/select.js +84 -40
- package/dist/components/navigation/sub-menu.d.ts.map +1 -1
- package/dist/components/navigation/sub-menu.js +0 -1
- package/dist/core/autoform/autoview.d.ts +86 -0
- package/dist/core/autoform/autoview.d.ts.map +1 -0
- package/dist/core/autoform/autoview.js +37 -0
- package/dist/core/autoform/index.d.ts +2 -0
- package/dist/core/autoform/index.d.ts.map +1 -1
- package/dist/core/autoform/index.js +1 -0
- package/dist/core/datahub/__tests__/force-options.test.d.ts +8 -0
- package/dist/core/datahub/__tests__/force-options.test.d.ts.map +1 -0
- package/dist/core/datahub/__tests__/force-options.test.js +161 -0
- package/dist/core/datahub/core/api-styles.d.ts.map +1 -1
- package/dist/core/datahub/core/api-styles.js +5 -0
- package/dist/core/datahub/core/datahub-core.d.ts +50 -0
- package/dist/core/datahub/core/datahub-core.d.ts.map +1 -1
- package/dist/core/datahub/core/datahub-core.js +160 -81
- package/dist/core/datahub/types.d.ts +18 -0
- package/dist/core/datahub/types.d.ts.map +1 -1
- package/dist/core/markdown/plugins.d.ts +2 -1
- package/dist/core/markdown/plugins.d.ts.map +1 -1
- package/dist/core/markdown/plugins.js +168 -21
- package/dist/core/types.d.ts +2 -0
- package/dist/core/types.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1267 -753
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +282 -138
- package/dist/index.umd.js.map +1 -1
- package/dist/styles/i18n/locales/de-DE.d.ts.map +1 -1
- package/dist/styles/i18n/locales/de-DE.js +3 -0
- package/dist/styles/i18n/locales/en-US.d.ts.map +1 -1
- package/dist/styles/i18n/locales/en-US.js +3 -0
- package/dist/styles/i18n/locales/es-ES.d.ts.map +1 -1
- package/dist/styles/i18n/locales/es-ES.js +3 -0
- package/dist/styles/i18n/locales/fr-FR.d.ts.map +1 -1
- package/dist/styles/i18n/locales/fr-FR.js +3 -0
- package/dist/styles/i18n/locales/ja-JP.d.ts.map +1 -1
- package/dist/styles/i18n/locales/ja-JP.js +3 -0
- package/dist/styles/i18n/locales/ko-KR.d.ts.map +1 -1
- package/dist/styles/i18n/locales/ko-KR.js +3 -0
- package/dist/styles/i18n/locales/pt-BR.d.ts.map +1 -1
- package/dist/styles/i18n/locales/pt-BR.js +3 -0
- package/dist/styles/i18n/locales/zh-CN.d.ts.map +1 -1
- package/dist/styles/i18n/locales/zh-CN.js +3 -0
- package/dist/styles/i18n/locales/zh-HK.d.ts.map +1 -1
- package/dist/styles/i18n/locales/zh-HK.js +3 -0
- package/dist/styles/i18n/locales/zh-TW.d.ts.map +1 -1
- package/dist/styles/i18n/locales/zh-TW.js +3 -0
- package/docs/api/display/autoview.md +277 -0
- package/docs/api/display/desc.md +56 -14
- package/docs/api/form/autoform-item.md +16 -1
- package/docs/api/form/autoform.md +3 -2
- package/docs/api/form/combobox.md +27 -7
- package/docs/api/form/select.md +30 -8
- package/docs/api/summary.md +1 -0
- package/docs/autoform.md +1 -32
- package/docs/changelog/CHANGELOG.md +76 -1
- package/docs/changelog/VERSION_26.3.1.md +5 -5
- package/docs/changelog/VERSION_26.3.2.md +852 -0
- package/docs/datahub.md +3 -0
- package/docs/framework-integration.md +1 -1
- package/docs/guide.md +7 -6
- package/docs/i18n.md +1 -3
- package/docs/issue/26.3.2/issue_26.3.2.1.md +46 -0
- package/docs/issue/26.3.2/issue_26.3.2.2.md +82 -0
- package/docs/issue/26.3.2/issue_26.3.2.3.md +57 -0
- package/docs/issue/26.3.2/issue_26.3.2.4.md +43 -0
- package/docs/issue/AGENTS.md +24 -3
- package/docs/markdown.md +2 -2
- package/docs/quickstart.md +3 -3
- package/docs/theming.md +5 -4
- package/package.json +1 -1
- package/dist/components/navigation/dropdown.d.ts +0 -56
- package/dist/components/navigation/dropdown.d.ts.map +0 -1
- /package/docs/issue/{issue_26.2.2.1.md → 26.2.2/issue_26.2.2.1.md} +0 -0
- /package/docs/issue/{issue_26.2.2.2.md → 26.2.2/issue_26.2.2.2.md} +0 -0
- /package/docs/issue/{issue_26.2.2.3.md → 26.2.2/issue_26.2.2.3.md} +0 -0
- /package/docs/issue/{issue_26.2.2.4.md → 26.2.2/issue_26.2.2.4.md} +0 -0
- /package/docs/issue/{issue_26.2.3.1.md → 26.2.3/issue_26.2.3.1.md} +0 -0
- /package/docs/issue/{issue_26.2.3.10.md → 26.2.3/issue_26.2.3.10.md} +0 -0
- /package/docs/issue/{issue_26.2.3.11.md → 26.2.3/issue_26.2.3.11.md} +0 -0
- /package/docs/issue/{issue_26.2.3.12.md → 26.2.3/issue_26.2.3.12.md} +0 -0
- /package/docs/issue/{issue_26.2.3.13.md → 26.2.3/issue_26.2.3.13.md} +0 -0
- /package/docs/issue/{issue_26.2.3.14.md → 26.2.3/issue_26.2.3.14.md} +0 -0
- /package/docs/issue/{issue_26.2.3.15.md → 26.2.3/issue_26.2.3.15.md} +0 -0
- /package/docs/issue/{issue_26.2.3.16.md → 26.2.3/issue_26.2.3.16.md} +0 -0
- /package/docs/issue/{issue_26.2.3.2.md → 26.2.3/issue_26.2.3.2.md} +0 -0
- /package/docs/issue/{issue_26.2.3.3.md → 26.2.3/issue_26.2.3.3.md} +0 -0
- /package/docs/issue/{issue_26.2.3.4.md → 26.2.3/issue_26.2.3.4.md} +0 -0
- /package/docs/issue/{issue_26.2.3.5.md → 26.2.3/issue_26.2.3.5.md} +0 -0
- /package/docs/issue/{issue_26.2.3.6.md → 26.2.3/issue_26.2.3.6.md} +0 -0
- /package/docs/issue/{issue_26.2.3.7.md → 26.2.3/issue_26.2.3.7.md} +0 -0
- /package/docs/issue/{issue_26.2.3.8.md → 26.2.3/issue_26.2.3.8.md} +0 -0
- /package/docs/issue/{issue_26.2.3.9.md → 26.2.3/issue_26.2.3.9.md} +0 -0
- /package/docs/issue/{issue_26.3.1.0.md → 26.3.1/issue_26.3.1.0.md} +0 -0
- /package/docs/issue/{issue_26.3.1.1.md → 26.3.1/issue_26.3.1.1.md} +0 -0
- /package/docs/issue/{issue_26.3.1.2.md → 26.3.1/issue_26.3.1.2.md} +0 -0
- /package/docs/issue/{issue_26.3.1.3.md → 26.3.1/issue_26.3.1.3.md} +0 -0
- /package/docs/issue/{issue_26.3.1.4.md → 26.3.1/issue_26.3.1.4.md} +0 -0
- /package/docs/issue/{issue_26.3.1.5.md → 26.3.1/issue_26.3.1.5.md} +0 -0
- /package/docs/issue/{issue_26.3.1.6.md → 26.3.1/issue_26.3.1.6.md} +0 -0
- /package/docs/issue/{issue_26.3.1.7.md → 26.3.1/issue_26.3.1.7.md} +0 -0
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
| Name | Type | Default | Description (EN) | Description (CN) |
|
|
15
15
|
| ------------------ | ------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
16
|
-
| fields | String | '[]' | JSON string of field configurations. Each field supports: name, type, label, icon, tooltip, description, dft, rules (required/pattern/message), placeholder, disabled, options, dependencies, rules (dependency). | 字段配置的 JSON 字符串。每个字段支持:name、type、label、icon、tooltip、description、dft、rules(required/pattern/message)、placeholder、disabled、options、dependencies、rules
|
|
16
|
+
| fields | String | '[]' | JSON string of field configurations. Each field supports: name, type, label, icon, tooltip, description, dft, rules (required/pattern/message), placeholder, disabled, options, dependencies, rules (dependency), inputType (for type="input", e.g. `password`/`email`/`tel`; `password` renders a visibility toggle). | 字段配置的 JSON 字符串。每个字段支持:name、type、label、icon、tooltip、description、dft、rules(required/pattern/message)、placeholder、disabled、options、dependencies、rules(依赖联动)、inputType(用于 type="input",如 `password`/`email`/`tel`;`password` 渲染明文切换按钮)。 |
|
|
17
17
|
| submitText | String | '' | Custom submit button label. Falls back to i18n key `form.autoform.submit`. | 自定义提交按钮文本。缺省使用 i18n 键 `form.autoform.submit`。 |
|
|
18
18
|
| loading | Boolean | false | Whether the form is in a submitting state. | 表单是否处于提交中状态。 |
|
|
19
19
|
| validate-on-change | Boolean | true | Whether to validate on every field change. | 是否在每次字段变更时实时校验。 |
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
| input | Single-line text input. | 单行文本输入。 |
|
|
45
45
|
| textarea | Multi-line text input. | 多行文本输入。 |
|
|
46
46
|
| number | Numeric input. | 数值输入。 |
|
|
47
|
-
| password | Password input.
|
|
47
|
+
| password | Password input with a visibility toggle suffix icon. | 密码输入,后缀图标切换明文显示。 |
|
|
48
48
|
| email | Email input. | 邮箱输入。 |
|
|
49
49
|
| select | Dropdown selector. | 下拉选择器。 |
|
|
50
50
|
| radio | Radio button group. | 单选按钮组。 |
|
|
@@ -264,6 +264,7 @@ String values use single or double quotes. Boolean values use `true`/`false`. Nu
|
|
|
264
264
|
fields='[
|
|
265
265
|
{"name":"username","type":"input","label":"Username","icon":"user","required":true,"message":"Username is required","placeholder":"Enter username"},
|
|
266
266
|
{"name":"email","type":"input","label":"Email","tooltip":"Your work email","required":true,"inputType":"email","pattern":"^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$","message":"Invalid email","placeholder":"you@company.com"},
|
|
267
|
+
{"name":"password","type":"input","label":"Password","icon":"lock","required":true,"inputType":"password","placeholder":"Enter your password","message":"Password is required"},
|
|
267
268
|
{"name":"role","type":"select","label":"Role","options":"[{\\"label\\":\\"Admin\\",\\"id\\":\\"admin\\"},{\\"label\\":\\"Editor\\",\\"id\\":\\"editor\\"},{\\"label\\":\\"Viewer\\",\\"id\\":\\"viewer\\"}]","dft":"viewer"},
|
|
268
269
|
{"name":"notifications","type":"switch","label":"Notifications","dft":"true"}
|
|
269
270
|
]'
|
|
@@ -30,15 +30,24 @@
|
|
|
30
30
|
|
|
31
31
|
## Option Fields / 选项字段
|
|
32
32
|
|
|
33
|
-
| Field
|
|
34
|
-
|
|
35
|
-
| label
|
|
36
|
-
| id
|
|
37
|
-
| icon
|
|
38
|
-
| variant | AitheVariant | Visual variant / semantic color for the option.
|
|
33
|
+
| Field | Type | Description (EN) | Description (CN) |
|
|
34
|
+
| ------- | ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- |
|
|
35
|
+
| label | `string` | Display text. | 显示文本。 |
|
|
36
|
+
| id | `string` | Unique value emitted on select. | 选择时发出的唯一值。 |
|
|
37
|
+
| icon | `string` | Icon name rendered before the label via aithe-icon. | 通过 aithe-icon 在标签前渲染的图标名称。 |
|
|
38
|
+
| variant | AitheVariant | Visual variant / semantic color for the option. | 选项的视觉变体/语义色。 |
|
|
39
|
+
| group | `string` | Group name for grouped rendering. When any option carries a `group` field, all options are aggregated by `group` and rendered under a group header. | 分组名称,用于分组显示。任一选项携带 `group` 字段时,所有选项按 `group` 聚合,每组前置分组标题渲染。 |
|
|
40
|
+
|
|
41
|
+
## Grouped Rendering / 分组渲染
|
|
42
|
+
|
|
43
|
+
When any option in `options` carries a `group` field, the combobox automatically switches to grouped rendering mode: options are aggregated by `group` (preserving insertion order), each group is preceded by a `.group-header` title, and options within a group are indented. Options without a `group` field are collected under an untitled section. When no option carries `group`, rendering falls back to the flat list.
|
|
44
|
+
|
|
45
|
+
当 `options` 中任一选项携带 `group` 字段时,combobox 自动切换到分组渲染模式:选项按 `group` 聚合(保留插入顺序),每组前置 `.group-header` 标题,组内选项缩进显示。未携带 `group` 字段的选项归入无标题分组。无任何 `group` 字段时回退为扁平列表渲染。
|
|
39
46
|
|
|
40
47
|
## Examples / 示例
|
|
41
48
|
|
|
49
|
+
### 基本用法
|
|
50
|
+
|
|
42
51
|
```html
|
|
43
52
|
<aithe-combobox
|
|
44
53
|
options='[{"label":"Apple","id":"apple"},{"label":"Banana","id":"banana"}]'
|
|
@@ -46,4 +55,15 @@
|
|
|
46
55
|
icon="search"
|
|
47
56
|
filterable
|
|
48
57
|
></aithe-combobox>
|
|
49
|
-
```
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
### 分组选项
|
|
61
|
+
|
|
62
|
+
```html
|
|
63
|
+
<aithe-combobox
|
|
64
|
+
title="Preset search"
|
|
65
|
+
icon="search"
|
|
66
|
+
placeholder="Search presets"
|
|
67
|
+
options='[{"label":"A/B Test","id":"ab-test","group":"Analytics","icon":"barChart"},{"label":"Funnel","id":"funnel","group":"Analytics","icon":"filter"},{"label":"Assistant Shell","id":"assistant-shell","group":"Automation","icon":"terminal"},{"label":"Workflow Editor","id":"workflow-editor","group":"Automation","icon":"edit"}]'
|
|
68
|
+
></aithe-combobox>
|
|
69
|
+
```
|
package/docs/api/form/select.md
CHANGED
|
@@ -34,17 +34,26 @@
|
|
|
34
34
|
|
|
35
35
|
## Option Fields / 选项字段
|
|
36
36
|
|
|
37
|
-
| Field | Type | Description (EN)
|
|
38
|
-
| ----------- | ------------ |
|
|
39
|
-
| label | `string` | Display text.
|
|
40
|
-
| id | `string` | Unique value emitted on select.
|
|
41
|
-
| disabled | `boolean` | Whether the option is non-interactive.
|
|
42
|
-
| description | `string` | Secondary description line.
|
|
43
|
-
| icon | `string` | Icon name rendered before the label via aithe-icon.
|
|
44
|
-
| variant | AitheVariant | Visual variant / semantic color for the option.
|
|
37
|
+
| Field | Type | Description (EN) | Description (CN) |
|
|
38
|
+
| ----------- | ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- |
|
|
39
|
+
| label | `string` | Display text. | 显示文本。 |
|
|
40
|
+
| id | `string` | Unique value emitted on select. | 选择时发出的唯一值。 |
|
|
41
|
+
| disabled | `boolean` | Whether the option is non-interactive. | 是否不可交互。 |
|
|
42
|
+
| description | `string` | Secondary description line. | 二级描述行。 |
|
|
43
|
+
| icon | `string` | Icon name rendered before the label via aithe-icon. | 通过 aithe-icon 在标签前渲染的图标名称。 |
|
|
44
|
+
| variant | AitheVariant | Visual variant / semantic color for the option. | 选项的视觉变体/语义色。 |
|
|
45
|
+
| group | `string` | Group name for grouped rendering. When any option carries a `group` field, all options are aggregated by `group` and rendered under a group header. | 分组名称,用于分组显示。任一选项携带 `group` 字段时,所有选项按 `group` 聚合,每组前置分组标题渲染。 |
|
|
46
|
+
|
|
47
|
+
## Grouped Rendering / 分组渲染
|
|
48
|
+
|
|
49
|
+
When any option in `options` carries a `group` field, the select automatically switches to grouped rendering mode: options are aggregated by `group` (preserving insertion order), each group is preceded by a `.group-header` title, and options within a group are indented. Options without a `group` field are collected under an untitled section. When no option carries `group`, rendering falls back to the flat list. Keyboard navigation (`activeIndex`) is maintained via a flattened index across groups.
|
|
50
|
+
|
|
51
|
+
当 `options` 中任一选项携带 `group` 字段时,select 自动切换到分组渲染模式:选项按 `group` 聚合(保留插入顺序),每组前置 `.group-header` 标题,组内选项缩进显示。未携带 `group` 字段的选项归入无标题分组。无任何 `group` 字段时回退为扁平列表渲染。键盘导航(`activeIndex`)通过跨分组的扁平索引维护。
|
|
45
52
|
|
|
46
53
|
## Examples / 示例
|
|
47
54
|
|
|
55
|
+
### 基本用法
|
|
56
|
+
|
|
48
57
|
```html
|
|
49
58
|
<aithe-select
|
|
50
59
|
options='[{"id":"a","label":"Option A"},{"id":"b","label":"Option B"}]'
|
|
@@ -54,3 +63,16 @@
|
|
|
54
63
|
clearable
|
|
55
64
|
></aithe-select>
|
|
56
65
|
```
|
|
66
|
+
|
|
67
|
+
### 分组选项
|
|
68
|
+
|
|
69
|
+
```html
|
|
70
|
+
<aithe-select
|
|
71
|
+
title="Region selector"
|
|
72
|
+
icon="globe"
|
|
73
|
+
placeholder="Choose a city"
|
|
74
|
+
clearable
|
|
75
|
+
searchable
|
|
76
|
+
options='[{"label":"上海","id":"sh","group":"华东"},{"label":"杭州","id":"hz","group":"华东"},{"label":"北京","id":"bj","group":"华北"},{"label":"天津","id":"tj","group":"华北"},{"label":"广州","id":"gz","group":"华南"},{"label":"深圳","id":"sz","group":"华南"}]'
|
|
77
|
+
></aithe-select>
|
|
78
|
+
```
|
package/docs/api/summary.md
CHANGED
|
@@ -164,6 +164,7 @@ Rich content display and media components. 富内容展示和媒体组件。
|
|
|
164
164
|
| [Profile](display/profile.md) | `<aithe-profile>` | Profile display with icon/avatar, title and description. 档案展示,含图标/头像、标题和描述。 |
|
|
165
165
|
| [Description List](display/desc.md) | `<aithe-desc>` | Structured key-value description list. 结构化键值描述列表。 |
|
|
166
166
|
| [Description Item](display/desc-item.md) | `<aithe-desc-item>` | Single item in a description list with label and value. 描述列表中的单个条目,含标签和值。 |
|
|
167
|
+
| [Auto View](display/autoview.md) | `<aithe-autoview>` | JSON-driven read-only detail view, the display-only counterpart of autoform. JSON 驱动的只读详情视图,autoform 的只读镜像。 |
|
|
167
168
|
|
|
168
169
|
---
|
|
169
170
|
|
package/docs/autoform.md
CHANGED
|
@@ -41,40 +41,9 @@ interface FormFieldConfig {
|
|
|
41
41
|
|
|
42
42
|
### 内置控件类型
|
|
43
43
|
|
|
44
|
-
### 顶层结构
|
|
45
|
-
|
|
46
|
-
`fields` 属性接收一个 JSON 字符串,解析后为 `FormFieldConfig[]`:
|
|
47
|
-
|
|
48
|
-
```typescript
|
|
49
|
-
interface FormFieldConfig {
|
|
50
|
-
name?: string; // 字段唯一标识
|
|
51
|
-
type?: string; // 控件类型
|
|
52
|
-
label?: string; // 标签文本
|
|
53
|
-
icon?: string; // 图标名称
|
|
54
|
-
tooltip?: string; // 悬停提示
|
|
55
|
-
description?: string; // 说明文字
|
|
56
|
-
dft?: string; // 缺省值
|
|
57
|
-
placeholder?: string; // 占位提示
|
|
58
|
-
disabled?: boolean; // 是否禁用
|
|
59
|
-
required?: boolean; // 是否必填
|
|
60
|
-
pattern?: string; // 校验正则
|
|
61
|
-
message?: string; // 校验失败提示
|
|
62
|
-
options?: string | FormItemOption[]; // 选项
|
|
63
|
-
inputType?: string; // HTML input type
|
|
64
|
-
min?: string; // 最小值
|
|
65
|
-
max?: string; // 最大值
|
|
66
|
-
step?: string; // 步长
|
|
67
|
-
rows?: string; // 文本域行数
|
|
68
|
-
dependencies?: string[]; // 依赖字段列表
|
|
69
|
-
rules?: FormRule[]; // 联动规则
|
|
70
|
-
}
|
|
71
|
-
```
|
|
72
|
-
|
|
73
|
-
### 内置控件类型
|
|
74
|
-
|
|
75
44
|
| type | 说明 | 特有属性 |
|
|
76
45
|
| -------------- | ---------- | --------------------------------------- |
|
|
77
|
-
| `input` | 文本输入框 | `inputType`(如 `email`、`url`、`tel
|
|
46
|
+
| `input` | 文本输入框 | `inputType`(如 `email`、`url`、`tel`、`password`;`password` 渲染明文切换按钮) |
|
|
78
47
|
| `textarea` | 多行文本域 | `rows` |
|
|
79
48
|
| `select` | 下拉选择 | `options` |
|
|
80
49
|
| `radio` | 单选组 | `options` |
|
|
@@ -4,6 +4,81 @@
|
|
|
4
4
|
|
|
5
5
|
---
|
|
6
6
|
|
|
7
|
+
## 26.3.2 (2026-09-11)
|
|
8
|
+
|
|
9
|
+
### 2026年第3季度第2个月版本 - 只读视图组件、选项分组、DataHub force 选项与文档质量提升
|
|
10
|
+
|
|
11
|
+
- **新增 `<aithe-autoview>` 只读视图组件**: 基于 `<aithe-desc>` 的轻量适配器,与 `<aithe-autoform>` 共用 `FormFieldConfig` 模型,内置 8 类只读渲染器(input/select/checkbox/switch/date-picker/color-picker/rate/slider),支持依赖联动显隐和 `ViewRegistry` 自定义渲染器
|
|
12
|
+
- **`<aithe-select>` / `<aithe-combobox>` 选项分组**: 选项对象新增 `group` 字段,自动按分组聚合渲染,每组前置标题并缩进组内选项;无 `group` 字段时保持扁平渲染,向后兼容
|
|
13
|
+
- **`<aithe-autoform>` 密码明文切换**: `inputType="password"` 时渲染 `eye`/`eyeOff` 图标按钮,点击切换 `password` 与 `text`
|
|
14
|
+
- **`<aithe-desc>` 描述列表增强**: 新增 `border-style`(`none`/`full`/`row`)和 `label-background`(`filled`/`none`)属性;`border-radius` CSS 变量修正为 `--aithe-container-radius-md`;`labelWidth` 默认值改为 `'150px'`
|
|
15
|
+
- **DataHub `forceDedup` / `forceCache` 请求选项**: 无视 URL 命名约定强制启用并发去重和结果缓存,适用于 URL 不以 `query`/`list`/`get` 结尾但语义为查询的 GET 请求;force 选项为 true 时自动跳过幂等防护
|
|
16
|
+
- **DataHub 缓存命中响应处理修复**: 缓存命中路径跳过 `APIStyle.onResponse` 转换、`isSuccess` 业务校验、全局 `config.onResponse` 拦截器三道处理;抽取统一 `handleResponse` 方法,让缓存命中与实际请求走完全一致的响应处理逻辑
|
|
17
|
+
- **DataHub `request` 方法重构**: 抽取 `executeRequest`/`buildHttpError`/`applyResponseInterceptor`/`isCacheable`/`isDedupable`/`shouldGuardIdempotent` 六个独立方法,降低认知复杂度
|
|
18
|
+
- **`listPlugin` 嵌套子列表与缩进续行支持**: 重写列表解析逻辑,通过递归调用 `listPlugin.block` 生成嵌套 `list` AST 节点;抽取 `collectItemSubLines`/`buildListItemChildren`/`blankLineBelongsToItem`/`lineEndsItem`/`parseSubLines` 五个独立函数治理认知复杂度(52→阈值以内);删除死代码 `parseListItem`
|
|
19
|
+
- **`<aithe-tree-menu>` / `<aithe-sub-menu>` 激活态样式调整**: 移除 `.group-toggle.active` / `.toggle.active` 的灰底背景,激活态仅靠文字颜色区分;tree-menu `.children` 新增顶部内边距
|
|
20
|
+
- **DataHub GET 请求 body 修复**: `defaultStyle.onRequest` GET 请求跳过 `data` 包装,避免 "GET request with body is unusual" 警告
|
|
21
|
+
- **文档质量提升**: 修复 `autoform.md`/`datahub.md`/`markdown.md`/`i18n.md`/`guide.md`/`theming.md`/`quickstart.md` 等 7 个文档 10 处错误;issue 文件按基线版本拆分到 `26.2.2/`/`26.2.3/`/`26.3.1/`/`26.3.2/` 子目录
|
|
22
|
+
- **组件数量**: 103 个可复用的 UI 组件
|
|
23
|
+
|
|
24
|
+
### 破坏性变更
|
|
25
|
+
|
|
26
|
+
- **`<aithe-desc>` 的 `labelWidth` 默认值变更**: `''`(auto)→ `'150px'`
|
|
27
|
+
- **`<aithe-desc>` 的 `border-radius` CSS 变量重命名**: `--aithe-radius-md` → `--aithe-container-radius-md`
|
|
28
|
+
- **`<aithe-desc>` 的 `isBordered` 判定变更**: `this.border` → `this.border || this.borderStyle !== 'none'`
|
|
29
|
+
- **`listPlugin` 的 `parseListItem` 函数删除**: 被 `parseListItemIndented` 完全替代
|
|
30
|
+
- **`listPlugin` 的 `list-item` AST `children` 结构变更**: 单一 `paragraph` → `paragraph` + 嵌套节点
|
|
31
|
+
- **`listPlugin` 的 `list-item` AST `checked` 字段变更**: 透传 `item.checked` → 显式 `null`
|
|
32
|
+
|
|
33
|
+
### 组件分类
|
|
34
|
+
|
|
35
|
+
| 分类 | 数量 | 组件 |
|
|
36
|
+
| ----------------- | ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
37
|
+
| 基础 (basic) | 12 | button, button-group, icon, input, textarea, card, tag, badge, avatar, divider, empty, chip |
|
|
38
|
+
| 布局 (layout) | 8 | container, row, col, flex, space, collapse, collapse-item, affix |
|
|
39
|
+
| 导航 (navigation) | 7 | menu, menu-item, sub-menu, breadcrumb, breadcrumb-item, steps, back-top |
|
|
40
|
+
| 表单 (form) | 18 | autoform, autoform-item, checkbox, checkbox-group, radio, radio-group, select, switch, color-picker, combobox, date-picker, time-picker, slider, rate, form, form-item, upload, transfer |
|
|
41
|
+
| 反馈 (feedback) | 9 | dialog, modal, drawer, tooltip, popover, toast, alert, notification, loading |
|
|
42
|
+
| 数据展示 (data) | 14 | table, table-column, tabs, tab-pane, tab-group, tree, tree-menu, dropdown, metrics, metrics-group, pagination, timeline, timeline-item, box-table |
|
|
43
|
+
| 展示 (display) | 14 | carousel, comparison, animated-image, markdown, markdown-editor, code-editor, label, mini-box, brief-box, detail-box, profile, desc, desc-item, autoview |
|
|
44
|
+
| 进度 (progress) | 4 | progress-bar, progress-ring, spinner, skeleton |
|
|
45
|
+
| 容器 (container) | 4 | callout, details, scroller, split-panel |
|
|
46
|
+
| 主题 (theme) | 7 | theme-picker, shape-picker, shadow-picker, typo-picker, theme-preview, locale-switch, theme-switch |
|
|
47
|
+
| 框架 (framework) | 7 | page, body, header, sidebar, dashboard, dashboard-panel, log-panel |
|
|
48
|
+
|
|
49
|
+
### 主题列表
|
|
50
|
+
|
|
51
|
+
**Light 系 (11)**: light, blue, festive, orange, purple, pink, teal, indigo, cyan, amber, gray
|
|
52
|
+
|
|
53
|
+
**Dark 系 (11)**: dark, slate, charcoal, midnight, obsidian, graphite, ink, onyx, ebony, navy, raisin
|
|
54
|
+
|
|
55
|
+
**云主题 (3)**: aliyun, huawei, tianyi
|
|
56
|
+
|
|
57
|
+
### 阴影风格列表
|
|
58
|
+
|
|
59
|
+
**内置阴影 (9)**: flat, neumorphism, skeuomorphic, glassmorphism, cyber, deep, diffuse, sharp-business, retro
|
|
60
|
+
|
|
61
|
+
### 形状风格列表
|
|
62
|
+
|
|
63
|
+
**内置形状 (8)**: sharp, smooth, rounded, rounder, pill, circle, chamfer, organic
|
|
64
|
+
|
|
65
|
+
### 核心特性摘要
|
|
66
|
+
|
|
67
|
+
- **`<aithe-autoview>` 只读视图**: JSON 驱动的只读详情视图,与 autoform 共用 `FormFieldConfig` 模型,`ViewRegistry` 自定义渲染器
|
|
68
|
+
- **选项分组**: `<aithe-select>`/`<aithe-combobox>` 支持 `group` 字段自动分组渲染
|
|
69
|
+
- **密码明文切换**: `<aithe-autoform>` 密码字段支持 `eye`/`eyeOff` 图标切换
|
|
70
|
+
- **`<aithe-desc>` 增强**: `border-style`/`label-background` 属性,边框样式灵活控制
|
|
71
|
+
- **DataHub force 选项**: `forceDedup`/`forceCache` 无视 URL 命名约定强制启用去重和缓存
|
|
72
|
+
- **DataHub 缓存修复**: 缓存命中路径与实际请求路径走完全一致的响应处理逻辑
|
|
73
|
+
- **`listPlugin` 嵌套子列表**: 递归解析缩进子列表,支持多层嵌套
|
|
74
|
+
- **跨框架兼容**: Web Components 标准,框架无关
|
|
75
|
+
- **样式隔离**: Shadow DOM 确保组件样式不冲突
|
|
76
|
+
- **多主题系统**: 25 套预设主题,支持全局和局部切换
|
|
77
|
+
- **无障碍访问**: ARIA 语义、键盘导航、焦点管理
|
|
78
|
+
- **自定义事件**: `aithe-*` 前缀的统一事件系统
|
|
79
|
+
|
|
80
|
+
---
|
|
81
|
+
|
|
7
82
|
## 26.3.1 (2026-08-06)
|
|
8
83
|
|
|
9
84
|
### 2026年第3季度第1个月版本 - 组件功能增强与质量提升
|
|
@@ -13,7 +88,7 @@
|
|
|
13
88
|
- **Table 六项新功能**: 列固定(sticky)、`max-visible-tabs` 溢出折叠、`has-fixed` 属性、斑马纹行固定列背景修复、`selection-cell` sticky 固定、`min-width: max-content` 控制
|
|
14
89
|
- **Autoform 增强**: 条件渲染、字段联动、自定义控件注册表扩展
|
|
15
90
|
- **Tabs 溢出折叠**: `<aithe-tabs>` 新增 `max-visible-tabs` 属性,溢出 tab 折叠为下拉选择;新增 `extra` 具名插槽
|
|
16
|
-
- **Display 组件系列新增**: 新增 `<aithe-desc>`、`<aithe-desc-item>`、`<aithe-
|
|
91
|
+
- **Display 组件系列新增**: 新增 `<aithe-desc>`、`<aithe-desc-item>`、`<aithe-mini-box>`、`<aithe-detail-box>`、`<aithe-brief-box>`、`<aithe-profile>`、`<aithe-box-table>` 7 个新组件
|
|
17
92
|
- **主题 CSS 变量统一**: 25 个主题统一新增 8 个 CSS 变量(`--aithe-fill-1`/`--aithe-fill-2`/`--aithe-color-surface-hover` 等),CSS 自定义属性命名规范化
|
|
18
93
|
- **DataHub 错误处理增强**: HTTP 非 2xx 错误响应优先用 APIStyle 解析,`DataHubError` 新增 `data` 字段;K8s APIStyle 支持 `Status` 对象解析
|
|
19
94
|
- **SSR 环境适配**: 4 个组件 `window` 引用改为 `globalThis`,兼容非浏览器环境
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
1. **CSS 自定义属性统一** — 将组件中使用的 CSS 自定义属性从旧命名规范迁移到新规范(`--aithe-duration-normal` → `--aithe-duration-base`/`--aithe-duration-slow`,`--aithe-container-radius` → `--aithe-container-radius-md`,`--aithe-border-radius-md` → `--aithe-radius-md`,`--aithe-font-mono` → `--aithe-font-family-mono`)
|
|
25
25
|
2. **CSS 变量新增** — `global.css.ts` 新增 `--aithe-font-size-base`/`--aithe-font-size-3xl`/`--aithe-font-size-4xl`/`--aithe-font-size-5xl` 字体尺寸变量
|
|
26
|
-
3. **主题系统增强** — 所有
|
|
26
|
+
3. **主题系统增强** — 所有 25 个主题统一新增 `--aithe-fill-1`/`--aithe-fill-2`/`--aithe-color-surface-hover`/`--aithe-color-text-secondary`/`--aithe-color-bg-muted`/`--aithe-color-bg-hover`/`--aithe-color-border-subtle`/`--aithe-primary-6-rgb` 8 个 CSS 变量
|
|
27
27
|
4. **`<aithe-desc>` 样式重构** — 移除 `desc-cell-label` 的 `padding`,改用 flex 居中;移除 `desc-item` 的 `padding`;`desc-cell-content` 的 `background` 移除回退值
|
|
28
28
|
5. **`<aithe-mini-box>` 样式修复** — hover 背景色移除嵌套的 `--aithe-color-bg-hover` 回退
|
|
29
29
|
6. **`<aithe-autoform-item>` 颜色修正** — `box-shadow` 中的 `--aithe-primary-6-rgb` 回退值从 `59, 130, 246` 改为 `77, 141, 255`
|
|
@@ -107,11 +107,11 @@
|
|
|
107
107
|
|
|
108
108
|
## 概述
|
|
109
109
|
|
|
110
|
-
Aithe UI 26.3.1 是 2026 年第 3 季度第 1 个月版本,聚焦于组件功能增强与质量提升。本版本在 26.2.3 基线版本的基础上,完成了树形菜单伸缩与事件改造、Filter 数据格式化框架、Table 六项新功能、Autoform 增强、Tabs 溢出折叠、Display 组件系列新增、主题 CSS 变量统一、DataHub 错误处理增强、SSR 环境适配等核心改进,并新增了
|
|
110
|
+
Aithe UI 26.3.1 是 2026 年第 3 季度第 1 个月版本,聚焦于组件功能增强与质量提升。本版本在 26.2.3 基线版本的基础上,完成了树形菜单伸缩与事件改造、Filter 数据格式化框架、Table 六项新功能、Autoform 增强、Tabs 溢出折叠、Display 组件系列新增、主题 CSS 变量统一、DataHub 错误处理增强、SSR 环境适配等核心改进,并新增了 6 个 display 组件和 1 个 data 组件。组件数量从 90 个扩展至 100 个。
|
|
111
111
|
|
|
112
112
|
**26.3.1.7 子版本** 聚焦于 DataHub 错误处理增强(HTTP 非 2xx 错误响应优先用 APIStyle 解析、K8s Status 对象识别)、DataHub/Filter 导入路径规范化、SSR 环境适配(4 个组件 `window` → `globalThis`)、API 文档补充(log-panel/desc-item/autoform-item)。
|
|
113
113
|
|
|
114
|
-
**26.3.1.6 子版本** 聚焦于 CSS 自定义属性统一(旧命名规范迁移到新规范)、主题系统增强(
|
|
114
|
+
**26.3.1.6 子版本** 聚焦于 CSS 自定义属性统一(旧命名规范迁移到新规范)、主题系统增强(25 个主题统一新增 8 个 CSS 变量)、`AitheUI` 类浏览器环境检测(10 个 getter)、样式修复。
|
|
115
115
|
|
|
116
116
|
**26.3.1.5 子版本** 聚焦于 `<aithe-tabs>` 溢出折叠与样式修复、`<aithe-desc>` 描述列表重构(独立 grid 列布局)、`<aithe-box-table>` 卡片表格重构(改用 `<aithe-brief-box>`)、`AitheSelectableType` 类型重构(纯字符串枚举)。
|
|
117
117
|
|
|
@@ -191,7 +191,7 @@ Aithe UI 26.3.1 是 2026 年第 3 季度第 1 个月版本,聚焦于组件功
|
|
|
191
191
|
### 8. 主题系统增强
|
|
192
192
|
|
|
193
193
|
- **CSS 自定义属性统一**: 旧命名规范迁移到新规范(`--aithe-duration-normal` → `--aithe-duration-base`/`--aithe-duration-slow`,`--aithe-container-radius` → `--aithe-container-radius-md`,`--aithe-border-radius-md` → `--aithe-radius-md`,`--aithe-font-mono` → `--aithe-font-family-mono`)
|
|
194
|
-
- **
|
|
194
|
+
- **25 个主题统一新增 8 个 CSS 变量**: `--aithe-fill-1`/`--aithe-fill-2`/`--aithe-color-surface-hover`/`--aithe-color-text-secondary`/`--aithe-color-bg-muted`/`--aithe-color-bg-hover`/`--aithe-color-border-subtle`/`--aithe-primary-6-rgb`
|
|
195
195
|
- **字体尺寸变量**: `global.css.ts` 新增 `--aithe-font-size-base`/`--aithe-font-size-3xl`/`--aithe-font-size-4xl`/`--aithe-font-size-5xl`
|
|
196
196
|
|
|
197
197
|
### 9. AitheUI 浏览器环境检测
|
|
@@ -834,7 +834,7 @@ Aithe UI 26.3.1 是 2026 年第 3 季度第 1 个月版本,聚焦于组件功
|
|
|
834
834
|
|
|
835
835
|
- **设计令牌**: 统一的颜色、间距、字体、阴影等设计变量
|
|
836
836
|
- **CSS 自定义属性统一**: 旧命名规范迁移到新规范(26.3.1.6)
|
|
837
|
-
- **
|
|
837
|
+
- **25 个主题统一新增 8 个 CSS 变量**: `--aithe-fill-1`/`--aithe-fill-2`/`--aithe-color-surface-hover`/`--aithe-color-text-secondary`/`--aithe-color-bg-muted`/`--aithe-color-bg-hover`/`--aithe-color-border-subtle`/`--aithe-primary-6-rgb`(26.3.1.6)
|
|
838
838
|
- **字体尺寸变量**: `--aithe-font-size-base`/`--aithe-font-size-3xl`/`--aithe-font-size-4xl`/`--aithe-font-size-5xl`(26.3.1.6)
|
|
839
839
|
- **响应式**: 基于 CSS 媒体查询的响应式设计
|
|
840
840
|
- **主题切换**: 通过 CSS 类名切换主题
|