tntd 2.8.0-beta.3 → 2.8.0-beta.4

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 (257) hide show
  1. package/es/alert/alert.js +70 -0
  2. package/es/alert/alert.js.map +1 -0
  3. package/es/alert/alert.less +128 -0
  4. package/es/breadcrumb/style/index.less +2 -1
  5. package/es/button/button.less +72 -0
  6. package/es/cascader/style/index.less +2 -2
  7. package/es/checkbox/check.png +0 -0
  8. package/es/checkbox/checkbox.js +48 -0
  9. package/es/checkbox/checkbox.js.map +1 -0
  10. package/es/checkbox/checkbox.less +69 -0
  11. package/es/collapse/style/index.less +2 -1
  12. package/es/color-picker/index.less +4 -1
  13. package/es/date-picker/DatePicker.js +101 -0
  14. package/es/date-picker/DatePicker.js.map +1 -0
  15. package/es/date-picker/index.less +294 -0
  16. package/es/date-picker/style/Picker.less +2 -1
  17. package/es/drawer/index.less +154 -0
  18. package/es/drawer/style/drawer.less +4 -2
  19. package/es/dropdown/style/index.less +2 -1
  20. package/es/form/form.less +36 -0
  21. package/es/grid/RowContext.js +3 -0
  22. package/es/grid/RowContext.js.map +1 -0
  23. package/es/grid/col.js +103 -0
  24. package/es/grid/col.js.map +1 -0
  25. package/es/grid/hooks/useBreakpoint.js +18 -0
  26. package/es/grid/hooks/useBreakpoint.js.map +1 -0
  27. package/es/grid/row.js +154 -0
  28. package/es/grid/row.js.map +1 -0
  29. package/es/grid/style/rtl.less +69 -0
  30. package/es/icon/index.js +2 -1
  31. package/es/icon/index.js.map +1 -1
  32. package/es/icon/style/index.js +2 -1
  33. package/es/icon/style/index.js.map +1 -1
  34. package/es/icon/style/style.less +6 -0
  35. package/es/input/style/mixin.less +1 -1
  36. package/es/input-number/inputNumber.js +29 -0
  37. package/es/input-number/inputNumber.js.map +1 -0
  38. package/es/input-number/inputNumber.less +12 -0
  39. package/es/modal/index.less +36 -0
  40. package/es/modal/style/confirm.less +1 -1
  41. package/es/modal/style/modal.less +5 -1
  42. package/es/notification/assets/index.js +2 -0
  43. package/es/notification/assets/index.js.map +1 -0
  44. package/es/notification/assets/svg-error-tip.js +145 -0
  45. package/es/notification/assets/svg-error-tip.js.map +1 -0
  46. package/es/notification/assets/svg-success-tip.js +162 -0
  47. package/es/notification/assets/svg-success-tip.js.map +1 -0
  48. package/es/notification/notification.js +80 -0
  49. package/es/notification/notification.js.map +1 -0
  50. package/es/notification/notification.less +59 -0
  51. package/es/notification/style/index.less +4 -2
  52. package/es/popconfirm/index.less +32 -0
  53. package/es/popconfirm/popconfirm.js +43 -0
  54. package/es/popconfirm/popconfirm.js.map +1 -0
  55. package/es/popover/index.less +57 -0
  56. package/es/popover/popover.js +34 -0
  57. package/es/popover/popover.js.map +1 -0
  58. package/es/popover/style/index.less +2 -1
  59. package/es/progress/progress.js +132 -0
  60. package/es/progress/progress.js.map +1 -0
  61. package/es/progress/progress.less +82 -0
  62. package/es/query-form/Field/Composition/FieldPopover.js +284 -0
  63. package/es/query-form/Field/Composition/FieldPopover.js.map +1 -0
  64. package/es/query-form/Field/Composition/FieldPopover.less +35 -0
  65. package/es/query-form/Field/Composition/Select.js +108 -0
  66. package/es/query-form/Field/Composition/Select.js.map +1 -0
  67. package/es/query-form/Field/Composition/index.js +275 -0
  68. package/es/query-form/Field/Composition/index.js.map +1 -0
  69. package/es/query-form/Field/Composition/index.less +106 -0
  70. package/es/query-form/Field/Composition/utils.js +19 -0
  71. package/es/query-form/Field/Composition/utils.js.map +1 -0
  72. package/es/radio/radio.js +57 -0
  73. package/es/radio/radio.js.map +1 -0
  74. package/es/radio/radio.less +43 -0
  75. package/es/select/style/index.less +2 -1
  76. package/es/steps/assets/background_left.svg +12 -0
  77. package/es/steps/assets/background_right.svg +12 -0
  78. package/es/steps/assets/horizontal_line.svg +3 -0
  79. package/es/steps/assets/vertical_line.svg +3 -0
  80. package/es/steps/stepStyle/icon.less +51 -0
  81. package/es/steps/stepStyle/progress-dot.less +10 -0
  82. package/es/steps/stepStyle/variables.less +8 -0
  83. package/es/steps/stepStyle/vertical.less +41 -0
  84. package/es/style/mixins/iconfont.less +3 -2
  85. package/es/style/themes/default.less +3 -2
  86. package/es/switch/index.less +46 -0
  87. package/es/tabs/tabs.less +114 -0
  88. package/es/tag/color.less +43 -0
  89. package/es/tag/tag.js +171 -0
  90. package/es/tag/tag.js.map +1 -0
  91. package/es/tag/tag.less +193 -0
  92. package/es/time-picker/TimePicker.js +36 -0
  93. package/es/time-picker/TimePicker.js.map +1 -0
  94. package/es/time-picker/index.less +38 -0
  95. package/es/time-picker/style/index.less +2 -1
  96. package/es/timeline/style/index.less +1 -1
  97. package/es/tntd-action/Action.js +66 -0
  98. package/es/tntd-action/Action.js.map +1 -0
  99. package/es/tntd-action/index.less +53 -0
  100. package/es/tooltip/index.less +29 -0
  101. package/es/tooltip/tooltip.js +33 -0
  102. package/es/tooltip/tooltip.js.map +1 -0
  103. package/lib/alert/alert.d.ts +12 -0
  104. package/lib/alert/alert.d.ts.map +1 -0
  105. package/lib/alert/alert.js +92 -0
  106. package/lib/alert/alert.js.map +1 -0
  107. package/lib/alert/alert.less +128 -0
  108. package/lib/breadcrumb/style/index.less +2 -1
  109. package/lib/button/button.less +72 -0
  110. package/lib/cascader/style/index.less +2 -2
  111. package/lib/checkbox/check.png +0 -0
  112. package/lib/checkbox/checkbox.d.ts +16 -0
  113. package/lib/checkbox/checkbox.d.ts.map +1 -0
  114. package/lib/checkbox/checkbox.js +65 -0
  115. package/lib/checkbox/checkbox.js.map +1 -0
  116. package/lib/checkbox/checkbox.less +69 -0
  117. package/lib/collapse/style/index.less +2 -1
  118. package/lib/color-picker/index.less +4 -1
  119. package/lib/date-picker/DatePicker.d.ts +21 -0
  120. package/lib/date-picker/DatePicker.d.ts.map +1 -0
  121. package/lib/date-picker/DatePicker.js +128 -0
  122. package/lib/date-picker/DatePicker.js.map +1 -0
  123. package/lib/date-picker/index.less +294 -0
  124. package/lib/date-picker/style/Picker.less +2 -1
  125. package/lib/drawer/index.less +154 -0
  126. package/lib/drawer/style/drawer.less +4 -2
  127. package/lib/dropdown/style/index.less +2 -1
  128. package/lib/form/form.less +36 -0
  129. package/lib/grid/RowContext.d.ts +9 -0
  130. package/lib/grid/RowContext.d.ts.map +1 -0
  131. package/lib/grid/RowContext.js +9 -0
  132. package/lib/grid/RowContext.js.map +1 -0
  133. package/lib/grid/col.d.ts +29 -0
  134. package/lib/grid/col.d.ts.map +1 -0
  135. package/lib/grid/col.js +100 -0
  136. package/lib/grid/col.js.map +1 -0
  137. package/lib/grid/hooks/useBreakpoint.d.ts +4 -0
  138. package/lib/grid/hooks/useBreakpoint.d.ts.map +1 -0
  139. package/lib/grid/hooks/useBreakpoint.js +28 -0
  140. package/lib/grid/hooks/useBreakpoint.js.map +1 -0
  141. package/lib/grid/row.d.ts +21 -0
  142. package/lib/grid/row.d.ts.map +1 -0
  143. package/lib/grid/row.js +183 -0
  144. package/lib/grid/row.js.map +1 -0
  145. package/lib/grid/style/rtl.less +69 -0
  146. package/lib/icon/index.d.ts +1 -0
  147. package/lib/icon/index.d.ts.map +1 -1
  148. package/lib/icon/index.js +2 -1
  149. package/lib/icon/index.js.map +1 -1
  150. package/lib/icon/style/index.d.ts +1 -0
  151. package/lib/icon/style/index.d.ts.map +1 -1
  152. package/lib/icon/style/index.js +2 -1
  153. package/lib/icon/style/index.js.map +1 -1
  154. package/lib/icon/style/style.less +6 -0
  155. package/lib/input/style/mixin.less +1 -1
  156. package/lib/input-number/inputNumber.d.ts +10 -0
  157. package/lib/input-number/inputNumber.d.ts.map +1 -0
  158. package/lib/input-number/inputNumber.js +48 -0
  159. package/lib/input-number/inputNumber.js.map +1 -0
  160. package/lib/input-number/inputNumber.less +12 -0
  161. package/lib/modal/index.less +36 -0
  162. package/lib/modal/style/confirm.less +1 -1
  163. package/lib/modal/style/modal.less +5 -1
  164. package/lib/notification/assets/index.d.ts +3 -0
  165. package/lib/notification/assets/index.d.ts.map +1 -0
  166. package/lib/notification/assets/index.js +20 -0
  167. package/lib/notification/assets/index.js.map +1 -0
  168. package/lib/notification/assets/svg-error-tip.d.ts +4 -0
  169. package/lib/notification/assets/svg-error-tip.d.ts.map +1 -0
  170. package/lib/notification/assets/svg-error-tip.js +154 -0
  171. package/lib/notification/assets/svg-error-tip.js.map +1 -0
  172. package/lib/notification/assets/svg-success-tip.d.ts +4 -0
  173. package/lib/notification/assets/svg-success-tip.d.ts.map +1 -0
  174. package/lib/notification/assets/svg-success-tip.js +171 -0
  175. package/lib/notification/assets/svg-success-tip.js.map +1 -0
  176. package/lib/notification/notification.d.ts +9 -0
  177. package/lib/notification/notification.d.ts.map +1 -0
  178. package/lib/notification/notification.js +105 -0
  179. package/lib/notification/notification.js.map +1 -0
  180. package/lib/notification/notification.less +59 -0
  181. package/lib/notification/style/index.less +4 -2
  182. package/lib/popconfirm/index.less +32 -0
  183. package/lib/popconfirm/popconfirm.d.ts +8 -0
  184. package/lib/popconfirm/popconfirm.d.ts.map +1 -0
  185. package/lib/popconfirm/popconfirm.js +61 -0
  186. package/lib/popconfirm/popconfirm.js.map +1 -0
  187. package/lib/popover/index.less +57 -0
  188. package/lib/popover/popover.d.ts +14 -0
  189. package/lib/popover/popover.d.ts.map +1 -0
  190. package/lib/popover/popover.js +55 -0
  191. package/lib/popover/popover.js.map +1 -0
  192. package/lib/popover/style/index.less +2 -1
  193. package/lib/progress/progress.d.ts +12 -0
  194. package/lib/progress/progress.d.ts.map +1 -0
  195. package/lib/progress/progress.js +148 -0
  196. package/lib/progress/progress.js.map +1 -0
  197. package/lib/progress/progress.less +82 -0
  198. package/lib/query-form/Field/Composition/FieldPopover.d.ts +17 -0
  199. package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +1 -0
  200. package/lib/query-form/Field/Composition/FieldPopover.js +319 -0
  201. package/lib/query-form/Field/Composition/FieldPopover.js.map +1 -0
  202. package/lib/query-form/Field/Composition/FieldPopover.less +35 -0
  203. package/lib/query-form/Field/Composition/Select.d.ts +4 -0
  204. package/lib/query-form/Field/Composition/Select.d.ts.map +1 -0
  205. package/lib/query-form/Field/Composition/Select.js +132 -0
  206. package/lib/query-form/Field/Composition/Select.js.map +1 -0
  207. package/lib/query-form/Field/Composition/index.d.ts +14 -0
  208. package/lib/query-form/Field/Composition/index.d.ts.map +1 -0
  209. package/lib/query-form/Field/Composition/index.js +330 -0
  210. package/lib/query-form/Field/Composition/index.js.map +1 -0
  211. package/lib/query-form/Field/Composition/index.less +106 -0
  212. package/lib/query-form/Field/Composition/utils.d.ts +6 -0
  213. package/lib/query-form/Field/Composition/utils.d.ts.map +1 -0
  214. package/lib/query-form/Field/Composition/utils.js +27 -0
  215. package/lib/query-form/Field/Composition/utils.js.map +1 -0
  216. package/lib/radio/radio.d.ts +17 -0
  217. package/lib/radio/radio.d.ts.map +1 -0
  218. package/lib/radio/radio.js +75 -0
  219. package/lib/radio/radio.js.map +1 -0
  220. package/lib/radio/radio.less +43 -0
  221. package/lib/select/style/index.less +2 -1
  222. package/lib/steps/assets/background_left.svg +12 -0
  223. package/lib/steps/assets/background_right.svg +12 -0
  224. package/lib/steps/assets/horizontal_line.svg +3 -0
  225. package/lib/steps/assets/vertical_line.svg +3 -0
  226. package/lib/steps/stepStyle/icon.less +51 -0
  227. package/lib/steps/stepStyle/progress-dot.less +10 -0
  228. package/lib/steps/stepStyle/variables.less +8 -0
  229. package/lib/steps/stepStyle/vertical.less +41 -0
  230. package/lib/style/mixins/iconfont.less +3 -2
  231. package/lib/style/themes/default.less +3 -2
  232. package/lib/switch/index.less +46 -0
  233. package/lib/tabs/tabs.less +114 -0
  234. package/lib/tag/color.less +43 -0
  235. package/lib/tag/tag.d.ts +41 -0
  236. package/lib/tag/tag.d.ts.map +1 -0
  237. package/lib/tag/tag.js +183 -0
  238. package/lib/tag/tag.js.map +1 -0
  239. package/lib/tag/tag.less +193 -0
  240. package/lib/time-picker/TimePicker.d.ts +9 -0
  241. package/lib/time-picker/TimePicker.d.ts.map +1 -0
  242. package/lib/time-picker/TimePicker.js +55 -0
  243. package/lib/time-picker/TimePicker.js.map +1 -0
  244. package/lib/time-picker/index.less +38 -0
  245. package/lib/time-picker/style/index.less +2 -1
  246. package/lib/timeline/style/index.less +1 -1
  247. package/lib/tntd-action/Action.d.ts +6 -0
  248. package/lib/tntd-action/Action.d.ts.map +1 -0
  249. package/lib/tntd-action/Action.js +86 -0
  250. package/lib/tntd-action/Action.js.map +1 -0
  251. package/lib/tntd-action/index.less +53 -0
  252. package/lib/tooltip/index.less +29 -0
  253. package/lib/tooltip/tooltip.d.ts +9 -0
  254. package/lib/tooltip/tooltip.d.ts.map +1 -0
  255. package/lib/tooltip/tooltip.js +53 -0
  256. package/lib/tooltip/tooltip.js.map +1 -0
  257. package/package.json +3 -3
@@ -0,0 +1,36 @@
1
+ var __rest = this && this.__rest || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
4
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
5
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
6
+ }
7
+ return t;
8
+ };
9
+ import React from 'react';
10
+ import Icon from '../icon';
11
+ import { ConfigConsumer } from 'antd/es/config-provider';
12
+ import AntTimePicker from 'antd/es/time-picker';
13
+ import classNames from 'classnames';
14
+ export * from 'antd/es/time-picker';
15
+ const TimePicker = props => {
16
+ //theme样式类型 outline | fill 默认 outline
17
+ const {
18
+ theme = 'outline',
19
+ className,
20
+ suffixIcon
21
+ } = props,
22
+ restProps = __rest(props, ["theme", "className", "suffixIcon"]);
23
+ const defaultIcon = React.createElement(Icon, {
24
+ type: "clock-circle"
25
+ });
26
+ return React.createElement(ConfigConsumer, null, ({
27
+ getPrefixCls
28
+ }) => {
29
+ const prefixCls = getPrefixCls('time-picker');
30
+ return React.createElement(AntTimePicker, Object.assign({
31
+ suffixIcon: suffixIcon || defaultIcon,
32
+ className: classNames(className, `${prefixCls}-${theme}`)
33
+ }, restProps));
34
+ });
35
+ };
36
+ export default TimePicker;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/time-picker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,MAAM,UAAU,GAA2E,CACzF,KAAK,EACL,EAAE;IACF,sCAAsC;IACtC,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlE,oCAA0D,CAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,CAAA;IAEhD,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7C,OAAO,CACL,oBAAC,aAAa,kBACZ,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,IACrD,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport Icon from '../icon'\nimport type { TimePickerProps as AntdTimePickerProps } from 'antd/es/time-picker'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntTimePicker from 'antd/es/time-picker'\nimport classNames from 'classnames'\nexport * from 'antd/es/time-picker'\nconst TimePicker: React.FC<AntdTimePickerProps & { theme?: string; readonly?: boolean }> = (\n props\n) => {\n //theme样式类型 outline | fill 默认 outline\n const { theme = 'outline', className, suffixIcon, ...restProps } = props\n const defaultIcon = <Icon type=\"clock-circle\" />\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('time-picker')\n return (\n <AntTimePicker\n suffixIcon={suffixIcon || defaultIcon}\n className={classNames(className, `${prefixCls}-${theme}`)}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport default TimePicker\n"]}
@@ -0,0 +1,38 @@
1
+ @import '../style/themes/index';
2
+
3
+ @timepicker-prefix-cls: ~'@{ant-prefix}-time-picker';
4
+ .@{timepicker-prefix-cls} {
5
+ input{
6
+ border-color: @border-color-secondary;
7
+ }
8
+ &:has(input:not([value=''])),&:hover {
9
+ .@{timepicker-prefix-cls}-icon{
10
+ i{
11
+ color: @text-color-secondary;
12
+ }
13
+ }
14
+ }
15
+ &:has(input[disabled]){
16
+ .@{timepicker-prefix-cls}-icon{
17
+ i{
18
+ color: @disabled-color;
19
+ }
20
+ }
21
+ }
22
+ &-fill{
23
+ input {
24
+ background-color: @fill-color-quaternary;
25
+ border-color: @fill-color-quaternary;
26
+ &[disabled] {
27
+ border: none;
28
+ }
29
+ &:focus{
30
+ background-color: @white;
31
+ }
32
+ &:not([value='']):hover {
33
+ background-color: @white;
34
+ }
35
+ }
36
+ }
37
+ }
38
+
@@ -194,7 +194,8 @@
194
194
  z-index: 1;
195
195
  width: 14px;
196
196
  height: 14px;
197
- margin-top: -7px;
197
+ // margin-top: -7px;
198
+ margin-top: -8px;
198
199
  color: @disabled-color;
199
200
  line-height: 14px;
200
201
  transition: all 0.3s @ease-in-out;
@@ -80,7 +80,7 @@
80
80
 
81
81
  &-content {
82
82
  position: relative;
83
- top: calc(-(@font-size-base * @line-height-base - @font-size-base) + 1px);
83
+ top: calc(@font-size-base - @font-size-base * @line-height-base + 1px);
84
84
  margin: 0 0 0 18px;
85
85
  word-break: break-word;
86
86
  }
@@ -0,0 +1,66 @@
1
+ var __rest = this && this.__rest || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
4
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
5
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
6
+ }
7
+ return t;
8
+ };
9
+ import React, { useState, useEffect, useRef } from 'react';
10
+ import ReactDOM from 'react-dom';
11
+ import { ConfigConsumer } from 'antd/es/config-provider';
12
+ import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
13
+ import classNames from 'classnames';
14
+ import { Button } from '../button';
15
+ const defaultGetContainer = () => document.body;
16
+ export default function WarpAction(_a) {
17
+ var {
18
+ getContainer = defaultGetContainer
19
+ } = _a,
20
+ other = __rest(_a, ["getContainer"]);
21
+ return React.createElement(ConfigConsumer, null, ({
22
+ getPrefixCls,
23
+ getPopupContainer: getContextPopupContainer
24
+ }) => {
25
+ const _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer;
26
+ return React.createElement(LocaleReceiver, {
27
+ componentName: "TntdAction"
28
+ }, locale => {
29
+ return React.createElement(Action, Object.assign({}, other, {
30
+ locale: locale,
31
+ getContainer: _getContainer
32
+ }));
33
+ });
34
+ });
35
+ }
36
+ function Action({
37
+ title,
38
+ data,
39
+ locale,
40
+ className,
41
+ getContainer
42
+ }) {
43
+ const [visible, setVisible] = useState(false);
44
+ const ref = useRef();
45
+ useEffect(() => {
46
+ ref.current = getContainer();
47
+ }, [getContainer]);
48
+ useEffect(() => {
49
+ setVisible(data.length > 0);
50
+ }, [data]);
51
+ if (ref.current && visible) {
52
+ return ReactDOM.createPortal(React.createElement("div", {
53
+ className: classNames('tnt-action', className)
54
+ }, React.createElement("div", {
55
+ className: "fr"
56
+ }, data), React.createElement(Button, {
57
+ shape: "circle",
58
+ icon: "close",
59
+ type: "tertiary",
60
+ onClick: () => setVisible(false)
61
+ }), React.createElement("span", {
62
+ className: "tnt-action-text"
63
+ }, title)), ref.current);
64
+ }
65
+ return null;
66
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Action.js","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAA;AAE/C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAgD;QAAhD,EAAE,YAAY,GAAG,mBAAmB,OAAY,EAAP,KAAK,cAA9C,gBAAgD,CAAF;IAC/E,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,EAAE,EAAE;QACjE,MAAM,aAAa,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,YAAY,CAAA;QAE1F,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,YAAY,IACvC,CAAC,MAAM,EAAE,EAAE;YACV,OAAO,oBAAC,MAAM,oBAAK,KAAK,IAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,IAAI,CAAA;QAC3E,CAAC,CACc,CAClB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,YAAY,EAAE,CAAA;IAC9B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAI,GAAG,CAAC,OAAO,IAAI,OAAO,EAAE;QAC1B,OAAO,QAAQ,CAAC,YAAY,CAC1B,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC;YACjD,6BAAK,SAAS,EAAC,IAAI,IAAE,IAAI,CAAO;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAAI;YACxF,8BAAM,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAQ,CAC5C,EACN,GAAG,CAAC,OAAO,CACZ,CAAA;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport { Button } from '../button'\n\nconst defaultGetContainer = () => document.body\n\nexport default function WarpAction({ getContainer = defaultGetContainer, ...other }) {\n return (\n <ConfigConsumer>\n {({ getPrefixCls, getPopupContainer: getContextPopupContainer }) => {\n const _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer\n\n return (\n <LocaleReceiver componentName=\"TntdAction\">\n {(locale) => {\n return <Action {...other} locale={locale} getContainer={_getContainer} />\n }}\n </LocaleReceiver>\n )\n }}\n </ConfigConsumer>\n )\n}\n\nfunction Action({ title, data, locale, className, getContainer }) {\n const [visible, setVisible] = useState(false)\n const ref = useRef()\n\n useEffect(() => {\n ref.current = getContainer()\n }, [getContainer])\n\n useEffect(() => {\n setVisible(data.length > 0)\n }, [data])\n\n if (ref.current && visible) {\n return ReactDOM.createPortal(\n <div className={classNames('tnt-action', className)}>\n <div className=\"fr\">{data}</div>\n <Button shape=\"circle\" icon=\"close\" type=\"tertiary\" onClick={() => setVisible(false)} />\n <span className=\"tnt-action-text\">{title}</span>\n </div>,\n ref.current\n )\n }\n return null\n}\n"]}
@@ -0,0 +1,53 @@
1
+ .tnt-action {
2
+ position: fixed;
3
+ bottom: 100px;
4
+ width: @tnt-action-width;
5
+ left: calc(50vw - @tnt-action-width / 2);
6
+ padding: 10px 16px;
7
+ background-color: @text-color;
8
+ border-radius: @border-radius-base;
9
+ z-index: 200;
10
+ &-text {
11
+ color: @white;
12
+ margin-left: 20px;
13
+ font-size: 14px;
14
+ .num {
15
+ display: inline-block;
16
+ width: 16px;
17
+ height: 16px;
18
+ background: #454f64;
19
+ border-radius: 8px;
20
+ font-size: 10px;
21
+ margin-right: 4px;
22
+ vertical-align: text-bottom;
23
+ text-align: center;
24
+ }
25
+ }
26
+ > .tnt-btn-tertiary {
27
+ opacity: 0.5;
28
+ background: #454f64;
29
+ color: @white;
30
+ border-width: 0;
31
+ width: @tnt-action-close-width;
32
+ height: @tnt-action-close-width;
33
+ min-width: @tnt-action-close-width;
34
+ line-height: @tnt-action-close-width;
35
+ margin-top: 4px;
36
+ font-size: 14px;
37
+ &:hover {
38
+ opacity: 0.8;
39
+ }
40
+ }
41
+ .fr {
42
+ float: right;
43
+ .ant-btn {
44
+ margin-left: 10px;
45
+ background: rgba(69, 79, 100, 0.5);
46
+ color: @white;
47
+ border-width: 0;
48
+ &:hover {
49
+ background: rgba(69, 79, 100, 0.8);
50
+ }
51
+ }
52
+ }
53
+ }
@@ -0,0 +1,29 @@
1
+ @tooltip-prefix-cls: ~'@{ant-prefix}-tooltip';
2
+
3
+ // Base class
4
+ .tnt-tooltip.@{tooltip-prefix-cls} {
5
+
6
+ &-light {
7
+ .@{tooltip-prefix-cls}-inner {
8
+ background-color: @tooltip-bg-light;
9
+ color: @tooltip-color-light;
10
+ }
11
+
12
+ .@{tooltip-prefix-cls}-arrow {
13
+ &::before {
14
+ background-color: @tooltip-bg-light;
15
+ }
16
+ }
17
+ }
18
+
19
+ // Arrows
20
+ &-arrow {
21
+ border-radius: 1px;
22
+ }
23
+ }
24
+
25
+ .@{tooltip-prefix-cls}-arrow-hidden {
26
+ .@{tooltip-prefix-cls}-arrow {
27
+ display: none;
28
+ }
29
+ }
@@ -0,0 +1,33 @@
1
+ var __rest = this && this.__rest || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
4
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
5
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
6
+ }
7
+ return t;
8
+ };
9
+ import React from 'react';
10
+ import { ConfigConsumer } from 'antd/es/config-provider';
11
+ import AntdTooltip from 'antd/es/tooltip';
12
+ import classNames from 'classnames';
13
+ export * from 'antd/es/tooltip';
14
+ const themeMap = (prefixCls, themeColor) => {
15
+ return `${prefixCls}-${themeColor}`;
16
+ };
17
+ const Tooltip = props => {
18
+ const {
19
+ overlayClassName,
20
+ theme = '',
21
+ hiddenArrow = false
22
+ } = props,
23
+ restProps = __rest(props, ["overlayClassName", "theme", "hiddenArrow"]);
24
+ return React.createElement(ConfigConsumer, null, ({
25
+ getPrefixCls
26
+ }) => {
27
+ const prefixCls = getPrefixCls('tooltip');
28
+ return React.createElement(AntdTooltip, Object.assign({
29
+ overlayClassName: classNames(prefixCls, 'tnt-tooltip', themeMap(prefixCls, theme), hiddenArrow ? prefixCls + '-arrow-hidden' : '', overlayClassName)
30
+ }, restProps));
31
+ });
32
+ };
33
+ export default Tooltip;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,iBAAiB,CAAA;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,EAAE;IACzD,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAED,MAAM,OAAO,GAAuE,CAAC,KAAK,EAAE,EAAE;IAC5F,MAAM,EAAE,gBAAgB,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA3E,4CAAmE,CAAQ,CAAA;IAEjF,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,oBAAC,WAAW,kBACV,gBAAgB,EAAE,UAAU,CAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAC9C,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { TooltipProps } from 'antd/es/tooltip'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdTooltip from 'antd/es/tooltip'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/tooltip'\nconst themeMap = (prefixCls: string, themeColor: string) => {\n return `${prefixCls}-${themeColor}`\n}\n\nconst Tooltip: React.FC<TooltipProps & { theme?: string; hiddenArrow?: boolean }> = (props) => {\n const { overlayClassName, theme = '', hiddenArrow = false, ...restProps } = props\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('tooltip')\n\n return (\n <AntdTooltip\n overlayClassName={classNames(\n prefixCls,\n 'tnt-tooltip',\n themeMap(prefixCls, theme),\n hiddenArrow ? prefixCls + '-arrow-hidden' : '',\n overlayClassName\n )}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Tooltip\n"]}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import type { AlertProps as AntdAlertProps } from 'antd/lib/alert';
3
+ import { default as AntdAlert } from 'antd/lib/alert';
4
+ export * from 'antd/lib/alert';
5
+ export interface AlertProps extends AntdAlertProps {
6
+ action: React.ReactNode;
7
+ }
8
+ interface AlertComponent extends React.ForwardRefExoticComponent<AntdAlertProps & React.RefAttributes<AntdAlert>> {
9
+ }
10
+ export declare const Alert: AlertComponent;
11
+ export default Alert;
12
+ //# sourceMappingURL=alert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAIjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAEpD,cAAc,eAAe,CAAA;AAE7B,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CAAG;AAI7F,eAAO,MAAM,KAAK,gBAiDE,CAAA;AAEpB,eAAe,KAAK,CAAA"}
@@ -0,0 +1,92 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _exportNames = {
7
+ Alert: true
8
+ };
9
+ exports["default"] = exports.Alert = void 0;
10
+ var _react = _interopRequireWildcard(require("react"));
11
+ var _icon = _interopRequireDefault(require("antd/lib/icon"));
12
+ var _configProvider = require("antd/lib/config-provider");
13
+ var _alert = _interopRequireWildcard(require("antd/lib/alert"));
14
+ Object.keys(_alert).forEach(function (key) {
15
+ if (key === "default" || key === "__esModule") return;
16
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
17
+ if (key in exports && exports[key] === _alert[key]) return;
18
+ Object.defineProperty(exports, key, {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _alert[key];
22
+ }
23
+ });
24
+ });
25
+ var _classnames = _interopRequireDefault(require("classnames"));
26
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
28
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
29
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
30
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
31
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
32
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
33
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
34
+ var t = {};
35
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
36
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
37
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
38
+ }
39
+ return t;
40
+ };
41
+ /*
42
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
43
+ * @Date: 2024-03-21 19:43:36
44
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
45
+ * @LastEditTime: 2024-03-21 19:46:23
46
+ * @FilePath: /tntd/packages/tntd/src/alert/alert.tsx
47
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
48
+ */
49
+
50
+ var prefix = 'tnt-alert';
51
+ var Alert = exports.Alert = (0, _react.forwardRef)(function (_a, ref) {
52
+ var action = _a.action,
53
+ message = _a.message,
54
+ rest = __rest(_a, ["action", "message"]);
55
+ var fragment = _react["default"].createElement(_react["default"].Fragment, null, message, !!action && _react["default"].createElement("span", {
56
+ className: "action-btn"
57
+ }, action));
58
+ var iconTheme = 'filled';
59
+ var iconType = 'default';
60
+ switch (rest === null || rest === void 0 ? void 0 : rest.type) {
61
+ case 'success':
62
+ iconType = 'check-circle';
63
+ break;
64
+ case 'info':
65
+ iconType = 'info-circle';
66
+ break;
67
+ case 'error':
68
+ iconType = 'close-circle';
69
+ break;
70
+ case 'warning':
71
+ iconType = 'exclamation-circle';
72
+ break;
73
+ default:
74
+ iconType = 'default';
75
+ }
76
+ var iconNode = rest.type ? _react["default"].createElement(_icon["default"], {
77
+ className: "".concat(prefix, "-icon"),
78
+ type: iconType,
79
+ theme: iconTheme
80
+ }) : null;
81
+ return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
82
+ var getPrefixCls = _ref.getPrefixCls;
83
+ return _react["default"].createElement(_alert["default"], Object.assign({
84
+ ref: ref
85
+ }, rest, {
86
+ message: fragment,
87
+ icon: iconNode,
88
+ className: (0, _classnames["default"])(rest === null || rest === void 0 ? void 0 : rest.className, 'tnt-alert', _defineProperty({}, "".concat(prefix, "-with-action"), action))
89
+ }));
90
+ });
91
+ });
92
+ var _default = exports["default"] = Alert;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AAGzC,wDAA+B;AAC/B,6DAAwD;AACxD,0DAAoD;AACpD,4DAAkC;AAClC,gDAA6B;AAS7B,MAAM,MAAM,GAAG,WAAW,CAAA;AAEb,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAwB,CAAC,EAA4B,EAAE,GAAG,EAAE,EAAE;QAArC,EAAE,MAAM,EAAE,OAAO,OAAW,EAAN,IAAI,cAA1B,qBAA4B,CAAF;IAChF,MAAM,QAAQ,GAAG,CACf;QACG,OAAO;QACP,CAAC,CAAC,MAAM,IAAI,wCAAM,SAAS,EAAC,YAAY,IAAE,MAAM,CAAQ,CACxD,CACJ,CAAA;IAED,MAAM,SAAS,GAAc,QAAQ,CAAA;IACrC,IAAI,QAAQ,GAAG,SAAS,CAAA;IAExB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;QAClB,KAAK,SAAS;YACZ,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,MAAM;YACT,QAAQ,GAAG,aAAa,CAAA;YACxB,MAAK;QACP,KAAK,OAAO;YACV,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,SAAS;YACZ,QAAQ,GAAG,oBAAoB,CAAA;YAC/B,MAAK;QACP;YACE,QAAQ,GAAG,SAAS,CAAA;KACvB;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,8BAAC,cAAI,IAAC,SAAS,EAAE,GAAG,MAAM,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,GAAI,CACxE,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,8BAAC,eAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAA,oBAAS,EAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE,WAAW,EAAE;gBACjD,CAAC,GAAG,MAAM,cAAc,CAAC,EAAE,MAAM;aAClC,CAAC,IACF,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAmB,CAAA;AAEpB,kBAAe,aAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-21 19:43:36\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-21 19:46:23\n * @FilePath: /tntd/packages/tntd/src/alert/alert.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { AlertProps as AntdAlertProps } from 'antd/lib/alert'\nimport type { ThemeType } from 'antd/lib/icon'\nimport Icon from 'antd/lib/icon'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdAlert } from 'antd/lib/alert'\nimport classname from 'classnames'\nexport * from 'antd/lib/alert'\n\nexport interface AlertProps extends AntdAlertProps {\n action: React.ReactNode\n}\n\ninterface AlertComponent\n extends React.ForwardRefExoticComponent<AntdAlertProps & React.RefAttributes<AntdAlert>> {}\n\nconst prefix = 'tnt-alert'\n\nexport const Alert = forwardRef<AntdAlert, AlertProps>(({ action, message, ...rest }, ref) => {\n const fragment = (\n <>\n {message}\n {!!action && <span className=\"action-btn\">{action}</span>}\n </>\n )\n\n const iconTheme: ThemeType = 'filled'\n let iconType = 'default'\n\n switch (rest?.type) {\n case 'success':\n iconType = 'check-circle'\n break\n case 'info':\n iconType = 'info-circle'\n break\n case 'error':\n iconType = 'close-circle'\n break\n case 'warning':\n iconType = 'exclamation-circle'\n break\n default:\n iconType = 'default'\n }\n\n const iconNode = rest.type ? (\n <Icon className={`${prefix}-icon`} type={iconType} theme={iconTheme} />\n ) : null\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n return (\n <AntdAlert\n ref={ref}\n {...rest}\n message={fragment}\n icon={iconNode}\n className={classname(rest?.className, 'tnt-alert', {\n [`${prefix}-with-action`]: action,\n })}\n />\n )\n }}\n </ConfigConsumer>\n )\n}) as AlertComponent\n\nexport default Alert\n"]}
@@ -0,0 +1,128 @@
1
+ @alert-prefix-cls: ~'@{ant-prefix}-alert';
2
+ @alert-description-color: @text-color-secondary;
3
+ @tnt-alert-prefix-cls: ~'tnt-alert';
4
+
5
+
6
+ .@{tnt-alert-prefix-cls} {
7
+
8
+ &.@{alert-prefix-cls}.@{alert-prefix-cls}-no-icon.@{alert-prefix-cls}-closable {
9
+ padding-right: 30px;
10
+ }
11
+
12
+ &.@{tnt-alert-prefix-cls}-with-action {
13
+ .@{alert-prefix-cls}-message {
14
+ display: flex;
15
+ justify-content: space-between;
16
+ > .action-btn {
17
+ flex: none;
18
+ margin-left: 36px;
19
+ margin-right: 12px;
20
+ font-size: @font-size-base;
21
+ }
22
+ }
23
+ }
24
+
25
+ &.@{alert-prefix-cls} {
26
+ border-radius: @border-radius-lg;
27
+ padding: 8px 15px 8px 44px;
28
+ & .anticon {
29
+ left: 20px;
30
+ top: 11px; // 与文字对齐
31
+ }
32
+
33
+ }
34
+
35
+ .@{alert-prefix-cls}-message {
36
+ font-weight: 500;
37
+ color: @alert-description-color;
38
+ }
39
+
40
+ & .@{alert-prefix-cls}-close-icon {
41
+ font-size: @font-size-lg;
42
+ }
43
+
44
+ &.@{alert-prefix-cls}-with-description {
45
+ padding: 16px 20px 16px 48px;
46
+ }
47
+
48
+ &.@{alert-prefix-cls}.@{alert-prefix-cls}-no-icon {
49
+ padding: 8px 20px;
50
+ }
51
+
52
+ &.@{alert-prefix-cls}-with-description.@{alert-prefix-cls}-no-icon {
53
+ padding: 16px 20px;
54
+ }
55
+
56
+ &.@{alert-prefix-cls}-with-description i.@{alert-prefix-cls}-icon {
57
+ top: 18px;
58
+ font-size: @font-size-xl;
59
+ }
60
+ }
61
+
62
+
63
+ .@{alert-prefix-cls}-success {
64
+ .action-btn {
65
+ background-color: @alert-success-bg-color;
66
+ color: @green-6;
67
+ a {
68
+ color: @green-6;
69
+ }
70
+ }
71
+ .@{alert-prefix-cls}-close-icon {
72
+ .@{iconfont-css-prefix}-close {
73
+ color: @alert-success-icon-color;
74
+ }
75
+ }
76
+ }
77
+
78
+ .@{alert-prefix-cls}-info {
79
+ .action-btn {
80
+ background-color: @alert-info-bg-color;
81
+ color: @alert-info-icon-color;
82
+ a {
83
+ color: @alert-info-icon-color;
84
+ }
85
+ }
86
+ .@{alert-prefix-cls}-close-icon {
87
+ .@{iconfont-css-prefix}-close {
88
+ color: @alert-info-icon-color;
89
+ }
90
+ }
91
+ }
92
+
93
+ .@{alert-prefix-cls}-warning {
94
+ .action-btn {
95
+ background-color: @alert-warning-bg-color;
96
+ color: @gold-7;
97
+ a {
98
+ color: @gold-7;
99
+ }
100
+ }
101
+ .@{alert-prefix-cls}-close-icon {
102
+ .@{iconfont-css-prefix}-close {
103
+ color: @alert-warning-icon-color;
104
+ }
105
+ }
106
+ }
107
+
108
+ .@{alert-prefix-cls}-error {
109
+ .action-btn {
110
+ background-color: @alert-error-bg-color;
111
+ color: @red-6;
112
+ a {
113
+ color: @red-6;
114
+ }
115
+ }
116
+ .@{alert-prefix-cls}-close-icon {
117
+ .@{iconfont-css-prefix}-close {
118
+ color: @alert-error-icon-color;
119
+ }
120
+ }
121
+ }
122
+
123
+ .@{alert-prefix-cls} {
124
+ >
125
+ .@{alert-prefix-cls}-icon {
126
+ font-size: @font-size-lg;
127
+ }
128
+ }
@@ -10,7 +10,8 @@
10
10
  font-size: @breadcrumb-font-size;
11
11
 
12
12
  .@{iconfont-css-prefix} {
13
- font-size: @breadcrumb-icon-font-size;
13
+ // font-size: @breadcrumb-icon-font-size;
14
+ font-size: 16px;
14
15
  }
15
16
 
16
17
  a {
@@ -0,0 +1,72 @@
1
+ @import './style/mixin.less';
2
+ @import '../style/mixins/size.less';
3
+
4
+ @btn-prefix-cls: ~'@{ant-prefix}-btn';
5
+
6
+ .tnt-btn {
7
+ &-tertiary {
8
+ .button-variant-tertiary(@btn-default-color, @primary-color, @btn-tertiary-bg);
9
+ }
10
+ &.@{btn-prefix-cls}-primary {
11
+ .button-disabled(@btn-primary-color, @blue-3, @blue-3);
12
+ }
13
+ &.@{btn-prefix-cls}-danger {
14
+ .button-disabled(@btn-primary-color, @red-3, @red-3);
15
+ }
16
+ &.@{btn-prefix-cls}-link {
17
+ .button-disabled(@blue-3, transparent, transparent);
18
+ }
19
+ &.tnt-btn-mini {
20
+ .button-size(@btn-height-mini; @btn-padding-mini; @btn-font-size-mini; @btn-border-radius-sm);
21
+ &.@{btn-prefix-cls}-icon-only {
22
+ .square(@btn-height-mini);
23
+ padding-right: 0;
24
+ padding-left: 0;
25
+ }
26
+ &.@{btn-prefix-cls}-circle {
27
+ min-width: @btn-height-mini;
28
+ border-radius: 50%;
29
+ }
30
+ &.@{btn-prefix-cls}-round {
31
+ .button-size(@btn-circle-size-mini; 0 @btn-circle-size-mini / 2; @btn-font-size-mini; @btn-circle-size-mini);
32
+ &.@{btn-prefix-cls}-icon-only {
33
+ width: auto;
34
+ }
35
+ }
36
+ }
37
+ &-group-mini {
38
+ & > .@{btn-prefix-cls},
39
+ & > span > .@{btn-prefix-cls} {
40
+ .button-size(@btn-height-mini; @btn-padding-mini; @btn-font-size-mini; 0);
41
+ line-height: calc(@btn-height-mini - 2px);
42
+ }
43
+ & > .@{btn-prefix-cls}.@{btn-prefix-cls}-icon-only {
44
+ .square(@btn-height-mini);
45
+ padding-right: 0;
46
+ padding-left: 0;
47
+ }
48
+ }
49
+ }
50
+
51
+ .button-variant-tertiary(@color; @hover-color; @background) {
52
+ .button-color(@color; @background; @background);
53
+
54
+ text-shadow: @btn-text-shadow;
55
+ box-shadow: @btn-primary-shadow;
56
+
57
+ &:hover,
58
+ &:focus {
59
+ .button-color(
60
+ @hover-color; ~`colorPalette('@{background}', 5) `; ~`colorPalette('@{background}', 5) `
61
+ );
62
+ }
63
+
64
+ &:active,
65
+ &.active {
66
+ .button-color(
67
+ @hover-color; ~`colorPalette('@{background}', 6) `; ~`colorPalette('@{background}', 6) `
68
+ );
69
+ }
70
+
71
+ .button-disabled(@btn-disable-color; @btn-disable-bg; transparent);
72
+ }
@@ -101,9 +101,9 @@
101
101
  z-index: 1;
102
102
  width: 12px;
103
103
  height: 12px;
104
- margin-top: -6px;
104
+ margin-top: -8px;
105
105
  color: @disabled-color;
106
- font-size: 12px;
106
+ font-size: 16px;
107
107
  line-height: 12px;
108
108
  transition: transform 0.2s;
109
109
  &&-expand {
Binary file
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import type { CheckboxProps as AntdCheckboxProps, CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/lib/checkbox';
3
+ import AntdCheckbox from 'antd/lib/checkbox';
4
+ export * from 'antd/lib/checkbox';
5
+ export declare type CheckboxProps = AntdCheckboxProps & {
6
+ desc?: string | React.ReactNode;
7
+ };
8
+ export declare type CheckboxGroupProps = AntdCheckboxGroupProps & {
9
+ readonly?: boolean;
10
+ };
11
+ interface CheckboxComponent extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<AntdCheckbox>> {
12
+ Group: React.FC<CheckboxGroupProps>;
13
+ }
14
+ declare const Checkbox: CheckboxComponent;
15
+ export default Checkbox;
16
+ //# sourceMappingURL=checkbox.d.ts.map