ep-craft 0.1.41 → 0.2.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 (251) hide show
  1. package/dist/components/input-number/EpInputNumber.vue.js +62 -63
  2. package/dist/components/input-number/input-number.d.ts +5 -0
  3. package/dist/components/input-number/input-number.js +6 -6
  4. package/dist/components/select/index.d.ts +6 -3
  5. package/dist/components/select/select.d.ts +1 -0
  6. package/dist/components/select/select.js +3 -3
  7. package/dist/components/select/select.vue.d.ts +3 -1
  8. package/dist/components/select/select.vue.js +9 -9
  9. package/dist/components/select/select2.vue.js +73 -75
  10. package/dist/components/select-v2/src/defaults.d.ts +1 -0
  11. package/dist/components/select-v2/src/defaults.js +1 -1
  12. package/dist/components/select-v2/src/select.vue.d.ts +3 -1
  13. package/dist/components/select-v2/src/select.vue.js +21 -21
  14. package/dist/components/select-v2/src/select2.vue.js +27 -29
  15. package/dist/components/tree-select/src/tree-select.vue.d.ts +2 -0
  16. package/dist-ai/components/affix.json +152 -0
  17. package/dist-ai/components/affix.md +73 -0
  18. package/dist-ai/components/alert.json +186 -0
  19. package/dist-ai/components/alert.md +89 -0
  20. package/dist-ai/components/anchor-link.json +102 -0
  21. package/dist-ai/components/anchor-link.md +67 -0
  22. package/dist-ai/components/anchor.json +179 -0
  23. package/dist-ai/components/anchor.md +87 -0
  24. package/dist-ai/components/aside.json +87 -0
  25. package/dist-ai/components/aside.md +63 -0
  26. package/dist-ai/components/autocomplete.json +613 -0
  27. package/dist-ai/components/autocomplete.md +140 -0
  28. package/dist-ai/components/avatar.json +163 -0
  29. package/dist-ai/components/avatar.md +83 -0
  30. package/dist-ai/components/backtop.json +118 -0
  31. package/dist-ai/components/backtop.md +66 -0
  32. package/dist-ai/components/badge.json +186 -0
  33. package/dist-ai/components/badge.md +85 -0
  34. package/dist-ai/components/breadcrumb-item.json +97 -0
  35. package/dist-ai/components/breadcrumb-item.md +65 -0
  36. package/dist-ai/components/breadcrumb.json +100 -0
  37. package/dist-ai/components/breadcrumb.md +68 -0
  38. package/dist-ai/components/button-group.json +123 -0
  39. package/dist-ai/components/button-group.md +65 -0
  40. package/dist-ai/components/button.json +349 -0
  41. package/dist-ai/components/button.md +124 -0
  42. package/dist-ai/components/calendar.json +148 -0
  43. package/dist-ai/components/calendar.md +74 -0
  44. package/dist-ai/components/card.json +168 -0
  45. package/dist-ai/components/card.md +87 -0
  46. package/dist-ai/components/carousel-item.json +99 -0
  47. package/dist-ai/components/carousel-item.md +68 -0
  48. package/dist-ai/components/carousel.json +245 -0
  49. package/dist-ai/components/carousel.md +97 -0
  50. package/dist-ai/components/cascader-panel.json +242 -0
  51. package/dist-ai/components/cascader-panel.md +108 -0
  52. package/dist-ai/components/cascader.json +531 -0
  53. package/dist-ai/components/cascader.md +146 -0
  54. package/dist-ai/components/check-tag.json +133 -0
  55. package/dist-ai/components/check-tag.md +72 -0
  56. package/dist-ai/components/checkbox-button.json +279 -0
  57. package/dist-ai/components/checkbox-button.md +94 -0
  58. package/dist-ai/components/checkbox-group.json +236 -0
  59. package/dist-ai/components/checkbox-group.md +90 -0
  60. package/dist-ai/components/checkbox.json +278 -0
  61. package/dist-ai/components/checkbox.md +91 -0
  62. package/dist-ai/components/col.json +168 -0
  63. package/dist-ai/components/col.md +72 -0
  64. package/dist-ai/components/collapse-item.json +133 -0
  65. package/dist-ai/components/collapse-item.md +75 -0
  66. package/dist-ai/components/collapse-transition.json +75 -0
  67. package/dist-ai/components/collapse-transition.md +59 -0
  68. package/dist-ai/components/collapse.json +129 -0
  69. package/dist-ai/components/collapse.md +76 -0
  70. package/dist-ai/components/color-picker.json +280 -0
  71. package/dist-ai/components/color-picker.md +85 -0
  72. package/dist-ai/components/config-provider.json +222 -0
  73. package/dist-ai/components/config-provider.md +76 -0
  74. package/dist-ai/components/container.json +95 -0
  75. package/dist-ai/components/container.md +70 -0
  76. package/dist-ai/components/countdown.json +155 -0
  77. package/dist-ai/components/countdown.md +73 -0
  78. package/dist-ai/components/date-picker-panel.json +346 -0
  79. package/dist-ai/components/date-picker-panel.md +91 -0
  80. package/dist-ai/components/date-picker.json +574 -0
  81. package/dist-ai/components/date-picker.md +153 -0
  82. package/dist-ai/components/descriptions-item.json +175 -0
  83. package/dist-ai/components/descriptions-item.md +73 -0
  84. package/dist-ai/components/descriptions.json +171 -0
  85. package/dist-ai/components/descriptions.md +78 -0
  86. package/dist-ai/components/dialog.json +403 -0
  87. package/dist-ai/components/dialog.md +108 -0
  88. package/dist-ai/components/divider.json +102 -0
  89. package/dist-ai/components/divider.md +59 -0
  90. package/dist-ai/components/drawer.json +468 -0
  91. package/dist-ai/components/drawer.md +115 -0
  92. package/dist-ai/components/dropdown-item.json +156 -0
  93. package/dist-ai/components/dropdown-item.md +84 -0
  94. package/dist-ai/components/dropdown-menu.json +92 -0
  95. package/dist-ai/components/dropdown-menu.md +70 -0
  96. package/dist-ai/components/dropdown.json +374 -0
  97. package/dist-ai/components/dropdown.md +108 -0
  98. package/dist-ai/components/empty.json +116 -0
  99. package/dist-ai/components/empty.md +62 -0
  100. package/dist-ai/components/footer.json +86 -0
  101. package/dist-ai/components/footer.md +63 -0
  102. package/dist-ai/components/form-item.json +242 -0
  103. package/dist-ai/components/form-item.md +93 -0
  104. package/dist-ai/components/form.json +277 -0
  105. package/dist-ai/components/form.md +117 -0
  106. package/dist-ai/components/header.json +86 -0
  107. package/dist-ai/components/header.md +63 -0
  108. package/dist-ai/components/icon.json +95 -0
  109. package/dist-ai/components/icon.md +61 -0
  110. package/dist-ai/components/image-viewer.json +235 -0
  111. package/dist-ai/components/image-viewer.md +88 -0
  112. package/dist-ai/components/image.json +299 -0
  113. package/dist-ai/components/image.md +96 -0
  114. package/dist-ai/components/input-number.json +370 -0
  115. package/dist-ai/components/input-number.md +127 -0
  116. package/dist-ai/components/input.json +545 -0
  117. package/dist-ai/components/input.md +166 -0
  118. package/dist-ai/components/link.json +162 -0
  119. package/dist-ai/components/link.md +72 -0
  120. package/dist-ai/components/main.json +77 -0
  121. package/dist-ai/components/main.md +58 -0
  122. package/dist-ai/components/mention.json +598 -0
  123. package/dist-ai/components/mention.md +136 -0
  124. package/dist-ai/components/menu-item-group.json +101 -0
  125. package/dist-ai/components/menu-item-group.md +69 -0
  126. package/dist-ai/components/menu-item.json +131 -0
  127. package/dist-ai/components/menu-item.md +76 -0
  128. package/dist-ai/components/menu.json +314 -0
  129. package/dist-ai/components/menu.md +104 -0
  130. package/dist-ai/components/option-group.json +113 -0
  131. package/dist-ai/components/option-group.md +79 -0
  132. package/dist-ai/components/option.json +122 -0
  133. package/dist-ai/components/option.md +70 -0
  134. package/dist-ai/components/page-header.json +131 -0
  135. package/dist-ai/components/page-header.md +70 -0
  136. package/dist-ai/components/pagination.json +325 -0
  137. package/dist-ai/components/pagination.md +115 -0
  138. package/dist-ai/components/popconfirm.json +240 -0
  139. package/dist-ai/components/popconfirm.md +89 -0
  140. package/dist-ai/components/popover.json +351 -0
  141. package/dist-ai/components/popover.md +99 -0
  142. package/dist-ai/components/popper.json +93 -0
  143. package/dist-ai/components/popper.md +66 -0
  144. package/dist-ai/components/progress.json +219 -0
  145. package/dist-ai/components/progress.md +74 -0
  146. package/dist-ai/components/radio-button.json +142 -0
  147. package/dist-ai/components/radio-button.md +76 -0
  148. package/dist-ai/components/radio-group.json +219 -0
  149. package/dist-ai/components/radio-group.md +88 -0
  150. package/dist-ai/components/radio.json +177 -0
  151. package/dist-ai/components/radio.md +83 -0
  152. package/dist-ai/components/rate.json +286 -0
  153. package/dist-ai/components/rate.md +83 -0
  154. package/dist-ai/components/result.json +118 -0
  155. package/dist-ai/components/result.md +66 -0
  156. package/dist-ai/components/row.json +115 -0
  157. package/dist-ai/components/row.md +68 -0
  158. package/dist-ai/components/scrollbar.json +280 -0
  159. package/dist-ai/components/scrollbar.md +89 -0
  160. package/dist-ai/components/segmented.json +204 -0
  161. package/dist-ai/components/segmented.md +81 -0
  162. package/dist-ai/components/select-v2.json +729 -0
  163. package/dist-ai/components/select-v2.md +193 -0
  164. package/dist-ai/components/select.json +697 -0
  165. package/dist-ai/components/select.md +188 -0
  166. package/dist-ai/components/skeleton-item.json +80 -0
  167. package/dist-ai/components/skeleton-item.md +57 -0
  168. package/dist-ai/components/skeleton.json +134 -0
  169. package/dist-ai/components/skeleton.md +65 -0
  170. package/dist-ai/components/slider.json +326 -0
  171. package/dist-ai/components/slider.md +88 -0
  172. package/dist-ai/components/space.json +178 -0
  173. package/dist-ai/components/space.md +73 -0
  174. package/dist-ai/components/statistic.json +167 -0
  175. package/dist-ai/components/statistic.md +66 -0
  176. package/dist-ai/components/step.json +124 -0
  177. package/dist-ai/components/step.md +69 -0
  178. package/dist-ai/components/steps.json +157 -0
  179. package/dist-ai/components/steps.md +79 -0
  180. package/dist-ai/components/sub-menu.json +211 -0
  181. package/dist-ai/components/sub-menu.md +88 -0
  182. package/dist-ai/components/switch.json +292 -0
  183. package/dist-ai/components/switch.md +88 -0
  184. package/dist-ai/components/tab-pane.json +137 -0
  185. package/dist-ai/components/tab-pane.md +72 -0
  186. package/dist-ai/components/table-column.json +368 -0
  187. package/dist-ai/components/table-column.md +103 -0
  188. package/dist-ai/components/table-v2.json +486 -0
  189. package/dist-ai/components/table-v2.md +123 -0
  190. package/dist-ai/components/table.json +734 -0
  191. package/dist-ai/components/table.md +205 -0
  192. package/dist-ai/components/tabs.json +231 -0
  193. package/dist-ai/components/tabs.md +127 -0
  194. package/dist-ai/components/tag.json +205 -0
  195. package/dist-ai/components/tag.md +105 -0
  196. package/dist-ai/components/text.json +143 -0
  197. package/dist-ai/components/text.md +66 -0
  198. package/dist-ai/components/time-picker.json +555 -0
  199. package/dist-ai/components/time-picker.md +123 -0
  200. package/dist-ai/components/time-select.json +321 -0
  201. package/dist-ai/components/time-select.md +93 -0
  202. package/dist-ai/components/timeline-item.json +186 -0
  203. package/dist-ai/components/timeline-item.md +78 -0
  204. package/dist-ai/components/timeline.json +99 -0
  205. package/dist-ai/components/timeline.md +65 -0
  206. package/dist-ai/components/tooltip.json +599 -0
  207. package/dist-ai/components/tooltip.md +137 -0
  208. package/dist-ai/components/tour-step.json +219 -0
  209. package/dist-ai/components/tour-step.md +88 -0
  210. package/dist-ai/components/tour.json +258 -0
  211. package/dist-ai/components/tour.md +96 -0
  212. package/dist-ai/components/transfer.json +275 -0
  213. package/dist-ai/components/transfer.md +95 -0
  214. package/dist-ai/components/tree-select.json +945 -0
  215. package/dist-ai/components/tree-select.md +181 -0
  216. package/dist-ai/components/tree-v2.json +395 -0
  217. package/dist-ai/components/tree-v2.md +113 -0
  218. package/dist-ai/components/tree.json +485 -0
  219. package/dist-ai/components/tree.md +131 -0
  220. package/dist-ai/components/upload.json +382 -0
  221. package/dist-ai/components/upload.md +130 -0
  222. package/dist-ai/components/watermark.json +157 -0
  223. package/dist-ai/components/watermark.md +66 -0
  224. package/dist-ai/directives/click-outside.json +61 -0
  225. package/dist-ai/directives/click-outside.md +50 -0
  226. package/dist-ai/directives/infinite-scroll.json +83 -0
  227. package/dist-ai/directives/infinite-scroll.md +62 -0
  228. package/dist-ai/directives/loading.json +89 -0
  229. package/dist-ai/directives/loading.md +69 -0
  230. package/dist-ai/directives/mousewheel.json +54 -0
  231. package/dist-ai/directives/mousewheel.md +48 -0
  232. package/dist-ai/directives/repeat-click.json +68 -0
  233. package/dist-ai/directives/repeat-click.md +49 -0
  234. package/dist-ai/directives/trap-focus.json +46 -0
  235. package/dist-ai/directives/trap-focus.md +46 -0
  236. package/dist-ai/icons.json +1 -0
  237. package/dist-ai/index.json +1 -0
  238. package/dist-ai/llms.txt +170 -0
  239. package/dist-ai/manifest.json +26590 -0
  240. package/dist-ai/schema/manifest.schema.json +793 -0
  241. package/dist-ai/services/infinite-scroll.json +80 -0
  242. package/dist-ai/services/infinite-scroll.md +71 -0
  243. package/dist-ai/services/loading.json +108 -0
  244. package/dist-ai/services/loading.md +58 -0
  245. package/dist-ai/services/message-box.json +159 -0
  246. package/dist-ai/services/message-box.md +78 -0
  247. package/dist-ai/services/message.json +137 -0
  248. package/dist-ai/services/message.md +72 -0
  249. package/dist-ai/services/notification.json +136 -0
  250. package/dist-ai/services/notification.md +73 -0
  251. package/package.json +12 -2
@@ -0,0 +1,162 @@
1
+ {
2
+ "entry": {
3
+ "category": "feedback",
4
+ "events": [
5
+ {
6
+ "description": "点击链接时触发",
7
+ "name": "click",
8
+ "params": "(event: MouseEvent)"
9
+ }
10
+ ],
11
+ "exampleOmittedReason": null,
12
+ "examples": [
13
+ {
14
+ "code": "<script setup lang=\"ts\">\nimport { EpLink } from 'ep-craft'\n</script>\n\n<template>\n <ep-link type=\"primary\" href=\"https://example.com\" target=\"_blank\">访问示例站点</ep-link>\n</template>",
15
+ "id": "link-1",
16
+ "language": "vue",
17
+ "title": "链接"
18
+ }
19
+ ],
20
+ "exposes": [],
21
+ "hot": false,
22
+ "id": "component:link",
23
+ "keywords": {
24
+ "en": [
25
+ "link",
26
+ "anchor",
27
+ "feedback"
28
+ ],
29
+ "zh": [
30
+ "链接",
31
+ "反馈"
32
+ ]
33
+ },
34
+ "kind": "component",
35
+ "name": "EpLink",
36
+ "nonUseCases": [
37
+ "无需用户感知状态变化时",
38
+ "需要完整业务弹窗流程时优先使用 Dialog"
39
+ ],
40
+ "props": [
41
+ {
42
+ "alias": null,
43
+ "defaultText": null,
44
+ "description": "链接类型",
45
+ "hasDefault": true,
46
+ "name": "type",
47
+ "required": false,
48
+ "type": "'primary' | 'success' | 'warning' | 'info' | 'danger' | 'default'"
49
+ },
50
+ {
51
+ "alias": null,
52
+ "defaultText": null,
53
+ "description": "下划线显示时机",
54
+ "hasDefault": true,
55
+ "name": "underline",
56
+ "required": false,
57
+ "type": "boolean | 'always' | 'never' | 'hover'"
58
+ },
59
+ {
60
+ "alias": null,
61
+ "defaultText": "false",
62
+ "description": "是否禁用",
63
+ "hasDefault": false,
64
+ "name": "disabled",
65
+ "required": false,
66
+ "type": "boolean"
67
+ },
68
+ {
69
+ "alias": null,
70
+ "defaultText": "''",
71
+ "description": "原生链接地址",
72
+ "hasDefault": true,
73
+ "name": "href",
74
+ "required": false,
75
+ "type": "string"
76
+ },
77
+ {
78
+ "alias": null,
79
+ "defaultText": "_self",
80
+ "description": "原生链接打开方式",
81
+ "hasDefault": true,
82
+ "name": "target",
83
+ "required": false,
84
+ "type": "string"
85
+ },
86
+ {
87
+ "alias": null,
88
+ "defaultText": null,
89
+ "description": "图标组件",
90
+ "hasDefault": false,
91
+ "name": "icon",
92
+ "required": false,
93
+ "type": "string | Component"
94
+ }
95
+ ],
96
+ "related": [
97
+ "EpButton",
98
+ "EpText"
99
+ ],
100
+ "relations": {
101
+ "children": [],
102
+ "combos": [],
103
+ "parents": [],
104
+ "requiredChildren": []
105
+ },
106
+ "slots": [
107
+ {
108
+ "description": "链接内容",
109
+ "name": "default"
110
+ },
111
+ {
112
+ "description": "自定义图标",
113
+ "name": "icon"
114
+ }
115
+ ],
116
+ "slug": "link",
117
+ "summary": "链接,状态与结果反馈",
118
+ "tag": "ep-link",
119
+ "useCases": [
120
+ "展示链接并向用户传达状态",
121
+ "在操作前后提供即时反馈"
122
+ ],
123
+ "variants": [
124
+ {
125
+ "dimension": "type",
126
+ "values": [
127
+ "primary",
128
+ "success",
129
+ "warning",
130
+ "info",
131
+ "danger",
132
+ "default"
133
+ ],
134
+ "when": "通过 type 选择链接类型"
135
+ },
136
+ {
137
+ "dimension": "state",
138
+ "values": [
139
+ "disabled"
140
+ ],
141
+ "when": "通过布尔属性切换禁用、加载或选中状态"
142
+ }
143
+ ],
144
+ "visual": {
145
+ "cssVars": [
146
+ "--el-color-success",
147
+ "--el-color-warning",
148
+ "--el-color-danger",
149
+ "--el-font-size-base"
150
+ ],
151
+ "density": "中等",
152
+ "shape": "行内或块级提示",
153
+ "slotContent": [
154
+ "default:链接内容",
155
+ "icon:自定义图标"
156
+ ]
157
+ }
158
+ },
159
+ "generatedAt": "2026-11-03T03:09:12.050Z",
160
+ "libraryVersion": "0.2.0",
161
+ "schemaVersion": 1
162
+ }
@@ -0,0 +1,72 @@
1
+ # EpLink
2
+
3
+ `ep-link` · feedback(反馈) · `component:link`
4
+
5
+ ## 摘要
6
+
7
+ 链接,状态与结果反馈
8
+
9
+ ## 适用场景
10
+
11
+ - 适用:展示链接并向用户传达状态
12
+ - 适用:在操作前后提供即时反馈
13
+ - 不适用:无需用户感知状态变化时
14
+ - 不适用:需要完整业务弹窗流程时优先使用 Dialog
15
+
16
+ ## 关键词
17
+
18
+ - 中文:链接、反馈
19
+ - English: link, anchor, feedback
20
+
21
+ ## 变体
22
+
23
+ - type: primary/success/warning/info/danger/default(通过 type 选择链接类型)
24
+ - state: disabled(通过布尔属性切换禁用、加载或选中状态)
25
+
26
+ ## Props
27
+
28
+ - type ('primary' | 'success' | 'warning' | 'info' | 'danger' | 'default',默认 见文档):链接类型
29
+ - underline (boolean | 'always' | 'never' | 'hover',默认 见文档):下划线显示时机
30
+ - disabled (boolean):是否禁用
31
+ - href (string,默认 ''):原生链接地址
32
+ - target (string,默认 _self):原生链接打开方式
33
+ - icon (string | Component):图标组件
34
+
35
+ ## Events
36
+
37
+ - click((event: MouseEvent)):点击链接时触发
38
+
39
+ ## Slots
40
+
41
+ - default:链接内容
42
+ - icon:自定义图标
43
+
44
+ ## 视觉提示
45
+
46
+ - 形状:行内或块级提示
47
+ - 密度:中等
48
+ - 插槽内容:default:链接内容;icon:自定义图标
49
+ - CSS 变量:--el-color-success、--el-color-warning、--el-color-danger、--el-font-size-base
50
+
51
+ ## 示例
52
+
53
+ ### 链接
54
+
55
+ ```vue
56
+ <script setup lang="ts">
57
+ import { EpLink } from 'ep-craft'
58
+ </script>
59
+
60
+ <template>
61
+ <ep-link type="primary" href="https://example.com" target="_blank">访问示例站点</ep-link>
62
+ </template>
63
+ ```
64
+
65
+ ## 相关条目
66
+
67
+ - EpButton
68
+ - EpText
69
+
70
+ ---
71
+
72
+ ep-craft 0.2.0
@@ -0,0 +1,77 @@
1
+ {
2
+ "entry": {
3
+ "category": "layout",
4
+ "events": [],
5
+ "exampleOmittedReason": null,
6
+ "examples": [
7
+ {
8
+ "code": "<script setup lang=\"ts\">\nimport { EpContainer, EpMain } from 'ep-craft'\n</script>\n\n<template>\n <ep-container style=\"height: 160px\">\n <ep-main>主体内容区域</ep-main>\n </ep-container>\n</template>",
9
+ "id": "main-1",
10
+ "language": "vue",
11
+ "title": "主体区域"
12
+ }
13
+ ],
14
+ "exposes": [],
15
+ "hot": false,
16
+ "id": "component:main",
17
+ "keywords": {
18
+ "en": [
19
+ "main",
20
+ "content",
21
+ "layout"
22
+ ],
23
+ "zh": [
24
+ "主体",
25
+ "布局"
26
+ ]
27
+ },
28
+ "kind": "component",
29
+ "name": "EpMain",
30
+ "nonUseCases": [
31
+ "已有明确外层布局且无需此语义时"
32
+ ],
33
+ "props": [],
34
+ "related": [
35
+ "EpContainer"
36
+ ],
37
+ "relations": {
38
+ "children": [],
39
+ "combos": [
40
+ "EpContainer + EpMain"
41
+ ],
42
+ "parents": [
43
+ "EpContainer"
44
+ ],
45
+ "requiredChildren": []
46
+ },
47
+ "slots": [
48
+ {
49
+ "description": "主体内容",
50
+ "name": "default"
51
+ }
52
+ ],
53
+ "slug": "main",
54
+ "summary": "主体,页面结构与浮层交互",
55
+ "tag": "ep-main",
56
+ "useCases": [
57
+ "使用主体组织页面区域与间距",
58
+ "承载内容分组或浮层交互"
59
+ ],
60
+ "variants": [],
61
+ "visual": {
62
+ "cssVars": [
63
+ "--el-bg-color",
64
+ "--el-border-color",
65
+ "--el-border-radius-base"
66
+ ],
67
+ "density": "宽松",
68
+ "shape": "区块容器",
69
+ "slotContent": [
70
+ "default:主体内容"
71
+ ]
72
+ }
73
+ },
74
+ "generatedAt": "2026-11-03T03:09:12.050Z",
75
+ "libraryVersion": "0.2.0",
76
+ "schemaVersion": 1
77
+ }
@@ -0,0 +1,58 @@
1
+ # EpMain
2
+
3
+ `ep-main` · layout(布局) · `component:main`
4
+
5
+ ## 摘要
6
+
7
+ 主体,页面结构与浮层交互
8
+
9
+ ## 适用场景
10
+
11
+ - 适用:使用主体组织页面区域与间距
12
+ - 适用:承载内容分组或浮层交互
13
+ - 不适用:已有明确外层布局且无需此语义时
14
+
15
+ ## 关键词
16
+
17
+ - 中文:主体、布局
18
+ - English: main, content, layout
19
+
20
+ ## Slots
21
+
22
+ - default:主体内容
23
+
24
+ ## 关系
25
+
26
+ - 父级:EpContainer
27
+ - 常用组合:EpContainer + EpMain
28
+
29
+ ## 视觉提示
30
+
31
+ - 形状:区块容器
32
+ - 密度:宽松
33
+ - 插槽内容:default:主体内容
34
+ - CSS 变量:--el-bg-color、--el-border-color、--el-border-radius-base
35
+
36
+ ## 示例
37
+
38
+ ### 主体区域
39
+
40
+ ```vue
41
+ <script setup lang="ts">
42
+ import { EpContainer, EpMain } from 'ep-craft'
43
+ </script>
44
+
45
+ <template>
46
+ <ep-container style="height: 160px">
47
+ <ep-main>主体内容区域</ep-main>
48
+ </ep-container>
49
+ </template>
50
+ ```
51
+
52
+ ## 相关条目
53
+
54
+ - EpContainer
55
+
56
+ ---
57
+
58
+ ep-craft 0.2.0