@douyinfe/semi-ui 2.46.1 → 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 (17) 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 +10 -4
  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/es/_base/base.css +40 -0
  13. package/lib/es/button/Button.js +2 -1
  14. package/lib/es/collapse/item.d.ts +1 -0
  15. package/lib/es/collapse/item.js +1 -0
  16. package/lib/es/dropdown/dropdownItem.js +5 -1
  17. 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/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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-ui",
3
- "version": "2.46.1",
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.1",
24
- "@douyinfe/semi-animation-react": "2.46.1",
25
- "@douyinfe/semi-foundation": "2.46.1",
26
- "@douyinfe/semi-icons": "2.46.1",
27
- "@douyinfe/semi-illustrations": "2.46.1",
28
- "@douyinfe/semi-theme-default": "2.46.1",
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": "11cc57786fbf20f83242a7ccebf62c8874f03057",
78
+ "gitHead": "15459d2c4d4676b50723442966990fb1f5414d89",
79
79
  "devDependencies": {
80
80
  "@babel/plugin-proposal-decorators": "^7.15.8",
81
81
  "@babel/plugin-transform-runtime": "^7.15.8",