@douyinfe/semi-ui 2.21.0 → 2.22.0-alpha.0

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 (11) hide show
  1. package/dist/umd/semi-ui.js +433 -256
  2. package/dist/umd/semi-ui.js.map +1 -1
  3. package/dist/umd/semi-ui.min.js +1 -1
  4. package/dist/umd/semi-ui.min.js.map +1 -1
  5. package/lib/cjs/modal/ModalContent.js +2 -2
  6. package/lib/cjs/tooltip/index.d.ts +3 -0
  7. package/lib/cjs/tooltip/index.js +2 -0
  8. package/lib/es/modal/ModalContent.js +2 -2
  9. package/lib/es/tooltip/index.d.ts +3 -0
  10. package/lib/es/tooltip/index.js +2 -0
  11. package/package.json +7 -7
package/lib/cjs/modal/ModalContent.js CHANGED
@@ -267,12 +267,12 @@ class ModalContent extends _baseComponent.default {
267
267
  },
268
268
  addKeyDownEventListener: () => {
269
269
  if (this.props.closeOnEsc) {
270
- document.addEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
270
+ document.addEventListener('keydown', this.foundation.handleKeyDown);
271
271
  }
272
272
  },
273
273
  removeKeyDownEventListener: () => {
274
274
  if (this.props.closeOnEsc) {
275
- document.removeEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
275
+ document.removeEventListener('keydown', this.foundation.handleKeyDown);
276
276
  }
277
277
  },
278
278
  getMouseState: () => this.state.dialogMouseDown,
package/lib/cjs/tooltip/index.d.ts CHANGED
@@ -39,6 +39,7 @@ export interface TooltipProps extends BaseProps {
39
39
  onVisibleChange?: (visible: boolean) => void;
40
40
  onClickOutSide?: (e: React.MouseEvent) => void;
41
41
  spacing?: number;
42
+ margin?: number;
42
43
  showArrow?: boolean | React.ReactNode;
43
44
  zIndex?: number;
44
45
  rePosKey?: string | number;
@@ -97,6 +98,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
97
98
  onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
98
99
  onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
99
100
  spacing: PropTypes.Requireable<number>;
101
+ margin: PropTypes.Requireable<number>;
100
102
  showArrow: PropTypes.Requireable<PropTypes.ReactNodeLike>;
101
103
  zIndex: PropTypes.Requireable<number>;
102
104
  rePosKey: PropTypes.Requireable<string | number>;
@@ -135,6 +137,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
135
137
  onVisibleChange: (...args: any[]) => void;
136
138
  onClickOutSide: (...args: any[]) => void;
137
139
  spacing: 8;
140
+ margin: 0;
138
141
  showArrow: boolean;
139
142
  wrapWhenSpecial: boolean;
140
143
  zIndex: 1060;
package/lib/cjs/tooltip/index.js CHANGED
@@ -734,6 +734,7 @@ Tooltip.propTypes = {
734
734
  onVisibleChange: _propTypes.default.func,
735
735
  onClickOutSide: _propTypes.default.func,
736
736
  spacing: _propTypes.default.number,
737
+ margin: _propTypes.default.number,
737
738
  showArrow: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
738
739
  zIndex: _propTypes.default.number,
739
740
  rePosKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
@@ -763,6 +764,7 @@ Tooltip.defaultProps = {
763
764
  onVisibleChange: _noop2.default,
764
765
  onClickOutSide: _noop2.default,
765
766
  spacing: _constants2.numbers.SPACING,
767
+ margin: _constants2.numbers.MARGIN,
766
768
  showArrow: true,
767
769
  wrapWhenSpecial: true,
768
770
  zIndex: _constants2.numbers.DEFAULT_Z_INDEX,
package/lib/es/modal/ModalContent.js CHANGED
@@ -242,12 +242,12 @@ export default class ModalContent extends BaseComponent {
242
242
  },
243
243
  addKeyDownEventListener: () => {
244
244
  if (this.props.closeOnEsc) {
245
- document.addEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
245
+ document.addEventListener('keydown', this.foundation.handleKeyDown);
246
246
  }
247
247
  },
248
248
  removeKeyDownEventListener: () => {
249
249
  if (this.props.closeOnEsc) {
250
- document.removeEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
250
+ document.removeEventListener('keydown', this.foundation.handleKeyDown);
251
251
  }
252
252
  },
253
253
  getMouseState: () => this.state.dialogMouseDown,
package/lib/es/tooltip/index.d.ts CHANGED
@@ -39,6 +39,7 @@ export interface TooltipProps extends BaseProps {
39
39
  onVisibleChange?: (visible: boolean) => void;
40
40
  onClickOutSide?: (e: React.MouseEvent) => void;
41
41
  spacing?: number;
42
+ margin?: number;
42
43
  showArrow?: boolean | React.ReactNode;
43
44
  zIndex?: number;
44
45
  rePosKey?: string | number;
@@ -97,6 +98,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
97
98
  onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
98
99
  onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
99
100
  spacing: PropTypes.Requireable<number>;
101
+ margin: PropTypes.Requireable<number>;
100
102
  showArrow: PropTypes.Requireable<PropTypes.ReactNodeLike>;
101
103
  zIndex: PropTypes.Requireable<number>;
102
104
  rePosKey: PropTypes.Requireable<string | number>;
@@ -135,6 +137,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
135
137
  onVisibleChange: (...args: any[]) => void;
136
138
  onClickOutSide: (...args: any[]) => void;
137
139
  spacing: 8;
140
+ margin: 0;
138
141
  showArrow: boolean;
139
142
  wrapWhenSpecial: boolean;
140
143
  zIndex: 1060;
package/lib/es/tooltip/index.js CHANGED
@@ -703,6 +703,7 @@ Tooltip.propTypes = {
703
703
  onVisibleChange: PropTypes.func,
704
704
  onClickOutSide: PropTypes.func,
705
705
  spacing: PropTypes.number,
706
+ margin: PropTypes.number,
706
707
  showArrow: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
707
708
  zIndex: PropTypes.number,
708
709
  rePosKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
@@ -732,6 +733,7 @@ Tooltip.defaultProps = {
732
733
  onVisibleChange: _noop,
733
734
  onClickOutSide: _noop,
734
735
  spacing: numbers.SPACING,
736
+ margin: numbers.MARGIN,
735
737
  showArrow: true,
736
738
  wrapWhenSpecial: true,
737
739
  zIndex: numbers.DEFAULT_Z_INDEX,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-ui",
3
- "version": "2.21.0",
3
+ "version": "2.22.0-alpha.0",
4
4
  "description": "",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es/index.js",
@@ -18,11 +18,11 @@
18
18
  ],
19
19
  "dependencies": {
20
20
  "@douyinfe/semi-animation": "2.12.0",
21
- "@douyinfe/semi-animation-react": "2.21.0",
22
- "@douyinfe/semi-foundation": "2.21.0",
23
- "@douyinfe/semi-icons": "2.21.0",
21
+ "@douyinfe/semi-animation-react": "2.22.0-alpha.0",
22
+ "@douyinfe/semi-foundation": "2.22.0-alpha.0",
23
+ "@douyinfe/semi-icons": "2.22.0-alpha.0",
24
24
  "@douyinfe/semi-illustrations": "2.15.0",
25
- "@douyinfe/semi-theme-default": "2.21.0",
25
+ "@douyinfe/semi-theme-default": "2.22.0-alpha.0",
26
26
  "async-validator": "^3.5.0",
27
27
  "classnames": "^2.2.6",
28
28
  "copy-text-to-clipboard": "^2.1.1",
@@ -69,13 +69,13 @@
69
69
  ],
70
70
  "author": "",
71
71
  "license": "MIT",
72
- "gitHead": "9c4b8b64c225231a1bd5c8ff85c701b8dd7b144b",
72
+ "gitHead": "bb316f98269de321274b842e2b6b9b463bca1c53",
73
73
  "devDependencies": {
74
74
  "@babel/plugin-proposal-decorators": "^7.15.8",
75
75
  "@babel/plugin-transform-runtime": "^7.15.8",
76
76
  "@babel/preset-env": "^7.15.8",
77
77
  "@babel/preset-react": "^7.14.5",
78
- "@douyinfe/semi-scss-compile": "2.21.0",
78
+ "@douyinfe/semi-scss-compile": "2.22.0-alpha.0",
79
79
  "@storybook/addon-knobs": "^6.3.1",
80
80
  "@types/lodash": "^4.14.176",
81
81
  "@types/react": ">=16.0.0",