tntd 2.8.18 → 2.8.20

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 (143) hide show
  1. package/es/tntd-virtual-tree/index.js +3 -2
  2. package/es/tntd-virtual-tree/index.js.map +1 -1
  3. package/es/tntd-virtual-tree/index.less +2 -2
  4. package/es/tntd-virtual-tree-select/index.js +6 -2
  5. package/es/tntd-virtual-tree-select/index.js.map +1 -1
  6. package/lib/tntd-virtual-tree/index.d.ts +2 -1
  7. package/lib/tntd-virtual-tree/index.d.ts.map +1 -1
  8. package/lib/tntd-virtual-tree/index.js +5 -3
  9. package/lib/tntd-virtual-tree/index.js.map +1 -1
  10. package/lib/tntd-virtual-tree/index.less +2 -2
  11. package/lib/tntd-virtual-tree-select/index.d.ts +3 -1
  12. package/lib/tntd-virtual-tree-select/index.d.ts.map +1 -1
  13. package/lib/tntd-virtual-tree-select/index.js +9 -3
  14. package/lib/tntd-virtual-tree-select/index.js.map +1 -1
  15. package/package.json +1 -1
  16. package/es/alert/alert.js +0 -71
  17. package/es/alert/alert.js.map +0 -1
  18. package/es/alert/alert.less +0 -128
  19. package/es/cascader/cascader.js +0 -30
  20. package/es/cascader/cascader.js.map +0 -1
  21. package/es/cascader/cascader.less +0 -16
  22. package/es/checkbox/check.png +0 -0
  23. package/es/checkbox/checkbox.js +0 -48
  24. package/es/checkbox/checkbox.js.map +0 -1
  25. package/es/checkbox/checkbox.less +0 -69
  26. package/es/date-picker/DatePicker.js +0 -101
  27. package/es/date-picker/DatePicker.js.map +0 -1
  28. package/es/date-picker/index.less +0 -294
  29. package/es/input-number/inputNumber.js +0 -34
  30. package/es/input-number/inputNumber.js.map +0 -1
  31. package/es/input-number/inputNumber.less +0 -12
  32. package/es/modal/index.less +0 -36
  33. package/es/popconfirm/index.less +0 -32
  34. package/es/popconfirm/popconfirm.js +0 -43
  35. package/es/popconfirm/popconfirm.js.map +0 -1
  36. package/es/popover/index.less +0 -57
  37. package/es/popover/popover.js +0 -34
  38. package/es/popover/popover.js.map +0 -1
  39. package/es/progress/progress.js +0 -132
  40. package/es/progress/progress.js.map +0 -1
  41. package/es/progress/progress.less +0 -82
  42. package/es/query-form-backup/Field/Composition/FieldPopover.less +0 -35
  43. package/es/query-form-backup/Field/Composition/index.less +0 -114
  44. package/es/query-form-backup/index.less +0 -90
  45. package/es/radio/radio.js +0 -57
  46. package/es/radio/radio.js.map +0 -1
  47. package/es/radio/radio.less +0 -43
  48. package/es/spin/spin.js +0 -36
  49. package/es/spin/spin.js.map +0 -1
  50. package/es/spin/spin.less +0 -9
  51. package/es/steps/assets/background_left.svg +0 -12
  52. package/es/steps/assets/background_right.svg +0 -12
  53. package/es/steps/assets/horizontal_line.svg +0 -3
  54. package/es/steps/assets/vertical_line.svg +0 -3
  55. package/es/steps/stepStyle/icon.less +0 -51
  56. package/es/steps/stepStyle/progress-dot.less +0 -10
  57. package/es/steps/stepStyle/variables.less +0 -8
  58. package/es/steps/stepStyle/vertical.less +0 -41
  59. package/es/switch/index.less +0 -45
  60. package/es/tabs/tabs.less +0 -125
  61. package/es/time-picker/TimePicker.js +0 -36
  62. package/es/time-picker/TimePicker.js.map +0 -1
  63. package/es/time-picker/index.less +0 -38
  64. package/es/tntd-action/Action.js +0 -117
  65. package/es/tntd-action/Action.js.map +0 -1
  66. package/es/tntd-action/index.less +0 -59
  67. package/es/tntd-select/index.less +0 -7
  68. package/lib/alert/alert.d.ts +0 -12
  69. package/lib/alert/alert.d.ts.map +0 -1
  70. package/lib/alert/alert.js +0 -93
  71. package/lib/alert/alert.js.map +0 -1
  72. package/lib/alert/alert.less +0 -128
  73. package/lib/cascader/cascader.d.ts +0 -10
  74. package/lib/cascader/cascader.d.ts.map +0 -1
  75. package/lib/cascader/cascader.js +0 -49
  76. package/lib/cascader/cascader.js.map +0 -1
  77. package/lib/cascader/cascader.less +0 -16
  78. package/lib/checkbox/check.png +0 -0
  79. package/lib/checkbox/checkbox.d.ts +0 -16
  80. package/lib/checkbox/checkbox.d.ts.map +0 -1
  81. package/lib/checkbox/checkbox.js +0 -65
  82. package/lib/checkbox/checkbox.js.map +0 -1
  83. package/lib/checkbox/checkbox.less +0 -69
  84. package/lib/date-picker/DatePicker.d.ts +0 -21
  85. package/lib/date-picker/DatePicker.d.ts.map +0 -1
  86. package/lib/date-picker/DatePicker.js +0 -128
  87. package/lib/date-picker/DatePicker.js.map +0 -1
  88. package/lib/date-picker/index.less +0 -294
  89. package/lib/input-number/inputNumber.d.ts +0 -10
  90. package/lib/input-number/inputNumber.d.ts.map +0 -1
  91. package/lib/input-number/inputNumber.js +0 -54
  92. package/lib/input-number/inputNumber.js.map +0 -1
  93. package/lib/input-number/inputNumber.less +0 -12
  94. package/lib/modal/index.less +0 -36
  95. package/lib/popconfirm/index.less +0 -32
  96. package/lib/popconfirm/popconfirm.d.ts +0 -8
  97. package/lib/popconfirm/popconfirm.d.ts.map +0 -1
  98. package/lib/popconfirm/popconfirm.js +0 -61
  99. package/lib/popconfirm/popconfirm.js.map +0 -1
  100. package/lib/popover/index.less +0 -57
  101. package/lib/popover/popover.d.ts +0 -14
  102. package/lib/popover/popover.d.ts.map +0 -1
  103. package/lib/popover/popover.js +0 -55
  104. package/lib/popover/popover.js.map +0 -1
  105. package/lib/progress/progress.d.ts +0 -12
  106. package/lib/progress/progress.d.ts.map +0 -1
  107. package/lib/progress/progress.js +0 -148
  108. package/lib/progress/progress.js.map +0 -1
  109. package/lib/progress/progress.less +0 -82
  110. package/lib/query-form-backup/Field/Composition/FieldPopover.less +0 -35
  111. package/lib/query-form-backup/Field/Composition/index.less +0 -114
  112. package/lib/query-form-backup/index.less +0 -90
  113. package/lib/radio/radio.d.ts +0 -17
  114. package/lib/radio/radio.d.ts.map +0 -1
  115. package/lib/radio/radio.js +0 -75
  116. package/lib/radio/radio.js.map +0 -1
  117. package/lib/radio/radio.less +0 -43
  118. package/lib/spin/spin.d.ts +0 -9
  119. package/lib/spin/spin.d.ts.map +0 -1
  120. package/lib/spin/spin.js +0 -44
  121. package/lib/spin/spin.js.map +0 -1
  122. package/lib/spin/spin.less +0 -9
  123. package/lib/steps/assets/background_left.svg +0 -12
  124. package/lib/steps/assets/background_right.svg +0 -12
  125. package/lib/steps/assets/horizontal_line.svg +0 -3
  126. package/lib/steps/assets/vertical_line.svg +0 -3
  127. package/lib/steps/stepStyle/icon.less +0 -51
  128. package/lib/steps/stepStyle/progress-dot.less +0 -10
  129. package/lib/steps/stepStyle/variables.less +0 -8
  130. package/lib/steps/stepStyle/vertical.less +0 -41
  131. package/lib/switch/index.less +0 -45
  132. package/lib/tabs/tabs.less +0 -125
  133. package/lib/time-picker/TimePicker.d.ts +0 -9
  134. package/lib/time-picker/TimePicker.d.ts.map +0 -1
  135. package/lib/time-picker/TimePicker.js +0 -55
  136. package/lib/time-picker/TimePicker.js.map +0 -1
  137. package/lib/time-picker/index.less +0 -38
  138. package/lib/tntd-action/Action.d.ts +0 -6
  139. package/lib/tntd-action/Action.d.ts.map +0 -1
  140. package/lib/tntd-action/Action.js +0 -141
  141. package/lib/tntd-action/Action.js.map +0 -1
  142. package/lib/tntd-action/index.less +0 -59
  143. package/lib/tntd-select/index.less +0 -7
@@ -1,3 +0,0 @@
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>
@@ -1,51 +0,0 @@
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
-
@@ -1,10 +0,0 @@
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
- }
@@ -1,8 +0,0 @@
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
-
@@ -1,41 +0,0 @@
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
-
@@ -1,45 +0,0 @@
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
- &-wrap {
19
- display: flex;
20
- }
21
-
22
- &-text-wrap {
23
- margin-left: @margin-xs;
24
- font-weight: 400;
25
- }
26
-
27
- &-text {
28
- font-size: 14px;
29
- color: @text-color;
30
- }
31
-
32
- &-text-disabled {
33
- color: @text-color-tertiary;
34
- }
35
-
36
- &-subtext {
37
- font-size: 12px;
38
- color: tint(@text-color, 50%);
39
- line-height: 20px;
40
- }
41
-
42
- &-subtext-disabled {
43
- color: @text-color-tertiary;
44
- }
45
- }
package/es/tabs/tabs.less DELETED
@@ -1,125 +0,0 @@
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
- padding: 0 12px;
6
- position: relative;
7
- left: -12px;
8
- padding-bottom: 20px;
9
-
10
- > .@{tab-prefix-cls}-top-bar {
11
- border-bottom: none;
12
- margin-bottom: 0;
13
- .@{tab-prefix-cls}-tab {
14
- // display: inline-block;
15
- vertical-align: bottom;
16
- // position: relative;
17
- min-width: 106px;
18
- height: 40px;
19
- line-height: 40px;
20
- border-top-left-radius: @border-radius-lg;
21
- filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
22
- box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
23
- border: none;
24
- margin: 0px 30px 0px 0px;
25
- padding: 0px 12px 0 48px;
26
- // background: @fill-color-quaternary;
27
- text-align: right;
28
- // color: @text-color-secondary;
29
-
30
- &::after {
31
- content: '';
32
- position: absolute;
33
- top: 0;
34
- right: -52px;
35
- height: 100%;
36
- width: 64px;
37
- z-index: 1;
38
- background: inherit;
39
- clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
40
- }
41
-
42
- // 兼容clip-path 属性
43
- @supports not (clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z')) {
44
- & {
45
- padding: 0px 22px 0 48px !important;
46
- margin-right: 12px;
47
- }
48
- &::after {
49
- top: 17px !important;
50
- right: -54px !important;
51
- width: 93px !important;
52
- z-index: -1 !important;
53
- height: 45px !important;
54
- border-top-right-radius: 24px !important;
55
- border-top-left-radius: 26px !important;
56
- transform: rotate(50deg) !important;
57
- }
58
- }
59
- @supports (clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z')) {
60
- &::after {
61
- clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
62
- }
63
- }
64
- }
65
- .@{tab-prefix-cls}-nav {
66
- margin-top: 12px;
67
- padding-left: 12px;
68
- }
69
- .@{tab-prefix-cls}-nav-container {
70
- height: auto;
71
- position: relative;
72
- left: -12px;
73
- }
74
- // 鼠标选中时,active状态在上层
75
- .@{tab-prefix-cls}-tab-active {
76
- z-index: 99 !important;
77
- background: @tabs-active-background;
78
- }
79
- }
80
-
81
- & > .@{tab-prefix-cls}-content {
82
- & > .@{tab-prefix-cls}-tabpane {
83
- background: @white;
84
- box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
85
- padding: 20px 12px 12px;
86
- border-bottom-right-radius: @border-radius-lg;
87
- border-bottom-left-radius: @border-radius-lg;
88
- border-top-right-radius: @border-radius-lg;
89
- }
90
- }
91
- }
92
-
93
- // // Tabs top类型 全局样式修改
94
- .tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-top.@{tab-prefix-cls}-line {
95
- .@{tab-prefix-cls}-nav-container {
96
- margin-bottom: none;
97
- }
98
-
99
- .@{tab-prefix-cls}-tab {
100
- border-bottom: 1px solid transparent;
101
- margin-bottom: 1px;
102
- height: 40px;
103
- line-height: 37px;
104
- padding: 2px 12px 0;
105
- }
106
- }
107
-
108
- .tnt-tabs.@{tab-prefix-cls} {
109
- .@{tab-prefix-cls}-nav {
110
- .@{tab-prefix-cls}-tab {
111
- color: @tabs-tab-color;
112
- // 自定义图标默认都是 16px
113
- i.anticon {
114
- font-size: @font-size-lg;
115
- margin-right: 4px;
116
- }
117
- }
118
- .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab-active {
119
- color: @tabs-active-color;
120
- }
121
- .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab:hover {
122
- color: @tabs-hover-color;
123
- }
124
- }
125
- }
@@ -1,36 +0,0 @@
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;
@@ -1 +0,0 @@
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"]}
@@ -1,38 +0,0 @@
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
-
@@ -1,117 +0,0 @@
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.getElementById('subapp-viewport') || 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({
30
- getPopupContainer: _getContainer
31
- }, other, {
32
- locale: locale
33
- }));
34
- });
35
- });
36
- }
37
- function Action({
38
- title,
39
- hidden,
40
- data,
41
- afterClose,
42
- locale,
43
- className,
44
- width = 700,
45
- getPopupContainer
46
- }) {
47
- const [visible, setVisible] = useState(false);
48
- const [offset, setOffset] = useState({
49
- left: 400,
50
- bottom: 100,
51
- width
52
- });
53
- const ref = useRef();
54
- const refDom = useRef();
55
- useEffect(() => {
56
- ref.current = getPopupContainer();
57
- }, [getPopupContainer]);
58
- useEffect(() => {
59
- const visible = data.length > 0;
60
- if (visible && ref.current) {
61
- const offset = ref.current.getBoundingClientRect();
62
- setOffset({
63
- left: offset.left + (offset.width - width) / 2,
64
- bottom: 100,
65
- width
66
- });
67
- }
68
- setVisible(visible);
69
- }, [data, width]);
70
- const onMouseDown = e => {
71
- const startX = e.clientX - offset.left;
72
- const startY = e.clientY + offset.bottom;
73
- const onmousemove = e => {
74
- if (e.buttons === 1) {
75
- refDom.current.style.left = e.clientX - startX + 'px';
76
- refDom.current.style.bottom = startY - e.clientY + 'px';
77
- } else {
78
- onmouseup(e);
79
- }
80
- };
81
- const onmouseup = e => {
82
- setOffset(offset => Object.assign(Object.assign({}, offset), {
83
- left: e.clientX - startX,
84
- bottom: startY - e.clientY
85
- }));
86
- document.removeEventListener('mousemove', onmousemove);
87
- document.removeEventListener('mouseup', onmouseup);
88
- };
89
- document.addEventListener('mousemove', onmousemove);
90
- document.addEventListener('mouseup', onmouseup);
91
- };
92
- if (ref.current && visible && !hidden) {
93
- return ReactDOM.createPortal(React.createElement("div", {
94
- className: classNames('tnt-action', className),
95
- style: offset,
96
- onMouseDown: onMouseDown,
97
- ref: refDom
98
- }, React.createElement("div", {
99
- className: "fr",
100
- onClick: e => {
101
- e.stopPropagation();
102
- }
103
- }, data), React.createElement(Button, {
104
- shape: "circle",
105
- icon: "close",
106
- type: "tertiary",
107
- onClick: e => {
108
- e.stopPropagation();
109
- setVisible(false);
110
- afterClose && afterClose();
111
- }
112
- }), React.createElement("span", {
113
- className: "tnt-action-text"
114
- }, title)), document.body);
115
- }
116
- return null;
117
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"Action.js","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":"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","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.getElementById('subapp-viewport') || 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 getPopupContainer={_getContainer} {...other} locale={locale} />\n }}\n </LocaleReceiver>\n )\n }}\n </ConfigConsumer>\n )\n}\n\nfunction Action({\n title,\n hidden,\n data,\n afterClose,\n locale,\n className,\n width = 700,\n getPopupContainer,\n}) {\n const [visible, setVisible] = useState(false)\n const [offset, setOffset] = useState({ left: 400, bottom: 100, width })\n const ref = useRef()\n const refDom = useRef()\n\n useEffect(() => {\n ref.current = getPopupContainer()\n }, [getPopupContainer])\n\n useEffect(() => {\n const visible = data.length > 0\n if (visible && ref.current) {\n const offset = ref.current.getBoundingClientRect()\n setOffset({ left: offset.left + (offset.width - width) / 2, bottom: 100, width })\n }\n setVisible(visible)\n }, [data, width])\n\n const onMouseDown = (e) => {\n const startX = e.clientX - offset.left\n const startY = e.clientY + offset.bottom\n const onmousemove = (e) => {\n if (e.buttons === 1) {\n refDom.current.style.left = e.clientX - startX + 'px'\n refDom.current.style.bottom = startY - e.clientY + 'px'\n } else {\n onmouseup(e);\n }\n }\n const onmouseup = (e) => {\n setOffset((offset) => ({ ...offset, left: e.clientX - startX, bottom: startY - e.clientY }))\n document.removeEventListener('mousemove', onmousemove)\n document.removeEventListener('mouseup', onmouseup)\n }\n document.addEventListener('mousemove', onmousemove)\n document.addEventListener('mouseup', onmouseup)\n }\n\n if (ref.current && visible && !hidden) {\n return ReactDOM.createPortal(\n <div\n className={classNames('tnt-action', className)}\n style={offset}\n onMouseDown={onMouseDown}\n ref={refDom}\n >\n <div\n className=\"fr\"\n onClick={(e) => {\n e.stopPropagation()\n }}\n >\n {data}\n </div>\n <Button\n shape=\"circle\"\n icon=\"close\"\n type=\"tertiary\"\n onClick={(e) => {\n e.stopPropagation()\n setVisible(false)\n afterClose && afterClose()\n }}\n />\n <span className=\"tnt-action-text\">{title}</span>\n </div>,\n document.body\n )\n }\n return null\n}\n"]}
@@ -1,59 +0,0 @@
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
- cursor: grab;
11
- box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px #263354 inset;
12
- &-text {
13
- color: @white;
14
- margin-left: 20px;
15
- font-size: 14px;
16
- user-select: none;
17
- .num {
18
- display: inline-block;
19
- width: 16px;
20
- height: 16px;
21
- background: #454f64;
22
- border-radius: 8px;
23
- font-size: 10px;
24
- margin-right: 4px;
25
- vertical-align: text-bottom;
26
- text-align: center;
27
- }
28
- }
29
- > .tnt-btn-tertiary {
30
- opacity: 0.5;
31
- background: #454f64;
32
- color: @white;
33
- border-width: 0;
34
- width: @tnt-action-close-width;
35
- height: @tnt-action-close-width;
36
- min-width: @tnt-action-close-width;
37
- line-height: @tnt-action-close-width;
38
- margin-top: 4px;
39
- font-size: 14px;
40
- &:hover {
41
- opacity: 0.8;
42
- }
43
- }
44
- .fr {
45
- float: right;
46
- .ant-btn {
47
- margin-left: 10px;
48
- background: rgba(69, 79, 100, 0.5);
49
- color: @white;
50
- border-width: 0;
51
- .tntd-anticon {
52
- margin-right: 4px;
53
- }
54
- &:hover {
55
- background: rgba(69, 79, 100, 0.8);
56
- }
57
- }
58
- }
59
- }
@@ -1,7 +0,0 @@
1
- .tntd-select-empty-container {
2
- padding: 5px 12px;
3
-
4
- & > .ant-empty > .ant-empty-image > svg {
5
- width: 100%;
6
- }
7
- }
@@ -1,12 +0,0 @@
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
@@ -1 +0,0 @@
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,gBAmDC,CAAA;AAEnB,eAAe,KAAK,CAAA"}