@oceanbase/ui 0.2.26 → 0.2.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.
@@ -5,20 +5,19 @@
5
5
  .@{prefix}-container {
6
6
  display: flex;
7
7
  justify-content: space-between;
8
- min-width: 768px;
8
+ min-width: 960px;
9
9
  height: 100vh;
10
10
  min-height: 600px;
11
11
  overflow: auto;
12
12
 
13
13
  .@{prefix}-bg {
14
- width: 540px;
15
- min-width: 400px;
14
+ width: 40%;
16
15
  height: 100%;
17
16
  background-repeat: no-repeat;
18
17
  background-size: cover;
19
18
 
20
19
  .@{prefix}-info {
21
- margin: 185px 90px 0 90px;
20
+ margin: 185px 48px 0 48px;
22
21
  color: #fff;
23
22
  font-weight: 600;
24
23
  font-size: 56px;
@@ -209,54 +208,6 @@
209
208
  }
210
209
  }
211
210
 
212
- @media (max-width: 2048px) {
213
- .@{prefix}-container {
214
- .@{prefix}-bg {
215
- width: 800px;
216
-
217
- .@{prefix}-info {
218
- margin: 185px 48px 0 48px;
219
- font-size: 72px;
220
- .@{prefix}-start {
221
- font-size: 48px;
222
- }
223
- }
224
- }
225
- }
226
- }
227
-
228
- @media (max-width: 1800px) {
229
- .@{prefix}-container {
230
- .@{prefix}-bg {
231
- width: 700px;
232
-
233
- .@{prefix}-info {
234
- margin: 185px 48px 0 48px;
235
- font-size: 64px;
236
- .@{prefix}-start {
237
- font-size: 40px;
238
- }
239
- }
240
- }
241
- }
242
- }
243
-
244
- @media (max-width: 1600px) {
245
- .@{prefix}-container {
246
- .@{prefix}-bg {
247
- width: 600px;
248
-
249
- .@{prefix}-info {
250
- margin: 185px 48px 0 48px;
251
- font-size: 56px;
252
- .@{prefix}-start {
253
- font-size: 32px;
254
- }
255
- }
256
- }
257
- }
258
- }
259
-
260
211
  // 设置的登录页最小高度,防止 logo 偏移位置偏移遮住输入框
261
212
  @media (max-height: 650px) {
262
213
  .@{prefix}-container {
@@ -267,55 +218,6 @@
267
218
  }
268
219
  }
269
220
 
270
- @media (max-width: 1200px) {
271
- .@{prefix}-container {
272
- .@{prefix}-bg {
273
- width: 500px;
274
-
275
- .@{prefix}-info {
276
- margin: 185px 48px 0 48px;
277
- font-size: 48px;
278
- .@{prefix}-start {
279
- font-size: 28px;
280
- }
281
- }
282
- }
283
- }
284
- }
285
-
286
- @media (max-width: 992px) {
287
- .@{prefix}-container {
288
- .@{prefix}-bg {
289
- width: 400px;
290
-
291
- .@{prefix}-info {
292
- margin: 185px 32px 0 32px;
293
- font-size: 40px;
294
- .@{prefix}-start {
295
- font-size: 24px;
296
- }
297
- }
298
- }
299
- }
300
- }
301
-
302
- @media (max-width: 768px) {
303
- .@{prefix}-container {
304
- .@{prefix}-bg {
305
- width: 250px;
306
-
307
- .@{prefix}-info {
308
- margin: 185px 24px 0 24px;
309
- font-size: 32px;
310
-
311
- .@{prefix}-start {
312
- font-size: 20px;
313
- }
314
- }
315
- }
316
- }
317
- }
318
-
319
221
  .@{prefix}-container-with-board {
320
222
  .@{prefix}-card {
321
223
  .@{prefix}-content {
@@ -4,7 +4,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
4
4
  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
5
5
  import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
6
6
  export var genPageContainerStyle = function genPageContainerStyle(token) {
7
- var _$concat, _$concat2, _$concat3, _$concat5, _ref;
7
+ var _$concat, _$concat$concat, _$concat2, _$concat4, _ref;
8
8
  var antCls = token.antCls,
9
9
  proComponentsCls = token.proComponentsCls,
10
10
  componentCls = token.componentCls,
@@ -18,25 +18,25 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
18
18
  paddingLG = token.paddingLG;
19
19
  var height = controlHeightLG;
20
20
  var lineHeight = "".concat(controlHeightLG, "px");
21
- return _ref = {}, _defineProperty(_ref, "".concat(componentCls), (_$concat3 = {
21
+ return _ref = {}, _defineProperty(_ref, "".concat(componentCls), (_$concat2 = {
22
22
  minHeight: '100vh',
23
23
  backgroundColor: colorBgLayout
24
- }, _defineProperty(_$concat3, "".concat(proComponentsCls, "-grid-content"), {
24
+ }, _defineProperty(_$concat2, "".concat(proComponentsCls, "-grid-content"), {
25
25
  minHeight: 'auto'
26
- }), _defineProperty(_$concat3, "".concat(antCls, "-page-header"), (_$concat2 = {
26
+ }), _defineProperty(_$concat2, "".concat(componentCls, "-warp-page-header,").concat(componentCls, "-wrap-page-header"), (_$concat$concat = {
27
27
  // 减小内容区左右两侧间距
28
- paddingInlineStart: paddingLG,
29
- paddingInlineEnd: paddingLG,
30
- paddingBlockStart: padding,
31
- paddingBlockEnd: padding
32
- }, _defineProperty(_$concat2, "".concat(antCls, "-page-header-breadcrumb"), {
28
+ paddingInlineStart: "".concat(paddingLG, "px !important"),
29
+ paddingInlineEnd: "".concat(paddingLG, "px !important"),
30
+ paddingBlockStart: "".concat(padding, "px !important"),
31
+ paddingBlockEnd: "".concat(padding, "px !important")
32
+ }, _defineProperty(_$concat$concat, "".concat(antCls, "-page-header-breadcrumb"), {
33
33
  // overwritten pro-components style
34
34
  paddingBlockStart: 0
35
- }), _defineProperty(_$concat2, "".concat(antCls, "-page-header-heading-title"), {
35
+ }), _defineProperty(_$concat$concat, "".concat(antCls, "-page-header-heading-title"), {
36
36
  fontSize: fontSizeHeading3
37
- }), _defineProperty(_$concat2, "".concat(antCls, "-page-header-heading-reload"), {
37
+ }), _defineProperty(_$concat$concat, "".concat(antCls, "-page-header-heading-reload"), {
38
38
  cursor: 'pointer'
39
- }), _defineProperty(_$concat2, "".concat(antCls, "-page-header-heading-extra"), (_$concat = {
39
+ }), _defineProperty(_$concat$concat, "".concat(antCls, "-page-header-heading-extra"), (_$concat = {
40
40
  height: height,
41
41
  lineHeight: lineHeight,
42
42
  marginBlock: 0
@@ -48,31 +48,31 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
48
48
  lineHeight: lineHeight
49
49
  }), _defineProperty(_$concat, "".concat(antCls, "-input-wrapper"), {
50
50
  lineHeight: lineHeight
51
- }), _$concat)), _defineProperty(_$concat2, "".concat(antCls, "-page-header-footer"), {
51
+ }), _$concat)), _defineProperty(_$concat$concat, "".concat(antCls, "-page-header-footer"), {
52
52
  marginBlockStart: 0
53
- }), _$concat2)), _defineProperty(_$concat3, "".concat(componentCls, "-children-container"), {
53
+ }), _$concat$concat)), _defineProperty(_$concat2, "".concat(componentCls, "-children-container"), {
54
54
  paddingInline: paddingLG,
55
55
  paddingBlockStart: 0,
56
56
  paddingBlockEnd: paddingLG
57
- }), _defineProperty(_$concat3, "".concat(antCls, "-page-header:not(").concat(antCls, "-page-header-has-breadcrumb)"), _defineProperty({}, "".concat(antCls, "-page-header-heading"), {
57
+ }), _defineProperty(_$concat2, "".concat(antCls, "-page-header:not(").concat(antCls, "-page-header-has-breadcrumb)"), _defineProperty({}, "".concat(antCls, "-page-header-heading"), {
58
58
  paddingBlockStart: 0
59
- })), _$concat3)), _defineProperty(_ref, "".concat(componentCls, "-no-page-header"), _defineProperty({}, "".concat(componentCls, "-children-container"), {
59
+ })), _$concat2)), _defineProperty(_ref, "".concat(componentCls, "-no-page-header"), _defineProperty({}, "".concat(componentCls, "-children-container"), {
60
60
  paddingBlockStart: paddingLG
61
61
  })), _defineProperty(_ref, "".concat(componentCls, "-with-footer "), {
62
62
  paddingBottom: 64
63
- }), _defineProperty(_ref, "".concat(proComponentsCls, "-footer-bar"), (_$concat5 = {
63
+ }), _defineProperty(_ref, "".concat(proComponentsCls, "-footer-bar"), (_$concat4 = {
64
64
  width: '100%',
65
65
  backgroundColor: colorBgBase,
66
66
  borderRadius: borderRadius,
67
67
  boxShadow: boxShadowSecondary,
68
68
  borderBlockStart: 'none'
69
- }, _defineProperty(_$concat5, "".concat(antCls, "-btn:not(").concat(antCls, "-input-search-button)"), {
69
+ }, _defineProperty(_$concat4, "".concat(antCls, "-btn:not(").concat(antCls, "-input-search-button)"), {
70
70
  minWidth: 68,
71
71
  height: height
72
- }), _defineProperty(_$concat5, "".concat(antCls, "-radio-button-wrapper"), {
72
+ }), _defineProperty(_$concat4, "".concat(antCls, "-radio-button-wrapper"), {
73
73
  height: height,
74
74
  lineHeight: lineHeight
75
- }), _$concat5)), _ref;
75
+ }), _$concat4)), _ref;
76
76
  };
77
77
  export default (function (prefixCls) {
78
78
  var useStyle = genComponentStyleHook('PageContainer', function (token) {
@@ -52,7 +52,8 @@ export var genTagSelectStyle = function genTagSelectStyle(token) {
52
52
  borderRadius: token.borderRadius,
53
53
  marginRight: token.marginXS,
54
54
  padding: "".concat(token.paddingXXS, "px ").concat(token.paddingContentHorizontal, "px"),
55
- cursor: 'pointer'
55
+ cursor: 'pointer',
56
+ transition: "all ".concat(token.motionDurationMid, " ").concat(token.motionEaseInOut)
56
57
  }, _defineProperty(_$concat, "".concat(componentCls, "-input"), {
57
58
  width: 0,
58
59
  height: 0,
@@ -76,9 +77,9 @@ export var genTagSelectStyle = function genTagSelectStyle(token) {
76
77
  }), _defineProperty(_ref, "".concat(componentCls, "-large").concat(componentCls, "-img"), _objectSpread(_objectSpread({}, genImgCoverStyle('228px', '120px')), {}, {
77
78
  marginRight: '16px'
78
79
  })), _defineProperty(_ref, "".concat(componentCls, "-small").concat(componentCls, "-img"), genImgCoverStyle('76px', '32px')), _defineProperty(_ref, "".concat(componentCls, "-large"), genSizeStyle(token.paddingContentVerticalSM, token.fontSize)), _defineProperty(_ref, "".concat(componentCls, "-small"), genSizeStyle(0, token.fontSize)), _defineProperty(_ref, "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-disabled):hover"), {
79
- color: token.colorPrimaryTextHover
80
- }), _defineProperty(_ref, "".concat(componentCls, "-checked"), genColoredStyle(token.blue, token.colorPrimaryBg, token.colorPrimaryText)), _defineProperty(_ref, "".concat(componentCls, "-wrapper").concat(componentCls, "-checked:not(").concat(componentCls, "-disabled):focus-within"), {
81
- boxShadow: "0 1px 3px 0px #000",
80
+ borderColor: token.colorPrimaryText
81
+ }), _defineProperty(_ref, "".concat(componentCls, "-checked"), genColoredStyle(token.blue, token.colorPrimaryBg, token.colorPrimaryText)), _defineProperty(_ref, "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-disabled):active"), {
82
+ boxShadow: "0px 0px 3px ".concat(token.colorPrimary),
82
83
  borderColor: "".concat(token.colorPrimary)
83
84
  }), _defineProperty(_ref, "".concat(componentCls, "-checked:not(").concat(componentCls, "-disabled)"), {
84
85
  '&:hover': _objectSpread(_objectSpread({}, genColoredStyle(token.colorInfoBorder, '#EBF1FF', token.colorInfoTextHover)), {}, _defineProperty({}, "".concat(componentCls, "-inner"), {
@@ -5,20 +5,19 @@
5
5
  .@{prefix}-container {
6
6
  display: flex;
7
7
  justify-content: space-between;
8
- min-width: 768px;
8
+ min-width: 960px;
9
9
  height: 100vh;
10
10
  min-height: 600px;
11
11
  overflow: auto;
12
12
 
13
13
  .@{prefix}-bg {
14
- width: 540px;
15
- min-width: 400px;
14
+ width: 40%;
16
15
  height: 100%;
17
16
  background-repeat: no-repeat;
18
17
  background-size: cover;
19
18
 
20
19
  .@{prefix}-info {
21
- margin: 185px 90px 0 90px;
20
+ margin: 185px 48px 0 48px;
22
21
  color: #fff;
23
22
  font-weight: 600;
24
23
  font-size: 56px;
@@ -209,54 +208,6 @@
209
208
  }
210
209
  }
211
210
 
212
- @media (max-width: 2048px) {
213
- .@{prefix}-container {
214
- .@{prefix}-bg {
215
- width: 800px;
216
-
217
- .@{prefix}-info {
218
- margin: 185px 48px 0 48px;
219
- font-size: 72px;
220
- .@{prefix}-start {
221
- font-size: 48px;
222
- }
223
- }
224
- }
225
- }
226
- }
227
-
228
- @media (max-width: 1800px) {
229
- .@{prefix}-container {
230
- .@{prefix}-bg {
231
- width: 700px;
232
-
233
- .@{prefix}-info {
234
- margin: 185px 48px 0 48px;
235
- font-size: 64px;
236
- .@{prefix}-start {
237
- font-size: 40px;
238
- }
239
- }
240
- }
241
- }
242
- }
243
-
244
- @media (max-width: 1600px) {
245
- .@{prefix}-container {
246
- .@{prefix}-bg {
247
- width: 600px;
248
-
249
- .@{prefix}-info {
250
- margin: 185px 48px 0 48px;
251
- font-size: 56px;
252
- .@{prefix}-start {
253
- font-size: 32px;
254
- }
255
- }
256
- }
257
- }
258
- }
259
-
260
211
  // 设置的登录页最小高度,防止 logo 偏移位置偏移遮住输入框
261
212
  @media (max-height: 650px) {
262
213
  .@{prefix}-container {
@@ -267,55 +218,6 @@
267
218
  }
268
219
  }
269
220
 
270
- @media (max-width: 1200px) {
271
- .@{prefix}-container {
272
- .@{prefix}-bg {
273
- width: 500px;
274
-
275
- .@{prefix}-info {
276
- margin: 185px 48px 0 48px;
277
- font-size: 48px;
278
- .@{prefix}-start {
279
- font-size: 28px;
280
- }
281
- }
282
- }
283
- }
284
- }
285
-
286
- @media (max-width: 992px) {
287
- .@{prefix}-container {
288
- .@{prefix}-bg {
289
- width: 400px;
290
-
291
- .@{prefix}-info {
292
- margin: 185px 32px 0 32px;
293
- font-size: 40px;
294
- .@{prefix}-start {
295
- font-size: 24px;
296
- }
297
- }
298
- }
299
- }
300
- }
301
-
302
- @media (max-width: 768px) {
303
- .@{prefix}-container {
304
- .@{prefix}-bg {
305
- width: 250px;
306
-
307
- .@{prefix}-info {
308
- margin: 185px 24px 0 24px;
309
- font-size: 32px;
310
-
311
- .@{prefix}-start {
312
- font-size: 20px;
313
- }
314
- }
315
- }
316
- }
317
- }
318
-
319
221
  .@{prefix}-container-with-board {
320
222
  .@{prefix}-card {
321
223
  .@{prefix}-content {
@@ -47,12 +47,12 @@ var genPageContainerStyle = (token) => {
47
47
  [`${proComponentsCls}-grid-content`]: {
48
48
  minHeight: "auto"
49
49
  },
50
- [`${antCls}-page-header`]: {
50
+ [`${componentCls}-warp-page-header,${componentCls}-wrap-page-header`]: {
51
51
  // 减小内容区左右两侧间距
52
- paddingInlineStart: paddingLG,
53
- paddingInlineEnd: paddingLG,
54
- paddingBlockStart: padding,
55
- paddingBlockEnd: padding,
52
+ paddingInlineStart: `${paddingLG}px !important`,
53
+ paddingInlineEnd: `${paddingLG}px !important`,
54
+ paddingBlockStart: `${padding}px !important`,
55
+ paddingBlockEnd: `${padding}px !important`,
56
56
  [`${antCls}-page-header-breadcrumb`]: {
57
57
  // overwritten pro-components style
58
58
  paddingBlockStart: 0
@@ -73,6 +73,7 @@ var genTagSelectStyle = (token) => {
73
73
  marginRight: token.marginXS,
74
74
  padding: `${token.paddingXXS}px ${token.paddingContentHorizontal}px`,
75
75
  cursor: "pointer",
76
+ transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`,
76
77
  [`${componentCls}-input`]: {
77
78
  width: 0,
78
79
  height: 0,
@@ -107,15 +108,15 @@ var genTagSelectStyle = (token) => {
107
108
  [`${componentCls}-large`]: genSizeStyle(token.paddingContentVerticalSM, token.fontSize),
108
109
  [`${componentCls}-small`]: genSizeStyle(0, token.fontSize),
109
110
  [`${componentCls}-wrapper:not(${componentCls}-disabled):hover`]: {
110
- color: token.colorPrimaryTextHover
111
+ borderColor: token.colorPrimaryText
111
112
  },
112
113
  [`${componentCls}-checked`]: genColoredStyle(
113
114
  token.blue,
114
115
  token.colorPrimaryBg,
115
116
  token.colorPrimaryText
116
117
  ),
117
- [`${componentCls}-wrapper${componentCls}-checked:not(${componentCls}-disabled):focus-within`]: {
118
- boxShadow: `0 1px 3px 0px #000`,
118
+ [`${componentCls}-wrapper:not(${componentCls}-disabled):active`]: {
119
+ boxShadow: `0px 0px 3px ${token.colorPrimary}`,
119
120
  borderColor: `${token.colorPrimary}`
120
121
  },
121
122
  [`${componentCls}-checked:not(${componentCls}-disabled)`]: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oceanbase/ui",
3
- "version": "0.2.26",
3
+ "version": "0.2.28",
4
4
  "description": "The UI library based on OceanBase Design",
5
5
  "keywords": [
6
6
  "oceanbase",
@@ -37,7 +37,7 @@
37
37
  "@ant-design/cssinjs": "^1.17.2",
38
38
  "@ant-design/pro-components": "^2.6.34",
39
39
  "@ant-design/pro-layout": "^7.17.8",
40
- "@oceanbase/design": "^0.2.25",
40
+ "@oceanbase/design": "^0.2.27",
41
41
  "@oceanbase/icons": "^0.2.9",
42
42
  "@oceanbase/util": "^0.2.11",
43
43
  "ahooks": "^2.10.14",
@@ -66,5 +66,5 @@
66
66
  "react": ">=16.9.0",
67
67
  "react-dom": ">=16.9.0"
68
68
  },
69
- "gitHead": "98cd4d8a2af9b6e5dcde6210fc61f9efb74c7e01"
69
+ "gitHead": "debd02b577d782f8a403fe0f6133efb172168898"
70
70
  }