@nutui/nutui-react 3.0.0-beta.6 → 3.0.0-beta.8

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 (88) hide show
  1. package/README.md +39 -9
  2. package/dist/cjs/packages/address/style/style.css +56 -89
  3. package/dist/cjs/packages/animate/style/animate.scss +0 -3
  4. package/dist/cjs/packages/animate/style/style.css +0 -3
  5. package/dist/cjs/packages/animatingnumbers/style/style.css +1 -1
  6. package/dist/cjs/packages/backtop/backtop.d.ts +2 -2
  7. package/dist/cjs/packages/backtop/backtop.js +14 -21
  8. package/dist/cjs/packages/backtop/style/backtop.scss +8 -17
  9. package/dist/cjs/packages/backtop/style/style.css +8 -14
  10. package/dist/cjs/packages/badge/badge.d.ts +2 -12
  11. package/dist/cjs/packages/badge/badge.js +12 -23
  12. package/dist/cjs/packages/badge/index.d.ts +1 -1
  13. package/dist/cjs/packages/badge/style/badge.scss +61 -34
  14. package/dist/cjs/packages/badge/style/style.css +63 -40
  15. package/dist/cjs/packages/badge/types.d.ts +12 -0
  16. package/dist/cjs/packages/badge/types.js +4 -0
  17. package/dist/cjs/packages/cascader/style/style.css +49 -85
  18. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  19. package/dist/cjs/packages/countdown/style/countdown.scss +21 -2
  20. package/dist/cjs/packages/countdown/style/style.css +20 -2
  21. package/dist/cjs/packages/countup/style/countup.scss +1 -1
  22. package/dist/cjs/packages/countup/style/style.css +1 -1
  23. package/dist/cjs/packages/elevator/style/elevator.scss +7 -4
  24. package/dist/cjs/packages/elevator/style/style.css +7 -4
  25. package/dist/cjs/packages/hoverbutton/style/style.css +3 -3
  26. package/dist/cjs/packages/hoverbuttonitem/style/hoverbuttonitem.scss +3 -3
  27. package/dist/cjs/packages/hoverbuttonitem/style/style.css +3 -3
  28. package/dist/cjs/packages/inputnumber/style/inputnumber.scss +19 -16
  29. package/dist/cjs/packages/inputnumber/style/style.css +21 -19
  30. package/dist/cjs/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
  31. package/dist/cjs/packages/numberkeyboard/style/style.css +12 -0
  32. package/dist/cjs/packages/popover/style/popover.scss +16 -11
  33. package/dist/cjs/packages/popover/style/style.css +14 -2
  34. package/dist/cjs/packages/tabbar/style/style.css +63 -40
  35. package/dist/cjs/packages/tabbaritem/style/style.css +63 -40
  36. package/dist/cjs/packages/tabs/style/style.css +49 -85
  37. package/dist/cjs/packages/tabs/style/tabs.scss +68 -106
  38. package/dist/cjs/packages/tour/style/style.css +14 -2
  39. package/dist/cjs/packages/video/video.d.ts +6 -2
  40. package/dist/cjs/packages/video/video.js +16 -2
  41. package/dist/es/packages/address/style/style.css +56 -89
  42. package/dist/es/packages/animate/style/animate.scss +0 -3
  43. package/dist/es/packages/animate/style/style.css +0 -3
  44. package/dist/es/packages/animatingnumbers/style/style.css +1 -1
  45. package/dist/es/packages/backtop/backtop.d.ts +2 -2
  46. package/dist/es/packages/backtop/backtop.js +15 -22
  47. package/dist/es/packages/backtop/style/backtop.scss +8 -17
  48. package/dist/es/packages/backtop/style/style.css +8 -14
  49. package/dist/es/packages/badge/badge.d.ts +2 -12
  50. package/dist/es/packages/badge/badge.js +12 -23
  51. package/dist/es/packages/badge/index.d.ts +1 -1
  52. package/dist/es/packages/badge/style/badge.scss +61 -34
  53. package/dist/es/packages/badge/style/style.css +63 -40
  54. package/dist/es/packages/badge/types.d.ts +12 -0
  55. package/dist/es/packages/badge/types.js +1 -0
  56. package/dist/es/packages/cascader/style/style.css +49 -85
  57. package/dist/es/packages/configprovider/types.d.ts +1 -1
  58. package/dist/es/packages/countdown/style/countdown.scss +21 -2
  59. package/dist/es/packages/countdown/style/style.css +20 -2
  60. package/dist/es/packages/countup/style/countup.scss +1 -1
  61. package/dist/es/packages/countup/style/style.css +1 -1
  62. package/dist/es/packages/elevator/style/elevator.scss +7 -4
  63. package/dist/es/packages/elevator/style/style.css +7 -4
  64. package/dist/es/packages/hoverbutton/style/style.css +3 -3
  65. package/dist/es/packages/hoverbuttonitem/style/hoverbuttonitem.scss +3 -3
  66. package/dist/es/packages/hoverbuttonitem/style/style.css +3 -3
  67. package/dist/es/packages/inputnumber/style/inputnumber.scss +19 -16
  68. package/dist/es/packages/inputnumber/style/style.css +21 -19
  69. package/dist/es/packages/numberkeyboard/numberkeyboard.d.ts +10 -50
  70. package/dist/es/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
  71. package/dist/es/packages/numberkeyboard/style/style.css +12 -0
  72. package/dist/es/packages/popover/style/popover.scss +16 -11
  73. package/dist/es/packages/popover/style/style.css +14 -2
  74. package/dist/es/packages/tabbar/style/style.css +63 -40
  75. package/dist/es/packages/tabbaritem/style/style.css +63 -40
  76. package/dist/es/packages/tabpane/tabpane.d.ts +3 -15
  77. package/dist/es/packages/tabs/style/style.css +49 -85
  78. package/dist/es/packages/tabs/style/tabs.scss +68 -106
  79. package/dist/es/packages/tabs/tabs.d.ts +12 -60
  80. package/dist/es/packages/tour/style/style.css +14 -2
  81. package/dist/es/packages/video/video.d.ts +6 -2
  82. package/dist/es/packages/video/video.js +16 -2
  83. package/dist/nutui.react.umd.js +167 -185
  84. package/dist/style.css +1 -1
  85. package/dist/styles/theme-dark.scss +2 -0
  86. package/dist/styles/theme-default.scss +2 -0
  87. package/dist/styles/variables.scss +36 -29
  88. package/package.json +2 -2
package/dist/es/packages/tour/style/style.css CHANGED
@@ -493,6 +493,8 @@
493
493
  justify-content: center;
494
494
  padding: var(--nutui-popover-menu-item-padding, 8px);
495
495
  border-bottom: 1px solid var(--nutui-popover-divider-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
496
+ max-width: var(--nutui-popover-menu-item-width, 160px);
497
+ word-wrap: break-word;
496
498
  }
497
499
  .nut-popover .nut-popover-content .nut-popover-menu-item:last-child {
498
500
  margin-bottom: 0px;
@@ -518,9 +520,10 @@
518
520
  font-size: 12px;
519
521
  }
520
522
  .nut-popover .nut-popover-content .nut-popover-menu-item-name {
521
- width: 100%;
523
+ width: calc(100% - 34px);
522
524
  word-break: keep-all;
523
525
  margin: 0 6px 0 4px;
526
+ flex: 1;
524
527
  }
525
528
  .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon {
526
529
  display: flex;
@@ -591,9 +594,18 @@
591
594
  background: var(--nutui-popover-text-color, #1a1a1a);
592
595
  color: var(--nutui-popover-content-background-color, #ffffff);
593
596
  }
594
- .nut-popover-dark .nut-popover-arrow {
597
+ .nut-popover-dark .nut-popover-arrow-top {
598
+ border-top-color: var(--nutui-popover-text-color, #1a1a1a);
599
+ }
600
+ .nut-popover-dark .nut-popover-arrow-bottom {
595
601
  border-bottom-color: var(--nutui-popover-text-color, #1a1a1a);
596
602
  }
603
+ .nut-popover-dark .nut-popover-arrow-left {
604
+ border-left-color: var(--nutui-popover-text-color, #1a1a1a);
605
+ }
606
+ .nut-popover-dark .nut-popover-arrow-right {
607
+ border-right-color: var(--nutui-popover-text-color, #1a1a1a);
608
+ }
597
609
  .nut-popover-dark .nut-popover-content {
598
610
  background: var(--nutui-popover-text-color, #1a1a1a) !important;
599
611
  color: var(--nutui-popover-content-background-color, #ffffff) !important;
package/dist/es/packages/video/video.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React, { FunctionComponent } from 'react';
1
+ import React from 'react';
2
2
  import { BasicComponent } from "../../utils/typings";
3
3
  export interface VideoProps extends BasicComponent {
4
4
  source: {
@@ -17,4 +17,8 @@ export interface VideoProps extends BasicComponent {
17
17
  onPause: (element: HTMLVideoElement) => void;
18
18
  onPlayEnd: (element: HTMLVideoElement) => void;
19
19
  }
20
- export declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;
20
+ export type VideoRef = {
21
+ pause: () => void;
22
+ play: () => void;
23
+ };
24
+ export declare const Video: React.ForwardRefExoticComponent<Partial<VideoProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onPause" | "onPlay"> & React.RefAttributes<VideoRef>>;
package/dist/es/packages/video/video.js CHANGED
@@ -19,7 +19,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
19
19
  }
20
20
  });
21
21
  var classPrefix = "nut-video";
22
- export var Video = function(props) {
22
+ export var Video = /*#__PURE__*/ React.forwardRef(function(props, ref) {
23
23
  var _ref = _object_spread({}, defaultProps, props), children = _ref.children, source = _ref.source, options = _ref.options, className = _ref.className, onPlay = _ref.onPlay, onPause = _ref.onPause, onPlayEnd = _ref.onPlayEnd, restProps = _object_without_properties(_ref, [
24
24
  "children",
25
25
  "source",
@@ -60,6 +60,20 @@ export var Video = function(props) {
60
60
  });
61
61
  }
62
62
  };
63
+ var pause = function() {
64
+ var _rootRef_current;
65
+ rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.pause();
66
+ };
67
+ var play = function() {
68
+ var _rootRef_current;
69
+ rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.play();
70
+ };
71
+ React.useImperativeHandle(ref, function() {
72
+ return {
73
+ pause: pause,
74
+ play: play
75
+ };
76
+ });
63
77
  return /*#__PURE__*/ React.createElement("div", _object_spread({
64
78
  className: classes
65
79
  }, restProps), /*#__PURE__*/ React.createElement("video", {
@@ -77,5 +91,5 @@ export var Video = function(props) {
77
91
  }), /*#__PURE__*/ React.createElement("track", {
78
92
  kind: "captions"
79
93
  })));
80
- };
94
+ });
81
95
  Video.displayName = 'NutVideo';