tntd 2.8.0-beta.3 → 2.8.0-beta.5

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 (281) 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/index.js +2 -0
  36. package/es/index.js.map +1 -1
  37. package/es/input/style/mixin.less +1 -1
  38. package/es/input-number/inputNumber.js +29 -0
  39. package/es/input-number/inputNumber.js.map +1 -0
  40. package/es/input-number/inputNumber.less +12 -0
  41. package/es/modal/index.less +36 -0
  42. package/es/modal/style/confirm.less +1 -1
  43. package/es/modal/style/modal.less +5 -1
  44. package/es/notification/assets/index.js +2 -0
  45. package/es/notification/assets/index.js.map +1 -0
  46. package/es/notification/assets/svg-error-tip.js +145 -0
  47. package/es/notification/assets/svg-error-tip.js.map +1 -0
  48. package/es/notification/assets/svg-success-tip.js +162 -0
  49. package/es/notification/assets/svg-success-tip.js.map +1 -0
  50. package/es/notification/notification.js +80 -0
  51. package/es/notification/notification.js.map +1 -0
  52. package/es/notification/notification.less +59 -0
  53. package/es/notification/style/index.less +4 -2
  54. package/es/popconfirm/index.less +32 -0
  55. package/es/popconfirm/popconfirm.js +43 -0
  56. package/es/popconfirm/popconfirm.js.map +1 -0
  57. package/es/popover/index.less +57 -0
  58. package/es/popover/popover.js +34 -0
  59. package/es/popover/popover.js.map +1 -0
  60. package/es/popover/style/index.less +2 -1
  61. package/es/progress/progress.js +132 -0
  62. package/es/progress/progress.js.map +1 -0
  63. package/es/progress/progress.less +82 -0
  64. package/es/query-form/Field/Composition/FieldPopover.js +284 -0
  65. package/es/query-form/Field/Composition/FieldPopover.js.map +1 -0
  66. package/es/query-form/Field/Composition/FieldPopover.less +35 -0
  67. package/es/query-form/Field/Composition/Select.js +108 -0
  68. package/es/query-form/Field/Composition/Select.js.map +1 -0
  69. package/es/query-form/Field/Composition/index.js +275 -0
  70. package/es/query-form/Field/Composition/index.js.map +1 -0
  71. package/es/query-form/Field/Composition/index.less +106 -0
  72. package/es/query-form/Field/Composition/utils.js +19 -0
  73. package/es/query-form/Field/Composition/utils.js.map +1 -0
  74. package/es/radio/radio.js +57 -0
  75. package/es/radio/radio.js.map +1 -0
  76. package/es/radio/radio.less +43 -0
  77. package/es/select/style/index.less +2 -1
  78. package/es/steps/assets/background_left.svg +12 -0
  79. package/es/steps/assets/background_right.svg +12 -0
  80. package/es/steps/assets/horizontal_line.svg +3 -0
  81. package/es/steps/assets/vertical_line.svg +3 -0
  82. package/es/steps/stepStyle/icon.less +51 -0
  83. package/es/steps/stepStyle/progress-dot.less +10 -0
  84. package/es/steps/stepStyle/variables.less +8 -0
  85. package/es/steps/stepStyle/vertical.less +41 -0
  86. package/es/style/mixins/iconfont.less +3 -2
  87. package/es/style/themes/default.less +3 -2
  88. package/es/switch/index.less +46 -0
  89. package/es/table-container/index.js +12 -0
  90. package/es/table-container/index.js.map +1 -0
  91. package/es/table-container/index.less +12 -0
  92. package/es/tabs/tabs.less +116 -0
  93. package/es/tabs-container/index.js +12 -0
  94. package/es/tabs-container/index.js.map +1 -0
  95. package/es/tabs-container/index.less +51 -0
  96. package/es/tag/color.less +43 -0
  97. package/es/tag/tag.js +171 -0
  98. package/es/tag/tag.js.map +1 -0
  99. package/es/tag/tag.less +193 -0
  100. package/es/time-picker/TimePicker.js +36 -0
  101. package/es/time-picker/TimePicker.js.map +1 -0
  102. package/es/time-picker/index.less +38 -0
  103. package/es/time-picker/style/index.less +2 -1
  104. package/es/timeline/style/index.less +1 -1
  105. package/es/tntd-action/Action.js +66 -0
  106. package/es/tntd-action/Action.js.map +1 -0
  107. package/es/tntd-action/index.less +53 -0
  108. package/es/tooltip/index.less +29 -0
  109. package/es/tooltip/tooltip.js +33 -0
  110. package/es/tooltip/tooltip.js.map +1 -0
  111. package/lib/alert/alert.d.ts +12 -0
  112. package/lib/alert/alert.d.ts.map +1 -0
  113. package/lib/alert/alert.js +92 -0
  114. package/lib/alert/alert.js.map +1 -0
  115. package/lib/alert/alert.less +128 -0
  116. package/lib/breadcrumb/style/index.less +2 -1
  117. package/lib/button/button.less +72 -0
  118. package/lib/cascader/style/index.less +2 -2
  119. package/lib/checkbox/check.png +0 -0
  120. package/lib/checkbox/checkbox.d.ts +16 -0
  121. package/lib/checkbox/checkbox.d.ts.map +1 -0
  122. package/lib/checkbox/checkbox.js +65 -0
  123. package/lib/checkbox/checkbox.js.map +1 -0
  124. package/lib/checkbox/checkbox.less +69 -0
  125. package/lib/collapse/style/index.less +2 -1
  126. package/lib/color-picker/index.less +4 -1
  127. package/lib/date-picker/DatePicker.d.ts +21 -0
  128. package/lib/date-picker/DatePicker.d.ts.map +1 -0
  129. package/lib/date-picker/DatePicker.js +128 -0
  130. package/lib/date-picker/DatePicker.js.map +1 -0
  131. package/lib/date-picker/index.less +294 -0
  132. package/lib/date-picker/style/Picker.less +2 -1
  133. package/lib/drawer/index.less +154 -0
  134. package/lib/drawer/style/drawer.less +4 -2
  135. package/lib/dropdown/style/index.less +2 -1
  136. package/lib/form/form.less +36 -0
  137. package/lib/grid/RowContext.d.ts +9 -0
  138. package/lib/grid/RowContext.d.ts.map +1 -0
  139. package/lib/grid/RowContext.js +9 -0
  140. package/lib/grid/RowContext.js.map +1 -0
  141. package/lib/grid/col.d.ts +29 -0
  142. package/lib/grid/col.d.ts.map +1 -0
  143. package/lib/grid/col.js +100 -0
  144. package/lib/grid/col.js.map +1 -0
  145. package/lib/grid/hooks/useBreakpoint.d.ts +4 -0
  146. package/lib/grid/hooks/useBreakpoint.d.ts.map +1 -0
  147. package/lib/grid/hooks/useBreakpoint.js +28 -0
  148. package/lib/grid/hooks/useBreakpoint.js.map +1 -0
  149. package/lib/grid/row.d.ts +21 -0
  150. package/lib/grid/row.d.ts.map +1 -0
  151. package/lib/grid/row.js +183 -0
  152. package/lib/grid/row.js.map +1 -0
  153. package/lib/grid/style/rtl.less +69 -0
  154. package/lib/icon/index.d.ts +1 -0
  155. package/lib/icon/index.d.ts.map +1 -1
  156. package/lib/icon/index.js +2 -1
  157. package/lib/icon/index.js.map +1 -1
  158. package/lib/icon/style/index.d.ts +1 -0
  159. package/lib/icon/style/index.d.ts.map +1 -1
  160. package/lib/icon/style/index.js +2 -1
  161. package/lib/icon/style/index.js.map +1 -1
  162. package/lib/icon/style/style.less +6 -0
  163. package/lib/index.d.ts +2 -0
  164. package/lib/index.d.ts.map +1 -1
  165. package/lib/index.js +14 -0
  166. package/lib/index.js.map +1 -1
  167. package/lib/input/style/mixin.less +1 -1
  168. package/lib/input-number/inputNumber.d.ts +10 -0
  169. package/lib/input-number/inputNumber.d.ts.map +1 -0
  170. package/lib/input-number/inputNumber.js +48 -0
  171. package/lib/input-number/inputNumber.js.map +1 -0
  172. package/lib/input-number/inputNumber.less +12 -0
  173. package/lib/modal/index.less +36 -0
  174. package/lib/modal/style/confirm.less +1 -1
  175. package/lib/modal/style/modal.less +5 -1
  176. package/lib/notification/assets/index.d.ts +3 -0
  177. package/lib/notification/assets/index.d.ts.map +1 -0
  178. package/lib/notification/assets/index.js +20 -0
  179. package/lib/notification/assets/index.js.map +1 -0
  180. package/lib/notification/assets/svg-error-tip.d.ts +4 -0
  181. package/lib/notification/assets/svg-error-tip.d.ts.map +1 -0
  182. package/lib/notification/assets/svg-error-tip.js +154 -0
  183. package/lib/notification/assets/svg-error-tip.js.map +1 -0
  184. package/lib/notification/assets/svg-success-tip.d.ts +4 -0
  185. package/lib/notification/assets/svg-success-tip.d.ts.map +1 -0
  186. package/lib/notification/assets/svg-success-tip.js +171 -0
  187. package/lib/notification/assets/svg-success-tip.js.map +1 -0
  188. package/lib/notification/notification.d.ts +9 -0
  189. package/lib/notification/notification.d.ts.map +1 -0
  190. package/lib/notification/notification.js +105 -0
  191. package/lib/notification/notification.js.map +1 -0
  192. package/lib/notification/notification.less +59 -0
  193. package/lib/notification/style/index.less +4 -2
  194. package/lib/popconfirm/index.less +32 -0
  195. package/lib/popconfirm/popconfirm.d.ts +8 -0
  196. package/lib/popconfirm/popconfirm.d.ts.map +1 -0
  197. package/lib/popconfirm/popconfirm.js +61 -0
  198. package/lib/popconfirm/popconfirm.js.map +1 -0
  199. package/lib/popover/index.less +57 -0
  200. package/lib/popover/popover.d.ts +14 -0
  201. package/lib/popover/popover.d.ts.map +1 -0
  202. package/lib/popover/popover.js +55 -0
  203. package/lib/popover/popover.js.map +1 -0
  204. package/lib/popover/style/index.less +2 -1
  205. package/lib/progress/progress.d.ts +12 -0
  206. package/lib/progress/progress.d.ts.map +1 -0
  207. package/lib/progress/progress.js +148 -0
  208. package/lib/progress/progress.js.map +1 -0
  209. package/lib/progress/progress.less +82 -0
  210. package/lib/query-form/Field/Composition/FieldPopover.d.ts +17 -0
  211. package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +1 -0
  212. package/lib/query-form/Field/Composition/FieldPopover.js +319 -0
  213. package/lib/query-form/Field/Composition/FieldPopover.js.map +1 -0
  214. package/lib/query-form/Field/Composition/FieldPopover.less +35 -0
  215. package/lib/query-form/Field/Composition/Select.d.ts +4 -0
  216. package/lib/query-form/Field/Composition/Select.d.ts.map +1 -0
  217. package/lib/query-form/Field/Composition/Select.js +132 -0
  218. package/lib/query-form/Field/Composition/Select.js.map +1 -0
  219. package/lib/query-form/Field/Composition/index.d.ts +14 -0
  220. package/lib/query-form/Field/Composition/index.d.ts.map +1 -0
  221. package/lib/query-form/Field/Composition/index.js +330 -0
  222. package/lib/query-form/Field/Composition/index.js.map +1 -0
  223. package/lib/query-form/Field/Composition/index.less +106 -0
  224. package/lib/query-form/Field/Composition/utils.d.ts +6 -0
  225. package/lib/query-form/Field/Composition/utils.d.ts.map +1 -0
  226. package/lib/query-form/Field/Composition/utils.js +27 -0
  227. package/lib/query-form/Field/Composition/utils.js.map +1 -0
  228. package/lib/radio/radio.d.ts +17 -0
  229. package/lib/radio/radio.d.ts.map +1 -0
  230. package/lib/radio/radio.js +75 -0
  231. package/lib/radio/radio.js.map +1 -0
  232. package/lib/radio/radio.less +43 -0
  233. package/lib/select/style/index.less +2 -1
  234. package/lib/steps/assets/background_left.svg +12 -0
  235. package/lib/steps/assets/background_right.svg +12 -0
  236. package/lib/steps/assets/horizontal_line.svg +3 -0
  237. package/lib/steps/assets/vertical_line.svg +3 -0
  238. package/lib/steps/stepStyle/icon.less +51 -0
  239. package/lib/steps/stepStyle/progress-dot.less +10 -0
  240. package/lib/steps/stepStyle/variables.less +8 -0
  241. package/lib/steps/stepStyle/vertical.less +41 -0
  242. package/lib/style/mixins/iconfont.less +3 -2
  243. package/lib/style/themes/default.less +3 -2
  244. package/lib/switch/index.less +46 -0
  245. package/lib/table-container/index.d.ts +3 -0
  246. package/lib/table-container/index.d.ts.map +1 -0
  247. package/lib/table-container/index.js +21 -0
  248. package/lib/table-container/index.js.map +1 -0
  249. package/lib/table-container/index.less +12 -0
  250. package/lib/tabs/tabs.less +116 -0
  251. package/lib/tabs-container/index.d.ts +3 -0
  252. package/lib/tabs-container/index.d.ts.map +1 -0
  253. package/lib/tabs-container/index.js +21 -0
  254. package/lib/tabs-container/index.js.map +1 -0
  255. package/lib/tabs-container/index.less +51 -0
  256. package/lib/tag/color.less +43 -0
  257. package/lib/tag/tag.d.ts +41 -0
  258. package/lib/tag/tag.d.ts.map +1 -0
  259. package/lib/tag/tag.js +183 -0
  260. package/lib/tag/tag.js.map +1 -0
  261. package/lib/tag/tag.less +193 -0
  262. package/lib/time-picker/TimePicker.d.ts +9 -0
  263. package/lib/time-picker/TimePicker.d.ts.map +1 -0
  264. package/lib/time-picker/TimePicker.js +55 -0
  265. package/lib/time-picker/TimePicker.js.map +1 -0
  266. package/lib/time-picker/index.less +38 -0
  267. package/lib/time-picker/style/index.less +2 -1
  268. package/lib/timeline/style/index.less +1 -1
  269. package/lib/tntd-action/Action.d.ts +6 -0
  270. package/lib/tntd-action/Action.d.ts.map +1 -0
  271. package/lib/tntd-action/Action.js +86 -0
  272. package/lib/tntd-action/Action.js.map +1 -0
  273. package/lib/tntd-action/index.less +53 -0
  274. package/lib/tooltip/index.less +29 -0
  275. package/lib/tooltip/tooltip.d.ts +9 -0
  276. package/lib/tooltip/tooltip.d.ts.map +1 -0
  277. package/lib/tooltip/tooltip.js +53 -0
  278. package/lib/tooltip/tooltip.js.map +1 -0
  279. package/package.json +3 -3
  280. package/themes/default/variables.less +2 -0
  281. package/themes/default/variablesVar.less +2 -0
@@ -0,0 +1,43 @@
1
+ @radio-prefix-cls: ~'@{ant-prefix}-radio';
2
+ @radio-inner-prefix-cls: ~'@{radio-prefix-cls}-inner';
3
+
4
+ // 选中状态
5
+ .tnt-radio,
6
+ .tnt-radio-group {
7
+ .@{radio-prefix-cls}-checked {
8
+ .@{radio-inner-prefix-cls} {
9
+ border-color: @radio-dot-color;
10
+ background-color: @radio-dot-color;
11
+ &::after {
12
+ @radio-dot-size: calc(@radio-size - 12px);
13
+
14
+ width: @radio-dot-size;
15
+ height: @radio-dot-size;
16
+ top: calc((@radio-size - @radio-dot-size) / 2 - 1px);
17
+ left: calc((@radio-size - @radio-dot-size) / 2 - 1px);
18
+ background-color: @radio-button-bg;
19
+ }
20
+ }
21
+
22
+ &.@{radio-prefix-cls}-disabled {
23
+ .@{radio-inner-prefix-cls} {
24
+ border-color: @checkbox-check-disabled-color !important;
25
+ background-color: @checkbox-check-disabled-color;
26
+ }
27
+ }
28
+ }
29
+ }
30
+
31
+ .tnt-radio {
32
+ & > span:nth-of-type(2) {
33
+ display: inline-block;
34
+ }
35
+ &-children {
36
+ display: flex;
37
+ flex-direction: column;
38
+ }
39
+ &-desc {
40
+ font-size: @font-size-sm;
41
+ color: @bg-color-spotilight-tint-50;
42
+ }
43
+ }
@@ -58,7 +58,8 @@
58
58
  position: absolute;
59
59
  top: 50%;
60
60
  right: calc(@control-padding-horizontal - 1px);
61
- margin-top: calc(-@font-size-sm / 2);
61
+ // margin-top: calc(-@font-size-sm / 2);
62
+ margin-top: -8px;
62
63
  color: @disabled-color;
63
64
  font-size: @font-size-sm;
64
65
  line-height: 1;
@@ -0,0 +1,12 @@
1
+ <svg width="162" height="77" viewBox="0 0 162 77" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="Ellipse 27" filter="url(#filter0_f_5274_1997)">
3
+ <ellipse class="test" cx="36.5" cy="-21.5" rx="78.5" ry="51.5" fill="#126BFB" fill-opacity="0.15"/>
4
+ </g>
5
+ <defs>
6
+ <filter id="filter0_f_5274_1997" x="-89" y="-120" width="251" height="197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
7
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
8
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
9
+ <feGaussianBlur stdDeviation="23.5" result="effect1_foregroundBlur_5274_1997"/>
10
+ </filter>
11
+ </defs>
12
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg width="131" height="80" viewBox="0 0 131 80" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="Ellipse 28" filter="url(#filter0_f_5274_1888)">
3
+ <circle cx="118" cy="100" r="71" fill="#126BFB" fill-opacity="0.08"/>
4
+ </g>
5
+ <defs>
6
+ <filter id="filter0_f_5274_1888" x="0" y="-18" width="236" height="236" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
7
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
8
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
9
+ <feGaussianBlur stdDeviation="23.5" result="effect1_foregroundBlur_5274_1888"/>
10
+ </filter>
11
+ </defs>
12
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="8" height="2" viewBox="0 0 6 2" fill="none">
2
+ <path class="t1" d="M1.5 1H206" stroke="#C9D2DD" stroke-width="2" stroke-linecap="round" stroke-dasharray="2 7"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="2" height="10" viewBox="0 0 2 6" fill="none">
2
+ <path d="M1 1L0.999999 25" stroke="#C9D2DD" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 6"/>
3
+ </svg>
@@ -0,0 +1,51 @@
1
+ .@{tnt-steps-cls}:not(.@{steps-prefix-cls}-dot).@{steps-prefix-cls}{
2
+ .@{steps-prefix-cls}-item{
3
+ &-icon{
4
+ border: none;
5
+ font-weight: 500;
6
+ margin: 2px 12px 2px 0;
7
+ width: @td-steps-icon-size;
8
+ height: @td-steps-icon-size;
9
+ line-height: @td-steps-icon-size;
10
+ border-radius:@td-steps-icon-size;
11
+ >.@{steps-prefix-cls}-icon{
12
+ top:0;
13
+ i{
14
+ font-size: @td-steps-icon-size;
15
+ font-weight: normal;
16
+ }
17
+ }
18
+ }
19
+ &-finish.@{step-prefix-cls}-default-icon,
20
+ &-error.@{step-prefix-cls}-default-icon {
21
+ .@{steps-prefix-cls}-item-icon {
22
+ background-color: transparent;
23
+ }
24
+ }
25
+
26
+ &-wait.@{step-prefix-cls}-default-icon {
27
+ .@{steps-prefix-cls}-item-icon {
28
+ background-color: @fill-color-tertiary;
29
+ }
30
+ }
31
+ }
32
+
33
+
34
+
35
+ &-small {
36
+ .@{steps-prefix-cls}-item{
37
+ &-icon{
38
+ width: @td-steps-small-icon-size;
39
+ height: @td-steps-small-icon-size;
40
+ line-height: @td-steps-small-icon-size;
41
+ border-radius:@td-steps-small-icon-size;
42
+ >.@{steps-prefix-cls}-icon{
43
+ i{
44
+ font-size: @td-steps-small-icon-size;
45
+ }
46
+ }
47
+ }
48
+ }
49
+ }
50
+ }
51
+
@@ -0,0 +1,10 @@
1
+ .@{tnt-steps-cls}.@{steps-prefix-cls}-dot,
2
+ .@{tnt-steps-cls}.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
3
+ .@{steps-prefix-cls}-item {
4
+ &-tail {
5
+ &::after {
6
+ height: 2px;
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,8 @@
1
+ @td-steps-icon-size: 40px;
2
+ @td-steps-small-icon-size: 24px;
3
+ @td-steps-title-height: 24px;
4
+ @td-steps-desc-height: 20px;
5
+ @nav-min-height: 44px;
6
+ @nav-small-min-height: 28px;
7
+ @finish-border-color: @primary-color;
8
+
@@ -0,0 +1,41 @@
1
+ .@{tnt-steps-cls}.@{steps-prefix-cls}-vertical:not(.@{steps-prefix-cls}-dot):not(.@{steps-prefix-cls}-navigation):not(.@{steps-prefix-cls}-small).@{steps-prefix-cls}{
2
+ .@{steps-prefix-cls}-item{
3
+ &-icon >.@{steps-prefix-cls}-icon{
4
+ i{
5
+ vertical-align: middle;
6
+ }
7
+ }
8
+
9
+ &-content {
10
+ min-height: 94px;
11
+ }
12
+
13
+ > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail{
14
+ padding: calc(@td-steps-icon-size + 15px) 0 15px;
15
+ left: 18px;
16
+ &::after{
17
+ width:0;
18
+ border-radius: 2px;
19
+ background-color: transparent;
20
+ }
21
+ }
22
+
23
+ &-finish > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
24
+ &::after {
25
+ border-left: 2px solid @finish-border-color;
26
+ }
27
+ }
28
+
29
+ &-wait, &-error, &-process {
30
+ > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
31
+ &::after {
32
+ border-left: 2px solid transparent;
33
+ background-color: @border-color;
34
+ mask: url(../assets/vertical_line.svg) repeat-y 0 0;
35
+ -webkit-mask:url(../assets/vertical_line.svg) repeat-y 0 0;
36
+ }
37
+ }
38
+ }
39
+ }
40
+ }
41
+
@@ -33,11 +33,12 @@
33
33
  display: inline-block;
34
34
  @font-scale: unit(@size / 12px);
35
35
 
36
- font-size: 12px;
36
+ font-size: 16px;
37
37
  // IE9
38
38
  font-size: ~'@{size} \9';
39
39
  transform: scale(@font-scale) rotate(@rotate);
40
40
  :root & {
41
- font-size: @font-size-sm; // reset IE9 and above
41
+ // font-size: @font-size-sm; // reset IE9 and above
42
+ font-size: 16px; // reset IE9 and above
42
43
  }
43
44
  }
@@ -418,7 +418,8 @@
418
418
  @menu-item-active-bg: @item-active-bg;
419
419
  @menu-item-active-border-width: 3px;
420
420
  @menu-item-group-title-color: @text-color-secondary;
421
- @menu-icon-size: @font-size-base;
421
+ // @menu-icon-size: @font-size-base;
422
+ @menu-icon-size: 16px;
422
423
  @menu-icon-size-lg: @font-size-lg;
423
424
 
424
425
  @menu-item-vertical-margin: 4px;
@@ -561,7 +562,7 @@
561
562
  // ---
562
563
  @switch-height: 22px;
563
564
  @switch-sm-height: 16px;
564
- @switch-sm-checked-margin-left: calc(-(@switch-sm-height - 3px));
565
+ @switch-sm-checked-margin-left: calc(3px - @switch-sm-height);
565
566
  @switch-disabled-opacity: 0.4;
566
567
  @switch-color: @primary-color;
567
568
  @switch-shadow-color: fade(#00230b, 20%);
@@ -0,0 +1,46 @@
1
+ @switch-prefix-cls: ~'@{ant-prefix}-switch';
2
+
3
+ .@{switch-prefix-cls} {
4
+ &-small{
5
+ min-width: 36px;
6
+ }
7
+
8
+ &-checked{
9
+ &:hover{
10
+ background-color:@blue-5;
11
+ }
12
+ }
13
+
14
+ &-disabled{
15
+ background-color: @blue-5;
16
+ }
17
+
18
+
19
+ &-wrap{
20
+ display: flex;
21
+ }
22
+
23
+ &-text-wrap{
24
+ margin-left: @margin-xs;
25
+ font-weight: 400;
26
+ }
27
+
28
+ &-text{
29
+ font-size: 14px;
30
+ color: @text-color;
31
+ }
32
+
33
+ &-text-disabled{
34
+ color: @text-color-tertiary;
35
+ }
36
+
37
+ &-subtext{
38
+ font-size: 12px;
39
+ color: tint(@text-color, 50%);
40
+ line-height: 20px;
41
+ }
42
+
43
+ &-subtext-disabled{
44
+ color: @text-color-tertiary;
45
+ }
46
+ }
@@ -0,0 +1,3 @@
1
+ declare function _default(WrappedComponent: any, options?: {}): (props: any) => import("react").JSX.Element;
2
+ export default _default;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/table-container/index.js"],"names":[],"mappings":"AAIe,4GASd"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _classnames = _interopRequireDefault(require("classnames"));
8
+ require("./index.less");
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+ var _default = exports["default"] = function _default(WrappedComponent) {
11
+ var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
12
+ var version = options.version,
13
+ _options$className = options.className,
14
+ className = _options$className === void 0 ? '' : _options$className;
15
+ var currentVersion = version || localStorage.getItem('app_version') || 'v2';
16
+ return function (props) {
17
+ return React.createElement("div", {
18
+ className: (0, _classnames["default"])('tnt-table-v-container', 'tnt-current-' + currentVersion, className)
19
+ }, React.createElement(WrappedComponent, Object.assign({}, props, options)));
20
+ };
21
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table-container/index.js"],"names":[],"mappings":";;;;;AAAA,4DAA2B;AAE3B,wBAAsB;AAEtB,kBAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;IAE9E,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,uBAAuB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QACnF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CAC1C,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import cn from 'classnames'\n\nimport './index.less';\n\nexport default (WrappedComponent, options = {}) => {\n const { version, className = '' } = options\n const currentVersion = version || localStorage.getItem('app_version') || 'v2';\n\n return (props) => (\n <div className={cn('tnt-table-v-container', 'tnt-current-' + currentVersion, className)}>\n <WrappedComponent {...props} {...options} />\n </div>\n );\n};\n"]}
@@ -0,0 +1,12 @@
1
+ .tnt-table-v-container.tnt-current-v3 {
2
+ border-radius: 16px;
3
+ background: #fff;
4
+ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
5
+ padding: 20px 16px 16px 16px;
6
+ height: calc(-84px + 100vh) !important;
7
+ overflow-y: auto;
8
+
9
+ .tnt-querylistscene-content {
10
+ padding: 0;
11
+ }
12
+ }
@@ -0,0 +1,116 @@
1
+ // Tabs 自定义梯形页签样式
2
+ @tab-prefix-cls: ~'@{ant-prefix}-tabs';
3
+
4
+ .tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-ladder-card.@{tab-prefix-cls}-top {
5
+
6
+ padding: 0 12px;
7
+ position: relative;
8
+ left: -12px;
9
+ padding-bottom: 20px;
10
+
11
+ .@{tab-prefix-cls}-tab {
12
+ display: inline-block;
13
+ vertical-align: bottom;
14
+ position: relative;
15
+ min-width: 106px;
16
+ height: 40px;
17
+ line-height: 40px;
18
+ border-top-left-radius: @border-radius-lg;
19
+ filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.10));
20
+ box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
21
+ border: none;
22
+ margin: 0px 30px 0px 0px;
23
+ padding: 0px 12px 0;
24
+ background: @fill-color-quaternary;
25
+ text-align: right;
26
+ color: @text-color-secondary;
27
+
28
+ &::after {
29
+ content: '';
30
+ position: absolute;
31
+ top: 0;
32
+ right: -52px;
33
+ height: 100%;
34
+ width: 64px;
35
+ z-index: 1;
36
+ background: inherit;
37
+ clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
38
+ }
39
+
40
+ }
41
+
42
+ .@{tab-prefix-cls}-nav {
43
+ margin-top: 12px;
44
+ padding-left: 12px;
45
+ }
46
+
47
+ .@{tab-prefix-cls}-nav-container {
48
+ height: auto;
49
+ position: relative;
50
+ left: -12px;
51
+ width: calc(100% + 12px);
52
+ }
53
+
54
+ .@{tab-prefix-cls}-bar.@{tab-prefix-cls}-top-bar.@{tab-prefix-cls}-card-bar {
55
+ border-bottom: none;
56
+ margin-bottom: 0;
57
+ }
58
+
59
+
60
+ // 鼠标选中时,active状态在上层
61
+ .@{tab-prefix-cls}-tab-active {
62
+ z-index: 3;
63
+ background: @tabs-active-background;
64
+ }
65
+
66
+ .@{tab-prefix-cls}-tabpane{
67
+ background: @white;
68
+ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
69
+ padding: 20px 12px 12px;
70
+ border-bottom-right-radius: @border-radius-lg;
71
+ border-bottom-left-radius: @border-radius-lg;
72
+ border-top-right-radius: @border-radius-lg;
73
+ }
74
+ }
75
+
76
+ // // Tabs top类型 全局样式修改
77
+ .tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-top.@{tab-prefix-cls}-line {
78
+ .@{tab-prefix-cls}-bar {
79
+ border-bottom: none !important;
80
+ }
81
+
82
+ .@{tab-prefix-cls}-nav-container {
83
+ margin-bottom: none;
84
+ }
85
+
86
+ .@{tab-prefix-cls}-tab {
87
+ border-bottom: 1px solid transparent;
88
+ margin-bottom: 1px;
89
+ height: 40px;
90
+ line-height: 37px;
91
+ padding: 2px 12px 0;
92
+ }
93
+
94
+ .@{tab-prefix-cls}-tab:hover{
95
+ border-color: @border-color-secondary;
96
+ }
97
+ }
98
+
99
+ .tnt-tabs.@{tab-prefix-cls} {
100
+ .@{tab-prefix-cls}-nav {
101
+ .@{tab-prefix-cls}-tab {
102
+ color: @tabs-tab-color;
103
+ // 自定义图标默认都是 16px
104
+ i.anticon {
105
+ font-size: @font-size-lg;
106
+ margin-right: 4px;
107
+ }
108
+ }
109
+ .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab-active {
110
+ color: @tabs-active-color;
111
+ }
112
+ .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab:hover {
113
+ color: @tabs-hover-color;
114
+ }
115
+ }
116
+ }
@@ -0,0 +1,3 @@
1
+ declare function _default(WrappedComponent: any, options?: {}): (props: any) => import("react").JSX.Element;
2
+ export default _default;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":"AAIe,4GASd"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _classnames = _interopRequireDefault(require("classnames"));
8
+ require("./index.less");
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+ var _default = exports["default"] = function _default(WrappedComponent) {
11
+ var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
12
+ var version = options.version,
13
+ _options$className = options.className,
14
+ className = _options$className === void 0 ? '' : _options$className;
15
+ var currentVersion = version || localStorage.getItem('app_version') || 'v2';
16
+ return function (props) {
17
+ return React.createElement("div", {
18
+ className: (0, _classnames["default"])('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)
19
+ }, React.createElement(WrappedComponent, Object.assign({}, props, options)));
20
+ };
21
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":";;;;;AAAA,4DAA2B;AAE3B,wBAAsB;AAEtB,kBAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;IAE9E,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QAClF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CAC1C,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import cn from 'classnames'\n\nimport './index.less';\n\nexport default (WrappedComponent, options = {}) => {\n const { version, className = '' } = options\n const currentVersion = version || localStorage.getItem('app_version') || 'v2';\n\n return (props) => (\n <div className={cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)}>\n <WrappedComponent {...props} {...options} />\n </div>\n );\n};\n"]}
@@ -0,0 +1,51 @@
1
+ .tnt-tabs-v-container {
2
+ &.tnt-current-v2 {
3
+ .ant-tabs-bar.ant-tabs-top-bar {
4
+ margin-bottom: 0;
5
+ background: #fff;
6
+ border-bottom: none;
7
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
8
+ overflow: visible;
9
+ z-index: 2;
10
+ position: relative;
11
+ padding-left: 20px;
12
+ }
13
+ .ant-tabs-nav .ant-tabs-tab {
14
+ padding: 9px 15px 10px;
15
+ margin-right: 0;
16
+ }
17
+ .ant-tabs-nav-wrap,
18
+ .ant-tabs-nav-container {
19
+ margin-bottom: 0;
20
+ }
21
+ .ant-tabs-ink-bar {
22
+ bottom: 0;
23
+ }
24
+ .tnt-querylistscene-content {
25
+ height: calc(100vh - 90px);
26
+ overflow: hidden auto;
27
+ }
28
+ }
29
+ &.tnt-current-v3 {
30
+ .ant-tabs {
31
+ overflow: initial;
32
+ }
33
+ .tnt-tabs.ant-tabs.ant-tabs-ladder-card.ant-tabs-top {
34
+ left: 0;
35
+ padding: 0;
36
+
37
+ .ant-tabs-nav {
38
+ margin-top: 8px;
39
+ }
40
+ .ant-tabs-tabpane {
41
+ padding: 0;
42
+ }
43
+ }
44
+ .tnt-querylistscene-content {
45
+ height: calc(100vh - 131px);
46
+ overflow: hidden auto;
47
+ background-color: transparent;
48
+ padding: 20px 16px 16px 16px;
49
+ }
50
+ }
51
+ }
@@ -0,0 +1,43 @@
1
+ @preset-colors-custom: grey, blue, green, red, gold, lightblue, bluegrey, purplegrey, purple, lightpurple, lightgreen, pink, rose, orange, magenta, volcano, yellow, cyan, lime, geekblue, tnt-pink, tnt-orange, tnt-purple;
2
+
3
+
4
+ @grey-7: @text-color-secondary;
5
+ @grey-4: @border-color-base;
6
+ @grey-1: @tag-default-bg;
7
+
8
+ @rose-7:#D8395E;
9
+ @rose-4: #FEA3B4;
10
+ @rose-1: #FFF1F3;
11
+
12
+ @lightblue-7: #1AA9E6;
13
+ @lightblue-4: #8FE0FF;
14
+ @lightblue-1: #F0F9FF;
15
+
16
+ @bluegrey-7: #486FBB;
17
+ @bluegrey-4: #A1BCEF;
18
+ @bluegrey-1: #F4F8FF;
19
+
20
+ @purplegrey-7: #4E5BA6;
21
+ @purplegrey-4: #AFB5D9;
22
+ @purplegrey-1: #F8F9FC;
23
+
24
+ @tnt-purple-7: #6E54D4;
25
+ @tnt-purple-4: #BDB4FE;
26
+ @tnt-purple-1: #F4F3FF;
27
+
28
+ @lightpurple-7: #5161D7;
29
+ @lightpurple-4: #A4BCFD;
30
+ @lightpurple-1: #EEF4FF;
31
+
32
+ @lightgreen-7: #2E9C98;
33
+ @lightgreen-4: #8CE0DD;
34
+ @lightgreen-1: #F1FBFB;
35
+
36
+ @tnt-pink-7: #D03E93;
37
+ @tnt-pink-4: #FAA7E0;
38
+ @tnt-pink-1: #FDF2FA;
39
+
40
+ @tnt-orange-7:#DF5F28;
41
+ @tnt-orange-4: #FEB173;
42
+ @tnt-orange-1: #FFF6ED;
43
+
@@ -0,0 +1,41 @@
1
+ import React from 'react';
2
+ import type { TagProps as AntdTagProps } from 'antd/lib/tag';
3
+ import type { CheckableTagProps as AntdCheckableTagProps } from 'antd/lib/tag';
4
+ import { default as AntdTag } from 'antd/lib/tag';
5
+ export * from 'antd/lib/tag';
6
+ export declare enum TagColors {
7
+ grey = "grey",
8
+ rose = "rose",
9
+ lightblue = "lightblue",
10
+ bluegrey = "bluegrey",
11
+ purplegrey = "purplegrey",
12
+ lightpurple = "lightpurple",
13
+ lightgreen = "lightgreen",
14
+ 'tnt-pink' = "tnt-pink",
15
+ 'tnt-orange' = "tnt-orange",
16
+ 'tnt-purple' = "tnt-purple"
17
+ }
18
+ export interface TagProps extends AntdTagProps {
19
+ color?: TagColors | string;
20
+ size?: 'small' | 'middle' | 'large';
21
+ border?: boolean;
22
+ addonContent?: React.ReactNode;
23
+ addonPosition?: 'prefix' | 'suffix';
24
+ addonType?: 'success' | 'info' | 'warning' | 'error';
25
+ ellipsisOptions?: {
26
+ Popover?: boolean;
27
+ emptyText?: string;
28
+ widthLimit?: number | string;
29
+ lines?: number;
30
+ [key: string]: unknown;
31
+ };
32
+ }
33
+ export interface CheckableTagProps extends AntdCheckableTagProps {
34
+ disabled?: boolean;
35
+ border?: boolean;
36
+ }
37
+ interface TagComponent extends React.ForwardRefExoticComponent<TagProps & React.RefAttributes<AntdTag>> {
38
+ CheckableTag: React.FC<CheckableTagProps>;
39
+ }
40
+ export declare const Tag: TagComponent;
41
+ //# sourceMappingURL=tag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../src/tag/tag.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,aAAa,CAAA;AAC3D,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAE7E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA;AAMhD,cAAc,aAAa,CAAA;AAE3B,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,UAAU,aAAa;IACvB,YAAY,eAAe;IAC3B,YAAY,eAAe;CAC5B;AAsBD,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACpD,eAAe,CAAC,EAAE;QAChB,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;CACF;AAED,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,UAAU,YACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAChF,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;CAC1C;AAoCD,eAAO,MAAM,GAAG,cAmFE,CAAA"}