@jetlinks-web/components 2.0.4-9 → 2.0.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.
- package/es/CheckButton/style/index.css +3 -3
- package/es/Ellipsis/Ellipsis.js +1 -1
- package/es/FullPage/FullPage.js +1 -1
- package/es/ProLayout/PageContainer/index.js +2 -1
- package/es/ProLayout/SiderMenu/BaseMenu.js +2 -3
- package/es/ProLayout/style/default.less +4 -4
- package/es/Search/Advanced/SaveHistory.js +1 -1
- package/es/Search/Item.js +1 -1
- package/es/Search/Search.js +1 -1
- package/es/style/index.css +424 -4
- package/es/style/index.less +1 -1
- package/lib/CheckButton/style/index.css +3 -3
- package/lib/Ellipsis/Ellipsis.js +1 -1
- package/lib/FullPage/FullPage.js +1 -1
- package/lib/ProLayout/PageContainer/index.js +2 -1
- package/lib/ProLayout/SiderMenu/BaseMenu.js +2 -3
- package/lib/ProLayout/style/default.less +4 -4
- package/lib/Search/Advanced/SaveHistory.js +1 -1
- package/lib/Search/Item.js +1 -1
- package/lib/Search/Search.js +1 -1
- package/lib/style/index.css +424 -4
- package/lib/style/index.less +1 -1
- package/package.json +1 -1
- package/es/ProTable/style/index.css +0 -65
- package/lib/ProTable/style/index.css +0 -65
- package/lib/style/components.less +0 -3
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
flex: 1;
|
|
12
12
|
min-width: 0;
|
|
13
13
|
padding: 8px;
|
|
14
|
-
border-radius:
|
|
14
|
+
border-radius: 2px;
|
|
15
15
|
background-color: #f2f3f5;
|
|
16
16
|
transition: all 0.3s;
|
|
17
17
|
color: #333;
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
cursor: pointer;
|
|
20
20
|
}
|
|
21
21
|
.j-check-button .j-check-button-item:hover {
|
|
22
|
-
background-color: #
|
|
22
|
+
background-color: #1890ff;
|
|
23
23
|
opacity: 0.85;
|
|
24
24
|
color: #fff;
|
|
25
25
|
}
|
|
26
26
|
.j-check-button .j-check-button-item.selected {
|
|
27
|
-
background-color: #
|
|
27
|
+
background-color: #1890ff;
|
|
28
28
|
color: #fff;
|
|
29
29
|
}
|
|
30
30
|
.j-check-button .j-check-button-item.disabled {
|
package/es/Ellipsis/Ellipsis.js
CHANGED
|
@@ -32,7 +32,7 @@ const jEllipsis = 'j-ellipsis';
|
|
|
32
32
|
const jEllipsisCursorClass = 'j-ellipsis-cursor';
|
|
33
33
|
const jEllipsisLineClampClass = 'j-ellipsis-line-clamp';
|
|
34
34
|
const __sfc_main__ = Object.assign({
|
|
35
|
-
name: '
|
|
35
|
+
name: 'JEllipsis',
|
|
36
36
|
}, {
|
|
37
37
|
props: {
|
|
38
38
|
expandTrigger: {
|
package/es/FullPage/FullPage.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
} */
|
|
7
7
|
import { defineComponent as _defineComponent } from 'vue';
|
|
8
8
|
import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
9
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
9
|
+
const _withScopeId = n => (_pushScopeId("data-v-1713253708182"), n = n(), _popScopeId(), n);
|
|
10
10
|
const _hoisted_1 = { class: "full-page-warp-content" };
|
|
11
11
|
import { ref } from 'vue';
|
|
12
12
|
import { useElementBounding } from '@vueuse/core';
|
|
@@ -12,6 +12,7 @@ import { pageHeaderProps } from 'ant-design-vue/es/page-header';
|
|
|
12
12
|
import { useRouteContext } from '../RouteContext';
|
|
13
13
|
import { getSlotVNode } from '../util';
|
|
14
14
|
import 'ant-design-vue/es/_util/type';
|
|
15
|
+
import PropTypes from 'ant-design-vue/es/_util/vue-types';
|
|
15
16
|
import './index.less';
|
|
16
17
|
function _isSlot(s) {
|
|
17
18
|
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
|
|
@@ -59,7 +60,7 @@ export var pageHeaderTabConfig = {
|
|
|
59
60
|
export var pageContainerProps = _objectSpread(_objectSpread(_objectSpread({}, pageHeaderTabConfig), pageHeaderProps), {}, {
|
|
60
61
|
prefixCls: {
|
|
61
62
|
type: String,
|
|
62
|
-
default: 'ant-pro'
|
|
63
|
+
default: PropTypes.string.def('ant-pro')
|
|
63
64
|
},
|
|
64
65
|
title: {
|
|
65
66
|
type: [Object, String, Boolean, Function],
|
|
@@ -12,15 +12,14 @@ import IconFont from '../../Icon';
|
|
|
12
12
|
import { regular } from '@jetlinks-web/utils';
|
|
13
13
|
import { Menu } from 'ant-design-vue';
|
|
14
14
|
import { createFromIconfontCN } from '@ant-design/icons-vue';
|
|
15
|
+
import 'ant-design-vue/es/_util/vue-types';
|
|
15
16
|
function _isSlot(s) {
|
|
16
17
|
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
|
|
17
18
|
}
|
|
18
19
|
export var baseMenuProps = _objectSpread(_objectSpread({}, defaultSettingProps), {}, {
|
|
19
20
|
prefixCls: {
|
|
20
21
|
type: String,
|
|
21
|
-
default:
|
|
22
|
-
return defaultPrefixCls;
|
|
23
|
-
}
|
|
22
|
+
default: defaultPrefixCls
|
|
24
23
|
},
|
|
25
24
|
locale: {
|
|
26
25
|
type: [Function, Boolean],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import 'ant-design-vue/es/style/themes/index.less';
|
|
2
|
-
|
|
3
|
-
@basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
|
|
4
|
-
@pro-layout-header-height: 48px;
|
|
1
|
+
@import 'ant-design-vue/es/style/themes/index.less';
|
|
2
|
+
|
|
3
|
+
@basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
|
|
4
|
+
@pro-layout-header-height: 48px;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
} */
|
|
22
22
|
import { defineComponent as _defineComponent } from 'vue';
|
|
23
23
|
import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
24
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
24
|
+
const _withScopeId = n => (_pushScopeId("data-v-1713253709671"), n = n(), _popScopeId(), n);
|
|
25
25
|
const _hoisted_1 = {
|
|
26
26
|
key: 0,
|
|
27
27
|
style: { "width": "240px" }
|
package/es/Search/Item.js
CHANGED
|
@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
|
|
|
78
78
|
} */
|
|
79
79
|
import { defineComponent as _defineComponent } from 'vue';
|
|
80
80
|
import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
81
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
81
|
+
const _withScopeId = n => (_pushScopeId("data-v-1713253709003"), n = n(), _popScopeId(), n);
|
|
82
82
|
const _hoisted_1 = { class: "JSearch-item" };
|
|
83
83
|
const _hoisted_2 = {
|
|
84
84
|
key: 0,
|
package/es/Search/Search.js
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
} */
|
|
37
37
|
import { defineComponent as _defineComponent } from 'vue';
|
|
38
38
|
import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
39
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
39
|
+
const _withScopeId = n => (_pushScopeId("data-v-1713253709109"), n = n(), _popScopeId(), n);
|
|
40
40
|
const _hoisted_1 = { class: "JSearch-content simple" };
|
|
41
41
|
const _hoisted_2 = { class: "JSearch-items" };
|
|
42
42
|
import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';
|
package/es/style/index.css
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
flex: 1;
|
|
29
29
|
min-width: 0;
|
|
30
30
|
padding: 8px;
|
|
31
|
-
border-radius:
|
|
31
|
+
border-radius: 2px;
|
|
32
32
|
background-color: #f2f3f5;
|
|
33
33
|
transition: all 0.3s;
|
|
34
34
|
color: #333;
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
cursor: pointer;
|
|
37
37
|
}
|
|
38
38
|
.j-check-button .j-check-button-item:hover {
|
|
39
|
-
background-color: #
|
|
39
|
+
background-color: #1890ff;
|
|
40
40
|
opacity: 0.85;
|
|
41
41
|
color: #fff;
|
|
42
42
|
}
|
|
43
43
|
.j-check-button .j-check-button-item.selected {
|
|
44
|
-
background-color: #
|
|
44
|
+
background-color: #1890ff;
|
|
45
45
|
color: #fff;
|
|
46
46
|
}
|
|
47
47
|
.j-check-button .j-check-button-item.disabled {
|
|
@@ -52,6 +52,426 @@
|
|
|
52
52
|
background-color: #f2f3f5;
|
|
53
53
|
color: #00000060;
|
|
54
54
|
}
|
|
55
|
+
.ant-pro-basicLayout {
|
|
56
|
+
display: flex;
|
|
57
|
+
flex-direction: column;
|
|
58
|
+
width: 100%;
|
|
59
|
+
min-height: 100%;
|
|
60
|
+
}
|
|
61
|
+
.ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
|
|
62
|
+
position: fixed;
|
|
63
|
+
top: 0;
|
|
64
|
+
}
|
|
65
|
+
.ant-pro-basicLayout-content {
|
|
66
|
+
position: relative;
|
|
67
|
+
margin: 24px;
|
|
68
|
+
}
|
|
69
|
+
.ant-pro-basicLayout-content .ant-pro-page-container {
|
|
70
|
+
margin: -24px -24px 0;
|
|
71
|
+
}
|
|
72
|
+
.ant-pro-basicLayout-content-disable-margin {
|
|
73
|
+
margin: 0;
|
|
74
|
+
}
|
|
75
|
+
.ant-pro-basicLayout-content-disable-margin .ant-pro-page-container {
|
|
76
|
+
margin: 0;
|
|
77
|
+
}
|
|
78
|
+
.ant-pro-basicLayout-content > .ant-layout {
|
|
79
|
+
max-height: 100%;
|
|
80
|
+
}
|
|
81
|
+
.ant-pro-basicLayout .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
|
|
82
|
+
height: 100vh;
|
|
83
|
+
overflow: hidden;
|
|
84
|
+
transform: rotate(0);
|
|
85
|
+
}
|
|
86
|
+
.ant-pro-basicLayout .ant-pro-basicLayout-has-header .tech-page-container {
|
|
87
|
+
height: calc(100vh - 48px);
|
|
88
|
+
}
|
|
89
|
+
.ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .tech-page-container {
|
|
90
|
+
height: calc(100vh - 48px - 48px);
|
|
91
|
+
}
|
|
92
|
+
.ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children {
|
|
93
|
+
min-height: calc(100vh - 48px);
|
|
94
|
+
}
|
|
95
|
+
.ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
|
|
96
|
+
height: calc(100vh - 48px);
|
|
97
|
+
}
|
|
98
|
+
.ant-pro-fixed-header {
|
|
99
|
+
z-index: 9;
|
|
100
|
+
width: 100%;
|
|
101
|
+
}
|
|
102
|
+
.ant-pro-page-container-children-content {
|
|
103
|
+
margin: 24px 24px 0;
|
|
104
|
+
}
|
|
105
|
+
.ant-pro-page-container-warp {
|
|
106
|
+
background-color: #fff;
|
|
107
|
+
}
|
|
108
|
+
.ant-pro-page-container-warp .ant-tabs-bar {
|
|
109
|
+
margin: 0;
|
|
110
|
+
}
|
|
111
|
+
.ant-pro-page-container-ghost .ant-pro-page-container-warp {
|
|
112
|
+
background-color: #fff;
|
|
113
|
+
}
|
|
114
|
+
.ant-pro-page-container-main .ant-pro-page-container-detail {
|
|
115
|
+
display: flex;
|
|
116
|
+
}
|
|
117
|
+
.ant-pro-page-container-main .ant-pro-page-container-row {
|
|
118
|
+
display: flex;
|
|
119
|
+
width: 100%;
|
|
120
|
+
}
|
|
121
|
+
.ant-pro-page-container-main .ant-pro-page-container-title-content {
|
|
122
|
+
margin-bottom: 16px;
|
|
123
|
+
}
|
|
124
|
+
.ant-pro-page-container-main .ant-pro-page-container-title,
|
|
125
|
+
.ant-pro-page-container-main .ant-pro-page-container-content {
|
|
126
|
+
flex: auto;
|
|
127
|
+
}
|
|
128
|
+
.ant-pro-page-container-main .ant-pro-page-container-extraContent,
|
|
129
|
+
.ant-pro-page-container-main .ant-pro-page-container-main {
|
|
130
|
+
flex: 0 1 auto;
|
|
131
|
+
}
|
|
132
|
+
.ant-pro-page-container-main .ant-pro-page-container-main {
|
|
133
|
+
width: 100%;
|
|
134
|
+
}
|
|
135
|
+
.ant-pro-page-container-main .ant-pro-page-container-title {
|
|
136
|
+
margin-bottom: 16px;
|
|
137
|
+
}
|
|
138
|
+
.ant-pro-page-container-main .ant-pro-page-container-logo {
|
|
139
|
+
margin-bottom: 16px;
|
|
140
|
+
}
|
|
141
|
+
.ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
|
142
|
+
min-width: 242px;
|
|
143
|
+
margin-left: 88px;
|
|
144
|
+
text-align: right;
|
|
145
|
+
}
|
|
146
|
+
@media screen and (max-width: 1200px) {
|
|
147
|
+
.ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
|
148
|
+
margin-left: 44px;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
@media screen and (max-width: 992px) {
|
|
152
|
+
.ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
|
153
|
+
margin-left: 20px;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
@media screen and (max-width: 768px) {
|
|
157
|
+
.ant-pro-page-container-main .ant-pro-page-container-row {
|
|
158
|
+
display: block;
|
|
159
|
+
}
|
|
160
|
+
.ant-pro-page-container-main .ant-pro-page-container-action,
|
|
161
|
+
.ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
|
162
|
+
margin-left: 0;
|
|
163
|
+
text-align: left;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
@media screen and (max-width: 576px) {
|
|
167
|
+
.ant-pro-page-container-detail {
|
|
168
|
+
display: block;
|
|
169
|
+
}
|
|
170
|
+
.ant-pro-page-container-extraContent {
|
|
171
|
+
margin-left: 0;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
.ant-pro-sider {
|
|
175
|
+
position: relative;
|
|
176
|
+
background-color: #001529;
|
|
177
|
+
border-right: 0;
|
|
178
|
+
z-index: 20;
|
|
179
|
+
}
|
|
180
|
+
.ant-pro-sider .ant-menu {
|
|
181
|
+
background: transparent;
|
|
182
|
+
}
|
|
183
|
+
.ant-pro-sider.ant-layout-sider-light .ant-menu-item a {
|
|
184
|
+
color: rgba(0, 0, 0, 0.85);
|
|
185
|
+
}
|
|
186
|
+
.ant-pro-sider.ant-layout-sider-light .ant-menu-item-selected a,
|
|
187
|
+
.ant-pro-sider.ant-layout-sider-light .ant-menu-item a:hover {
|
|
188
|
+
color: #1890ff;
|
|
189
|
+
}
|
|
190
|
+
.ant-pro-sider-logo {
|
|
191
|
+
position: relative;
|
|
192
|
+
display: flex;
|
|
193
|
+
align-items: center;
|
|
194
|
+
padding: 16px 16px;
|
|
195
|
+
cursor: pointer;
|
|
196
|
+
transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
197
|
+
}
|
|
198
|
+
.ant-pro-sider-logo > a {
|
|
199
|
+
display: flex;
|
|
200
|
+
align-items: center;
|
|
201
|
+
justify-content: center;
|
|
202
|
+
min-height: 32px;
|
|
203
|
+
}
|
|
204
|
+
.ant-pro-sider-logo img {
|
|
205
|
+
display: inline-block;
|
|
206
|
+
height: 32px;
|
|
207
|
+
vertical-align: middle;
|
|
208
|
+
}
|
|
209
|
+
.ant-pro-sider-logo h1 {
|
|
210
|
+
display: inline-block;
|
|
211
|
+
height: 32px;
|
|
212
|
+
margin: 0 0 0 12px;
|
|
213
|
+
color: white;
|
|
214
|
+
font-weight: 600;
|
|
215
|
+
font-size: 18px;
|
|
216
|
+
line-height: 32px;
|
|
217
|
+
vertical-align: middle;
|
|
218
|
+
animation: pro-layout-title-hide 0.3s;
|
|
219
|
+
}
|
|
220
|
+
.ant-pro-sider-extra {
|
|
221
|
+
margin-bottom: 16px;
|
|
222
|
+
padding: 0 16px;
|
|
223
|
+
}
|
|
224
|
+
.ant-pro-sider-extra-no-logo {
|
|
225
|
+
margin-top: 16px;
|
|
226
|
+
}
|
|
227
|
+
.ant-pro-sider-menu {
|
|
228
|
+
position: relative;
|
|
229
|
+
z-index: 10;
|
|
230
|
+
min-height: 100%;
|
|
231
|
+
box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
|
|
232
|
+
}
|
|
233
|
+
.ant-pro-sider .ant-layout-sider-children {
|
|
234
|
+
display: flex;
|
|
235
|
+
flex-direction: column;
|
|
236
|
+
height: 100%;
|
|
237
|
+
/* 滚动条滑块 */
|
|
238
|
+
}
|
|
239
|
+
.ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar {
|
|
240
|
+
width: 6px;
|
|
241
|
+
height: 6px;
|
|
242
|
+
}
|
|
243
|
+
.ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-track {
|
|
244
|
+
background: rgba(255, 255, 255, 0.15);
|
|
245
|
+
border-radius: 3px;
|
|
246
|
+
box-shadow: inset 0 0 5px rgba(37, 37, 37, 0.05);
|
|
247
|
+
}
|
|
248
|
+
.ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-thumb {
|
|
249
|
+
background: rgba(255, 255, 255, 0.2);
|
|
250
|
+
border-radius: 3px;
|
|
251
|
+
box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.05);
|
|
252
|
+
}
|
|
253
|
+
.ant-pro-sider.ant-layout-sider-collapsed .ant-menu-inline-collapsed {
|
|
254
|
+
width: 48px;
|
|
255
|
+
}
|
|
256
|
+
.ant-pro-sider.ant-layout-sider-collapsed .ant-pro-sider-logo {
|
|
257
|
+
padding: 16px 8px;
|
|
258
|
+
}
|
|
259
|
+
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
|
|
260
|
+
position: fixed;
|
|
261
|
+
top: 0;
|
|
262
|
+
left: 0;
|
|
263
|
+
z-index: 99;
|
|
264
|
+
height: 100%;
|
|
265
|
+
overflow: auto;
|
|
266
|
+
overflow-x: hidden;
|
|
267
|
+
box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
|
|
268
|
+
}
|
|
269
|
+
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed > .ant-menu-root :not(.ant-pro-sider-link-menu) {
|
|
270
|
+
height: calc(100vh - 48px);
|
|
271
|
+
overflow-y: auto;
|
|
272
|
+
}
|
|
273
|
+
.ant-pro-sider-light {
|
|
274
|
+
background-color: #fff;
|
|
275
|
+
box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
|
|
276
|
+
}
|
|
277
|
+
.ant-pro-sider-light .ant-layout-sider-children {
|
|
278
|
+
/* 滚动条滑块 */
|
|
279
|
+
}
|
|
280
|
+
.ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-track {
|
|
281
|
+
background: rgba(0, 0, 0, 0.06);
|
|
282
|
+
border-radius: 3px;
|
|
283
|
+
box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
|
|
284
|
+
}
|
|
285
|
+
.ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-thumb {
|
|
286
|
+
background: rgba(0, 0, 0, 0.12);
|
|
287
|
+
border-radius: 3px;
|
|
288
|
+
box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
|
|
289
|
+
}
|
|
290
|
+
.ant-pro-sider-light .ant-pro-sider-logo h1 {
|
|
291
|
+
color: #1890ff;
|
|
292
|
+
}
|
|
293
|
+
.ant-pro-sider-light .ant-menu-light {
|
|
294
|
+
border-right-color: transparent;
|
|
295
|
+
}
|
|
296
|
+
.ant-pro-sider-light .ant-pro-sider-collapsed-button {
|
|
297
|
+
border-top: 1px solid #f0f0f0;
|
|
298
|
+
}
|
|
299
|
+
.ant-pro-sider-icon {
|
|
300
|
+
width: 14px;
|
|
301
|
+
vertical-align: baseline;
|
|
302
|
+
}
|
|
303
|
+
.ant-pro-sider-links {
|
|
304
|
+
width: 100%;
|
|
305
|
+
}
|
|
306
|
+
.ant-pro-sider-links ul.ant-menu-root {
|
|
307
|
+
height: auto;
|
|
308
|
+
}
|
|
309
|
+
.ant-pro-sider-collapsed-button {
|
|
310
|
+
border-top: 1px solid rgba(0, 0, 0, 0.25);
|
|
311
|
+
}
|
|
312
|
+
.ant-pro-sider-collapsed-button .anticon {
|
|
313
|
+
font-size: 16px;
|
|
314
|
+
}
|
|
315
|
+
.ant-pro-sider .top-nav-menu li.ant-menu-item {
|
|
316
|
+
height: 100%;
|
|
317
|
+
line-height: 1;
|
|
318
|
+
}
|
|
319
|
+
.ant-pro-sider .drawer .drawer-content {
|
|
320
|
+
background: #001529;
|
|
321
|
+
}
|
|
322
|
+
.ant-pro-menu-item .anticon + .ant-pro-menu-item-title {
|
|
323
|
+
margin-left: 10px;
|
|
324
|
+
}
|
|
325
|
+
@keyframes pro-layout-title-hide {
|
|
326
|
+
0% {
|
|
327
|
+
display: none;
|
|
328
|
+
opacity: 0;
|
|
329
|
+
}
|
|
330
|
+
80% {
|
|
331
|
+
display: none;
|
|
332
|
+
opacity: 0;
|
|
333
|
+
}
|
|
334
|
+
100% {
|
|
335
|
+
display: unset;
|
|
336
|
+
opacity: 1;
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
.ant-pro-global-header {
|
|
340
|
+
position: relative;
|
|
341
|
+
display: flex;
|
|
342
|
+
align-items: center;
|
|
343
|
+
height: 100%;
|
|
344
|
+
padding: 0 16px;
|
|
345
|
+
background: #fff;
|
|
346
|
+
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
|
347
|
+
}
|
|
348
|
+
.ant-pro-global-header > * {
|
|
349
|
+
height: 100%;
|
|
350
|
+
}
|
|
351
|
+
.ant-pro-global-header-collapsed-button {
|
|
352
|
+
display: flex;
|
|
353
|
+
align-items: center;
|
|
354
|
+
margin-left: 16px;
|
|
355
|
+
font-size: 20px;
|
|
356
|
+
}
|
|
357
|
+
.ant-pro-global-header-layout-mix {
|
|
358
|
+
background-color: #001529;
|
|
359
|
+
}
|
|
360
|
+
.ant-pro-global-header-layout-mix .ant-pro-global-header-logo h1 {
|
|
361
|
+
color: #fff;
|
|
362
|
+
}
|
|
363
|
+
.ant-pro-global-header-layout-mix .anticon {
|
|
364
|
+
color: #fff;
|
|
365
|
+
}
|
|
366
|
+
.ant-pro-global-header-logo {
|
|
367
|
+
position: relative;
|
|
368
|
+
overflow: hidden;
|
|
369
|
+
}
|
|
370
|
+
.ant-pro-global-header-logo a {
|
|
371
|
+
display: flex;
|
|
372
|
+
align-items: center;
|
|
373
|
+
height: 100%;
|
|
374
|
+
}
|
|
375
|
+
.ant-pro-global-header-logo a img {
|
|
376
|
+
height: 28px;
|
|
377
|
+
}
|
|
378
|
+
.ant-pro-global-header-logo a h1 {
|
|
379
|
+
height: 32px;
|
|
380
|
+
margin: 0 0 0 8px;
|
|
381
|
+
margin: 0 0 0 12px;
|
|
382
|
+
color: #1890ff;
|
|
383
|
+
font-weight: 600;
|
|
384
|
+
font-size: 18px;
|
|
385
|
+
line-height: 32px;
|
|
386
|
+
}
|
|
387
|
+
.ant-pro-global-header-menu .anticon {
|
|
388
|
+
margin-right: 8px;
|
|
389
|
+
}
|
|
390
|
+
.ant-pro-global-header-menu .ant-dropdown-menu-item {
|
|
391
|
+
min-width: 160px;
|
|
392
|
+
}
|
|
393
|
+
.ant-pro-global-header .dark {
|
|
394
|
+
height: 48px;
|
|
395
|
+
}
|
|
396
|
+
.ant-pro-global-header .dark .action {
|
|
397
|
+
color: rgba(255, 255, 255, 0.85);
|
|
398
|
+
}
|
|
399
|
+
.ant-pro-global-header .dark .action > i {
|
|
400
|
+
color: rgba(255, 255, 255, 0.85);
|
|
401
|
+
}
|
|
402
|
+
.ant-pro-global-header .dark .action:hover,
|
|
403
|
+
.ant-pro-global-header .dark .action.opened {
|
|
404
|
+
background: #1890ff;
|
|
405
|
+
}
|
|
406
|
+
.ant-pro-global-header .dark .action .ant-badge {
|
|
407
|
+
color: rgba(255, 255, 255, 0.85);
|
|
408
|
+
}
|
|
409
|
+
.ant-pro-top-nav-header {
|
|
410
|
+
position: relative;
|
|
411
|
+
width: 100%;
|
|
412
|
+
height: 100%;
|
|
413
|
+
box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.12);
|
|
414
|
+
transition: background 0.3s, width 0.2s;
|
|
415
|
+
}
|
|
416
|
+
.ant-pro-top-nav-header .ant-menu {
|
|
417
|
+
background: transparent;
|
|
418
|
+
}
|
|
419
|
+
.ant-pro-top-nav-header.light {
|
|
420
|
+
background-color: #fff;
|
|
421
|
+
}
|
|
422
|
+
.ant-pro-top-nav-header.light .ant-pro-top-nav-header-logo h1 {
|
|
423
|
+
color: rgba(0, 0, 0, 0.85);
|
|
424
|
+
}
|
|
425
|
+
.ant-pro-top-nav-header.light .anticon {
|
|
426
|
+
color: inherit;
|
|
427
|
+
}
|
|
428
|
+
.ant-pro-top-nav-header-main {
|
|
429
|
+
display: flex;
|
|
430
|
+
height: 100%;
|
|
431
|
+
padding-left: 16px;
|
|
432
|
+
}
|
|
433
|
+
.ant-pro-top-nav-header-main-left {
|
|
434
|
+
display: flex;
|
|
435
|
+
min-width: 192px;
|
|
436
|
+
}
|
|
437
|
+
.ant-pro-top-nav-header .anticon {
|
|
438
|
+
color: #fff;
|
|
439
|
+
}
|
|
440
|
+
.ant-pro-top-nav-header-logo {
|
|
441
|
+
position: relative;
|
|
442
|
+
min-width: 165px;
|
|
443
|
+
height: 100%;
|
|
444
|
+
overflow: hidden;
|
|
445
|
+
}
|
|
446
|
+
.ant-pro-top-nav-header-logo img {
|
|
447
|
+
display: inline-block;
|
|
448
|
+
height: 32px;
|
|
449
|
+
vertical-align: middle;
|
|
450
|
+
}
|
|
451
|
+
.ant-pro-top-nav-header-logo h1 {
|
|
452
|
+
display: inline-block;
|
|
453
|
+
margin: 0 0 0 12px;
|
|
454
|
+
color: #fff;
|
|
455
|
+
font-weight: 600;
|
|
456
|
+
font-size: 16px;
|
|
457
|
+
vertical-align: top;
|
|
458
|
+
}
|
|
459
|
+
.ant-pro-top-nav-header-menu {
|
|
460
|
+
min-width: 0;
|
|
461
|
+
}
|
|
462
|
+
.ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal {
|
|
463
|
+
height: 100%;
|
|
464
|
+
border: none;
|
|
465
|
+
}
|
|
466
|
+
.ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal .ant-menu-item {
|
|
467
|
+
height: 100%;
|
|
468
|
+
}
|
|
469
|
+
.ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal .ant-menu-item .ant-badge {
|
|
470
|
+
color: unset;
|
|
471
|
+
}
|
|
472
|
+
.ant-pro-menu-popup .ant-badge {
|
|
473
|
+
color: unset;
|
|
474
|
+
}
|
|
55
475
|
.jtable-body-spin {
|
|
56
476
|
min-height: 100%;
|
|
57
477
|
width: 100%;
|
|
@@ -89,7 +509,7 @@
|
|
|
89
509
|
padding: 0 8px;
|
|
90
510
|
}
|
|
91
511
|
.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper-checked .right-button-icon {
|
|
92
|
-
color: #
|
|
512
|
+
color: #1890ff;
|
|
93
513
|
}
|
|
94
514
|
.jtable-body-spin .jtable-body .jtable-content {
|
|
95
515
|
flex: 1;
|
package/es/style/index.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import '../Ellipsis/style/index.less';
|
|
2
2
|
@import '../CheckButton/style/index.less';
|
|
3
|
-
@import '../ProLayout/style/
|
|
3
|
+
@import '../ProLayout/style/style.less';
|
|
4
4
|
@import '../ProTable/style/index.less';
|
|
5
5
|
@import '../Search/style/Search.less';
|
|
6
6
|
@import '../Search/style/Item.less';
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
flex: 1;
|
|
12
12
|
min-width: 0;
|
|
13
13
|
padding: 8px;
|
|
14
|
-
border-radius:
|
|
14
|
+
border-radius: 2px;
|
|
15
15
|
background-color: #f2f3f5;
|
|
16
16
|
transition: all 0.3s;
|
|
17
17
|
color: #333;
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
cursor: pointer;
|
|
20
20
|
}
|
|
21
21
|
.j-check-button .j-check-button-item:hover {
|
|
22
|
-
background-color: #
|
|
22
|
+
background-color: #1890ff;
|
|
23
23
|
opacity: 0.85;
|
|
24
24
|
color: #fff;
|
|
25
25
|
}
|
|
26
26
|
.j-check-button .j-check-button-item.selected {
|
|
27
|
-
background-color: #
|
|
27
|
+
background-color: #1890ff;
|
|
28
28
|
color: #fff;
|
|
29
29
|
}
|
|
30
30
|
.j-check-button .j-check-button-item.disabled {
|
package/lib/Ellipsis/Ellipsis.js
CHANGED
|
@@ -32,7 +32,7 @@ const jEllipsis = 'j-ellipsis';
|
|
|
32
32
|
const jEllipsisCursorClass = 'j-ellipsis-cursor';
|
|
33
33
|
const jEllipsisLineClampClass = 'j-ellipsis-line-clamp';
|
|
34
34
|
const __sfc_main__ = Object.assign({
|
|
35
|
-
name: '
|
|
35
|
+
name: 'JEllipsis',
|
|
36
36
|
}, {
|
|
37
37
|
props: {
|
|
38
38
|
expandTrigger: {
|
package/lib/FullPage/FullPage.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
} */
|
|
7
7
|
import { defineComponent as _defineComponent } from 'vue';
|
|
8
8
|
import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
9
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
9
|
+
const _withScopeId = n => (_pushScopeId("data-v-1713253708126"), n = n(), _popScopeId(), n);
|
|
10
10
|
const _hoisted_1 = { class: "full-page-warp-content" };
|
|
11
11
|
import { ref } from 'vue';
|
|
12
12
|
import { useElementBounding } from '@vueuse/core';
|
|
@@ -14,6 +14,7 @@ var _antDesignVue = require("ant-design-vue");
|
|
|
14
14
|
var _pageHeader = require("ant-design-vue/es/page-header");
|
|
15
15
|
var _RouteContext = require("../RouteContext");
|
|
16
16
|
var _util = require("../util");
|
|
17
|
+
var _vueTypes = _interopRequireDefault(require("ant-design-vue/es/_util/vue-types"));
|
|
17
18
|
require("./index.less");
|
|
18
19
|
var _excluded = ["title", "tabList", "tabActiveKey", "content", "pageHeaderRender", "header", "extraContent", "prefixedClassName", "prefixCls", "fixedHeader", "showBack"];
|
|
19
20
|
function _isSlot(s) {
|
|
@@ -62,7 +63,7 @@ var pageHeaderTabConfig = exports.pageHeaderTabConfig = {
|
|
|
62
63
|
var pageContainerProps = exports.pageContainerProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, pageHeaderTabConfig), _pageHeader.pageHeaderProps), {}, {
|
|
63
64
|
prefixCls: {
|
|
64
65
|
type: String,
|
|
65
|
-
default: 'ant-pro'
|
|
66
|
+
default: _vueTypes.default.string.def('ant-pro')
|
|
66
67
|
},
|
|
67
68
|
title: {
|
|
68
69
|
type: [Object, String, Boolean, Function],
|
|
@@ -17,15 +17,14 @@ var _Icon = _interopRequireDefault(require("../../Icon"));
|
|
|
17
17
|
var _utils = require("@jetlinks-web/utils");
|
|
18
18
|
var _antDesignVue = require("ant-design-vue");
|
|
19
19
|
var _iconsVue = require("@ant-design/icons-vue/lib/icons");
|
|
20
|
+
require("ant-design-vue/es/_util/vue-types");
|
|
20
21
|
function _isSlot(s) {
|
|
21
22
|
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0, _vue.isVNode)(s);
|
|
22
23
|
}
|
|
23
24
|
var baseMenuProps = exports.baseMenuProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _defaultSettings.defaultSettingProps), {}, {
|
|
24
25
|
prefixCls: {
|
|
25
26
|
type: String,
|
|
26
|
-
default:
|
|
27
|
-
return _RouteContext.defaultPrefixCls;
|
|
28
|
-
}
|
|
27
|
+
default: _RouteContext.defaultPrefixCls
|
|
29
28
|
},
|
|
30
29
|
locale: {
|
|
31
30
|
type: [Function, Boolean],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import 'ant-design-vue/es/style/themes/index.less';
|
|
2
|
-
|
|
3
|
-
@basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
|
|
4
|
-
@pro-layout-header-height: 48px;
|
|
1
|
+
@import 'ant-design-vue/es/style/themes/index.less';
|
|
2
|
+
|
|
3
|
+
@basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
|
|
4
|
+
@pro-layout-header-height: 48px;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
} */
|
|
22
22
|
import { defineComponent as _defineComponent } from 'vue';
|
|
23
23
|
import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
24
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
24
|
+
const _withScopeId = n => (_pushScopeId("data-v-1713253709627"), n = n(), _popScopeId(), n);
|
|
25
25
|
const _hoisted_1 = {
|
|
26
26
|
key: 0,
|
|
27
27
|
style: { "width": "240px" }
|
package/lib/Search/Item.js
CHANGED
|
@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
|
|
|
78
78
|
} */
|
|
79
79
|
import { defineComponent as _defineComponent } from 'vue';
|
|
80
80
|
import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
81
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
81
|
+
const _withScopeId = n => (_pushScopeId("data-v-1713253708912"), n = n(), _popScopeId(), n);
|
|
82
82
|
const _hoisted_1 = { class: "JSearch-item" };
|
|
83
83
|
const _hoisted_2 = {
|
|
84
84
|
key: 0,
|
package/lib/Search/Search.js
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
} */
|
|
37
37
|
import { defineComponent as _defineComponent } from 'vue';
|
|
38
38
|
import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
39
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
39
|
+
const _withScopeId = n => (_pushScopeId("data-v-1713253709078"), n = n(), _popScopeId(), n);
|
|
40
40
|
const _hoisted_1 = { class: "JSearch-content simple" };
|
|
41
41
|
const _hoisted_2 = { class: "JSearch-items" };
|
|
42
42
|
import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';
|
package/lib/style/index.css
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
flex: 1;
|
|
29
29
|
min-width: 0;
|
|
30
30
|
padding: 8px;
|
|
31
|
-
border-radius:
|
|
31
|
+
border-radius: 2px;
|
|
32
32
|
background-color: #f2f3f5;
|
|
33
33
|
transition: all 0.3s;
|
|
34
34
|
color: #333;
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
cursor: pointer;
|
|
37
37
|
}
|
|
38
38
|
.j-check-button .j-check-button-item:hover {
|
|
39
|
-
background-color: #
|
|
39
|
+
background-color: #1890ff;
|
|
40
40
|
opacity: 0.85;
|
|
41
41
|
color: #fff;
|
|
42
42
|
}
|
|
43
43
|
.j-check-button .j-check-button-item.selected {
|
|
44
|
-
background-color: #
|
|
44
|
+
background-color: #1890ff;
|
|
45
45
|
color: #fff;
|
|
46
46
|
}
|
|
47
47
|
.j-check-button .j-check-button-item.disabled {
|
|
@@ -52,6 +52,426 @@
|
|
|
52
52
|
background-color: #f2f3f5;
|
|
53
53
|
color: #00000060;
|
|
54
54
|
}
|
|
55
|
+
.ant-pro-basicLayout {
|
|
56
|
+
display: flex;
|
|
57
|
+
flex-direction: column;
|
|
58
|
+
width: 100%;
|
|
59
|
+
min-height: 100%;
|
|
60
|
+
}
|
|
61
|
+
.ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
|
|
62
|
+
position: fixed;
|
|
63
|
+
top: 0;
|
|
64
|
+
}
|
|
65
|
+
.ant-pro-basicLayout-content {
|
|
66
|
+
position: relative;
|
|
67
|
+
margin: 24px;
|
|
68
|
+
}
|
|
69
|
+
.ant-pro-basicLayout-content .ant-pro-page-container {
|
|
70
|
+
margin: -24px -24px 0;
|
|
71
|
+
}
|
|
72
|
+
.ant-pro-basicLayout-content-disable-margin {
|
|
73
|
+
margin: 0;
|
|
74
|
+
}
|
|
75
|
+
.ant-pro-basicLayout-content-disable-margin .ant-pro-page-container {
|
|
76
|
+
margin: 0;
|
|
77
|
+
}
|
|
78
|
+
.ant-pro-basicLayout-content > .ant-layout {
|
|
79
|
+
max-height: 100%;
|
|
80
|
+
}
|
|
81
|
+
.ant-pro-basicLayout .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
|
|
82
|
+
height: 100vh;
|
|
83
|
+
overflow: hidden;
|
|
84
|
+
transform: rotate(0);
|
|
85
|
+
}
|
|
86
|
+
.ant-pro-basicLayout .ant-pro-basicLayout-has-header .tech-page-container {
|
|
87
|
+
height: calc(100vh - 48px);
|
|
88
|
+
}
|
|
89
|
+
.ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .tech-page-container {
|
|
90
|
+
height: calc(100vh - 48px - 48px);
|
|
91
|
+
}
|
|
92
|
+
.ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children {
|
|
93
|
+
min-height: calc(100vh - 48px);
|
|
94
|
+
}
|
|
95
|
+
.ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
|
|
96
|
+
height: calc(100vh - 48px);
|
|
97
|
+
}
|
|
98
|
+
.ant-pro-fixed-header {
|
|
99
|
+
z-index: 9;
|
|
100
|
+
width: 100%;
|
|
101
|
+
}
|
|
102
|
+
.ant-pro-page-container-children-content {
|
|
103
|
+
margin: 24px 24px 0;
|
|
104
|
+
}
|
|
105
|
+
.ant-pro-page-container-warp {
|
|
106
|
+
background-color: #fff;
|
|
107
|
+
}
|
|
108
|
+
.ant-pro-page-container-warp .ant-tabs-bar {
|
|
109
|
+
margin: 0;
|
|
110
|
+
}
|
|
111
|
+
.ant-pro-page-container-ghost .ant-pro-page-container-warp {
|
|
112
|
+
background-color: #fff;
|
|
113
|
+
}
|
|
114
|
+
.ant-pro-page-container-main .ant-pro-page-container-detail {
|
|
115
|
+
display: flex;
|
|
116
|
+
}
|
|
117
|
+
.ant-pro-page-container-main .ant-pro-page-container-row {
|
|
118
|
+
display: flex;
|
|
119
|
+
width: 100%;
|
|
120
|
+
}
|
|
121
|
+
.ant-pro-page-container-main .ant-pro-page-container-title-content {
|
|
122
|
+
margin-bottom: 16px;
|
|
123
|
+
}
|
|
124
|
+
.ant-pro-page-container-main .ant-pro-page-container-title,
|
|
125
|
+
.ant-pro-page-container-main .ant-pro-page-container-content {
|
|
126
|
+
flex: auto;
|
|
127
|
+
}
|
|
128
|
+
.ant-pro-page-container-main .ant-pro-page-container-extraContent,
|
|
129
|
+
.ant-pro-page-container-main .ant-pro-page-container-main {
|
|
130
|
+
flex: 0 1 auto;
|
|
131
|
+
}
|
|
132
|
+
.ant-pro-page-container-main .ant-pro-page-container-main {
|
|
133
|
+
width: 100%;
|
|
134
|
+
}
|
|
135
|
+
.ant-pro-page-container-main .ant-pro-page-container-title {
|
|
136
|
+
margin-bottom: 16px;
|
|
137
|
+
}
|
|
138
|
+
.ant-pro-page-container-main .ant-pro-page-container-logo {
|
|
139
|
+
margin-bottom: 16px;
|
|
140
|
+
}
|
|
141
|
+
.ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
|
142
|
+
min-width: 242px;
|
|
143
|
+
margin-left: 88px;
|
|
144
|
+
text-align: right;
|
|
145
|
+
}
|
|
146
|
+
@media screen and (max-width: 1200px) {
|
|
147
|
+
.ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
|
148
|
+
margin-left: 44px;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
@media screen and (max-width: 992px) {
|
|
152
|
+
.ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
|
153
|
+
margin-left: 20px;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
@media screen and (max-width: 768px) {
|
|
157
|
+
.ant-pro-page-container-main .ant-pro-page-container-row {
|
|
158
|
+
display: block;
|
|
159
|
+
}
|
|
160
|
+
.ant-pro-page-container-main .ant-pro-page-container-action,
|
|
161
|
+
.ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
|
162
|
+
margin-left: 0;
|
|
163
|
+
text-align: left;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
@media screen and (max-width: 576px) {
|
|
167
|
+
.ant-pro-page-container-detail {
|
|
168
|
+
display: block;
|
|
169
|
+
}
|
|
170
|
+
.ant-pro-page-container-extraContent {
|
|
171
|
+
margin-left: 0;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
.ant-pro-sider {
|
|
175
|
+
position: relative;
|
|
176
|
+
background-color: #001529;
|
|
177
|
+
border-right: 0;
|
|
178
|
+
z-index: 20;
|
|
179
|
+
}
|
|
180
|
+
.ant-pro-sider .ant-menu {
|
|
181
|
+
background: transparent;
|
|
182
|
+
}
|
|
183
|
+
.ant-pro-sider.ant-layout-sider-light .ant-menu-item a {
|
|
184
|
+
color: rgba(0, 0, 0, 0.85);
|
|
185
|
+
}
|
|
186
|
+
.ant-pro-sider.ant-layout-sider-light .ant-menu-item-selected a,
|
|
187
|
+
.ant-pro-sider.ant-layout-sider-light .ant-menu-item a:hover {
|
|
188
|
+
color: #1890ff;
|
|
189
|
+
}
|
|
190
|
+
.ant-pro-sider-logo {
|
|
191
|
+
position: relative;
|
|
192
|
+
display: flex;
|
|
193
|
+
align-items: center;
|
|
194
|
+
padding: 16px 16px;
|
|
195
|
+
cursor: pointer;
|
|
196
|
+
transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
197
|
+
}
|
|
198
|
+
.ant-pro-sider-logo > a {
|
|
199
|
+
display: flex;
|
|
200
|
+
align-items: center;
|
|
201
|
+
justify-content: center;
|
|
202
|
+
min-height: 32px;
|
|
203
|
+
}
|
|
204
|
+
.ant-pro-sider-logo img {
|
|
205
|
+
display: inline-block;
|
|
206
|
+
height: 32px;
|
|
207
|
+
vertical-align: middle;
|
|
208
|
+
}
|
|
209
|
+
.ant-pro-sider-logo h1 {
|
|
210
|
+
display: inline-block;
|
|
211
|
+
height: 32px;
|
|
212
|
+
margin: 0 0 0 12px;
|
|
213
|
+
color: white;
|
|
214
|
+
font-weight: 600;
|
|
215
|
+
font-size: 18px;
|
|
216
|
+
line-height: 32px;
|
|
217
|
+
vertical-align: middle;
|
|
218
|
+
animation: pro-layout-title-hide 0.3s;
|
|
219
|
+
}
|
|
220
|
+
.ant-pro-sider-extra {
|
|
221
|
+
margin-bottom: 16px;
|
|
222
|
+
padding: 0 16px;
|
|
223
|
+
}
|
|
224
|
+
.ant-pro-sider-extra-no-logo {
|
|
225
|
+
margin-top: 16px;
|
|
226
|
+
}
|
|
227
|
+
.ant-pro-sider-menu {
|
|
228
|
+
position: relative;
|
|
229
|
+
z-index: 10;
|
|
230
|
+
min-height: 100%;
|
|
231
|
+
box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
|
|
232
|
+
}
|
|
233
|
+
.ant-pro-sider .ant-layout-sider-children {
|
|
234
|
+
display: flex;
|
|
235
|
+
flex-direction: column;
|
|
236
|
+
height: 100%;
|
|
237
|
+
/* 滚动条滑块 */
|
|
238
|
+
}
|
|
239
|
+
.ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar {
|
|
240
|
+
width: 6px;
|
|
241
|
+
height: 6px;
|
|
242
|
+
}
|
|
243
|
+
.ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-track {
|
|
244
|
+
background: rgba(255, 255, 255, 0.15);
|
|
245
|
+
border-radius: 3px;
|
|
246
|
+
box-shadow: inset 0 0 5px rgba(37, 37, 37, 0.05);
|
|
247
|
+
}
|
|
248
|
+
.ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-thumb {
|
|
249
|
+
background: rgba(255, 255, 255, 0.2);
|
|
250
|
+
border-radius: 3px;
|
|
251
|
+
box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.05);
|
|
252
|
+
}
|
|
253
|
+
.ant-pro-sider.ant-layout-sider-collapsed .ant-menu-inline-collapsed {
|
|
254
|
+
width: 48px;
|
|
255
|
+
}
|
|
256
|
+
.ant-pro-sider.ant-layout-sider-collapsed .ant-pro-sider-logo {
|
|
257
|
+
padding: 16px 8px;
|
|
258
|
+
}
|
|
259
|
+
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
|
|
260
|
+
position: fixed;
|
|
261
|
+
top: 0;
|
|
262
|
+
left: 0;
|
|
263
|
+
z-index: 99;
|
|
264
|
+
height: 100%;
|
|
265
|
+
overflow: auto;
|
|
266
|
+
overflow-x: hidden;
|
|
267
|
+
box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
|
|
268
|
+
}
|
|
269
|
+
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed > .ant-menu-root :not(.ant-pro-sider-link-menu) {
|
|
270
|
+
height: calc(100vh - 48px);
|
|
271
|
+
overflow-y: auto;
|
|
272
|
+
}
|
|
273
|
+
.ant-pro-sider-light {
|
|
274
|
+
background-color: #fff;
|
|
275
|
+
box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
|
|
276
|
+
}
|
|
277
|
+
.ant-pro-sider-light .ant-layout-sider-children {
|
|
278
|
+
/* 滚动条滑块 */
|
|
279
|
+
}
|
|
280
|
+
.ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-track {
|
|
281
|
+
background: rgba(0, 0, 0, 0.06);
|
|
282
|
+
border-radius: 3px;
|
|
283
|
+
box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
|
|
284
|
+
}
|
|
285
|
+
.ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-thumb {
|
|
286
|
+
background: rgba(0, 0, 0, 0.12);
|
|
287
|
+
border-radius: 3px;
|
|
288
|
+
box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
|
|
289
|
+
}
|
|
290
|
+
.ant-pro-sider-light .ant-pro-sider-logo h1 {
|
|
291
|
+
color: #1890ff;
|
|
292
|
+
}
|
|
293
|
+
.ant-pro-sider-light .ant-menu-light {
|
|
294
|
+
border-right-color: transparent;
|
|
295
|
+
}
|
|
296
|
+
.ant-pro-sider-light .ant-pro-sider-collapsed-button {
|
|
297
|
+
border-top: 1px solid #f0f0f0;
|
|
298
|
+
}
|
|
299
|
+
.ant-pro-sider-icon {
|
|
300
|
+
width: 14px;
|
|
301
|
+
vertical-align: baseline;
|
|
302
|
+
}
|
|
303
|
+
.ant-pro-sider-links {
|
|
304
|
+
width: 100%;
|
|
305
|
+
}
|
|
306
|
+
.ant-pro-sider-links ul.ant-menu-root {
|
|
307
|
+
height: auto;
|
|
308
|
+
}
|
|
309
|
+
.ant-pro-sider-collapsed-button {
|
|
310
|
+
border-top: 1px solid rgba(0, 0, 0, 0.25);
|
|
311
|
+
}
|
|
312
|
+
.ant-pro-sider-collapsed-button .anticon {
|
|
313
|
+
font-size: 16px;
|
|
314
|
+
}
|
|
315
|
+
.ant-pro-sider .top-nav-menu li.ant-menu-item {
|
|
316
|
+
height: 100%;
|
|
317
|
+
line-height: 1;
|
|
318
|
+
}
|
|
319
|
+
.ant-pro-sider .drawer .drawer-content {
|
|
320
|
+
background: #001529;
|
|
321
|
+
}
|
|
322
|
+
.ant-pro-menu-item .anticon + .ant-pro-menu-item-title {
|
|
323
|
+
margin-left: 10px;
|
|
324
|
+
}
|
|
325
|
+
@keyframes pro-layout-title-hide {
|
|
326
|
+
0% {
|
|
327
|
+
display: none;
|
|
328
|
+
opacity: 0;
|
|
329
|
+
}
|
|
330
|
+
80% {
|
|
331
|
+
display: none;
|
|
332
|
+
opacity: 0;
|
|
333
|
+
}
|
|
334
|
+
100% {
|
|
335
|
+
display: unset;
|
|
336
|
+
opacity: 1;
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
.ant-pro-global-header {
|
|
340
|
+
position: relative;
|
|
341
|
+
display: flex;
|
|
342
|
+
align-items: center;
|
|
343
|
+
height: 100%;
|
|
344
|
+
padding: 0 16px;
|
|
345
|
+
background: #fff;
|
|
346
|
+
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
|
347
|
+
}
|
|
348
|
+
.ant-pro-global-header > * {
|
|
349
|
+
height: 100%;
|
|
350
|
+
}
|
|
351
|
+
.ant-pro-global-header-collapsed-button {
|
|
352
|
+
display: flex;
|
|
353
|
+
align-items: center;
|
|
354
|
+
margin-left: 16px;
|
|
355
|
+
font-size: 20px;
|
|
356
|
+
}
|
|
357
|
+
.ant-pro-global-header-layout-mix {
|
|
358
|
+
background-color: #001529;
|
|
359
|
+
}
|
|
360
|
+
.ant-pro-global-header-layout-mix .ant-pro-global-header-logo h1 {
|
|
361
|
+
color: #fff;
|
|
362
|
+
}
|
|
363
|
+
.ant-pro-global-header-layout-mix .anticon {
|
|
364
|
+
color: #fff;
|
|
365
|
+
}
|
|
366
|
+
.ant-pro-global-header-logo {
|
|
367
|
+
position: relative;
|
|
368
|
+
overflow: hidden;
|
|
369
|
+
}
|
|
370
|
+
.ant-pro-global-header-logo a {
|
|
371
|
+
display: flex;
|
|
372
|
+
align-items: center;
|
|
373
|
+
height: 100%;
|
|
374
|
+
}
|
|
375
|
+
.ant-pro-global-header-logo a img {
|
|
376
|
+
height: 28px;
|
|
377
|
+
}
|
|
378
|
+
.ant-pro-global-header-logo a h1 {
|
|
379
|
+
height: 32px;
|
|
380
|
+
margin: 0 0 0 8px;
|
|
381
|
+
margin: 0 0 0 12px;
|
|
382
|
+
color: #1890ff;
|
|
383
|
+
font-weight: 600;
|
|
384
|
+
font-size: 18px;
|
|
385
|
+
line-height: 32px;
|
|
386
|
+
}
|
|
387
|
+
.ant-pro-global-header-menu .anticon {
|
|
388
|
+
margin-right: 8px;
|
|
389
|
+
}
|
|
390
|
+
.ant-pro-global-header-menu .ant-dropdown-menu-item {
|
|
391
|
+
min-width: 160px;
|
|
392
|
+
}
|
|
393
|
+
.ant-pro-global-header .dark {
|
|
394
|
+
height: 48px;
|
|
395
|
+
}
|
|
396
|
+
.ant-pro-global-header .dark .action {
|
|
397
|
+
color: rgba(255, 255, 255, 0.85);
|
|
398
|
+
}
|
|
399
|
+
.ant-pro-global-header .dark .action > i {
|
|
400
|
+
color: rgba(255, 255, 255, 0.85);
|
|
401
|
+
}
|
|
402
|
+
.ant-pro-global-header .dark .action:hover,
|
|
403
|
+
.ant-pro-global-header .dark .action.opened {
|
|
404
|
+
background: #1890ff;
|
|
405
|
+
}
|
|
406
|
+
.ant-pro-global-header .dark .action .ant-badge {
|
|
407
|
+
color: rgba(255, 255, 255, 0.85);
|
|
408
|
+
}
|
|
409
|
+
.ant-pro-top-nav-header {
|
|
410
|
+
position: relative;
|
|
411
|
+
width: 100%;
|
|
412
|
+
height: 100%;
|
|
413
|
+
box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.12);
|
|
414
|
+
transition: background 0.3s, width 0.2s;
|
|
415
|
+
}
|
|
416
|
+
.ant-pro-top-nav-header .ant-menu {
|
|
417
|
+
background: transparent;
|
|
418
|
+
}
|
|
419
|
+
.ant-pro-top-nav-header.light {
|
|
420
|
+
background-color: #fff;
|
|
421
|
+
}
|
|
422
|
+
.ant-pro-top-nav-header.light .ant-pro-top-nav-header-logo h1 {
|
|
423
|
+
color: rgba(0, 0, 0, 0.85);
|
|
424
|
+
}
|
|
425
|
+
.ant-pro-top-nav-header.light .anticon {
|
|
426
|
+
color: inherit;
|
|
427
|
+
}
|
|
428
|
+
.ant-pro-top-nav-header-main {
|
|
429
|
+
display: flex;
|
|
430
|
+
height: 100%;
|
|
431
|
+
padding-left: 16px;
|
|
432
|
+
}
|
|
433
|
+
.ant-pro-top-nav-header-main-left {
|
|
434
|
+
display: flex;
|
|
435
|
+
min-width: 192px;
|
|
436
|
+
}
|
|
437
|
+
.ant-pro-top-nav-header .anticon {
|
|
438
|
+
color: #fff;
|
|
439
|
+
}
|
|
440
|
+
.ant-pro-top-nav-header-logo {
|
|
441
|
+
position: relative;
|
|
442
|
+
min-width: 165px;
|
|
443
|
+
height: 100%;
|
|
444
|
+
overflow: hidden;
|
|
445
|
+
}
|
|
446
|
+
.ant-pro-top-nav-header-logo img {
|
|
447
|
+
display: inline-block;
|
|
448
|
+
height: 32px;
|
|
449
|
+
vertical-align: middle;
|
|
450
|
+
}
|
|
451
|
+
.ant-pro-top-nav-header-logo h1 {
|
|
452
|
+
display: inline-block;
|
|
453
|
+
margin: 0 0 0 12px;
|
|
454
|
+
color: #fff;
|
|
455
|
+
font-weight: 600;
|
|
456
|
+
font-size: 16px;
|
|
457
|
+
vertical-align: top;
|
|
458
|
+
}
|
|
459
|
+
.ant-pro-top-nav-header-menu {
|
|
460
|
+
min-width: 0;
|
|
461
|
+
}
|
|
462
|
+
.ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal {
|
|
463
|
+
height: 100%;
|
|
464
|
+
border: none;
|
|
465
|
+
}
|
|
466
|
+
.ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal .ant-menu-item {
|
|
467
|
+
height: 100%;
|
|
468
|
+
}
|
|
469
|
+
.ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal .ant-menu-item .ant-badge {
|
|
470
|
+
color: unset;
|
|
471
|
+
}
|
|
472
|
+
.ant-pro-menu-popup .ant-badge {
|
|
473
|
+
color: unset;
|
|
474
|
+
}
|
|
55
475
|
.jtable-body-spin {
|
|
56
476
|
min-height: 100%;
|
|
57
477
|
width: 100%;
|
|
@@ -89,7 +509,7 @@
|
|
|
89
509
|
padding: 0 8px;
|
|
90
510
|
}
|
|
91
511
|
.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper-checked .right-button-icon {
|
|
92
|
-
color: #
|
|
512
|
+
color: #1890ff;
|
|
93
513
|
}
|
|
94
514
|
.jtable-body-spin .jtable-body .jtable-content {
|
|
95
515
|
flex: 1;
|
package/lib/style/index.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import '../Ellipsis/style/index.less';
|
|
2
2
|
@import '../CheckButton/style/index.less';
|
|
3
|
-
@import '../ProLayout/style/
|
|
3
|
+
@import '../ProLayout/style/style.less';
|
|
4
4
|
@import '../ProTable/style/index.less';
|
|
5
5
|
@import '../Search/style/Search.less';
|
|
6
6
|
@import '../Search/style/Item.less';
|
package/package.json
CHANGED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
.jtable-body-spin {
|
|
2
|
-
min-height: 100%;
|
|
3
|
-
width: 100%;
|
|
4
|
-
padding: 16px 24px 24px;
|
|
5
|
-
background-color: #fff;
|
|
6
|
-
}
|
|
7
|
-
.jtable-body-spin .ant-spin-nested-loading {
|
|
8
|
-
height: 100%;
|
|
9
|
-
}
|
|
10
|
-
.jtable-body-spin .ant-spin-nested-loading .ant-spin-container {
|
|
11
|
-
height: 100%;
|
|
12
|
-
}
|
|
13
|
-
.jtable-body-spin .jtable-body {
|
|
14
|
-
width: 100%;
|
|
15
|
-
box-sizing: border-box;
|
|
16
|
-
height: 100%;
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-direction: column;
|
|
19
|
-
}
|
|
20
|
-
.jtable-body-spin .jtable-body .jtable-body-header {
|
|
21
|
-
display: flex;
|
|
22
|
-
justify-content: space-between;
|
|
23
|
-
align-items: center;
|
|
24
|
-
}
|
|
25
|
-
.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right {
|
|
26
|
-
display: flex;
|
|
27
|
-
gap: 8px;
|
|
28
|
-
align-items: center;
|
|
29
|
-
}
|
|
30
|
-
.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
|
|
31
|
-
font-size: 16px;
|
|
32
|
-
color: #d9d9d9;
|
|
33
|
-
}
|
|
34
|
-
.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
|
|
35
|
-
padding: 0 8px;
|
|
36
|
-
}
|
|
37
|
-
.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper-checked .right-button-icon {
|
|
38
|
-
color: #315EFB;
|
|
39
|
-
}
|
|
40
|
-
.jtable-body-spin .jtable-body .jtable-content {
|
|
41
|
-
flex: 1;
|
|
42
|
-
padding: 16px 0;
|
|
43
|
-
}
|
|
44
|
-
.jtable-body-spin .jtable-body .jtable-content .jtable-alert {
|
|
45
|
-
margin-bottom: 16px;
|
|
46
|
-
}
|
|
47
|
-
.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items {
|
|
48
|
-
display: grid;
|
|
49
|
-
grid-gap: 26px;
|
|
50
|
-
}
|
|
51
|
-
.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items .jtable-card-item {
|
|
52
|
-
display: flex;
|
|
53
|
-
min-width: 0;
|
|
54
|
-
}
|
|
55
|
-
.jtable-body-spin .jtable-body .jtable-pagination {
|
|
56
|
-
width: 100%;
|
|
57
|
-
display: flex;
|
|
58
|
-
justify-content: flex-end;
|
|
59
|
-
}
|
|
60
|
-
.jtable-body-spin .jtable-body .j-table-empty {
|
|
61
|
-
display: flex;
|
|
62
|
-
justify-content: center;
|
|
63
|
-
align-items: center;
|
|
64
|
-
margin: 10% 0;
|
|
65
|
-
}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
.jtable-body-spin {
|
|
2
|
-
min-height: 100%;
|
|
3
|
-
width: 100%;
|
|
4
|
-
padding: 16px 24px 24px;
|
|
5
|
-
background-color: #fff;
|
|
6
|
-
}
|
|
7
|
-
.jtable-body-spin .ant-spin-nested-loading {
|
|
8
|
-
height: 100%;
|
|
9
|
-
}
|
|
10
|
-
.jtable-body-spin .ant-spin-nested-loading .ant-spin-container {
|
|
11
|
-
height: 100%;
|
|
12
|
-
}
|
|
13
|
-
.jtable-body-spin .jtable-body {
|
|
14
|
-
width: 100%;
|
|
15
|
-
box-sizing: border-box;
|
|
16
|
-
height: 100%;
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-direction: column;
|
|
19
|
-
}
|
|
20
|
-
.jtable-body-spin .jtable-body .jtable-body-header {
|
|
21
|
-
display: flex;
|
|
22
|
-
justify-content: space-between;
|
|
23
|
-
align-items: center;
|
|
24
|
-
}
|
|
25
|
-
.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right {
|
|
26
|
-
display: flex;
|
|
27
|
-
gap: 8px;
|
|
28
|
-
align-items: center;
|
|
29
|
-
}
|
|
30
|
-
.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
|
|
31
|
-
font-size: 16px;
|
|
32
|
-
color: #d9d9d9;
|
|
33
|
-
}
|
|
34
|
-
.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
|
|
35
|
-
padding: 0 8px;
|
|
36
|
-
}
|
|
37
|
-
.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper-checked .right-button-icon {
|
|
38
|
-
color: #315EFB;
|
|
39
|
-
}
|
|
40
|
-
.jtable-body-spin .jtable-body .jtable-content {
|
|
41
|
-
flex: 1;
|
|
42
|
-
padding: 16px 0;
|
|
43
|
-
}
|
|
44
|
-
.jtable-body-spin .jtable-body .jtable-content .jtable-alert {
|
|
45
|
-
margin-bottom: 16px;
|
|
46
|
-
}
|
|
47
|
-
.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items {
|
|
48
|
-
display: grid;
|
|
49
|
-
grid-gap: 26px;
|
|
50
|
-
}
|
|
51
|
-
.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items .jtable-card-item {
|
|
52
|
-
display: flex;
|
|
53
|
-
min-width: 0;
|
|
54
|
-
}
|
|
55
|
-
.jtable-body-spin .jtable-body .jtable-pagination {
|
|
56
|
-
width: 100%;
|
|
57
|
-
display: flex;
|
|
58
|
-
justify-content: flex-end;
|
|
59
|
-
}
|
|
60
|
-
.jtable-body-spin .jtable-body .j-table-empty {
|
|
61
|
-
display: flex;
|
|
62
|
-
justify-content: center;
|
|
63
|
-
align-items: center;
|
|
64
|
-
margin: 10% 0;
|
|
65
|
-
}
|