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,82 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _ = require("./..");
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * Dropdown Semantic DOM 元数据。
13
+ *
14
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
15
+ *
16
+ * @see /docs/rfc/0001-semantic-dom.md
17
+ */
18
+
19
+ var dropdownData = [{
20
+ content: 'Option 1'
21
+ }, {
22
+ content: 'Option 2'
23
+ }, {
24
+ group: 'More',
25
+ content: 'Option 3',
26
+ children: [{
27
+ content: 'Sub Option 1'
28
+ }, {
29
+ content: 'Sub Option 2'
30
+ }]
31
+ }, {
32
+ content: 'Option 4'
33
+ }];
34
+ var DropdownSemanticDemo = function DropdownSemanticDemo() {
35
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Dropdown, {
36
+ data: dropdownData,
37
+ placeholder: "Dropdown",
38
+ position: "bottom-left",
39
+ open: true
40
+ });
41
+ };
42
+ var dropdownSemantic = {
43
+ keys: [{
44
+ key: 'root',
45
+ cn: 'Dropdown 最外层容器',
46
+ en: 'Dropdown outermost wrapper element',
47
+ version: '3.10.0',
48
+ example: "<Dropdown\n classNames={{ root: 'my-dropdown' }}\n styles={{ root: { display: 'inline-block' } }}\n/>"
49
+ }, {
50
+ key: 'button',
51
+ cn: '触发按钮',
52
+ en: 'Trigger button',
53
+ version: '3.10.0',
54
+ example: "<Dropdown\n classNames={{ button: 'my-button' }}\n styles={{ button: { borderRadius: 4 } }}\n/>"
55
+ }, {
56
+ key: 'caret',
57
+ cn: '箭头图标',
58
+ en: 'Arrow icon',
59
+ version: '3.10.0',
60
+ example: "<Dropdown\n classNames={{ caret: 'my-caret' }}\n styles={{ caret: { color: '#1890ff' } }}\n/>"
61
+ }, {
62
+ key: 'list',
63
+ cn: '下拉菜单面板',
64
+ en: 'Dropdown menu panel',
65
+ version: '3.10.0',
66
+ example: "<Dropdown\n classNames={{ list: 'my-list' }}\n styles={{ list: { borderRadius: 8 } }}\n/>"
67
+ }, {
68
+ key: 'item',
69
+ cn: '菜单项',
70
+ en: 'Menu item',
71
+ version: '3.10.0',
72
+ example: "<Dropdown\n classNames={{ item: ({ open }) => open ? 'item-open' : '' }}\n styles={{ item: { padding: '4px 12px' } }}\n/>"
73
+ }, {
74
+ key: 'group',
75
+ cn: '分组标题',
76
+ en: 'Group title',
77
+ version: '3.10.0',
78
+ example: "<Dropdown\n classNames={{ group: 'my-group' }}\n styles={{ group: { fontWeight: 'bold' } }}\n/>"
79
+ }],
80
+ demo: DropdownSemanticDemo
81
+ };
82
+ var _default = exports.default = dropdownSemantic;
@@ -1 +1,2 @@
1
1
  export type { DropdownProps as Props, DropdownItem as Item } from './dropdown.type';
2
+ export type { DropdownSemanticKey, DropdownClassNamesInfo } from '@sheinx/base';
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { EmptySemanticKey } from '@sheinx/base';
3
+ declare const emptySemantic: SemanticSchema<EmptySemanticKey>;
4
+ export default emptySemantic;
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _ = require("./..");
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * Empty Semantic DOM 元数据。
13
+ *
14
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
15
+ *
16
+ * @see /docs/rfc/0001-semantic-dom.md
17
+ */
18
+
19
+ var EmptySemanticDemo = function EmptySemanticDemo() {
20
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Empty, {});
21
+ };
22
+ var emptySemantic = {
23
+ keys: [{
24
+ key: 'root',
25
+ cn: 'Empty 最外层容器',
26
+ en: 'Empty outermost wrapper element',
27
+ version: '3.10.0',
28
+ example: "<Empty\n classNames={{ root: 'my-empty' }}\n styles={{ root: { padding: 40 } }}\n/>"
29
+ }, {
30
+ key: 'icon',
31
+ cn: '图标/图片容器',
32
+ en: 'Icon or image container',
33
+ version: '3.10.0',
34
+ example: "<Empty\n classNames={{ icon: 'my-icon' }}\n styles={{ icon: { marginBottom: 16 } }}\n/>"
35
+ }, {
36
+ key: 'description',
37
+ cn: '描述文字',
38
+ en: 'Description text',
39
+ version: '3.10.0',
40
+ example: "<Empty\n classNames={{ description: 'my-desc' }}\n styles={{ description: { color: '#999' } }}\n/>"
41
+ }],
42
+ demo: EmptySemanticDemo
43
+ };
44
+ var _default = exports.default = emptySemantic;
@@ -1 +1,2 @@
1
1
  export type { EmptyProps as Props } from './empty.type';
2
+ export type { EmptySemanticKey } from '@sheinx/base';
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { FormSemanticKey } from '@sheinx/base';
3
+ declare const formSemantic: SemanticSchema<FormSemanticKey>;
4
+ export default formSemantic;
@@ -0,0 +1,91 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _ = require("./..");
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * Form Semantic DOM 元数据。
13
+ *
14
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
15
+ *
16
+ * @see /docs/rfc/0001-semantic-dom.md
17
+ */
18
+
19
+ var FormSemanticDemo = function FormSemanticDemo() {
20
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form, {
21
+ style: {
22
+ maxWidth: 400
23
+ },
24
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
25
+ label: "Name",
26
+ tip: "Please enter your real name",
27
+ required: true,
28
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
29
+ name: "name",
30
+ placeholder: "Enter your name",
31
+ rules: [{
32
+ required: true,
33
+ message: 'Name is required'
34
+ }]
35
+ })
36
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
37
+ label: "Email",
38
+ tip: "Please enter your email",
39
+ required: true,
40
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
41
+ name: "email",
42
+ placeholder: "Enter your email",
43
+ rules: [{
44
+ required: true,
45
+ message: 'Email is required'
46
+ }]
47
+ })
48
+ })]
49
+ });
50
+ };
51
+ var formSemantic = {
52
+ keys: [{
53
+ key: 'root',
54
+ cn: 'Form 最外层容器(<form> 元素)',
55
+ en: 'Form outermost wrapper element (<form>)',
56
+ version: '3.10.0',
57
+ example: "<Form classNames={{ root: 'my-form' }} styles={{ root: { padding: 24 } }} />"
58
+ }, {
59
+ key: 'item',
60
+ cn: 'Form.Item 最外层容器',
61
+ en: 'Form.Item outermost wrapper element',
62
+ version: '3.10.0',
63
+ example: "<Form classNames={{ item: 'my-form-item' }} styles={{ item: { marginBottom: 24 } }} />"
64
+ }, {
65
+ key: 'label',
66
+ cn: '标签区域',
67
+ en: 'Label area',
68
+ version: '3.10.0',
69
+ example: "<Form classNames={{ label: 'my-label' }} styles={{ label: { fontWeight: 600 } }} />"
70
+ }, {
71
+ key: 'control',
72
+ cn: '控件区域(包含表单元素、错误和提示)',
73
+ en: 'Control area (contains form element, error, and tip)',
74
+ version: '3.10.0',
75
+ example: "<Form classNames={{ control: 'my-control' }} styles={{ control: { flex: 1 } }} />"
76
+ }, {
77
+ key: 'error',
78
+ cn: '错误提示区域',
79
+ en: 'Error message area',
80
+ version: '3.10.0',
81
+ example: "<Form classNames={{ error: 'my-error' }} styles={{ error: { color: 'red' } }} />"
82
+ }, {
83
+ key: 'tip',
84
+ cn: '提示信息区域',
85
+ en: 'Tip message area',
86
+ version: '3.10.0',
87
+ example: "<Form classNames={{ tip: 'my-tip' }} styles={{ tip: { fontSize: 12 } }} />"
88
+ }],
89
+ demo: FormSemanticDemo
90
+ };
91
+ var _default = exports.default = formSemantic;
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { GapSemanticKey } from '@sheinx/base';
3
+ declare const gapSemantic: SemanticSchema<GapSemanticKey>;
4
+ export default gapSemantic;
@@ -0,0 +1,73 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _index = _interopRequireDefault(require("./index"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * Gap Semantic DOM 元数据。
13
+ *
14
+ * @see /docs/rfc/0001-semantic-dom.md
15
+ */
16
+
17
+ var GapSemanticDemo = function GapSemanticDemo() {
18
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
19
+ style: {
20
+ width: '100%'
21
+ },
22
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
23
+ column: 12,
24
+ row: 12,
25
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
26
+ style: {
27
+ padding: '8px 16px',
28
+ background: '#e6f4ff',
29
+ borderRadius: 4
30
+ },
31
+ children: "Item 1"
32
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
33
+ style: {
34
+ padding: '8px 16px',
35
+ background: '#e6f4ff',
36
+ borderRadius: 4
37
+ },
38
+ children: "Item 2"
39
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
40
+ style: {
41
+ padding: '8px 16px',
42
+ background: '#e6f4ff',
43
+ borderRadius: 4
44
+ },
45
+ children: "Item 3"
46
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
47
+ style: {
48
+ padding: '8px 16px',
49
+ background: '#e6f4ff',
50
+ borderRadius: 4
51
+ },
52
+ children: "Item 4"
53
+ })]
54
+ })
55
+ });
56
+ };
57
+ var gapSemantic = {
58
+ keys: [{
59
+ key: 'root',
60
+ cn: '外层 flex 容器',
61
+ en: 'Outer flex container',
62
+ version: '3.10.0',
63
+ example: "<Gap\n classNames={{ root: 'my-gap' }}\n styles={{ root: { padding: 16 } }}\n>\n ...\n</Gap>"
64
+ }, {
65
+ key: 'item',
66
+ cn: '子元素包裹层',
67
+ en: 'Child element wrapper',
68
+ version: '3.10.0',
69
+ example: "<Gap\n classNames={{ item: 'my-gap-item' }}\n styles={{ item: { flex: '0 0 auto' } }}\n>\n ...\n</Gap>"
70
+ }],
71
+ demo: GapSemanticDemo
72
+ };
73
+ var _default = exports.default = gapSemantic;
@@ -1 +1,2 @@
1
1
  export type { GapProps as Props } from './gap.type';
2
+ export type { GapSemanticKey } from '@sheinx/base';
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { GridSemanticKey } from '@sheinx/base';
3
+ declare const gridSemantic: SemanticSchema<GridSemanticKey>;
4
+ export default gridSemantic;
@@ -0,0 +1,71 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _index = _interopRequireDefault(require("./index"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * Grid Semantic DOM 元数据。
13
+ *
14
+ * @see /docs/rfc/0001-semantic-dom.md
15
+ */
16
+
17
+ var GridSemanticDemo = function GridSemanticDemo() {
18
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
19
+ style: {
20
+ width: '100%'
21
+ },
22
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
23
+ gutter: 16,
24
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
25
+ width: 1 / 3,
26
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
27
+ style: {
28
+ padding: 12,
29
+ background: '#e6f4ff',
30
+ textAlign: 'center',
31
+ borderRadius: 4
32
+ },
33
+ children: "1/3"
34
+ })
35
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
36
+ width: 1 / 3,
37
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
38
+ style: {
39
+ padding: 12,
40
+ background: '#e6f4ff',
41
+ textAlign: 'center',
42
+ borderRadius: 4
43
+ },
44
+ children: "1/3"
45
+ })
46
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
47
+ width: 1 / 3,
48
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
49
+ style: {
50
+ padding: 12,
51
+ background: '#e6f4ff',
52
+ textAlign: 'center',
53
+ borderRadius: 4
54
+ },
55
+ children: "1/3"
56
+ })
57
+ })]
58
+ })
59
+ });
60
+ };
61
+ var gridSemantic = {
62
+ keys: [{
63
+ key: 'root',
64
+ cn: '栅格容器',
65
+ en: 'Grid container element',
66
+ version: '3.10.0',
67
+ example: "<Grid\n classNames={{ root: 'my-grid' }}\n styles={{ root: { background: '#fafafa' } }}\n>\n <Grid width={1/2}>Left</Grid>\n <Grid width={1/2}>Right</Grid>\n</Grid>"
68
+ }],
69
+ demo: GridSemanticDemo
70
+ };
71
+ var _default = exports.default = gridSemantic;
@@ -1 +1,2 @@
1
1
  export type { GridProps as Props } from './grid.type';
2
+ export type { GridSemanticKey } from '@sheinx/base';
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { ImageSemanticKey } from '@sheinx/base';
3
+ declare const imageSemantic: SemanticSchema<ImageSemanticKey>;
4
+ export default imageSemantic;
@@ -0,0 +1,74 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _ = require("./..");
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * Image Semantic DOM 元数据。
13
+ *
14
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
15
+ *
16
+ * @see /docs/rfc/0001-semantic-dom.md
17
+ */
18
+
19
+ var ImageSemanticDemo = function ImageSemanticDemo() {
20
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
21
+ style: {
22
+ display: 'flex',
23
+ gap: 16
24
+ },
25
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Image, {
26
+ width: 200,
27
+ height: 150,
28
+ fit: "fit",
29
+ src: "https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-01.png",
30
+ shape: "rounded",
31
+ placeholder: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
32
+ style: {
33
+ textAlign: 'center',
34
+ lineHeight: '150px'
35
+ },
36
+ children: "Loading..."
37
+ })
38
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Image, {
39
+ width: 200,
40
+ height: 150,
41
+ src: "invalid-url-for-error-state",
42
+ shape: "rounded"
43
+ })]
44
+ });
45
+ };
46
+ var imageSemantic = {
47
+ keys: [{
48
+ key: 'root',
49
+ cn: 'Image 最外层容器',
50
+ en: 'Image outermost wrapper element',
51
+ version: '3.10.0',
52
+ example: "<Image\n classNames={{ root: 'my-image' }}\n styles={{ root: { borderRadius: 8 } }}\n/>"
53
+ }, {
54
+ key: 'img',
55
+ cn: '图片内容(img 元素或 backgroundImage 容器)',
56
+ en: 'Image content (img element or backgroundImage container)',
57
+ version: '3.10.0',
58
+ example: "<Image\n classNames={{ img: 'my-img' }}\n styles={{ img: { objectFit: 'cover' } }}\n/>"
59
+ }, {
60
+ key: 'placeholder',
61
+ cn: '加载中占位区域',
62
+ en: 'Loading placeholder area',
63
+ version: '3.10.0',
64
+ example: "<Image\n classNames={{ placeholder: 'my-placeholder' }}\n styles={{ placeholder: { background: '#f5f5f5' } }}\n/>"
65
+ }, {
66
+ key: 'error',
67
+ cn: '加载失败区域',
68
+ en: 'Error state area',
69
+ version: '3.10.0',
70
+ example: "<Image\n classNames={{ error: 'my-error' }}\n styles={{ error: { background: '#fff2f0' } }}\n/>"
71
+ }],
72
+ demo: ImageSemanticDemo
73
+ };
74
+ var _default = exports.default = imageSemantic;
@@ -1,2 +1,3 @@
1
1
  export type { ImageProps as Props } from './image.type';
2
2
  export type { ImageGroupProps as GroupProps } from './group.type';
3
+ export type { ImageSemanticKey } from '@sheinx/base';
package/cjs/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export { default as Alert } from './alert';
2
2
  export { default as Avatar } from './avatar';
3
3
  export { default as Badge } from './badge';
4
+ export { default as BorderBeam } from './border-beam';
4
5
  export { default as Breadcrumb } from './breadcrumb';
5
6
  export { default as Button } from './button';
6
7
  export { default as Card } from './card';
package/cjs/index.js CHANGED
@@ -9,6 +9,7 @@ var _exportNames = {
9
9
  Alert: true,
10
10
  Avatar: true,
11
11
  Badge: true,
12
+ BorderBeam: true,
12
13
  Breadcrumb: true,
13
14
  Button: true,
14
15
  Card: true,
@@ -91,6 +92,12 @@ Object.defineProperty(exports, "Badge", {
91
92
  return _badge.default;
92
93
  }
93
94
  });
95
+ Object.defineProperty(exports, "BorderBeam", {
96
+ enumerable: true,
97
+ get: function get() {
98
+ return _borderBeam.default;
99
+ }
100
+ });
94
101
  Object.defineProperty(exports, "Breadcrumb", {
95
102
  enumerable: true,
96
103
  get: function get() {
@@ -463,6 +470,7 @@ exports.utils = void 0;
463
470
  var _alert = _interopRequireDefault(require("./alert"));
464
471
  var _avatar = _interopRequireDefault(require("./avatar"));
465
472
  var _badge = _interopRequireDefault(require("./badge"));
473
+ var _borderBeam = _interopRequireDefault(require("./border-beam"));
466
474
  var _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
467
475
  var _button = _interopRequireDefault(require("./button"));
468
476
  var _card = _interopRequireDefault(require("./card"));
@@ -537,5 +545,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
537
545
  // 此文件由脚本自动生成,请勿直接修改。
538
546
  // This file was generated automatically by a script. Please do not modify it directly.
539
547
  var _default = exports.default = {
540
- version: '3.10.0-beta.2'
548
+ version: '3.10.0-beta.21'
541
549
  };
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { InputSemanticKey } from '@sheinx/base';
3
+ declare const inputSemantic: SemanticSchema<InputSemanticKey>;
4
+ export default inputSemantic;
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _ = require("./..");
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * Input Semantic DOM 元数据。
13
+ *
14
+ * 文档站构建时通过 chunk 模板自动引入,渲染 Semantic tab。
15
+ *
16
+ * @see /docs/rfc/0001-semantic-dom.md
17
+ */
18
+
19
+ var InputSemanticDemo = function InputSemanticDemo() {
20
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
21
+ style: {
22
+ display: 'flex',
23
+ gap: 16
24
+ },
25
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
26
+ placeholder: "Enter text",
27
+ defaultValue: "Hello",
28
+ style: {
29
+ width: 240
30
+ }
31
+ })
32
+ });
33
+ };
34
+ var inputSemantic = {
35
+ keys: [{
36
+ key: 'root',
37
+ cn: 'Input 最外层容器',
38
+ en: 'Input outermost wrapper element',
39
+ version: '3.10.0',
40
+ example: "<Input classNames={{ root: 'my-input' }} styles={{ root: { borderRadius: 8 } }} />"
41
+ }, {
42
+ key: 'input',
43
+ cn: '内部 <input> 元素',
44
+ en: 'Inner <input> element',
45
+ version: '3.10.0',
46
+ example: "<Input classNames={{ input: 'my-input-el' }} styles={{ input: { fontSize: 16 } }} />"
47
+ }],
48
+ demo: InputSemanticDemo
49
+ };
50
+ var _default = exports.default = inputSemantic;
@@ -1 +1,2 @@
1
1
  export type { LinkProps as Props } from './link.type';
2
+ export type { LinkSemanticKey, LinkClassNamesInfo } from '@sheinx/base';
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { LinkSemanticKey } from '@sheinx/base';
3
+ declare const linkSemantic: SemanticSchema<LinkSemanticKey>;
4
+ export default linkSemantic;
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _index = _interopRequireDefault(require("./index"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ /**
12
+ * Link Semantic DOM 元数据。
13
+ *
14
+ * @see /docs/rfc/0001-semantic-dom.md
15
+ */
16
+
17
+ var LinkSemanticDemo = function LinkSemanticDemo() {
18
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
19
+ style: {
20
+ width: '100%',
21
+ display: 'flex',
22
+ gap: 24,
23
+ alignItems: 'center',
24
+ flexWrap: 'wrap'
25
+ },
26
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
27
+ href: "#",
28
+ icon: true,
29
+ children: "Link with icon"
30
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
31
+ href: "#",
32
+ type: "secondary",
33
+ children: "Secondary"
34
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
35
+ href: "#",
36
+ type: "danger",
37
+ disabled: true,
38
+ children: "Disabled"
39
+ })]
40
+ });
41
+ };
42
+ var linkSemantic = {
43
+ keys: [{
44
+ key: 'root',
45
+ cn: '链接元素(a 标签)',
46
+ en: 'Link element (anchor tag)',
47
+ version: '3.10.0',
48
+ example: "<Link\n classNames={{ root: 'my-link' }}\n styles={{ root: { textDecoration: 'none' } }}\n>\n Click me\n</Link>"
49
+ }, {
50
+ key: 'icon',
51
+ cn: '图标容器',
52
+ en: 'Icon container',
53
+ version: '3.10.0',
54
+ example: "<Link\n icon\n classNames={{ icon: 'my-link-icon' }}\n styles={{ icon: { marginRight: 8 } }}\n>\n With icon\n</Link>"
55
+ }],
56
+ demo: LinkSemanticDemo
57
+ };
58
+ var _default = exports.default = linkSemantic;
@@ -1,2 +1,3 @@
1
1
  export type { ListProps as Props } from './list.type';
2
2
  export type { ListBaseItemProps as BaseItemProps } from './base-item.type';
3
+ export type { ListSemanticKey } from '@sheinx/base';
@@ -0,0 +1,4 @@
1
+ import type { SemanticSchema } from '@sheinx/base';
2
+ import type { ListSemanticKey } from '@sheinx/base';
3
+ declare const listSemantic: SemanticSchema<ListSemanticKey>;
4
+ export default listSemantic;