tntd 3.0.67-beta.1 → 3.0.68-beta.1

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.
@@ -1,114 +0,0 @@
1
- @import '../../../style/themes/index';
2
- @import '../../../style/mixins/index';
3
- @import '../../../input/style/mixin';
4
-
5
- .tnt-queryform-composition-input {
6
- // width: 100%;
7
- max-height: 162px;
8
- overflow-x: hidden;
9
- cursor: text;
10
- padding: 2px @padding-xl;
11
- position: relative;
12
- box-sizing: border-box;
13
- background-color: @select-background;
14
- border: @border-width-base @border-style-base @select-border-color;
15
- border-top-width: calc(@border-width-base + 0.02px);
16
- border-radius: @border-radius-base;
17
- outline: none;
18
- transition: all 0.3s @ease-in-out;
19
- user-select: none;
20
- margin-bottom: @margin-sm;
21
-
22
- &-prefix {
23
- position: absolute;
24
- left: @padding-sm;
25
- top: 50%;
26
- transform: translateY(-50%);
27
- i.anticon {
28
- color: tint(@bg-color-spotilight, 50%);
29
- }
30
- }
31
-
32
- &-width {
33
- height: 0;
34
- opacity: 0;
35
- width: auto;
36
- position: absolute;
37
- max-width: 100%;
38
- }
39
-
40
- &-items {
41
- float: left;
42
- padding: 0;
43
- list-style: none;
44
- margin: 0;
45
- width: 100%;
46
- &-item {
47
- padding: 3px 0;
48
- }
49
- li {
50
- float: left;
51
- line-height: 1;
52
- }
53
- &-input {
54
- .inputClass {
55
- background: none;
56
- border: none !important;
57
- outline: none;
58
- box-shadow: none !important;
59
- width: 150px !important;
60
- height: 26px;
61
- line-height: 26px;
62
- padding: 0;
63
- input {
64
- border: none !important;
65
- outline: none !important;
66
- box-shadow: none !important;
67
- height: 26px;
68
- line-height: 26px;
69
- padding: 0;
70
- }
71
- textarea {
72
- padding: 0;
73
- }
74
- }
75
- .inputClass-with-placeholder {
76
- min-width: 398px !important;
77
- }
78
- }
79
- }
80
- &-clear {
81
- position: absolute;
82
- right: @margin-sm;
83
- top: 50%;
84
- transform: translateY(-50%);
85
- display: none;
86
- i.anticon {
87
- color: tint(@bg-color-spotilight, 50%);
88
- }
89
- &:hover {
90
- .anticon {
91
- color: @text-color-secondary !important;
92
- }
93
- }
94
- }
95
- &:hover {
96
- border-color: @blue-6;
97
- outline: 0;
98
- .tnt-queryform-composition-input-clear {
99
- display: block;
100
- }
101
- // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
102
- }
103
- &:focus,
104
- &:active {
105
- border-color: @blue-5;
106
- outline: 0;
107
- // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
108
- }
109
- .ant-tag {
110
- padding: 0 @padding-xs;
111
- border: none;
112
- background: @fill-color-tertiary;
113
- }
114
- }
@@ -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,35 +0,0 @@
1
- .tnt-queryform-field-popover {
2
- min-width: 280px;
3
- .ant-popover-inner-content {
4
- padding: @padding-sm 0;
5
- }
6
- .ant-calendar-picker {
7
- margin: @margin-xxs 0;
8
- }
9
- label {
10
- color: tint(@text-color, 50%);
11
- margin-bottom: @margin-xs;
12
- display: block;
13
- padding: 0 @padding-sm;
14
- }
15
- .ant-select-dropdown-menu {
16
- &-item {
17
- padding: @padding-xxs @padding-sm;
18
- &:hover {
19
- background-color: @bg-color-quaternary;
20
- }
21
- }
22
- }
23
- &-content {
24
- padding: @padding-xxs @padding-sm;
25
- }
26
- .ant-select-selected-icon {
27
- position: absolute;
28
- right: @margin-base;
29
- top: @margin-xs;
30
- color: @blue-6;
31
- }
32
- .tnt-highlight {
33
- color: @blue-6;
34
- }
35
- }
@@ -1,114 +0,0 @@
1
- @import '../../../style/themes/index';
2
- @import '../../../style/mixins/index';
3
- @import '../../../input/style/mixin';
4
-
5
- .tnt-queryform-composition-input {
6
- // width: 100%;
7
- max-height: 162px;
8
- overflow-x: hidden;
9
- cursor: text;
10
- padding: 2px @padding-xl;
11
- position: relative;
12
- box-sizing: border-box;
13
- background-color: @select-background;
14
- border: @border-width-base @border-style-base @select-border-color;
15
- border-top-width: calc(@border-width-base + 0.02px);
16
- border-radius: @border-radius-base;
17
- outline: none;
18
- transition: all 0.3s @ease-in-out;
19
- user-select: none;
20
- margin-bottom: @margin-sm;
21
-
22
- &-prefix {
23
- position: absolute;
24
- left: @padding-sm;
25
- top: 50%;
26
- transform: translateY(-50%);
27
- i.anticon {
28
- color: tint(@bg-color-spotilight, 50%);
29
- }
30
- }
31
-
32
- &-width {
33
- height: 0;
34
- opacity: 0;
35
- width: auto;
36
- position: absolute;
37
- max-width: 100%;
38
- }
39
-
40
- &-items {
41
- float: left;
42
- padding: 0;
43
- list-style: none;
44
- margin: 0;
45
- width: 100%;
46
- &-item {
47
- padding: 3px 0;
48
- }
49
- li {
50
- float: left;
51
- line-height: 1;
52
- }
53
- &-input {
54
- .inputClass {
55
- background: none;
56
- border: none !important;
57
- outline: none;
58
- box-shadow: none !important;
59
- width: 150px !important;
60
- height: 26px;
61
- line-height: 26px;
62
- padding: 0;
63
- input {
64
- border: none !important;
65
- outline: none !important;
66
- box-shadow: none !important;
67
- height: 26px;
68
- line-height: 26px;
69
- padding: 0;
70
- }
71
- textarea {
72
- padding: 0;
73
- }
74
- }
75
- .inputClass-with-placeholder {
76
- min-width: 398px !important;
77
- }
78
- }
79
- }
80
- &-clear {
81
- position: absolute;
82
- right: @margin-sm;
83
- top: 50%;
84
- transform: translateY(-50%);
85
- display: none;
86
- i.anticon {
87
- color: tint(@bg-color-spotilight, 50%);
88
- }
89
- &:hover {
90
- .anticon {
91
- color: @text-color-secondary !important;
92
- }
93
- }
94
- }
95
- &:hover {
96
- border-color: @blue-6;
97
- outline: 0;
98
- .tnt-queryform-composition-input-clear {
99
- display: block;
100
- }
101
- // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
102
- }
103
- &:focus,
104
- &:active {
105
- border-color: @blue-5;
106
- outline: 0;
107
- // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
108
- }
109
- .ant-tag {
110
- padding: 0 @padding-xs;
111
- border: none;
112
- background: @fill-color-tertiary;
113
- }
114
- }
@@ -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
- }