@dckj-npm/dc-material 0.1.36 → 0.1.37

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 (288) hide show
  1. package/README.md +17 -17
  2. package/build/index.js +8 -8
  3. package/build/lowcode/assets-daily.json +13 -13
  4. package/build/lowcode/assets-dev.json +2 -2
  5. package/build/lowcode/assets-prod.json +13 -13
  6. package/build/lowcode/index.js +1 -1
  7. package/build/lowcode/meta.design.js +1 -1
  8. package/build/lowcode/meta.js +1 -1
  9. package/build/lowcode/preview.js +10 -10
  10. package/build/lowcode/render/default/view.css +1 -1
  11. package/build/lowcode/render/default/view.js +9 -9
  12. package/build/lowcode/view.css +1 -1
  13. package/build/lowcode/view.js +10 -10
  14. package/dist/BizComps.js +5 -5
  15. package/dist/BizComps.js.map +1 -1
  16. package/es/components/bottom-navigation/bottom-navigation.d.ts +15 -15
  17. package/es/components/bottom-navigation/index.d.ts +3 -3
  18. package/es/components/bottom-navigation/index.scss +24 -24
  19. package/es/components/button/button.d.ts +14 -14
  20. package/es/components/button/index.d.ts +6 -6
  21. package/es/components/button/index.js +2 -2
  22. package/es/components/button/index.scss +16 -16
  23. package/es/components/carousel/carousel.d.ts +14 -14
  24. package/es/components/carousel/carousel.scss +32 -32
  25. package/es/components/colorful-button/colorful-button.d.ts +12 -12
  26. package/es/components/colorful-button/index.d.ts +3 -3
  27. package/es/components/colorful-button/index.scss +5 -5
  28. package/es/components/colorful-input/colorful-input.d.ts +8 -8
  29. package/es/components/colorful-input/index.d.ts +3 -3
  30. package/es/components/colorful-input/index.scss +5 -5
  31. package/es/components/goods-card-list/goods-card-list.d.ts +5 -5
  32. package/es/components/goods-card-list/goods-card-list.scss +112 -112
  33. package/es/components/goods-card-list/index.d.ts +3 -3
  34. package/es/components/goods-card-list/types.d.ts +45 -45
  35. package/es/components/grid-nav/grid-nav.d.ts +13 -13
  36. package/es/components/grid-nav/index.d.ts +3 -3
  37. package/es/components/grid-nav/index.scss +37 -37
  38. package/es/components/integral-task/index.d.ts +6 -6
  39. package/es/components/integral-task/index.js +2 -2
  40. package/es/components/integral-task/index.scss +35 -35
  41. package/es/components/integral-task/integral-task.d.ts +40 -40
  42. package/es/components/menu-list/index.d.ts +6 -6
  43. package/es/components/menu-list/index.js +2 -2
  44. package/es/components/menu-list/index.scss +16 -16
  45. package/es/components/menu-list/menu-list-item.d.ts +5 -5
  46. package/es/components/menu-list/menu-list-item.scss +49 -49
  47. package/es/components/menu-list/menu-list.d.ts +5 -5
  48. package/es/components/menu-list/types.d.ts +23 -23
  49. package/es/components/message-list/index.d.ts +6 -6
  50. package/es/components/message-list/index.js +2 -2
  51. package/es/components/message-list/index.scss +22 -22
  52. package/es/components/message-list/message-list-item.d.ts +29 -29
  53. package/es/components/message-list/message-list-item.js +2 -2
  54. package/es/components/message-list/message-list-item.scss +50 -50
  55. package/es/components/message-list/message-list.d.ts +32 -32
  56. package/es/components/notice-bar/index.d.ts +3 -3
  57. package/es/components/notice-bar/index.scss +29 -29
  58. package/es/components/notice-bar/notice-bar-item.d.ts +18 -18
  59. package/es/components/notice-bar/notice-bar-item.scss +26 -26
  60. package/es/components/notice-bar/notice-bar.d.ts +37 -37
  61. package/es/components/position/entity.d.ts +5 -5
  62. package/es/components/position/index.d.ts +3 -3
  63. package/es/components/position/index.scss +27 -27
  64. package/es/components/position/position-left.d.ts +9 -9
  65. package/es/components/position/position-list.d.ts +12 -12
  66. package/es/components/position/position.d.ts +8 -8
  67. package/es/components/radio-group/index.d.ts +8 -8
  68. package/es/components/radio-group/index.js +2 -2
  69. package/es/components/radio-group/index.scss +40 -40
  70. package/es/components/radio-group/radio-group-item.d.ts +48 -48
  71. package/es/components/radio-group/radio-group.d.ts +52 -52
  72. package/es/components/search-bar/index.d.ts +3 -3
  73. package/es/components/search-bar/index.scss +13 -13
  74. package/es/components/search-bar/search-bar.d.ts +7 -7
  75. package/es/components/swiper/index.d.ts +3 -3
  76. package/es/components/swiper/index.scss +12 -12
  77. package/es/components/swiper/swiper.d.ts +47 -47
  78. package/es/components/tab/index.d.ts +6 -6
  79. package/es/components/tab/index.js +2 -2
  80. package/es/components/tab/index.scss +23 -23
  81. package/es/components/tab/tab.d.ts +23 -23
  82. package/es/components/tab-container/index.d.ts +3 -3
  83. package/es/components/tab-container/index.scss +47 -47
  84. package/es/components/tab-container/tab-container.d.ts +10 -10
  85. package/es/components/tab-container-item/index.d.ts +3 -3
  86. package/es/components/tab-container-item/tab-container-item.d.ts +9 -9
  87. package/es/components/tag/index.d.ts +6 -6
  88. package/es/components/tag/index.js +2 -2
  89. package/es/components/tag/index.scss +24 -24
  90. package/es/components/tag/tag.d.ts +14 -14
  91. package/es/components/teletext-list/index.d.ts +6 -6
  92. package/es/components/teletext-list/index.js +2 -2
  93. package/es/components/teletext-list/index.scss +19 -19
  94. package/es/components/teletext-list/teletext-list-item.d.ts +42 -42
  95. package/es/components/teletext-list/teletext-list-item.js +2 -2
  96. package/es/components/teletext-list/teletext-list-item.scss +55 -55
  97. package/es/components/teletext-list/teletext-list.d.ts +61 -61
  98. package/es/components/teletext-list/teletext-list.js +2 -2
  99. package/es/components/title/index.d.ts +8 -8
  100. package/es/components/title/index.js +2 -2
  101. package/es/components/title/title-1.d.ts +10 -10
  102. package/es/components/title/title-1.scss +25 -25
  103. package/es/components/title/title-2.d.ts +18 -18
  104. package/es/components/title/title-2.scss +22 -22
  105. package/es/index.d.ts +40 -40
  106. package/es/index.scss +5 -5
  107. package/es/utils/children-node-handle.d.ts +9 -9
  108. package/es/utils/children-node-handle.js +7 -7
  109. package/es/utils/component-wrapper.d.ts +9 -9
  110. package/es/utils/debounce.d.ts +1 -1
  111. package/es/variables.d.ts +2 -2
  112. package/es/variables.scss +3 -3
  113. package/lib/components/bottom-navigation/bottom-navigation.d.ts +15 -15
  114. package/lib/components/bottom-navigation/index.d.ts +3 -3
  115. package/lib/components/bottom-navigation/index.scss +24 -24
  116. package/lib/components/button/button.d.ts +14 -14
  117. package/lib/components/button/index.d.ts +6 -6
  118. package/lib/components/button/index.js +2 -2
  119. package/lib/components/button/index.scss +16 -16
  120. package/lib/components/carousel/carousel.d.ts +14 -14
  121. package/lib/components/carousel/carousel.scss +32 -32
  122. package/lib/components/colorful-button/colorful-button.d.ts +12 -12
  123. package/lib/components/colorful-button/index.d.ts +3 -3
  124. package/lib/components/colorful-button/index.scss +5 -5
  125. package/lib/components/colorful-input/colorful-input.d.ts +8 -8
  126. package/lib/components/colorful-input/index.d.ts +3 -3
  127. package/lib/components/colorful-input/index.scss +5 -5
  128. package/lib/components/goods-card-list/goods-card-list.d.ts +5 -5
  129. package/lib/components/goods-card-list/goods-card-list.scss +112 -112
  130. package/lib/components/goods-card-list/index.d.ts +3 -3
  131. package/lib/components/goods-card-list/types.d.ts +45 -45
  132. package/lib/components/grid-nav/grid-nav.d.ts +13 -13
  133. package/lib/components/grid-nav/index.d.ts +3 -3
  134. package/lib/components/grid-nav/index.scss +37 -37
  135. package/lib/components/integral-task/index.d.ts +6 -6
  136. package/lib/components/integral-task/index.js +2 -2
  137. package/lib/components/integral-task/index.scss +35 -35
  138. package/lib/components/integral-task/integral-task.d.ts +40 -40
  139. package/lib/components/menu-list/index.d.ts +6 -6
  140. package/lib/components/menu-list/index.js +2 -2
  141. package/lib/components/menu-list/index.scss +16 -16
  142. package/lib/components/menu-list/menu-list-item.d.ts +5 -5
  143. package/lib/components/menu-list/menu-list-item.scss +49 -49
  144. package/lib/components/menu-list/menu-list.d.ts +5 -5
  145. package/lib/components/menu-list/types.d.ts +23 -23
  146. package/lib/components/message-list/index.d.ts +6 -6
  147. package/lib/components/message-list/index.js +2 -2
  148. package/lib/components/message-list/index.scss +22 -22
  149. package/lib/components/message-list/message-list-item.d.ts +29 -29
  150. package/lib/components/message-list/message-list-item.js +2 -2
  151. package/lib/components/message-list/message-list-item.scss +50 -50
  152. package/lib/components/message-list/message-list.d.ts +32 -32
  153. package/lib/components/notice-bar/index.d.ts +3 -3
  154. package/lib/components/notice-bar/index.scss +29 -29
  155. package/lib/components/notice-bar/notice-bar-item.d.ts +18 -18
  156. package/lib/components/notice-bar/notice-bar-item.scss +26 -26
  157. package/lib/components/notice-bar/notice-bar.d.ts +37 -37
  158. package/lib/components/position/entity.d.ts +5 -5
  159. package/lib/components/position/index.d.ts +3 -3
  160. package/lib/components/position/index.scss +27 -27
  161. package/lib/components/position/position-left.d.ts +9 -9
  162. package/lib/components/position/position-list.d.ts +12 -12
  163. package/lib/components/position/position.d.ts +8 -8
  164. package/lib/components/radio-group/index.d.ts +8 -8
  165. package/lib/components/radio-group/index.scss +40 -40
  166. package/lib/components/radio-group/radio-group-item.d.ts +48 -48
  167. package/lib/components/radio-group/radio-group.d.ts +52 -52
  168. package/lib/components/search-bar/index.d.ts +3 -3
  169. package/lib/components/search-bar/index.scss +13 -13
  170. package/lib/components/search-bar/search-bar.d.ts +7 -7
  171. package/lib/components/swiper/index.d.ts +3 -3
  172. package/lib/components/swiper/index.scss +12 -12
  173. package/lib/components/swiper/swiper.d.ts +47 -47
  174. package/lib/components/tab/index.d.ts +6 -6
  175. package/lib/components/tab/index.js +2 -2
  176. package/lib/components/tab/index.scss +23 -23
  177. package/lib/components/tab/tab.d.ts +23 -23
  178. package/lib/components/tab-container/index.d.ts +3 -3
  179. package/lib/components/tab-container/index.scss +47 -47
  180. package/lib/components/tab-container/tab-container.d.ts +10 -10
  181. package/lib/components/tab-container-item/index.d.ts +3 -3
  182. package/lib/components/tab-container-item/tab-container-item.d.ts +9 -9
  183. package/lib/components/tag/index.d.ts +6 -6
  184. package/lib/components/tag/index.js +2 -2
  185. package/lib/components/tag/index.scss +24 -24
  186. package/lib/components/tag/tag.d.ts +14 -14
  187. package/lib/components/teletext-list/index.d.ts +6 -6
  188. package/lib/components/teletext-list/index.scss +19 -19
  189. package/lib/components/teletext-list/teletext-list-item.d.ts +42 -42
  190. package/lib/components/teletext-list/teletext-list-item.js +2 -2
  191. package/lib/components/teletext-list/teletext-list-item.scss +55 -55
  192. package/lib/components/teletext-list/teletext-list.d.ts +61 -61
  193. package/lib/components/teletext-list/teletext-list.js +2 -2
  194. package/lib/components/title/index.d.ts +8 -8
  195. package/lib/components/title/title-1.d.ts +10 -10
  196. package/lib/components/title/title-1.scss +25 -25
  197. package/lib/components/title/title-2.d.ts +18 -18
  198. package/lib/components/title/title-2.scss +22 -22
  199. package/lib/index.d.ts +40 -40
  200. package/lib/index.scss +5 -5
  201. package/lib/utils/children-node-handle.d.ts +9 -9
  202. package/lib/utils/children-node-handle.js +7 -7
  203. package/lib/utils/component-wrapper.d.ts +9 -9
  204. package/lib/utils/debounce.d.ts +1 -1
  205. package/lib/variables.d.ts +2 -2
  206. package/lib/variables.scss +3 -3
  207. package/lowcode/button2/meta.ts +75 -75
  208. package/lowcode/custom-radio-group/meta.ts +310 -310
  209. package/lowcode/custom-radio-group-item/meta.ts +229 -229
  210. package/lowcode/d-c-slider/meta.design.ts +173 -173
  211. package/lowcode/d-c-slider/meta.ts +342 -342
  212. package/lowcode/d-c-slider/snippets.ts +68 -68
  213. package/lowcode/goods-card-list/meta.ts +268 -268
  214. package/lowcode/grid-nav/meta.ts +212 -212
  215. package/lowcode/integral-task/meta.ts +211 -211
  216. package/lowcode/menu-list/meta.ts +147 -147
  217. package/lowcode/message-list/meta.ts +202 -202
  218. package/lowcode/navigation/meta.ts +173 -173
  219. package/lowcode/notice-bar/meta.ts +229 -229
  220. package/lowcode/position/meta.ts +161 -161
  221. package/lowcode/rich-text/meta.ts +56 -0
  222. package/lowcode/search-bar/meta.ts +54 -54
  223. package/lowcode/swiper/meta.ts +237 -237
  224. package/lowcode/tab-container/meta.ts +69 -69
  225. package/lowcode/tab-container/props.ts +194 -194
  226. package/lowcode/tab-container-item/meta.ts +195 -195
  227. package/lowcode/tab-message/meta.ts +101 -101
  228. package/lowcode/tag-c/meta.ts +75 -75
  229. package/lowcode/teletext-list/meta.ts +329 -329
  230. package/lowcode/title1/meta.ts +59 -59
  231. package/lowcode/title2/meta.ts +93 -93
  232. package/lowcode_es/button2/meta.d.ts +22 -22
  233. package/lowcode_es/custom-radio-group/meta.d.ts +22 -22
  234. package/lowcode_es/custom-radio-group-item/meta.d.ts +23 -23
  235. package/lowcode_es/d-c-slider/meta.d.ts +148 -148
  236. package/lowcode_es/d-c-slider/meta.design.d.ts +100 -100
  237. package/lowcode_es/d-c-slider/snippets.d.ts +36 -36
  238. package/lowcode_es/goods-card-list/meta.d.ts +22 -22
  239. package/lowcode_es/grid-nav/meta.d.ts +22 -22
  240. package/lowcode_es/integral-task/meta.d.ts +22 -22
  241. package/lowcode_es/menu-list/meta.d.ts +22 -22
  242. package/lowcode_es/message-list/meta.d.ts +22 -22
  243. package/lowcode_es/meta.js +24 -23
  244. package/lowcode_es/navigation/meta.d.ts +22 -22
  245. package/lowcode_es/notice-bar/meta.d.ts +22 -22
  246. package/lowcode_es/position/meta.d.ts +22 -22
  247. package/lowcode_es/rich-text/meta.d.ts +22 -0
  248. package/lowcode_es/rich-text/meta.js +48 -0
  249. package/lowcode_es/search-bar/meta.d.ts +22 -22
  250. package/lowcode_es/swiper/meta.d.ts +22 -22
  251. package/lowcode_es/tab-container/meta.d.ts +22 -22
  252. package/lowcode_es/tab-container/props.d.ts +90 -90
  253. package/lowcode_es/tab-container-item/meta.d.ts +22 -22
  254. package/lowcode_es/tab-message/meta.d.ts +22 -22
  255. package/lowcode_es/tag-c/meta.d.ts +22 -22
  256. package/lowcode_es/teletext-list/meta.d.ts +22 -22
  257. package/lowcode_es/title1/meta.d.ts +22 -22
  258. package/lowcode_es/title2/meta.d.ts +22 -22
  259. package/lowcode_es/view.js +3 -3
  260. package/lowcode_lib/button2/meta.d.ts +22 -22
  261. package/lowcode_lib/custom-radio-group/meta.d.ts +22 -22
  262. package/lowcode_lib/custom-radio-group-item/meta.d.ts +23 -23
  263. package/lowcode_lib/d-c-slider/meta.d.ts +148 -148
  264. package/lowcode_lib/d-c-slider/meta.design.d.ts +100 -100
  265. package/lowcode_lib/d-c-slider/snippets.d.ts +36 -36
  266. package/lowcode_lib/goods-card-list/meta.d.ts +22 -22
  267. package/lowcode_lib/grid-nav/meta.d.ts +22 -22
  268. package/lowcode_lib/integral-task/meta.d.ts +22 -22
  269. package/lowcode_lib/menu-list/meta.d.ts +22 -22
  270. package/lowcode_lib/message-list/meta.d.ts +22 -22
  271. package/lowcode_lib/meta.js +24 -23
  272. package/lowcode_lib/navigation/meta.d.ts +22 -22
  273. package/lowcode_lib/notice-bar/meta.d.ts +22 -22
  274. package/lowcode_lib/position/meta.d.ts +22 -22
  275. package/lowcode_lib/rich-text/meta.d.ts +22 -0
  276. package/lowcode_lib/rich-text/meta.js +53 -0
  277. package/lowcode_lib/search-bar/meta.d.ts +22 -22
  278. package/lowcode_lib/swiper/meta.d.ts +22 -22
  279. package/lowcode_lib/tab-container/meta.d.ts +22 -22
  280. package/lowcode_lib/tab-container/props.d.ts +90 -90
  281. package/lowcode_lib/tab-container-item/meta.d.ts +22 -22
  282. package/lowcode_lib/tab-message/meta.d.ts +22 -22
  283. package/lowcode_lib/tag-c/meta.d.ts +22 -22
  284. package/lowcode_lib/teletext-list/meta.d.ts +22 -22
  285. package/lowcode_lib/title1/meta.d.ts +22 -22
  286. package/lowcode_lib/title2/meta.d.ts +22 -22
  287. package/lowcode_lib/view.js +2 -2
  288. package/package.json +2 -2
@@ -1,37 +1,37 @@
1
- import React from 'react';
2
- import './index.scss';
3
- interface DataProps {
4
- /**
5
- * 内容
6
- */
7
- content?: string;
8
- /**
9
- * 发布时间
10
- */
11
- releaseTime?: string;
12
- /**
13
- * 是否置顶
14
- */
15
- isTop?: number;
16
- }
17
- export interface NoticeBarProps {
18
- /**
19
- * 数据
20
- */
21
- dataList?: DataProps[];
22
- /**
23
- * 点击事件
24
- * @param e
25
- */
26
- onClick?: (e: any) => void;
27
- /**
28
- * 子节点
29
- */
30
- children: React.ReactChild;
31
- /**
32
- * 左侧图标
33
- */
34
- icon: string;
35
- }
36
- declare const NoticeBar: React.FC<NoticeBarProps>;
37
- export default NoticeBar;
1
+ import React from 'react';
2
+ import './index.scss';
3
+ interface DataProps {
4
+ /**
5
+ * 内容
6
+ */
7
+ content?: string;
8
+ /**
9
+ * 发布时间
10
+ */
11
+ releaseTime?: string;
12
+ /**
13
+ * 是否置顶
14
+ */
15
+ isTop?: number;
16
+ }
17
+ export interface NoticeBarProps {
18
+ /**
19
+ * 数据
20
+ */
21
+ dataList?: DataProps[];
22
+ /**
23
+ * 点击事件
24
+ * @param e
25
+ */
26
+ onClick?: (e: any) => void;
27
+ /**
28
+ * 子节点
29
+ */
30
+ children: React.ReactChild;
31
+ /**
32
+ * 左侧图标
33
+ */
34
+ icon: string;
35
+ }
36
+ declare const NoticeBar: React.FC<NoticeBarProps>;
37
+ export default NoticeBar;
@@ -1,5 +1,5 @@
1
- export interface Location {
2
- lat: string;
3
- lng: string;
4
- address: string;
5
- }
1
+ export interface Location {
2
+ lat: string;
3
+ lng: string;
4
+ address: string;
5
+ }
@@ -1,3 +1,3 @@
1
- import Position from './position';
2
- export type { LocationProps } from './position';
3
- export default Position;
1
+ import Position from './position';
2
+ export type { LocationProps } from './position';
3
+ export default Position;
@@ -1,27 +1,27 @@
1
- .location {
2
- display: flex;
3
- cursor: pointer;
4
- color: #414141;
5
- font-size: 13.5px;
6
- &-address {
7
- margin-right: 7px;
8
- }
9
- &-icon {
10
- display: flex;
11
- align-items: center;
12
- }
13
- }
14
- .location-list {
15
- position: fixed;
16
- top: 0;
17
- left: 0;
18
- width: 100vw;
19
- height: 100vh;
20
- background-color: #fff;
21
- padding: 10px 15px;
22
- z-index: 999;
23
- &-item {
24
- padding: 10px 0;
25
- border-bottom: solid 1px #eee;
26
- }
27
- }
1
+ .location {
2
+ display: flex;
3
+ cursor: pointer;
4
+ color: #414141;
5
+ font-size: 13.5px;
6
+ &-address {
7
+ margin-right: 7px;
8
+ }
9
+ &-icon {
10
+ display: flex;
11
+ align-items: center;
12
+ }
13
+ }
14
+ .location-list {
15
+ position: fixed;
16
+ top: 0;
17
+ left: 0;
18
+ width: 100vw;
19
+ height: 100vh;
20
+ background-color: #fff;
21
+ padding: 10px 15px;
22
+ z-index: 999;
23
+ &-item {
24
+ padding: 10px 0;
25
+ border-bottom: solid 1px #eee;
26
+ }
27
+ }
@@ -1,9 +1,9 @@
1
- import * as React from 'react';
2
- import './index.scss';
3
- import { Location } from "./entity";
4
- export interface LocationProps {
5
- currentLocation: Location;
6
- clickHandle: () => void;
7
- }
8
- declare const NavigationLeft: React.FC<LocationProps>;
9
- export default NavigationLeft;
1
+ import * as React from 'react';
2
+ import './index.scss';
3
+ import { Location } from "./entity";
4
+ export interface LocationProps {
5
+ currentLocation: Location;
6
+ clickHandle: () => void;
7
+ }
8
+ declare const NavigationLeft: React.FC<LocationProps>;
9
+ export default NavigationLeft;
@@ -1,12 +1,12 @@
1
- import * as React from 'react';
2
- import './index.scss';
3
- import { Location } from "./position";
4
- interface LocationProps {
5
- itemArray: Location[];
6
- currentLocation: Location;
7
- open: boolean;
8
- setIsOpen: () => void;
9
- setCurrent: (data: Location) => void;
10
- }
11
- declare const ContentList: React.FC<LocationProps>;
12
- export default ContentList;
1
+ import * as React from 'react';
2
+ import './index.scss';
3
+ import { Location } from "./position";
4
+ interface LocationProps {
5
+ itemArray: Location[];
6
+ currentLocation: Location;
7
+ open: boolean;
8
+ setIsOpen: () => void;
9
+ setCurrent: (data: Location) => void;
10
+ }
11
+ declare const ContentList: React.FC<LocationProps>;
12
+ export default ContentList;
@@ -1,8 +1,8 @@
1
- import * as React from 'react';
2
- import { Location } from "./entity";
3
- export interface LocationProps {
4
- itemArray: Location[];
5
- defaultLocation: Location;
6
- }
7
- declare const Navigation: React.FC<LocationProps>;
8
- export default Navigation;
1
+ import * as React from 'react';
2
+ import { Location } from "./entity";
3
+ export interface LocationProps {
4
+ itemArray: Location[];
5
+ defaultLocation: Location;
6
+ }
7
+ declare const Navigation: React.FC<LocationProps>;
8
+ export default Navigation;
@@ -1,8 +1,8 @@
1
- /**
2
- * 单选按钮组
3
- */
4
- import RadioGroup from './radio-group';
5
- import RadioGroupItem from './radio-group-item';
6
- export type { RadioGroupProps } from './radio-group';
7
- export type { RadioGroupItemProps } from './radio-group-item';
8
- export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem, };
1
+ /**
2
+ * 单选按钮组
3
+ */
4
+ import RadioGroup from './radio-group';
5
+ import RadioGroupItem from './radio-group-item';
6
+ export type { RadioGroupProps } from './radio-group';
7
+ export type { RadioGroupItemProps } from './radio-group-item';
8
+ export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem, };
@@ -1,40 +1,40 @@
1
- @import '../../variables.scss';
2
-
3
- .radio-group__panel {
4
- display: flex;
5
- gap: 12px;
6
- width: 100%;
7
-
8
- .radio-group-item__button {
9
- flex: 0 0 auto;
10
- transition-property: all;
11
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
12
- transition-duration: 250ms;
13
- font-size: 12px;
14
- padding: 5px 11px;
15
- border-radius: 25rem;
16
- }
17
-
18
- .radio-group-item__text {
19
- flex: 0 0 auto;
20
- transition-property: all;
21
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22
- transition-duration: 250ms;
23
- font-size: 12px;
24
- padding: 5px 0;
25
-
26
- .radio-group-item__text__line {
27
- width: 100%;
28
- height: 1px;
29
- right: 0;
30
- left: 0;
31
- bottom: 0;
32
- position: absolute;
33
- }
34
-
35
- }
36
-
37
-
38
- }
39
-
40
-
1
+ @import '../../variables.scss';
2
+
3
+ .radio-group__panel {
4
+ display: flex;
5
+ gap: 12px;
6
+ width: 100%;
7
+
8
+ .radio-group-item__button {
9
+ flex: 0 0 auto;
10
+ transition-property: all;
11
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
12
+ transition-duration: 250ms;
13
+ font-size: 12px;
14
+ padding: 5px 11px;
15
+ border-radius: 25rem;
16
+ }
17
+
18
+ .radio-group-item__text {
19
+ flex: 0 0 auto;
20
+ transition-property: all;
21
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22
+ transition-duration: 250ms;
23
+ font-size: 12px;
24
+ padding: 5px 0;
25
+
26
+ .radio-group-item__text__line {
27
+ width: 100%;
28
+ height: 1px;
29
+ right: 0;
30
+ left: 0;
31
+ bottom: 0;
32
+ position: absolute;
33
+ }
34
+
35
+ }
36
+
37
+
38
+ }
39
+
40
+
@@ -1,48 +1,48 @@
1
- import React from 'react';
2
- import './index.scss';
3
- export type RadioGroupItemType = 'button' | 'text';
4
- export interface RadioGroupItemProps {
5
- /**
6
- * 选项
7
- */
8
- label: string;
9
- /**
10
- * 值
11
- */
12
- value: string;
13
- /**
14
- * 是否选中
15
- */
16
- checked: boolean;
17
- /**
18
- * 选中颜色
19
- */
20
- selectColor?: string;
21
- /**
22
- * 选中的文字颜色
23
- */
24
- selectTextColor?: string;
25
- /**
26
- * 未选中颜色
27
- */
28
- unSelectColor?: string;
29
- /**
30
- * 未选中的文字颜色
31
- */
32
- unSelectTextColor?: string;
33
- /**
34
- * 类型
35
- */
36
- type?: RadioGroupItemType;
37
- /**
38
- * 名称
39
- */
40
- name: string;
41
- /**
42
- * 改变事件
43
- * @param value
44
- */
45
- onChange: (value: string) => void;
46
- }
47
- declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
48
- export default RadioGroupItem;
1
+ import React from 'react';
2
+ import './index.scss';
3
+ export type RadioGroupItemType = 'button' | 'text';
4
+ export interface RadioGroupItemProps {
5
+ /**
6
+ * 选项
7
+ */
8
+ label: string;
9
+ /**
10
+ * 值
11
+ */
12
+ value: string;
13
+ /**
14
+ * 是否选中
15
+ */
16
+ checked: boolean;
17
+ /**
18
+ * 选中颜色
19
+ */
20
+ selectColor?: string;
21
+ /**
22
+ * 选中的文字颜色
23
+ */
24
+ selectTextColor?: string;
25
+ /**
26
+ * 未选中颜色
27
+ */
28
+ unSelectColor?: string;
29
+ /**
30
+ * 未选中的文字颜色
31
+ */
32
+ unSelectTextColor?: string;
33
+ /**
34
+ * 类型
35
+ */
36
+ type?: RadioGroupItemType;
37
+ /**
38
+ * 名称
39
+ */
40
+ name: string;
41
+ /**
42
+ * 改变事件
43
+ * @param value
44
+ */
45
+ onChange: (value: string) => void;
46
+ }
47
+ declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
48
+ export default RadioGroupItem;
@@ -1,52 +1,52 @@
1
- import React from 'react';
2
- import './index.scss';
3
- export interface RadioType {
4
- label: string;
5
- value: string;
6
- }
7
- export type RadioGroupItemType = 'button' | 'text';
8
- export interface RadioGroupProps {
9
- /**
10
- * 选项
11
- */
12
- options: Array<RadioType>;
13
- /**
14
- * 默认值
15
- */
16
- defaultValue?: string;
17
- /**
18
- * 是否换行
19
- */
20
- isWrap?: boolean;
21
- /**
22
- * 选中颜色
23
- */
24
- selectColor?: string;
25
- /**
26
- * 选中的文字颜色
27
- */
28
- selectTextColor?: string;
29
- /**
30
- * 未选中颜色
31
- */
32
- unSelectColor?: string;
33
- /**
34
- * 未选中的文字颜色
35
- */
36
- unSelectTextColor?: string;
37
- /**
38
- * 改变事件
39
- * @param value
40
- */
41
- onChange?: (value: string) => void;
42
- /**
43
- * 类型
44
- */
45
- type?: RadioGroupItemType;
46
- /**
47
- * 名称
48
- */
49
- name?: string;
50
- }
51
- declare const RadioGroup: React.FC<RadioGroupProps>;
52
- export default RadioGroup;
1
+ import React from 'react';
2
+ import './index.scss';
3
+ export interface RadioType {
4
+ label: string;
5
+ value: string;
6
+ }
7
+ export type RadioGroupItemType = 'button' | 'text';
8
+ export interface RadioGroupProps {
9
+ /**
10
+ * 选项
11
+ */
12
+ options: Array<RadioType>;
13
+ /**
14
+ * 默认值
15
+ */
16
+ defaultValue?: string;
17
+ /**
18
+ * 是否换行
19
+ */
20
+ isWrap?: boolean;
21
+ /**
22
+ * 选中颜色
23
+ */
24
+ selectColor?: string;
25
+ /**
26
+ * 选中的文字颜色
27
+ */
28
+ selectTextColor?: string;
29
+ /**
30
+ * 未选中颜色
31
+ */
32
+ unSelectColor?: string;
33
+ /**
34
+ * 未选中的文字颜色
35
+ */
36
+ unSelectTextColor?: string;
37
+ /**
38
+ * 改变事件
39
+ * @param value
40
+ */
41
+ onChange?: (value: string) => void;
42
+ /**
43
+ * 类型
44
+ */
45
+ type?: RadioGroupItemType;
46
+ /**
47
+ * 名称
48
+ */
49
+ name?: string;
50
+ }
51
+ declare const RadioGroup: React.FC<RadioGroupProps>;
52
+ export default RadioGroup;
@@ -1,3 +1,3 @@
1
- import SearchBar from "./search-bar";
2
- export type { SearchBarProps } from './search-bar';
3
- export default SearchBar;
1
+ import SearchBar from "./search-bar";
2
+ export type { SearchBarProps } from './search-bar';
3
+ export default SearchBar;
@@ -1,13 +1,13 @@
1
- .search-bar-box {
2
- width: 260px;
3
- height: 35px;
4
- margin: 0;
5
- .next-input {
6
- width: 260px;
7
- border-radius: 34px;
8
- height: 35px;
9
- & input {
10
- height: 100%;
11
- }
12
- }
13
- }
1
+ .search-bar-box {
2
+ width: 260px;
3
+ height: 35px;
4
+ margin: 0;
5
+ .next-input {
6
+ width: 260px;
7
+ border-radius: 34px;
8
+ height: 35px;
9
+ & input {
10
+ height: 100%;
11
+ }
12
+ }
13
+ }
@@ -1,7 +1,7 @@
1
- import * as React from 'react';
2
- export interface SearchBarProps {
3
- defaultValue: string;
4
- onSearch: () => void;
5
- }
6
- declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<any>>;
7
- export default SearchBar;
1
+ import * as React from 'react';
2
+ export interface SearchBarProps {
3
+ defaultValue: string;
4
+ onSearch: () => void;
5
+ }
6
+ declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<any>>;
7
+ export default SearchBar;
@@ -1,3 +1,3 @@
1
- import Swiper from './swiper';
2
- export type { ComponentProps } from './swiper';
3
- export default Swiper;
1
+ import Swiper from './swiper';
2
+ export type { ComponentProps } from './swiper';
3
+ export default Swiper;
@@ -1,12 +1,12 @@
1
- /* write style here */
2
- .swiper__container {
3
- margin: 0;
4
- &__sliede {
5
- position: relative;
6
- height: 100%;
7
- }
8
- }
9
- .img{
10
- width: 100%;
11
- height: 100%;
12
- }
1
+ /* write style here */
2
+ .swiper__container {
3
+ margin: 0;
4
+ &__sliede {
5
+ position: relative;
6
+ height: 100%;
7
+ }
8
+ }
9
+ .img{
10
+ width: 100%;
11
+ height: 100%;
12
+ }