shineout 3.10.0-beta.2 → 3.10.0-beta.21

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 (283) hide show
  1. package/cjs/alert/alert.semantic.d.ts +4 -0
  2. package/cjs/alert/alert.semantic.js +62 -0
  3. package/cjs/avatar/avatar.semantic.d.ts +4 -0
  4. package/cjs/avatar/avatar.semantic.js +58 -0
  5. package/cjs/badge/badge.semantic.d.ts +4 -0
  6. package/cjs/badge/badge.semantic.js +64 -0
  7. package/cjs/badge/interface.d.ts +1 -0
  8. package/cjs/border-beam/border-beam.d.ts +3 -0
  9. package/cjs/border-beam/border-beam.js +25 -0
  10. package/cjs/border-beam/border-beam.type.d.ts +6 -0
  11. package/cjs/border-beam/border-beam.type.js +5 -0
  12. package/cjs/border-beam/index.d.ts +7 -0
  13. package/cjs/border-beam/index.js +12 -0
  14. package/cjs/border-beam/interface.d.ts +1 -0
  15. package/cjs/border-beam/interface.js +5 -0
  16. package/cjs/breadcrumb/breadcrumb.semantic.d.ts +4 -0
  17. package/cjs/breadcrumb/breadcrumb.semantic.js +82 -0
  18. package/cjs/breadcrumb/interface.d.ts +1 -0
  19. package/cjs/button/button.semantic.d.ts +4 -0
  20. package/cjs/button/button.semantic.js +59 -0
  21. package/cjs/button/interface.d.ts +1 -0
  22. package/cjs/card/card.semantic.d.ts +4 -0
  23. package/cjs/card/card.semantic.js +74 -0
  24. package/cjs/card/interface.d.ts +1 -0
  25. package/cjs/carousel/carousel.semantic.d.ts +4 -0
  26. package/cjs/carousel/carousel.semantic.js +100 -0
  27. package/cjs/carousel/interface.d.ts +1 -0
  28. package/cjs/cascader/cascader.semantic.d.ts +4 -0
  29. package/cjs/cascader/cascader.semantic.js +90 -0
  30. package/cjs/checkbox/checkbox.semantic.d.ts +4 -0
  31. package/cjs/checkbox/checkbox.semantic.js +54 -0
  32. package/cjs/collapse/collapse.semantic.d.ts +4 -0
  33. package/cjs/collapse/collapse.semantic.js +77 -0
  34. package/cjs/collapse/interface.d.ts +1 -0
  35. package/cjs/date-picker/date-picker.semantic.d.ts +4 -0
  36. package/cjs/date-picker/date-picker.semantic.js +75 -0
  37. package/cjs/descriptions/descriptions.semantic.d.ts +4 -0
  38. package/cjs/descriptions/descriptions.semantic.js +90 -0
  39. package/cjs/descriptions/interface.d.ts +1 -0
  40. package/cjs/divider/divider.semantic.d.ts +4 -0
  41. package/cjs/divider/divider.semantic.js +49 -0
  42. package/cjs/divider/interface.d.ts +1 -0
  43. package/cjs/drawer/drawer.js +11 -1
  44. package/cjs/drawer/drawer.semantic.d.ts +4 -0
  45. package/cjs/drawer/drawer.semantic.js +91 -0
  46. package/cjs/dropdown/dropdown.semantic.d.ts +4 -0
  47. package/cjs/dropdown/dropdown.semantic.js +82 -0
  48. package/cjs/dropdown/interface.d.ts +1 -0
  49. package/cjs/empty/empty.semantic.d.ts +4 -0
  50. package/cjs/empty/empty.semantic.js +44 -0
  51. package/cjs/empty/interface.d.ts +1 -0
  52. package/cjs/form/form.semantic.d.ts +4 -0
  53. package/cjs/form/form.semantic.js +91 -0
  54. package/cjs/gap/gap.semantic.d.ts +4 -0
  55. package/cjs/gap/gap.semantic.js +73 -0
  56. package/cjs/gap/interface.d.ts +1 -0
  57. package/cjs/grid/grid.semantic.d.ts +4 -0
  58. package/cjs/grid/grid.semantic.js +71 -0
  59. package/cjs/grid/interface.d.ts +1 -0
  60. package/cjs/image/image.semantic.d.ts +4 -0
  61. package/cjs/image/image.semantic.js +74 -0
  62. package/cjs/image/interface.d.ts +1 -0
  63. package/cjs/index.d.ts +1 -0
  64. package/cjs/index.js +9 -1
  65. package/cjs/input/input.semantic.d.ts +4 -0
  66. package/cjs/input/input.semantic.js +50 -0
  67. package/cjs/link/interface.d.ts +1 -0
  68. package/cjs/link/link.semantic.d.ts +4 -0
  69. package/cjs/link/link.semantic.js +58 -0
  70. package/cjs/list/interface.d.ts +1 -0
  71. package/cjs/list/list.semantic.d.ts +4 -0
  72. package/cjs/list/list.semantic.js +64 -0
  73. package/cjs/menu/interface.d.ts +1 -0
  74. package/cjs/menu/menu.semantic.d.ts +4 -0
  75. package/cjs/menu/menu.semantic.js +111 -0
  76. package/cjs/message/interface.d.ts +1 -0
  77. package/cjs/message/message.semantic.d.ts +4 -0
  78. package/cjs/message/message.semantic.js +70 -0
  79. package/cjs/modal/modal.semantic.d.ts +4 -0
  80. package/cjs/modal/modal.semantic.js +86 -0
  81. package/cjs/pagination/interface.d.ts +1 -0
  82. package/cjs/pagination/pagination.semantic.d.ts +4 -0
  83. package/cjs/pagination/pagination.semantic.js +70 -0
  84. package/cjs/popover/interface.d.ts +1 -1
  85. package/cjs/popover/popover.semantic.d.ts +4 -0
  86. package/cjs/popover/popover.semantic.js +52 -0
  87. package/cjs/progress/interface.d.ts +1 -0
  88. package/cjs/progress/progress.semantic.d.ts +4 -0
  89. package/cjs/progress/progress.semantic.js +94 -0
  90. package/cjs/radio/radio.semantic.d.ts +4 -0
  91. package/cjs/radio/radio.semantic.js +54 -0
  92. package/cjs/rate/rate.semantic.d.ts +4 -0
  93. package/cjs/rate/rate.semantic.js +56 -0
  94. package/cjs/select/select.semantic.d.ts +4 -0
  95. package/cjs/select/select.semantic.js +93 -0
  96. package/cjs/skeleton/interface.d.ts +1 -0
  97. package/cjs/skeleton/skeleton.semantic.d.ts +4 -0
  98. package/cjs/skeleton/skeleton.semantic.js +58 -0
  99. package/cjs/slider/slider.semantic.d.ts +4 -0
  100. package/cjs/slider/slider.semantic.js +59 -0
  101. package/cjs/spin/spin.semantic.d.ts +4 -0
  102. package/cjs/spin/spin.semantic.js +113 -0
  103. package/cjs/steps/interface.d.ts +1 -0
  104. package/cjs/steps/steps.semantic.d.ts +4 -0
  105. package/cjs/steps/steps.semantic.js +81 -0
  106. package/cjs/switch/switch.semantic.d.ts +4 -0
  107. package/cjs/switch/switch.semantic.js +55 -0
  108. package/cjs/table/interface.d.ts +1 -1
  109. package/cjs/table/table.semantic.d.ts +4 -0
  110. package/cjs/table/table.semantic.js +136 -0
  111. package/cjs/table/table.type.d.ts +2 -1
  112. package/cjs/tabs/interface.d.ts +1 -0
  113. package/cjs/tabs/tabs.semantic.d.ts +4 -0
  114. package/cjs/tabs/tabs.semantic.js +121 -0
  115. package/cjs/tag/interface.d.ts +1 -1
  116. package/cjs/tag/tag.semantic.d.ts +4 -0
  117. package/cjs/tag/tag.semantic.js +63 -0
  118. package/cjs/tag/tag.type.d.ts +2 -1
  119. package/cjs/textarea/textarea.semantic.d.ts +4 -0
  120. package/cjs/textarea/textarea.semantic.js +46 -0
  121. package/cjs/tooltip/tooltip.semantic.d.ts +4 -0
  122. package/cjs/tooltip/tooltip.semantic.js +57 -0
  123. package/cjs/transfer/transfer.semantic.d.ts +4 -0
  124. package/cjs/transfer/transfer.semantic.js +71 -0
  125. package/cjs/tree/interface.d.ts +1 -1
  126. package/cjs/tree/tree.semantic.d.ts +4 -0
  127. package/cjs/tree/tree.semantic.js +83 -0
  128. package/cjs/tree/tree.type.d.ts +2 -1
  129. package/cjs/tree-select/tree-select.semantic.d.ts +4 -0
  130. package/cjs/tree-select/tree-select.semantic.js +89 -0
  131. package/cjs/type.d.ts +1 -0
  132. package/cjs/type.js +3 -1
  133. package/cjs/upload/button.js +12 -1
  134. package/cjs/upload/image.js +4 -0
  135. package/cjs/upload/interface.d.ts +1 -1
  136. package/cjs/upload/upload.js +4 -0
  137. package/cjs/upload/upload.semantic.d.ts +4 -0
  138. package/cjs/upload/upload.semantic.js +50 -0
  139. package/cjs/upload/upload.type.d.ts +2 -1
  140. package/dist/shineout.js +15000 -13277
  141. package/dist/shineout.js.map +1 -1
  142. package/dist/shineout.min.js +1 -1
  143. package/dist/shineout.min.js.map +1 -1
  144. package/esm/alert/alert.semantic.d.ts +4 -0
  145. package/esm/alert/alert.semantic.js +54 -0
  146. package/esm/avatar/avatar.semantic.d.ts +4 -0
  147. package/esm/avatar/avatar.semantic.js +51 -0
  148. package/esm/badge/badge.semantic.d.ts +4 -0
  149. package/esm/badge/badge.semantic.js +57 -0
  150. package/esm/badge/interface.d.ts +1 -0
  151. package/esm/border-beam/border-beam.d.ts +3 -0
  152. package/esm/border-beam/border-beam.js +18 -0
  153. package/esm/border-beam/border-beam.type.d.ts +6 -0
  154. package/esm/border-beam/border-beam.type.js +1 -0
  155. package/esm/border-beam/index.d.ts +7 -0
  156. package/esm/border-beam/index.js +5 -0
  157. package/esm/border-beam/interface.d.ts +1 -0
  158. package/esm/border-beam/interface.js +1 -0
  159. package/esm/breadcrumb/breadcrumb.semantic.d.ts +4 -0
  160. package/esm/breadcrumb/breadcrumb.semantic.js +74 -0
  161. package/esm/breadcrumb/interface.d.ts +1 -0
  162. package/esm/button/button.semantic.d.ts +4 -0
  163. package/esm/button/button.semantic.js +52 -0
  164. package/esm/button/interface.d.ts +1 -0
  165. package/esm/card/card.semantic.d.ts +4 -0
  166. package/esm/card/card.semantic.js +67 -0
  167. package/esm/card/interface.d.ts +1 -0
  168. package/esm/carousel/carousel.semantic.d.ts +4 -0
  169. package/esm/carousel/carousel.semantic.js +93 -0
  170. package/esm/carousel/interface.d.ts +1 -0
  171. package/esm/cascader/cascader.semantic.d.ts +4 -0
  172. package/esm/cascader/cascader.semantic.js +82 -0
  173. package/esm/checkbox/checkbox.semantic.d.ts +4 -0
  174. package/esm/checkbox/checkbox.semantic.js +46 -0
  175. package/esm/collapse/collapse.semantic.d.ts +4 -0
  176. package/esm/collapse/collapse.semantic.js +70 -0
  177. package/esm/collapse/interface.d.ts +1 -0
  178. package/esm/date-picker/date-picker.semantic.d.ts +4 -0
  179. package/esm/date-picker/date-picker.semantic.js +67 -0
  180. package/esm/descriptions/descriptions.semantic.d.ts +4 -0
  181. package/esm/descriptions/descriptions.semantic.js +82 -0
  182. package/esm/descriptions/interface.d.ts +1 -0
  183. package/esm/divider/divider.semantic.d.ts +4 -0
  184. package/esm/divider/divider.semantic.js +42 -0
  185. package/esm/divider/interface.d.ts +1 -0
  186. package/esm/drawer/drawer.js +11 -1
  187. package/esm/drawer/drawer.semantic.d.ts +4 -0
  188. package/esm/drawer/drawer.semantic.js +83 -0
  189. package/esm/dropdown/dropdown.semantic.d.ts +4 -0
  190. package/esm/dropdown/dropdown.semantic.js +74 -0
  191. package/esm/dropdown/interface.d.ts +1 -0
  192. package/esm/empty/empty.semantic.d.ts +4 -0
  193. package/esm/empty/empty.semantic.js +36 -0
  194. package/esm/empty/interface.d.ts +1 -0
  195. package/esm/form/form.semantic.d.ts +4 -0
  196. package/esm/form/form.semantic.js +84 -0
  197. package/esm/gap/gap.semantic.d.ts +4 -0
  198. package/esm/gap/gap.semantic.js +66 -0
  199. package/esm/gap/interface.d.ts +1 -0
  200. package/esm/grid/grid.semantic.d.ts +4 -0
  201. package/esm/grid/grid.semantic.js +64 -0
  202. package/esm/grid/interface.d.ts +1 -0
  203. package/esm/image/image.semantic.d.ts +4 -0
  204. package/esm/image/image.semantic.js +67 -0
  205. package/esm/image/interface.d.ts +1 -0
  206. package/esm/index.d.ts +1 -0
  207. package/esm/index.js +2 -1
  208. package/esm/input/input.semantic.d.ts +4 -0
  209. package/esm/input/input.semantic.js +42 -0
  210. package/esm/link/interface.d.ts +1 -0
  211. package/esm/link/link.semantic.d.ts +4 -0
  212. package/esm/link/link.semantic.js +51 -0
  213. package/esm/list/interface.d.ts +1 -0
  214. package/esm/list/list.semantic.d.ts +4 -0
  215. package/esm/list/list.semantic.js +56 -0
  216. package/esm/menu/interface.d.ts +1 -0
  217. package/esm/menu/menu.semantic.d.ts +4 -0
  218. package/esm/menu/menu.semantic.js +103 -0
  219. package/esm/message/interface.d.ts +1 -0
  220. package/esm/message/message.semantic.d.ts +4 -0
  221. package/esm/message/message.semantic.js +59 -0
  222. package/esm/modal/modal.semantic.d.ts +4 -0
  223. package/esm/modal/modal.semantic.js +78 -0
  224. package/esm/pagination/interface.d.ts +1 -0
  225. package/esm/pagination/pagination.semantic.d.ts +4 -0
  226. package/esm/pagination/pagination.semantic.js +62 -0
  227. package/esm/popover/interface.d.ts +1 -1
  228. package/esm/popover/popover.semantic.d.ts +4 -0
  229. package/esm/popover/popover.semantic.js +45 -0
  230. package/esm/progress/interface.d.ts +1 -0
  231. package/esm/progress/progress.semantic.d.ts +4 -0
  232. package/esm/progress/progress.semantic.js +87 -0
  233. package/esm/radio/radio.semantic.d.ts +4 -0
  234. package/esm/radio/radio.semantic.js +46 -0
  235. package/esm/rate/rate.semantic.d.ts +4 -0
  236. package/esm/rate/rate.semantic.js +48 -0
  237. package/esm/select/select.semantic.d.ts +4 -0
  238. package/esm/select/select.semantic.js +85 -0
  239. package/esm/skeleton/interface.d.ts +1 -0
  240. package/esm/skeleton/skeleton.semantic.d.ts +4 -0
  241. package/esm/skeleton/skeleton.semantic.js +50 -0
  242. package/esm/slider/slider.semantic.d.ts +4 -0
  243. package/esm/slider/slider.semantic.js +51 -0
  244. package/esm/spin/spin.semantic.d.ts +4 -0
  245. package/esm/spin/spin.semantic.js +106 -0
  246. package/esm/steps/interface.d.ts +1 -0
  247. package/esm/steps/steps.semantic.d.ts +4 -0
  248. package/esm/steps/steps.semantic.js +74 -0
  249. package/esm/switch/switch.semantic.d.ts +4 -0
  250. package/esm/switch/switch.semantic.js +48 -0
  251. package/esm/table/interface.d.ts +1 -1
  252. package/esm/table/table.semantic.d.ts +4 -0
  253. package/esm/table/table.semantic.js +128 -0
  254. package/esm/table/table.type.d.ts +2 -1
  255. package/esm/tabs/interface.d.ts +1 -0
  256. package/esm/tabs/tabs.semantic.d.ts +4 -0
  257. package/esm/tabs/tabs.semantic.js +114 -0
  258. package/esm/tag/interface.d.ts +1 -1
  259. package/esm/tag/tag.semantic.d.ts +4 -0
  260. package/esm/tag/tag.semantic.js +56 -0
  261. package/esm/tag/tag.type.d.ts +2 -1
  262. package/esm/textarea/textarea.semantic.d.ts +4 -0
  263. package/esm/textarea/textarea.semantic.js +38 -0
  264. package/esm/tooltip/tooltip.semantic.d.ts +4 -0
  265. package/esm/tooltip/tooltip.semantic.js +49 -0
  266. package/esm/transfer/transfer.semantic.d.ts +4 -0
  267. package/esm/transfer/transfer.semantic.js +63 -0
  268. package/esm/tree/interface.d.ts +1 -1
  269. package/esm/tree/tree.semantic.d.ts +4 -0
  270. package/esm/tree/tree.semantic.js +75 -0
  271. package/esm/tree/tree.type.d.ts +2 -1
  272. package/esm/tree-select/tree-select.semantic.d.ts +4 -0
  273. package/esm/tree-select/tree-select.semantic.js +81 -0
  274. package/esm/type.d.ts +1 -0
  275. package/esm/type.js +2 -0
  276. package/esm/upload/button.js +12 -1
  277. package/esm/upload/image.js +4 -0
  278. package/esm/upload/interface.d.ts +1 -1
  279. package/esm/upload/upload.js +4 -0
  280. package/esm/upload/upload.semantic.d.ts +4 -0
  281. package/esm/upload/upload.semantic.js +42 -0
  282. package/esm/upload/upload.type.d.ts +2 -1
  283. package/package.json +5 -5
@@ -0,0 +1,103 @@
1
+ /**
2
+ * Menu Semantic DOM 元数据。
3
+ *
4
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
5
+ *
6
+ * @see /docs/rfc/0001-semantic-dom.md
7
+ */
8
+ import React from 'react';
9
+ import { Menu } from "./..";
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
+ var menuData = [{
12
+ id: '1',
13
+ title: 'Navigation One',
14
+ children: [{
15
+ id: '1-1',
16
+ title: 'Option 1'
17
+ }, {
18
+ id: '1-2',
19
+ title: 'Option 2'
20
+ }]
21
+ }, {
22
+ id: '2',
23
+ title: 'Navigation Two'
24
+ }, {
25
+ id: '3',
26
+ title: 'Navigation Three'
27
+ }];
28
+ var MenuSemanticDemo = function MenuSemanticDemo() {
29
+ return /*#__PURE__*/_jsx(Menu, {
30
+ keygen: "id",
31
+ data: menuData,
32
+ renderItem: function renderItem(d) {
33
+ return d.title;
34
+ },
35
+ renderIcon: function renderIcon() {
36
+ return /*#__PURE__*/_jsx("span", {
37
+ style: {
38
+ fontSize: 14
39
+ },
40
+ children: "\uD83D\uDCC1"
41
+ });
42
+ },
43
+ style: {
44
+ width: 256,
45
+ height: 'auto'
46
+ },
47
+ defaultOpenKeys: ['1'],
48
+ header: "Menu Title"
49
+ });
50
+ };
51
+ var menuSemantic = {
52
+ keys: [{
53
+ key: 'root',
54
+ cn: 'Menu 最外层容器',
55
+ en: 'Menu outermost wrapper element',
56
+ version: '3.10.0',
57
+ example: "<Menu\n classNames={{ root: 'my-menu' }}\n styles={{ root: { borderRadius: 8 } }}\n/>"
58
+ }, {
59
+ key: 'header',
60
+ cn: '菜单头部区域(仅 inline 模式)',
61
+ en: 'Menu header area (inline mode only)',
62
+ version: '3.10.0',
63
+ example: "<Menu\n header=\"My Menu\"\n classNames={{ header: 'my-header' }}\n styles={{ header: { padding: '8px 16px' } }}\n/>"
64
+ }, {
65
+ key: 'list',
66
+ cn: '菜单列表容器(ul 元素)',
67
+ en: 'Menu list container (ul element)',
68
+ version: '3.10.0',
69
+ example: "<Menu\n classNames={{ list: 'my-list' }}\n styles={{ list: { padding: 4 } }}\n/>"
70
+ }, {
71
+ key: 'item',
72
+ cn: '菜单项(li 元素)',
73
+ en: 'Menu item (li element)',
74
+ version: '3.10.0',
75
+ example: "<Menu\n classNames={{ item: ({ active }) => active ? 'item-active' : '' }}\n styles={{ item: { borderRadius: 4 } }}\n/>"
76
+ }, {
77
+ key: 'itemContent',
78
+ cn: '菜单项内容区',
79
+ en: 'Menu item content area',
80
+ version: '3.10.0',
81
+ example: "<Menu\n classNames={{ itemContent: 'my-item-content' }}\n styles={{ itemContent: { padding: '4px 8px' } }}\n/>"
82
+ }, {
83
+ key: 'title',
84
+ cn: '菜单项标题/链接',
85
+ en: 'Menu item title/link',
86
+ version: '3.10.0',
87
+ example: "<Menu\n classNames={{ title: 'my-title' }}\n styles={{ title: { fontSize: 14 } }}\n/>"
88
+ }, {
89
+ key: 'icon',
90
+ cn: '菜单项图标',
91
+ en: 'Menu item icon',
92
+ version: '3.10.0',
93
+ example: "<Menu\n classNames={{ icon: 'my-icon' }}\n styles={{ icon: { marginRight: 8 } }}\n/>"
94
+ }, {
95
+ key: 'expand',
96
+ cn: '展开/折叠箭头',
97
+ en: 'Expand/collapse arrow',
98
+ version: '3.10.0',
99
+ example: "<Menu\n classNames={{ expand: ({ open }) => open ? 'expanded' : '' }}\n styles={{ expand: { color: '#1890ff' } }}\n/>"
100
+ }],
101
+ demo: MenuSemanticDemo
102
+ };
103
+ export default menuSemantic;
@@ -1 +1,2 @@
1
1
  export type { MessageOptions as Options } from './message.type';
2
+ export type { MessageSemanticKey, MessageClassNamesInfo } from '@sheinx/base';
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { MessageSemanticKey } from '@sheinx/base';
3
+ declare const messageSemantic: SemanticSchema<MessageSemanticKey>;
4
+ export default messageSemantic;
@@ -0,0 +1,59 @@
1
+ /**
2
+ * Message Semantic DOM 元数据。
3
+ *
4
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
5
+ *
6
+ * @see /docs/rfc/0001-semantic-dom.md
7
+ */
8
+ import React, { useEffect, useRef } from 'react';
9
+ import Message from "./index";
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
+ var MessageSemanticDemo = function MessageSemanticDemo() {
12
+ var containerRef = useRef(null);
13
+ useEffect(function () {
14
+ if (!containerRef.current) return;
15
+ Message.info('This is an info message', 0, {
16
+ position: 'middle',
17
+ container: containerRef.current,
18
+ styles: {
19
+ message: {
20
+ marginBottom: 0
21
+ }
22
+ }
23
+ });
24
+ }, []);
25
+ return /*#__PURE__*/_jsx("div", {
26
+ ref: containerRef,
27
+ style: {
28
+ position: 'relative',
29
+ width: '100%',
30
+ height: '100%',
31
+ minHeight: 120,
32
+ transform: 'translateZ(0)',
33
+ overflow: 'hidden'
34
+ }
35
+ });
36
+ };
37
+ var messageSemantic = {
38
+ keys: [{
39
+ key: 'root',
40
+ cn: '最外层容器(按位置定位的消息管理器)',
41
+ en: 'Outermost wrapper (position-based message container)',
42
+ version: '3.10.0',
43
+ example: "Message.info('Hello', 3, {\n styles: { root: { zIndex: 2000 } }\n})"
44
+ }, {
45
+ key: 'item',
46
+ cn: '单条消息容器(动画控制层)',
47
+ en: 'Individual message wrapper (animation controller)',
48
+ version: '3.10.0',
49
+ example: "Message.info('Hello', 3, {\n classNames: { item: 'my-message-item' },\n styles: { item: { boxShadow: '0 4px 12px rgba(0,0,0,0.15)' } }\n})"
50
+ }, {
51
+ key: 'message',
52
+ cn: '消息内容区(Alert 包装层)',
53
+ en: 'Message content area (Alert wrapper)',
54
+ version: '3.10.0',
55
+ example: "Message.info('Hello', 3, {\n classNames: { message: 'my-message-content' },\n styles: { message: { borderRadius: 8 } }\n})"
56
+ }],
57
+ demo: MessageSemanticDemo
58
+ };
59
+ export default messageSemantic;
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { ModalSemanticKey } from '@sheinx/base';
3
+ declare const modalSemantic: SemanticSchema<ModalSemanticKey>;
4
+ export default modalSemantic;
@@ -0,0 +1,78 @@
1
+ /**
2
+ * Modal Semantic DOM 元数据。
3
+ *
4
+ * @see /docs/rfc/0001-semantic-dom.md
5
+ */
6
+ import React from 'react';
7
+ import Modal from "./index";
8
+ import Button from "../button";
9
+ import { jsx as _jsx } from "react/jsx-runtime";
10
+ var ModalSemanticDemo = function ModalSemanticDemo() {
11
+ var containerRef = React.useRef(null);
12
+ return /*#__PURE__*/_jsx("div", {
13
+ style: {
14
+ width: '100%',
15
+ height: '100%',
16
+ transform: 'translateZ(0)'
17
+ },
18
+ ref: containerRef,
19
+ children: /*#__PURE__*/_jsx(Modal, {
20
+ visible: true,
21
+ title: "Modal Title",
22
+ footer: /*#__PURE__*/_jsx(Button, {
23
+ children: "OK"
24
+ }),
25
+ container: function container() {
26
+ return containerRef.current;
27
+ },
28
+ children: "This is the modal body content."
29
+ })
30
+ });
31
+ };
32
+ var modalSemantic = {
33
+ keys: [{
34
+ key: 'root',
35
+ cn: '最外层容器(wrapper,控制动画和显示)',
36
+ en: 'Outermost wrapper (controls animation and visibility)',
37
+ version: '3.10.0',
38
+ example: "<Modal\n classNames={{ root: 'my-modal-wrapper' }}\n styles={{ root: { zIndex: 2000 } }}\n/>"
39
+ }, {
40
+ key: 'mask',
41
+ cn: '遮罩层',
42
+ en: 'Mask overlay layer',
43
+ version: '3.10.0',
44
+ example: "<Modal\n classNames={{ mask: 'my-mask' }}\n styles={{ mask: { backdropFilter: 'blur(4px)' } }}\n/>"
45
+ }, {
46
+ key: 'container',
47
+ cn: '内容面板',
48
+ en: 'Content panel',
49
+ version: '3.10.0',
50
+ example: "<Modal\n classNames={{ container: 'my-panel' }}\n styles={{ container: { borderRadius: 12 } }}\n/>"
51
+ }, {
52
+ key: 'header',
53
+ cn: '标题栏(包含标题文字和关闭按钮)',
54
+ en: 'Header area (contains title and close button)',
55
+ version: '3.10.0',
56
+ example: "<Modal\n title=\"Title\"\n classNames={{ header: 'my-header' }}\n styles={{ header: { borderBottom: '1px solid #eee' } }}\n/>"
57
+ }, {
58
+ key: 'body',
59
+ cn: '内容区',
60
+ en: 'Body content area',
61
+ version: '3.10.0',
62
+ example: "<Modal\n classNames={{ body: 'my-body' }}\n styles={{ body: { padding: 24 } }}\n/>"
63
+ }, {
64
+ key: 'footer',
65
+ cn: '底部操作区',
66
+ en: 'Footer action area',
67
+ version: '3.10.0',
68
+ example: "<Modal\n footer={<Button>OK</Button>}\n classNames={{ footer: 'my-footer' }}\n styles={{ footer: { borderTop: '1px solid #eee' } }}\n/>"
69
+ }, {
70
+ key: 'close',
71
+ cn: '关闭按钮',
72
+ en: 'Close button',
73
+ version: '3.10.0',
74
+ example: "<Modal\n classNames={{ close: 'my-close' }}\n styles={{ close: { color: 'red' } }}\n/>"
75
+ }],
76
+ demo: ModalSemanticDemo
77
+ };
78
+ export default modalSemantic;
@@ -1 +1,2 @@
1
1
  export type { PaginationProps as Props, TextParams } from './pagination.type';
2
+ export type { PaginationSemanticKey } from '@sheinx/base';
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { PaginationSemanticKey } from '@sheinx/base';
3
+ declare const paginationSemantic: SemanticSchema<PaginationSemanticKey>;
4
+ export default paginationSemantic;
@@ -0,0 +1,62 @@
1
+ /**
2
+ * Pagination Semantic DOM 元数据。
3
+ *
4
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
5
+ *
6
+ * @see /docs/rfc/0001-semantic-dom.md
7
+ */
8
+ import React from 'react';
9
+ import { Pagination } from "./..";
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
+ var PaginationSemanticDemo = function PaginationSemanticDemo() {
12
+ return /*#__PURE__*/_jsx(Pagination, {
13
+ total: 200,
14
+ pageSize: 10,
15
+ defaultCurrent: 3,
16
+ layout: ['links', 'jumper', 'list'],
17
+ text: {
18
+ jumper: 'Go to {input}'
19
+ }
20
+ });
21
+ };
22
+ var paginationSemantic = {
23
+ keys: [{
24
+ key: 'root',
25
+ cn: 'Pagination 最外层容器',
26
+ en: 'Pagination outermost wrapper element',
27
+ version: '3.10.0',
28
+ example: "<Pagination\n classNames={{ root: 'my-pagination' }}\n styles={{ root: { padding: '8px 0' } }}\n/>"
29
+ }, {
30
+ key: 'item',
31
+ cn: '页码按钮(含 "..." 省略按钮)',
32
+ en: 'Page number button (including "..." more button)',
33
+ version: '3.10.0',
34
+ example: "<Pagination\n classNames={{ item: 'my-page-btn' }}\n styles={{ item: { borderRadius: '50%' } }}\n/>"
35
+ }, {
36
+ key: 'prev',
37
+ cn: '上一页按钮',
38
+ en: 'Previous page button',
39
+ version: '3.10.0',
40
+ example: "<Pagination\n classNames={{ prev: 'my-prev' }}\n styles={{ prev: { marginRight: 8 } }}\n/>"
41
+ }, {
42
+ key: 'next',
43
+ cn: '下一页按钮',
44
+ en: 'Next page button',
45
+ version: '3.10.0',
46
+ example: "<Pagination\n classNames={{ next: 'my-next' }}\n styles={{ next: { marginLeft: 8 } }}\n/>"
47
+ }, {
48
+ key: 'jumper',
49
+ cn: '跳转输入区域',
50
+ en: 'Jump-to-page input section',
51
+ version: '3.10.0',
52
+ example: "<Pagination\n classNames={{ jumper: 'my-jumper' }}\n styles={{ jumper: { marginLeft: 16 } }}\n/>"
53
+ }, {
54
+ key: 'sizeList',
55
+ cn: '每页条数选择区域',
56
+ en: 'Page size selector section',
57
+ version: '3.10.0',
58
+ example: "<Pagination\n classNames={{ sizeList: 'my-size-list' }}\n styles={{ sizeList: { marginLeft: 16 } }}\n/>"
59
+ }],
60
+ demo: PaginationSemanticDemo
61
+ };
62
+ export default paginationSemantic;
@@ -1,2 +1,2 @@
1
- export type { PopoverProps as Props, PopoverPosition as Position } from './popover.type';
1
+ export type { PopoverProps as Props, PopoverPosition as Position, } from './popover.type';
2
2
  export type { PopoverConfirmProps as ConfirmProps } from './confirm.type';
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { PopoverSemanticKey } from '@sheinx/base';
3
+ declare const popoverSemantic: SemanticSchema<PopoverSemanticKey>;
4
+ export default popoverSemantic;
@@ -0,0 +1,45 @@
1
+ /**
2
+ * Popover Semantic DOM 元数据。
3
+ *
4
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
5
+ * 修改 key 列表即修改 PopoverSemanticKey 公开契约,需谨慎。
6
+ *
7
+ * @see /docs/rfc/0001-semantic-dom.md
8
+ */
9
+ import React from 'react';
10
+ import Popover from "./popover";
11
+ import Button from "../button";
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ import { jsxs as _jsxs } from "react/jsx-runtime";
14
+ var PopoverSemanticDemo = function PopoverSemanticDemo() {
15
+ return /*#__PURE__*/_jsxs(Button, {
16
+ mode: "outline",
17
+ children: ["Hover me", /*#__PURE__*/_jsx(Popover, {
18
+ visible: true,
19
+ children: "This is the popover content area."
20
+ })]
21
+ });
22
+ };
23
+ var popoverSemantic = {
24
+ keys: [{
25
+ key: 'root',
26
+ cn: '最外层弹层容器(与 className 等价)',
27
+ en: 'Outer wrapper of the popup (equivalent to className)',
28
+ version: '3.10.0',
29
+ example: "<Popover\n classNames={{\n root: 'my-classname'\n }}\n styles={{\n root: {\n color: 'red'\n }\n }}\n/>"
30
+ }, {
31
+ key: 'arrow',
32
+ cn: '指向触发元素的小箭头',
33
+ en: 'The small arrow pointing at the trigger element',
34
+ version: '3.10.0',
35
+ example: "<Popover\n classNames={{\n arrow: 'my-arrow'\n }}\n styles={{\n arrow: {\n background: '#fafafa'\n }\n }}\n/>"
36
+ }, {
37
+ key: 'content',
38
+ cn: '弹层内容承载区',
39
+ en: 'The inner content area',
40
+ version: '3.10.0',
41
+ example: "<Popover\n classNames={{\n content: 'my-content'\n }}\n styles={{\n content: {\n padding: 16,\n borderRadius: 8\n }\n }}\n/>"
42
+ }],
43
+ demo: PopoverSemanticDemo
44
+ };
45
+ export default popoverSemantic;
@@ -1 +1,2 @@
1
1
  export type { ProgressProps as Props } from './progress.type';
2
+ export type { ProgressSemanticKey, ProgressClassNamesInfo } from '@sheinx/base';
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { ProgressSemanticKey } from '@sheinx/base';
3
+ declare const progressSemantic: SemanticSchema<ProgressSemanticKey>;
4
+ export default progressSemantic;
@@ -0,0 +1,87 @@
1
+ /**
2
+ * Progress Semantic DOM 元数据。
3
+ *
4
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
5
+ *
6
+ * @see /docs/rfc/0001-semantic-dom.md
7
+ */
8
+ import React from 'react';
9
+ import Progress from "./index";
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
+ import { jsxs as _jsxs } from "react/jsx-runtime";
12
+ var ProgressSemanticDemo = function ProgressSemanticDemo() {
13
+ return /*#__PURE__*/_jsxs("div", {
14
+ style: {
15
+ width: '100%',
16
+ display: 'flex',
17
+ flexDirection: 'column',
18
+ gap: 24,
19
+ padding: 16
20
+ },
21
+ children: [/*#__PURE__*/_jsx(Progress, {
22
+ shape: "line",
23
+ value: 60,
24
+ type: "info",
25
+ strokeWidth: 8
26
+ }), /*#__PURE__*/_jsx(Progress, {
27
+ shape: "line",
28
+ value: 80,
29
+ type: "success",
30
+ icon: true
31
+ }), /*#__PURE__*/_jsxs("div", {
32
+ style: {
33
+ display: 'flex',
34
+ gap: 24
35
+ },
36
+ children: [/*#__PURE__*/_jsx(Progress, {
37
+ shape: "circle",
38
+ value: 75,
39
+ size: 80,
40
+ strokeWidth: 6,
41
+ children: "75%"
42
+ }), /*#__PURE__*/_jsx(Progress, {
43
+ shape: "circle",
44
+ value: 100,
45
+ type: "success",
46
+ size: 80,
47
+ strokeWidth: 6,
48
+ icon: true
49
+ })]
50
+ })]
51
+ });
52
+ };
53
+ var progressSemantic = {
54
+ keys: [{
55
+ key: 'root',
56
+ cn: '最外层容器',
57
+ en: 'Outermost wrapper element',
58
+ version: '3.10.0',
59
+ example: "<Progress\n classNames={{ root: 'my-progress' }}\n styles={{ root: { marginBottom: 16 } }}\n/>"
60
+ }, {
61
+ key: 'track',
62
+ cn: '背景轨道(line 模式为背景条;circle 模式为背景圆环)',
63
+ en: 'Background track (bar background for line; background circle for circle)',
64
+ version: '3.10.0',
65
+ example: "<Progress\n classNames={{ track: 'my-track' }}\n styles={{ track: { borderRadius: 4 } }}\n/>"
66
+ }, {
67
+ key: 'indicator',
68
+ cn: '进度前景条(line 模式为前景填充条;circle 模式为前景圆弧)',
69
+ en: 'Progress indicator (foreground bar for line; foreground arc for circle)',
70
+ version: '3.10.0',
71
+ example: "<Progress\n classNames={{ indicator: 'my-indicator' }}\n styles={{ indicator: { background: 'linear-gradient(90deg, #1890ff, #52c41a)' } }}\n/>"
72
+ }, {
73
+ key: 'content',
74
+ cn: '文字/自定义内容区域(children 渲染处)',
75
+ en: 'Content area where children are rendered',
76
+ version: '3.10.0',
77
+ example: "<Progress\n value={75}\n classNames={{ content: 'my-content' }}\n styles={{ content: { fontWeight: 'bold' } }}\n>\n 75%\n</Progress>"
78
+ }, {
79
+ key: 'icon',
80
+ cn: '状态图标区域',
81
+ en: 'Status icon area',
82
+ version: '3.10.0',
83
+ example: "<Progress\n icon\n type=\"success\"\n classNames={{ icon: 'my-icon' }}\n styles={{ icon: { color: 'green' } }}\n/>"
84
+ }],
85
+ demo: ProgressSemanticDemo
86
+ };
87
+ export default progressSemantic;
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { RadioSemanticKey } from '@sheinx/base';
3
+ declare const radioSemantic: SemanticSchema<RadioSemanticKey>;
4
+ export default radioSemantic;
@@ -0,0 +1,46 @@
1
+ /**
2
+ * Radio Semantic DOM 元数据。
3
+ *
4
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
5
+ *
6
+ * @see /docs/rfc/0001-semantic-dom.md
7
+ */
8
+ import React from 'react';
9
+ import { Radio } from "./..";
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
+ var RadioSemanticDemo = function RadioSemanticDemo() {
12
+ return /*#__PURE__*/_jsx(Radio.Group, {
13
+ keygen: true,
14
+ data: ['Option A', 'Option B', 'Option C'],
15
+ defaultValue: "Option A"
16
+ });
17
+ };
18
+ var radioSemantic = {
19
+ keys: [{
20
+ key: 'root',
21
+ cn: 'Radio 最外层容器',
22
+ en: 'Radio outermost wrapper element',
23
+ version: '3.10.0',
24
+ example: "<Radio\n classNames={{ root: 'my-radio' }}\n styles={{ root: { padding: '4px 0' } }}\n/>"
25
+ }, {
26
+ key: 'indicator',
27
+ cn: '单选框指示器区域(含圆形图标)',
28
+ en: 'Radio indicator area (includes the circle icon)',
29
+ version: '3.10.0',
30
+ example: "<Radio\n classNames={{ indicator: 'my-indicator' }}\n styles={{ indicator: { marginRight: 8 } }}\n/>"
31
+ }, {
32
+ key: 'label',
33
+ cn: '文字标签区域',
34
+ en: 'Label text area',
35
+ version: '3.10.0',
36
+ example: "<Radio\n classNames={{ label: 'my-label' }}\n styles={{ label: { fontWeight: 500 } }}\n/>"
37
+ }, {
38
+ key: 'group',
39
+ cn: 'Radio.Group 容器',
40
+ en: 'Radio.Group container',
41
+ version: '3.10.0',
42
+ example: "<Radio.Group\n classNames={{ group: 'my-group' }}\n styles={{ group: { gap: 16 } }}\n/>"
43
+ }],
44
+ demo: RadioSemanticDemo
45
+ };
46
+ export default radioSemantic;
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { RateSemanticKey } from '@sheinx/base';
3
+ declare const rateSemantic: SemanticSchema<RateSemanticKey>;
4
+ export default rateSemantic;
@@ -0,0 +1,48 @@
1
+ /**
2
+ * Rate Semantic DOM 元数据。
3
+ *
4
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
5
+ *
6
+ * @see /docs/rfc/0001-semantic-dom.md
7
+ */
8
+ import React from 'react';
9
+ import { Rate } from "./..";
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
+ var star = /*#__PURE__*/_jsx("svg", {
12
+ viewBox: "0 0 24 24",
13
+ fill: "currentColor",
14
+ xmlns: "http://www.w3.org/2000/svg",
15
+ children: /*#__PURE__*/_jsx("path", {
16
+ d: "M8.276 7.825L1.85649 8.7559L1.74278 8.77878C1.00761 8.96968 0.736859 9.90915 1.30093 10.4606L5.953 15.008L4.84231 21.3268L4.82911 21.4327C4.77288 22.2003 5.59415 22.7575 6.29763 22.3824L11.999 19.343L17.7023 22.3825L17.7988 22.4279C18.5105 22.7194 19.2948 22.1128 19.1578 21.3281L18.054 15.008L22.6997 10.46L22.7779 10.3745C23.2586 9.78723 22.9242 8.86973 22.1443 8.75601L15.758 7.825L12.895 2.05544C12.5264 1.31273 11.4661 1.31545 11.1013 2.06004L8.276 7.825Z"
17
+ })
18
+ });
19
+ var StarRate = Rate(star, star);
20
+ var RateSemanticDemo = function RateSemanticDemo() {
21
+ return /*#__PURE__*/_jsx(StarRate, {
22
+ defaultValue: 3,
23
+ text: ['Terrible', 'Bad', 'Normal', 'Good', 'Wonderful']
24
+ });
25
+ };
26
+ var rateSemantic = {
27
+ keys: [{
28
+ key: 'root',
29
+ cn: 'Rate 最外层容器',
30
+ en: 'Rate outermost wrapper element',
31
+ version: '3.10.0',
32
+ example: "<Rate\n classNames={{ root: 'my-rate' }}\n styles={{ root: { padding: '8px 0' } }}\n/>"
33
+ }, {
34
+ key: 'star',
35
+ cn: '每个评分项(星形图标)',
36
+ en: 'Each rating item (star icon)',
37
+ version: '3.10.0',
38
+ example: "<Rate\n classNames={{ star: 'my-star' }}\n styles={{ star: { marginRight: 4 } }}\n/>"
39
+ }, {
40
+ key: 'text',
41
+ cn: '附加文字区域',
42
+ en: 'Auxiliary text area',
43
+ version: '3.10.0',
44
+ example: "<Rate\n classNames={{ text: 'my-text' }}\n styles={{ text: { color: '#faad14' } }}\n/>"
45
+ }],
46
+ demo: RateSemanticDemo
47
+ };
48
+ export default rateSemantic;
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { SelectSemanticKey } from '@sheinx/base';
3
+ declare const selectSemantic: SemanticSchema<SelectSemanticKey>;
4
+ export default selectSemantic;