tntd 2.8.27 → 2.8.28

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 (65) hide show
  1. package/es/tntd-rc-select/style/index.less +2 -2
  2. package/es/tntd-virtual-tree/index.js +4 -4
  3. package/es/tntd-virtual-tree/index.js.map +1 -1
  4. package/es/tntd-virtual-tree/index.less +4 -0
  5. package/lib/tntd-rc-select/style/index.less +2 -2
  6. package/lib/tntd-virtual-tree/index.js +4 -4
  7. package/lib/tntd-virtual-tree/index.js.map +1 -1
  8. package/lib/tntd-virtual-tree/index.less +4 -0
  9. package/package.json +1 -1
  10. package/es/alert/alert.less +0 -128
  11. package/es/cascader/cascader.less +0 -16
  12. package/es/checkbox/check.png +0 -0
  13. package/es/checkbox/checkbox.less +0 -69
  14. package/es/date-picker/index.less +0 -294
  15. package/es/input-number/inputNumber.less +0 -12
  16. package/es/modal/index.less +0 -36
  17. package/es/popconfirm/index.less +0 -32
  18. package/es/popover/index.less +0 -57
  19. package/es/progress/progress.less +0 -82
  20. package/es/query-form-backup/Field/Composition/FieldPopover.less +0 -35
  21. package/es/query-form-backup/Field/Composition/index.less +0 -114
  22. package/es/query-form-backup/index.less +0 -90
  23. package/es/radio/radio.less +0 -43
  24. package/es/spin/spin.less +0 -9
  25. package/es/steps/assets/background_left.svg +0 -12
  26. package/es/steps/assets/background_right.svg +0 -12
  27. package/es/steps/assets/horizontal_line.svg +0 -3
  28. package/es/steps/assets/vertical_line.svg +0 -3
  29. package/es/steps/stepStyle/icon.less +0 -51
  30. package/es/steps/stepStyle/progress-dot.less +0 -10
  31. package/es/steps/stepStyle/variables.less +0 -8
  32. package/es/steps/stepStyle/vertical.less +0 -41
  33. package/es/switch/index.less +0 -45
  34. package/es/tabs/tabs.less +0 -125
  35. package/es/time-picker/index.less +0 -38
  36. package/es/tntd-action/index.less +0 -61
  37. package/es/tntd-select/index.less +0 -7
  38. package/lib/alert/alert.less +0 -128
  39. package/lib/cascader/cascader.less +0 -16
  40. package/lib/checkbox/check.png +0 -0
  41. package/lib/checkbox/checkbox.less +0 -69
  42. package/lib/date-picker/index.less +0 -294
  43. package/lib/input-number/inputNumber.less +0 -12
  44. package/lib/modal/index.less +0 -36
  45. package/lib/popconfirm/index.less +0 -32
  46. package/lib/popover/index.less +0 -57
  47. package/lib/progress/progress.less +0 -82
  48. package/lib/query-form-backup/Field/Composition/FieldPopover.less +0 -35
  49. package/lib/query-form-backup/Field/Composition/index.less +0 -114
  50. package/lib/query-form-backup/index.less +0 -90
  51. package/lib/radio/radio.less +0 -43
  52. package/lib/spin/spin.less +0 -9
  53. package/lib/steps/assets/background_left.svg +0 -12
  54. package/lib/steps/assets/background_right.svg +0 -12
  55. package/lib/steps/assets/horizontal_line.svg +0 -3
  56. package/lib/steps/assets/vertical_line.svg +0 -3
  57. package/lib/steps/stepStyle/icon.less +0 -51
  58. package/lib/steps/stepStyle/progress-dot.less +0 -10
  59. package/lib/steps/stepStyle/variables.less +0 -8
  60. package/lib/steps/stepStyle/vertical.less +0 -41
  61. package/lib/switch/index.less +0 -45
  62. package/lib/tabs/tabs.less +0 -125
  63. package/lib/time-picker/index.less +0 -38
  64. package/lib/tntd-action/index.less +0 -61
  65. package/lib/tntd-select/index.less +0 -7
@@ -1,90 +0,0 @@
1
- .tnt-queryform {
2
- &-top {
3
- display: flex;
4
- &-body {
5
- flex: 1;
6
- .ant-btn {
7
- margin-right: 10px;
8
- }
9
- }
10
- }
11
-
12
- &-extra {
13
- & > * {
14
- margin-left: 10px;
15
- }
16
- }
17
-
18
- .ant-form {
19
- // margin-bottom: @margin-sm;
20
- &.ant-form-inline {
21
- flex-wrap: unset;
22
- position: relative;
23
- }
24
-
25
- &.ant-form-inline .ant-form-item {
26
- margin-right: 10px;
27
- margin-bottom: @margin-sm;
28
- display: inline-block;
29
- }
30
-
31
- .ant-form-item-control {
32
- // min-width: 160px;
33
- line-height: unset;
34
- .ant-calendar-picker-input {
35
- padding: 0 @padding-sm;
36
- }
37
- .ant-form-item-children {
38
- & > .ant-input,
39
- & > .ant-input-affix-wrapper {
40
- width: 160px;
41
- // width: 200px;
42
- }
43
- }
44
- }
45
- }
46
-
47
- &-drawer {
48
- margin-top: @margin-xxl;
49
- &.large-size {
50
- margin-top: 60px;
51
- }
52
-
53
- &.ant-drawer.ant-drawer-open {
54
- .ant-drawer-mask {
55
- opacity: 0;
56
- background: unset;
57
- }
58
- }
59
- .ant-drawer-body {
60
- .ant-form-item {
61
- display: block;
62
- margin-right: 0;
63
- margin-bottom: @margin-md;
64
- width: 100%;
65
- }
66
- .ant-form-item-label {
67
- display: block;
68
- text-align: left;
69
- line-height: 22px;
70
- margin-bottom: 10px;
71
- }
72
- .ant-form-item-control-wrapper,
73
- .ant-form-item-control,
74
- .ant-calendar-picker,
75
- .ant-input {
76
- min-width: 100%;
77
- width: 100%;
78
- }
79
-
80
- & > .ant-btn {
81
- display: block;
82
- width: 100%;
83
- margin-bottom: 10px;
84
- &.ant-btn-primary {
85
- margin-top: @margin-md;
86
- }
87
- }
88
- }
89
- }
90
- }
@@ -1,43 +0,0 @@
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
- }
package/es/spin/spin.less DELETED
@@ -1,9 +0,0 @@
1
- @spin-prefix-cls: ~'@{ant-prefix}-spin';
2
- .tnt-spin-nested{
3
- .@{spin-prefix-cls}-container {
4
- &::after{
5
- content:'';
6
- background-color: transparent;
7
- }
8
- }
9
- }
@@ -1,12 +0,0 @@
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>
@@ -1,12 +0,0 @@
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>
@@ -1,3 +0,0 @@
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>
@@ -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,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,61 +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
- .tntd-anticon {
49
- margin-right: 4px;
50
- }
51
- }
52
- .ant-btn:not(.ant-btn-danger) {
53
- background: rgba(69, 79, 100, 0.5);
54
- color: @white;
55
- border-width: 0;
56
- &:hover {
57
- background: rgba(69, 79, 100, 0.8);
58
- }
59
- }
60
- }
61
- }
@@ -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
- }