@douyinfe/semi-ui 2.46.0 → 2.46.2

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 (19) hide show
  1. package/dist/css/semi.css +75 -2
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +13 -5
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/_base/base.css +40 -0
  8. package/lib/cjs/button/Button.js +2 -1
  9. package/lib/cjs/collapse/item.d.ts +1 -0
  10. package/lib/cjs/collapse/item.js +1 -0
  11. package/lib/cjs/dropdown/dropdownItem.js +5 -1
  12. package/lib/cjs/pagination/index.js +3 -1
  13. package/lib/es/_base/base.css +40 -0
  14. package/lib/es/button/Button.js +2 -1
  15. package/lib/es/collapse/item.d.ts +1 -0
  16. package/lib/es/collapse/item.js +1 -0
  17. package/lib/es/dropdown/dropdownItem.js +5 -1
  18. package/lib/es/pagination/index.js +3 -1
  19. package/package.json +8 -8
package/lib/cjs/_base/base.css CHANGED
@@ -458,6 +458,26 @@ body, body[theme-mode=dark] .semi-always-light {
458
458
  --semi-border-radius-full: 9999px;
459
459
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
460
460
  --semi-color-highlight: rgba(var(--semi-black), 1);
461
+ --semi-color-data-0:rgba(22, 100, 255, 1);
462
+ --semi-color-data-1:rgba(178, 207, 255, 1);
463
+ --semi-color-data-2:rgba(26, 198, 255, 1);
464
+ --semi-color-data-3:rgba(148, 239, 255, 1);
465
+ --semi-color-data-4:rgba(255, 138, 0, 1);
466
+ --semi-color-data-5:rgba(255, 206, 122, 1);
467
+ --semi-color-data-6:rgba(60, 199, 128, 1);
468
+ --semi-color-data-7:rgba(185, 237, 205, 1);
469
+ --semi-color-data-8:rgba(116, 66, 212, 1);
470
+ --semi-color-data-9:rgba(221, 197, 250, 1);
471
+ --semi-color-data-10:rgba(255, 196, 0, 1);
472
+ --semi-color-data-11:rgba(250, 232, 120, 1);
473
+ --semi-color-data-12:rgba(48, 77, 119, 1);
474
+ --semi-color-data-13:rgba(139, 149, 158, 1);
475
+ --semi-color-data-14:rgba(180, 141, 235, 1);
476
+ --semi-color-data-15:rgba(239, 227, 255, 1);
477
+ --semi-color-data-16:rgba(0, 148, 136, 1);
478
+ --semi-color-data-17:rgba(89, 186, 168, 1);
479
+ --semi-color-data-18:rgba(255, 125, 218, 1);
480
+ --semi-color-data-19:rgba(255, 207, 238, 1);
461
481
  }
462
482
 
463
483
  body[theme-mode=dark], body .semi-always-dark {
@@ -548,6 +568,26 @@ body[theme-mode=dark], body .semi-always-dark {
548
568
  --semi-border-radius-full: 9999px;
549
569
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
550
570
  --semi-color-highlight: rgba(var(--semi-white), 1);
571
+ --semi-color-data-0:rgba(22, 100, 255, 1);
572
+ --semi-color-data-1:rgba(178, 207, 255, 1);
573
+ --semi-color-data-2:rgba(26, 198, 255, 1);
574
+ --semi-color-data-3:rgba(148, 239, 255, 1);
575
+ --semi-color-data-4:rgba(255, 138, 0, 1);
576
+ --semi-color-data-5:rgba(255, 206, 122, 1);
577
+ --semi-color-data-6:rgba(60, 199, 128, 1);
578
+ --semi-color-data-7:rgba(185, 237, 205, 1);
579
+ --semi-color-data-8:rgba(116, 66, 212, 1);
580
+ --semi-color-data-9:rgba(221, 197, 250, 1);
581
+ --semi-color-data-10:rgba(255, 196, 0, 1);
582
+ --semi-color-data-11:rgba(250, 232, 120, 1);
583
+ --semi-color-data-12:rgba(48, 77, 119, 1);
584
+ --semi-color-data-13:rgba(139, 149, 158, 1);
585
+ --semi-color-data-14:rgba(180, 141, 235, 1);
586
+ --semi-color-data-15:rgba(239, 227, 255, 1);
587
+ --semi-color-data-16:rgba(0, 148, 136, 1);
588
+ --semi-color-data-17:rgba(89, 186, 168, 1);
589
+ --semi-color-data-18:rgba(255, 125, 218, 1);
590
+ --semi-color-data-19:rgba(255, 207, 238, 1);
551
591
  }
552
592
 
553
593
  .semi-light-scrollbar::-webkit-scrollbar, .semi-light-scrollbar *::-webkit-scrollbar {
package/lib/cjs/button/Button.js CHANGED
@@ -59,7 +59,8 @@ class Button extends _react.PureComponent {
59
59
  [`${prefixCls}-light`]: theme === 'light',
60
60
  [`${prefixCls}-block`]: block,
61
61
  [`${prefixCls}-circle`]: circle,
62
- [`${prefixCls}-borderless`]: theme === 'borderless'
62
+ [`${prefixCls}-borderless`]: theme === 'borderless',
63
+ [`${prefixCls}-${type}-disabled`]: disabled && type
63
64
  }, className),
64
65
  type: htmlType,
65
66
  'aria-disabled': disabled
package/lib/cjs/collapse/item.d.ts CHANGED
@@ -11,6 +11,7 @@ export interface CollapsePanelProps {
11
11
  style?: CSSProperties;
12
12
  showArrow?: boolean;
13
13
  disabled?: boolean;
14
+ onMotionEnd?: () => void;
14
15
  }
15
16
  export default class CollapsePanel extends PureComponent<CollapsePanelProps> {
16
17
  static contextType: React.Context<CollapseContextType>;
package/lib/cjs/collapse/item.js CHANGED
@@ -120,6 +120,7 @@ class CollapsePanel extends _react.PureComponent {
120
120
  isOpen: active,
121
121
  keepDOM: keepDOM,
122
122
  motion: motion,
123
+ onMotionEnd: this.props.onMotionEnd,
123
124
  reCalcKey: reCalcKey
124
125
  }, /*#__PURE__*/_react.default.createElement("div", {
125
126
  className: contentCls,
package/lib/cjs/dropdown/dropdownItem.js CHANGED
@@ -45,7 +45,11 @@ class DropdownItem extends _baseComponent.default {
45
45
  if (!disabled) {
46
46
  ['onClick', 'onMouseEnter', 'onMouseLeave', 'onContextMenu'].forEach(eventName => {
47
47
  if (eventName === "onClick") {
48
- events["onMouseDown"] = this.props[eventName];
48
+ events["onMouseDown"] = e => {
49
+ if (e.button === 0) {
50
+ this.props[eventName](e);
51
+ }
52
+ };
49
53
  } else {
50
54
  events[eventName] = this.props[eventName];
51
55
  }
package/lib/cjs/pagination/index.js CHANGED
@@ -210,7 +210,8 @@ class Pagination extends _baseComponent.default {
210
210
  const {
211
211
  showSizeChanger,
212
212
  popoverPosition = defaultPopoverPosition,
213
- disabled
213
+ disabled,
214
+ popoverZIndex
214
215
  } = this.props;
215
216
  const {
216
217
  pageSize
@@ -236,6 +237,7 @@ class Pagination extends _baseComponent.default {
236
237
  key: pageSize,
237
238
  position: popoverPosition || 'bottomRight',
238
239
  clickToHide: true,
240
+ zIndex: popoverZIndex,
239
241
  dropdownClassName: `${prefixCls}-select-dropdown`
240
242
  }, options));
241
243
  }
package/lib/es/_base/base.css CHANGED
@@ -458,6 +458,26 @@ body, body[theme-mode=dark] .semi-always-light {
458
458
  --semi-border-radius-full: 9999px;
459
459
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
460
460
  --semi-color-highlight: rgba(var(--semi-black), 1);
461
+ --semi-color-data-0:rgba(22, 100, 255, 1);
462
+ --semi-color-data-1:rgba(178, 207, 255, 1);
463
+ --semi-color-data-2:rgba(26, 198, 255, 1);
464
+ --semi-color-data-3:rgba(148, 239, 255, 1);
465
+ --semi-color-data-4:rgba(255, 138, 0, 1);
466
+ --semi-color-data-5:rgba(255, 206, 122, 1);
467
+ --semi-color-data-6:rgba(60, 199, 128, 1);
468
+ --semi-color-data-7:rgba(185, 237, 205, 1);
469
+ --semi-color-data-8:rgba(116, 66, 212, 1);
470
+ --semi-color-data-9:rgba(221, 197, 250, 1);
471
+ --semi-color-data-10:rgba(255, 196, 0, 1);
472
+ --semi-color-data-11:rgba(250, 232, 120, 1);
473
+ --semi-color-data-12:rgba(48, 77, 119, 1);
474
+ --semi-color-data-13:rgba(139, 149, 158, 1);
475
+ --semi-color-data-14:rgba(180, 141, 235, 1);
476
+ --semi-color-data-15:rgba(239, 227, 255, 1);
477
+ --semi-color-data-16:rgba(0, 148, 136, 1);
478
+ --semi-color-data-17:rgba(89, 186, 168, 1);
479
+ --semi-color-data-18:rgba(255, 125, 218, 1);
480
+ --semi-color-data-19:rgba(255, 207, 238, 1);
461
481
  }
462
482
 
463
483
  body[theme-mode=dark], body .semi-always-dark {
@@ -548,6 +568,26 @@ body[theme-mode=dark], body .semi-always-dark {
548
568
  --semi-border-radius-full: 9999px;
549
569
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
550
570
  --semi-color-highlight: rgba(var(--semi-white), 1);
571
+ --semi-color-data-0:rgba(22, 100, 255, 1);
572
+ --semi-color-data-1:rgba(178, 207, 255, 1);
573
+ --semi-color-data-2:rgba(26, 198, 255, 1);
574
+ --semi-color-data-3:rgba(148, 239, 255, 1);
575
+ --semi-color-data-4:rgba(255, 138, 0, 1);
576
+ --semi-color-data-5:rgba(255, 206, 122, 1);
577
+ --semi-color-data-6:rgba(60, 199, 128, 1);
578
+ --semi-color-data-7:rgba(185, 237, 205, 1);
579
+ --semi-color-data-8:rgba(116, 66, 212, 1);
580
+ --semi-color-data-9:rgba(221, 197, 250, 1);
581
+ --semi-color-data-10:rgba(255, 196, 0, 1);
582
+ --semi-color-data-11:rgba(250, 232, 120, 1);
583
+ --semi-color-data-12:rgba(48, 77, 119, 1);
584
+ --semi-color-data-13:rgba(139, 149, 158, 1);
585
+ --semi-color-data-14:rgba(180, 141, 235, 1);
586
+ --semi-color-data-15:rgba(239, 227, 255, 1);
587
+ --semi-color-data-16:rgba(0, 148, 136, 1);
588
+ --semi-color-data-17:rgba(89, 186, 168, 1);
589
+ --semi-color-data-18:rgba(255, 125, 218, 1);
590
+ --semi-color-data-19:rgba(255, 207, 238, 1);
551
591
  }
552
592
 
553
593
  .semi-light-scrollbar::-webkit-scrollbar, .semi-light-scrollbar *::-webkit-scrollbar {
package/lib/es/button/Button.js CHANGED
@@ -50,7 +50,8 @@ export default class Button extends PureComponent {
50
50
  [`${prefixCls}-light`]: theme === 'light',
51
51
  [`${prefixCls}-block`]: block,
52
52
  [`${prefixCls}-circle`]: circle,
53
- [`${prefixCls}-borderless`]: theme === 'borderless'
53
+ [`${prefixCls}-borderless`]: theme === 'borderless',
54
+ [`${prefixCls}-${type}-disabled`]: disabled && type
54
55
  }, className),
55
56
  type: htmlType,
56
57
  'aria-disabled': disabled
package/lib/es/collapse/item.d.ts CHANGED
@@ -11,6 +11,7 @@ export interface CollapsePanelProps {
11
11
  style?: CSSProperties;
12
12
  showArrow?: boolean;
13
13
  disabled?: boolean;
14
+ onMotionEnd?: () => void;
14
15
  }
15
16
  export default class CollapsePanel extends PureComponent<CollapsePanelProps> {
16
17
  static contextType: React.Context<CollapseContextType>;
package/lib/es/collapse/item.js CHANGED
@@ -111,6 +111,7 @@ export default class CollapsePanel extends PureComponent {
111
111
  isOpen: active,
112
112
  keepDOM: keepDOM,
113
113
  motion: motion,
114
+ onMotionEnd: this.props.onMotionEnd,
114
115
  reCalcKey: reCalcKey
115
116
  }, /*#__PURE__*/React.createElement("div", {
116
117
  className: contentCls,
package/lib/es/dropdown/dropdownItem.js CHANGED
@@ -38,7 +38,11 @@ class DropdownItem extends BaseComponent {
38
38
  if (!disabled) {
39
39
  ['onClick', 'onMouseEnter', 'onMouseLeave', 'onContextMenu'].forEach(eventName => {
40
40
  if (eventName === "onClick") {
41
- events["onMouseDown"] = this.props[eventName];
41
+ events["onMouseDown"] = e => {
42
+ if (e.button === 0) {
43
+ this.props[eventName](e);
44
+ }
45
+ };
42
46
  } else {
43
47
  events[eventName] = this.props[eventName];
44
48
  }
package/lib/es/pagination/index.js CHANGED
@@ -202,7 +202,8 @@ export default class Pagination extends BaseComponent {
202
202
  const {
203
203
  showSizeChanger,
204
204
  popoverPosition = defaultPopoverPosition,
205
- disabled
205
+ disabled,
206
+ popoverZIndex
206
207
  } = this.props;
207
208
  const {
208
209
  pageSize
@@ -228,6 +229,7 @@ export default class Pagination extends BaseComponent {
228
229
  key: pageSize,
229
230
  position: popoverPosition || 'bottomRight',
230
231
  clickToHide: true,
232
+ zIndex: popoverZIndex,
231
233
  dropdownClassName: `${prefixCls}-select-dropdown`
232
234
  }, options));
233
235
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-ui",
3
- "version": "2.46.0",
3
+ "version": "2.46.2",
4
4
  "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
20
20
  "@dnd-kit/core": "^6.0.8",
21
21
  "@dnd-kit/sortable": "^7.0.2",
22
22
  "@dnd-kit/utilities": "^3.2.1",
23
- "@douyinfe/semi-animation": "2.46.0",
24
- "@douyinfe/semi-animation-react": "2.46.0",
25
- "@douyinfe/semi-foundation": "2.46.0",
26
- "@douyinfe/semi-icons": "2.46.0",
27
- "@douyinfe/semi-illustrations": "2.46.0",
28
- "@douyinfe/semi-theme-default": "2.46.0",
23
+ "@douyinfe/semi-animation": "2.46.2",
24
+ "@douyinfe/semi-animation-react": "2.46.2",
25
+ "@douyinfe/semi-foundation": "2.46.2",
26
+ "@douyinfe/semi-icons": "2.46.2",
27
+ "@douyinfe/semi-illustrations": "2.46.2",
28
+ "@douyinfe/semi-theme-default": "2.46.2",
29
29
  "async-validator": "^3.5.0",
30
30
  "classnames": "^2.2.6",
31
31
  "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
75
75
  ],
76
76
  "author": "",
77
77
  "license": "MIT",
78
- "gitHead": "0de820bf1a275d5c759091247326bbd7fc0d873c",
78
+ "gitHead": "15459d2c4d4676b50723442966990fb1f5414d89",
79
79
  "devDependencies": {
80
80
  "@babel/plugin-proposal-decorators": "^7.15.8",
81
81
  "@babel/plugin-transform-runtime": "^7.15.8",