@nutui/nutui-react 1.3.5-beta.1 → 1.3.6

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 (108) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/esm/ActionSheet.js +15 -25
  3. package/dist/esm/Address.js +151 -221
  4. package/dist/esm/AnimatingNumbers.js +7 -31
  5. package/dist/esm/Audio.js +31 -66
  6. package/dist/esm/Avatar.js +25 -51
  7. package/dist/esm/AvatarGroup.js +2 -9
  8. package/dist/esm/BackTop.js +29 -55
  9. package/dist/esm/Badge.js +9 -20
  10. package/dist/esm/Barrage.js +8 -20
  11. package/dist/esm/Button.js +22 -37
  12. package/dist/esm/Calendar.js +23 -37
  13. package/dist/esm/CalendarItem.js +86 -186
  14. package/dist/esm/Card.js +14 -20
  15. package/dist/esm/Cascader.js +77 -197
  16. package/dist/esm/Cell.js +20 -30
  17. package/dist/esm/CellGroup.js +6 -12
  18. package/dist/esm/Checkbox.js +27 -48
  19. package/dist/esm/CheckboxGroup.js +12 -30
  20. package/dist/esm/CircleProgress.js +11 -28
  21. package/dist/esm/Col.js +11 -22
  22. package/dist/esm/Collapse.js +11 -27
  23. package/dist/esm/CollapseItem.js +33 -47
  24. package/dist/esm/ConfigProvider.js +4 -15
  25. package/dist/esm/CountDown.js +37 -74
  26. package/dist/esm/DatePicker.js +44 -106
  27. package/dist/esm/Dialog.js +31 -89
  28. package/dist/esm/Divider.js +8 -15
  29. package/dist/esm/Drag.js +30 -45
  30. package/dist/esm/Elevator.js +37 -74
  31. package/dist/esm/Empty.js +11 -24
  32. package/dist/esm/FixedNav.js +18 -29
  33. package/dist/esm/Grid.js +13 -28
  34. package/dist/esm/GridItem.js +18 -34
  35. package/dist/esm/ImagePreview.js +36 -71
  36. package/dist/esm/Indicator.js +9 -20
  37. package/dist/esm/Infiniteloading.js +26 -55
  38. package/dist/esm/Input.js +62 -106
  39. package/dist/esm/InputNumber.js +25 -52
  40. package/dist/esm/Layout.js +0 -6
  41. package/dist/esm/Menu.js +24 -46
  42. package/dist/esm/MenuItem.js +29 -52
  43. package/dist/esm/NavBar.js +18 -34
  44. package/dist/esm/NoticeBar.js +54 -102
  45. package/dist/esm/Notify.js +9 -38
  46. package/dist/esm/NumberKeyboard.js +21 -52
  47. package/dist/esm/Pagination.js +38 -71
  48. package/dist/esm/Picker.js +91 -178
  49. package/dist/esm/Popover.js +32 -72
  50. package/dist/esm/Popup.js +40 -72
  51. package/dist/esm/Price.js +7 -24
  52. package/dist/esm/Progress.js +35 -50
  53. package/dist/esm/PullToRefresh.js +28 -83
  54. package/dist/esm/Radio.js +24 -47
  55. package/dist/esm/RadioGroup.js +14 -24
  56. package/dist/esm/Range.js +44 -116
  57. package/dist/esm/Rate.js +21 -39
  58. package/dist/esm/Row.js +7 -16
  59. package/dist/esm/SearchBar.js +47 -68
  60. package/dist/esm/ShortPassword.js +29 -56
  61. package/dist/esm/SideNavBar.js +9 -16
  62. package/dist/esm/SideNavBarItem.js +4 -11
  63. package/dist/esm/Signature.js +13 -43
  64. package/dist/esm/Skeleton.js +13 -23
  65. package/dist/esm/Step.js +12 -28
  66. package/dist/esm/Steps.js +6 -14
  67. package/dist/esm/Sticky.js +24 -52
  68. package/dist/esm/SubSideNavBar.js +7 -22
  69. package/dist/esm/Swipe.js +15 -54
  70. package/dist/esm/Swiper.js +102 -186
  71. package/dist/esm/SwiperItem.js +2 -12
  72. package/dist/esm/Switch.js +13 -27
  73. package/dist/esm/Tabbar.js +13 -25
  74. package/dist/esm/TabbarItem.js +15 -23
  75. package/dist/esm/Table.js +19 -39
  76. package/dist/esm/Tag.js +19 -36
  77. package/dist/esm/TextArea.js +19 -43
  78. package/dist/esm/TimeDetail.js +15 -28
  79. package/dist/esm/TimePannel.js +5 -12
  80. package/dist/esm/TimeSelect.js +35 -59
  81. package/dist/esm/Toast.js +16 -49
  82. package/dist/esm/Uploader.js +57 -152
  83. package/dist/esm/Video.js +8 -19
  84. package/dist/esm/VirtualList.js +84 -118
  85. package/dist/esm/date-710f8c7c.js +9 -33
  86. package/dist/esm/get-scroll-parent-3dcd3f53.js +1 -9
  87. package/dist/esm/icon-8dc4de10.js +11 -21
  88. package/dist/esm/offsetContext-0e3d04b3.js +0 -3
  89. package/dist/esm/overlay-ed3eb37d.js +12 -23
  90. package/dist/esm/render-18227751.js +0 -11
  91. package/dist/esm/tabpane-c957ab14.js +4 -10
  92. package/dist/esm/tabs-0896a61b.js +28 -56
  93. package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
  94. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
  95. package/dist/esm/useClientRect-839d18c5.js +0 -5
  96. package/dist/esm/useTouch-a2ea68c6.js +27 -47
  97. package/dist/locales/base.js +1 -1
  98. package/dist/locales/en-US.js +1 -1
  99. package/dist/locales/id-ID.js +1 -1
  100. package/dist/locales/zh-CN.js +1 -1
  101. package/dist/locales/zh-TW.js +1 -1
  102. package/dist/nutui.react.es.js +424 -406
  103. package/dist/nutui.react.umd.js +416 -398
  104. package/dist/packages/searchbar/searchbar.scss +20 -3
  105. package/dist/style.css +1 -1
  106. package/dist/style.es.js +1 -1
  107. package/dist/types/index.d.ts +2 -0
  108. package/package.json +1 -1
@@ -2,18 +2,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  var _excluded = ["children", "disabled", "buttonSize", "min", "max", "inputWidth", "readonly", "modelValue", "decimalPlaces", "step", "isAsync", "className", "style", "add", "reduce", "change", "overlimit", "blur", "focus", "iconClassPrefix", "iconFontClassName"];
5
-
6
5
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
-
8
6
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
9
-
10
7
  import React__default, { useState, useEffect } from 'react';
11
8
  import classNames from 'classnames';
12
9
  import Icon from './Icon.js';
13
10
  import { c as cn } from './bem-893ad28d.js';
14
11
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
15
12
  import '@bem-react/classname';
16
-
17
13
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
18
14
  disabled: false,
19
15
  buttonSize: '',
@@ -26,76 +22,65 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
26
22
  decimalPlaces: 0,
27
23
  isAsync: false
28
24
  });
29
-
30
25
  function pxCheck(value) {
31
26
  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
32
27
  }
33
-
34
28
  var InputNumber = function InputNumber(props) {
35
29
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
36
- children = _defaultProps$props.children,
37
- disabled = _defaultProps$props.disabled,
38
- buttonSize = _defaultProps$props.buttonSize,
39
- min = _defaultProps$props.min,
40
- max = _defaultProps$props.max,
41
- inputWidth = _defaultProps$props.inputWidth,
42
- readonly = _defaultProps$props.readonly,
43
- modelValue = _defaultProps$props.modelValue,
44
- decimalPlaces = _defaultProps$props.decimalPlaces,
45
- step = _defaultProps$props.step,
46
- isAsync = _defaultProps$props.isAsync,
47
- className = _defaultProps$props.className,
48
- style = _defaultProps$props.style,
49
- add = _defaultProps$props.add,
50
- reduce = _defaultProps$props.reduce,
51
- change = _defaultProps$props.change,
52
- overlimit = _defaultProps$props.overlimit,
53
- blur = _defaultProps$props.blur,
54
- focus = _defaultProps$props.focus,
55
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
56
- iconFontClassName = _defaultProps$props.iconFontClassName,
57
- restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
58
-
30
+ children = _defaultProps$props.children,
31
+ disabled = _defaultProps$props.disabled,
32
+ buttonSize = _defaultProps$props.buttonSize,
33
+ min = _defaultProps$props.min,
34
+ max = _defaultProps$props.max,
35
+ inputWidth = _defaultProps$props.inputWidth,
36
+ readonly = _defaultProps$props.readonly,
37
+ modelValue = _defaultProps$props.modelValue,
38
+ decimalPlaces = _defaultProps$props.decimalPlaces,
39
+ step = _defaultProps$props.step,
40
+ isAsync = _defaultProps$props.isAsync,
41
+ className = _defaultProps$props.className,
42
+ style = _defaultProps$props.style,
43
+ add = _defaultProps$props.add,
44
+ reduce = _defaultProps$props.reduce,
45
+ change = _defaultProps$props.change,
46
+ overlimit = _defaultProps$props.overlimit,
47
+ blur = _defaultProps$props.blur,
48
+ focus = _defaultProps$props.focus,
49
+ iconClassPrefix = _defaultProps$props.iconClassPrefix,
50
+ iconFontClassName = _defaultProps$props.iconFontClassName,
51
+ restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
59
52
  var _useState = useState(modelValue),
60
- _useState2 = _slicedToArray(_useState, 2),
61
- inputValue = _useState2[0],
62
- setInputValue = _useState2[1];
63
-
53
+ _useState2 = _slicedToArray(_useState, 2),
54
+ inputValue = _useState2[0],
55
+ setInputValue = _useState2[1];
64
56
  useEffect(function () {
65
57
  setInputValue(modelValue);
66
58
  }, [modelValue]);
67
59
  var b = cn('inputnumber');
68
60
  var classes = classNames(_defineProperty({}, "".concat(b(''), "--disabled"), disabled), className, b(''));
69
-
70
61
  var styles = _objectSpread({
71
62
  height: pxCheck(buttonSize)
72
63
  }, style);
73
-
74
64
  var addAllow = function addAllow() {
75
65
  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number(inputValue);
76
66
  return value < Number(max) && !disabled;
77
67
  };
78
-
79
68
  var reduceAllow = function reduceAllow() {
80
69
  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number(inputValue);
81
70
  return value > Number(min) && !disabled;
82
71
  };
83
-
84
72
  var iconMinusClasses = classNames('nut-inputnumber__icon', {
85
73
  'nut-inputnumber__icon--disabled': !reduceAllow()
86
74
  });
87
75
  var iconAddClasses = classNames('nut-inputnumber__icon', {
88
76
  'nut-inputnumber__icon--disabled': !addAllow()
89
77
  });
90
-
91
78
  var fixedDecimalPlaces = function fixedDecimalPlaces(v) {
92
79
  return Number(v).toFixed(Number(decimalPlaces));
93
80
  };
94
-
95
81
  var emitChange = function emitChange(value, e) {
96
82
  var outputValue = fixedDecimalPlaces(value);
97
83
  change && change(outputValue, e);
98
-
99
84
  if (!isAsync) {
100
85
  if (Number(outputValue) < Number(min)) {
101
86
  setInputValue(Number(min));
@@ -106,10 +91,8 @@ var InputNumber = function InputNumber(props) {
106
91
  }
107
92
  }
108
93
  };
109
-
110
94
  var reduceNumber = function reduceNumber(e) {
111
95
  reduce && reduce(e);
112
-
113
96
  if (reduceAllow()) {
114
97
  var outputValue = Number(inputValue) - Number(step);
115
98
  emitChange(outputValue, e);
@@ -117,10 +100,8 @@ var InputNumber = function InputNumber(props) {
117
100
  overlimit && overlimit(e);
118
101
  }
119
102
  };
120
-
121
103
  var addNumber = function addNumber(e) {
122
104
  add && add(e);
123
-
124
105
  if (addAllow()) {
125
106
  var outputValue = Number(inputValue) + Number(step);
126
107
  emitChange(outputValue, e);
@@ -128,11 +109,9 @@ var InputNumber = function InputNumber(props) {
128
109
  overlimit && overlimit(e);
129
110
  }
130
111
  };
131
-
132
112
  var changeValue = function changeValue(e) {
133
113
  var input = e.target;
134
114
  change && change(input.valueAsNumber, e);
135
-
136
115
  if (!isAsync) {
137
116
  if (Number.isNaN(input.valueAsNumber)) {
138
117
  setInputValue(inputValue);
@@ -141,29 +120,24 @@ var InputNumber = function InputNumber(props) {
141
120
  }
142
121
  }
143
122
  };
144
-
145
123
  var focusValue = function focusValue(e) {
146
124
  if (disabled) return;
147
125
  if (readonly) return;
148
126
  focus && focus(e);
149
127
  };
150
-
151
128
  var burValue = function burValue(e) {
152
129
  if (disabled) return;
153
130
  if (readonly) return;
154
131
  var input = e.target;
155
132
  var value = input.valueAsNumber;
156
-
157
133
  if (value < Number(min)) {
158
134
  value = Number(min);
159
135
  } else if (value > Number(max)) {
160
136
  value = Number(max);
161
137
  }
162
-
163
138
  emitChange(value, e);
164
139
  blur && blur(e);
165
140
  };
166
-
167
141
  return React__default.createElement("div", _objectSpread({
168
142
  className: classes,
169
143
  style: styles
@@ -196,7 +170,6 @@ var InputNumber = function InputNumber(props) {
196
170
  onClick: addNumber
197
171
  }));
198
172
  };
199
-
200
173
  InputNumber.defaultProps = defaultProps;
201
174
  InputNumber.displayName = 'NutInputNumber';
202
175
  export { InputNumber as default };
@@ -1,20 +1,14 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
3
2
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
-
5
3
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
-
7
4
  import React__default from 'react';
8
5
  var defaultProps = {};
9
-
10
6
  var Layout = function Layout(props) {
11
7
  _objectSpread(_objectSpread({}, defaultProps), props);
12
-
13
8
  return React__default.createElement("div", {
14
9
  className: "nut-layout"
15
10
  }, "Layout");
16
11
  };
17
-
18
12
  Layout.defaultProps = defaultProps;
19
13
  Layout.displayName = 'NutLayout';
20
14
  export { Layout as default };
package/dist/esm/Menu.js CHANGED
@@ -3,16 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
5
  var _excluded = ["className", "titleIcon", "scrollFixed", "lockScroll", "closeOnClickOverlay", "children", "activeColor", "iconClassPrefix", "iconFontClassName"];
6
-
7
6
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
8
-
9
7
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10
-
11
8
  import React__default, { useRef, useState, useEffect } from 'react';
12
9
  import classNames from 'classnames';
13
10
  import Icon from './Icon.js';
14
11
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
15
-
16
12
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
17
13
  className: '',
18
14
  style: {},
@@ -22,31 +18,26 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
22
18
  lockScroll: true,
23
19
  titleIcon: ''
24
20
  });
25
-
26
21
  var Menu = function Menu(props) {
27
22
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
28
- className = _defaultProps$props.className,
29
- titleIcon = _defaultProps$props.titleIcon,
30
- scrollFixed = _defaultProps$props.scrollFixed,
31
- lockScroll = _defaultProps$props.lockScroll,
32
- closeOnClickOverlay = _defaultProps$props.closeOnClickOverlay,
33
- children = _defaultProps$props.children,
34
- activeColor = _defaultProps$props.activeColor,
35
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
36
- iconFontClassName = _defaultProps$props.iconFontClassName,
37
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
38
-
23
+ className = _defaultProps$props.className,
24
+ titleIcon = _defaultProps$props.titleIcon,
25
+ scrollFixed = _defaultProps$props.scrollFixed,
26
+ lockScroll = _defaultProps$props.lockScroll,
27
+ closeOnClickOverlay = _defaultProps$props.closeOnClickOverlay,
28
+ children = _defaultProps$props.children,
29
+ activeColor = _defaultProps$props.activeColor,
30
+ iconClassPrefix = _defaultProps$props.iconClassPrefix,
31
+ iconFontClassName = _defaultProps$props.iconFontClassName,
32
+ rest = _objectWithoutProperties(_defaultProps$props, _excluded);
39
33
  var parentRef = useRef(null);
40
-
41
34
  var _useState = useState(false),
42
- _useState2 = _slicedToArray(_useState, 2),
43
- isScrollFixed = _useState2[0],
44
- setIsScrollFixed = _useState2[1];
45
-
35
+ _useState2 = _slicedToArray(_useState, 2),
36
+ isScrollFixed = _useState2[0],
37
+ setIsScrollFixed = _useState2[1];
46
38
  var getScrollTop = function getScrollTop(el) {
47
39
  return Math.max(0, 'scrollTop' in el ? el.scrollTop : el.pageYOffset);
48
40
  };
49
-
50
41
  var onScroll = function onScroll() {
51
42
  var scrollFixed = props.scrollFixed;
52
43
  var scrollTop = getScrollTop(window);
@@ -54,27 +45,22 @@ var Menu = function Menu(props) {
54
45
  var isFixed = scrollTop > (typeof scrollFixed === 'boolean' ? 30 : Number(scrollFixed));
55
46
  setIsScrollFixed(isFixed);
56
47
  };
57
-
58
48
  useEffect(function () {
59
49
  if (scrollFixed) {
60
50
  window.addEventListener('scroll', onScroll);
61
51
  }
62
-
63
52
  return function () {
64
53
  return window.removeEventListener('scroll', onScroll);
65
54
  };
66
55
  }, []);
67
-
68
56
  var _useState3 = useState([]),
69
- _useState4 = _slicedToArray(_useState3, 2),
70
- itemShow = _useState4[0],
71
- setItemShow = _useState4[1];
72
-
57
+ _useState4 = _slicedToArray(_useState3, 2),
58
+ itemShow = _useState4[0],
59
+ setItemShow = _useState4[1];
73
60
  var _useState5 = useState([]),
74
- _useState6 = _slicedToArray(_useState5, 2),
75
- itemTitle = _useState6[0],
76
- setItemTitle = _useState6[1];
77
-
61
+ _useState6 = _slicedToArray(_useState5, 2),
62
+ itemTitle = _useState6[0],
63
+ setItemTitle = _useState6[1];
78
64
  var toggleItemShow = function toggleItemShow(index) {
79
65
  itemShow[index] = !itemShow[index];
80
66
  var temp = itemShow.map(function (i, idx) {
@@ -82,21 +68,17 @@ var Menu = function Menu(props) {
82
68
  });
83
69
  setItemShow(_toConsumableArray(temp));
84
70
  };
85
-
86
71
  var hideItemShow = function hideItemShow(index) {
87
72
  itemShow[index] = false;
88
73
  setItemShow(_toConsumableArray(itemShow));
89
74
  };
90
-
91
75
  var updateTitle = function updateTitle(text, index) {
92
76
  itemTitle[index] = text;
93
77
  setItemTitle(_toConsumableArray(itemTitle));
94
78
  };
95
-
96
79
  var parent = function parent() {
97
80
  return parentRef;
98
81
  };
99
-
100
82
  var cloneChildren = function cloneChildren() {
101
83
  return React__default.Children.map(children, function (child, index) {
102
84
  return React__default.cloneElement(child, {
@@ -114,7 +96,6 @@ var Menu = function Menu(props) {
114
96
  });
115
97
  });
116
98
  };
117
-
118
99
  console.log('isScrollFixed', isScrollFixed);
119
100
  return React__default.createElement("div", _objectSpread(_objectSpread({
120
101
  className: "nut-menu ".concat(className, " ").concat(isScrollFixed ? 'scroll-fixed' : '')
@@ -125,22 +106,20 @@ var Menu = function Menu(props) {
125
106
  }, React__default.Children.toArray(children).map(function (child, index) {
126
107
  if (!child) return null;
127
108
  var _child$props = child.props,
128
- disabled = _child$props.disabled,
129
- title = _child$props.title,
130
- value = _child$props.value,
131
- direction = _child$props.direction,
132
- options = _child$props.options;
109
+ disabled = _child$props.disabled,
110
+ title = _child$props.title,
111
+ value = _child$props.value,
112
+ direction = _child$props.direction,
113
+ options = _child$props.options;
133
114
  var currentTitle = options === null || options === void 0 ? void 0 : options.filter(function (option) {
134
115
  return option.value === value;
135
116
  });
136
-
137
117
  function finallyTitle() {
138
118
  if (title) return title;
139
119
  if (itemTitle && itemTitle[index]) return itemTitle[index];
140
120
  if (currentTitle && currentTitle[0] && currentTitle[0].text) return currentTitle[0].text;
141
121
  return '';
142
122
  }
143
-
144
123
  return React__default.createElement("div", {
145
124
  className: "nut-menu__item ".concat(classNames({
146
125
  active: itemShow[index],
@@ -169,7 +148,6 @@ var Menu = function Menu(props) {
169
148
  })));
170
149
  })), cloneChildren());
171
150
  };
172
-
173
151
  Menu.defaultProps = defaultProps;
174
152
  Menu.displayName = 'NutMenu';
175
153
  export { Menu as default };
@@ -1,10 +1,7 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
-
4
3
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
-
6
4
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
-
8
5
  import React__default, { useState, useEffect } from 'react';
9
6
  import classNames from 'classnames';
10
7
  import { CSSTransition } from 'react-transition-group';
@@ -14,7 +11,6 @@ import { O as Overlay } from './overlay-ed3eb37d.js';
14
11
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
15
12
  import './bem-893ad28d.js';
16
13
  import '@bem-react/classname';
17
-
18
14
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
19
15
  className: '',
20
16
  style: {},
@@ -29,77 +25,64 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
29
25
  return undefined;
30
26
  }
31
27
  });
32
-
33
28
  var MenuItem = function MenuItem(props) {
34
29
  useConfig();
35
-
36
30
  var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
37
-
38
31
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
39
- className = _defaultProps$props.className,
40
- style = _defaultProps$props.style,
41
- options = _defaultProps$props.options,
42
- value = _defaultProps$props.value,
43
- columns = _defaultProps$props.columns,
44
- title = _defaultProps$props.title,
45
- optionsIcon = _defaultProps$props.optionsIcon,
46
- direction = _defaultProps$props.direction,
47
- onChange = _defaultProps$props.onChange,
48
- activeTitleClass = _defaultProps$props.activeTitleClass,
49
- inactiveTitleClass = _defaultProps$props.inactiveTitleClass,
50
- children = _defaultProps$props.children,
51
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
52
- iconFontClassName = _defaultProps$props.iconFontClassName;
53
-
32
+ className = _defaultProps$props.className,
33
+ style = _defaultProps$props.style,
34
+ options = _defaultProps$props.options,
35
+ value = _defaultProps$props.value,
36
+ columns = _defaultProps$props.columns,
37
+ title = _defaultProps$props.title,
38
+ optionsIcon = _defaultProps$props.optionsIcon,
39
+ direction = _defaultProps$props.direction,
40
+ onChange = _defaultProps$props.onChange,
41
+ activeTitleClass = _defaultProps$props.activeTitleClass,
42
+ inactiveTitleClass = _defaultProps$props.inactiveTitleClass,
43
+ children = _defaultProps$props.children,
44
+ iconClassPrefix = _defaultProps$props.iconClassPrefix,
45
+ iconFontClassName = _defaultProps$props.iconFontClassName;
54
46
  var activeColor = mergedProps.activeColor,
55
- showPopup = mergedProps.showPopup,
56
- parent = mergedProps.parent,
57
- orderKey = mergedProps.orderKey;
58
-
47
+ showPopup = mergedProps.showPopup,
48
+ parent = mergedProps.parent,
49
+ orderKey = mergedProps.orderKey;
59
50
  var _useState = useState(showPopup),
60
- _useState2 = _slicedToArray(_useState, 2),
61
- _showPopup = _useState2[0],
62
- setShowPopup = _useState2[1];
63
-
51
+ _useState2 = _slicedToArray(_useState, 2),
52
+ _showPopup = _useState2[0],
53
+ setShowPopup = _useState2[1];
64
54
  var _useState3 = useState(value),
65
- _useState4 = _slicedToArray(_useState3, 2),
66
- _value = _useState4[0],
67
- setValue = _useState4[1];
68
-
55
+ _useState4 = _slicedToArray(_useState3, 2),
56
+ _value = _useState4[0],
57
+ setValue = _useState4[1];
69
58
  useEffect(function () {
70
59
  setShowPopup(showPopup);
71
60
  }, [showPopup]);
72
61
  useEffect(function () {
73
62
  getParentOffset();
74
63
  }, [_showPopup]);
75
-
76
64
  var getIconCName = function getIconCName(optionVal, value) {
77
65
  var _classNames;
78
-
79
66
  return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value), _classNames));
80
67
  };
81
-
82
68
  var setTitle = function setTitle(text) {
83
69
  if (!title) {
84
70
  parent.updateTitle(text, orderKey);
85
71
  }
86
72
  };
87
-
88
73
  var handleClick = function handleClick(item) {
89
74
  parent.toggleItemShow(orderKey);
90
75
  setTitle(item.text);
91
76
  setValue(item.value);
92
77
  onChange && onChange(item);
93
78
  };
94
-
95
79
  var _useState5 = useState({
96
- top: 0,
97
- height: 0
98
- }),
99
- _useState6 = _slicedToArray(_useState5, 2),
100
- position = _useState6[0],
101
- setPosition = _useState6[1];
102
-
80
+ top: 0,
81
+ height: 0
82
+ }),
83
+ _useState6 = _slicedToArray(_useState5, 2),
84
+ position = _useState6[0],
85
+ setPosition = _useState6[1];
103
86
  var getParentOffset = function getParentOffset() {
104
87
  setTimeout(function () {
105
88
  var p = parent.parent().current;
@@ -111,14 +94,12 @@ var MenuItem = function MenuItem(props) {
111
94
  });
112
95
  });
113
96
  };
114
-
115
97
  var isShow = function isShow() {
116
98
  if (_showPopup) return {};
117
99
  return {
118
100
  display: 'none'
119
101
  };
120
102
  };
121
-
122
103
  var getPosition = function getPosition() {
123
104
  return direction === 'down' ? {
124
105
  top: "".concat(position.top + position.height, "px")
@@ -127,20 +108,17 @@ var MenuItem = function MenuItem(props) {
127
108
  top: 'auto'
128
109
  };
129
110
  };
130
-
131
111
  var placeholderStyle = function placeholderStyle() {
132
112
  if (direction === 'down') {
133
113
  return _objectSpread(_objectSpread({
134
114
  height: "".concat(position.top + position.height, "px")
135
115
  }, isShow()), style);
136
116
  }
137
-
138
117
  return _objectSpread(_objectSpread({
139
118
  height: "".concat(window.innerHeight - position.top, "px"),
140
119
  top: 'auto'
141
120
  }, isShow()), style);
142
121
  };
143
-
144
122
  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
145
123
  className: "placeholder-element ".concat(classNames({
146
124
  up: direction === 'up'
@@ -193,7 +171,6 @@ var MenuItem = function MenuItem(props) {
193
171
  }, item.text));
194
172
  }), children))));
195
173
  };
196
-
197
174
  MenuItem.defaultProps = defaultProps;
198
175
  MenuItem.displayName = 'NutMenuItem';
199
176
  export { MenuItem as default };
@@ -1,16 +1,12 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
3
2
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
-
5
3
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
-
7
4
  import React__default from 'react';
8
5
  import classNames from 'classnames';
9
6
  import Icon from './Icon.js';
10
7
  import { c as cn } from './bem-893ad28d.js';
11
8
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
12
9
  import '@bem-react/classname';
13
-
14
10
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
15
11
  title: '',
16
12
  desc: '',
@@ -25,48 +21,41 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
25
21
  zIndex: 10,
26
22
  style: {}
27
23
  });
28
-
29
24
  var NavBar = function NavBar(props) {
30
25
  var _classNames;
31
-
32
26
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
33
- desc = _defaultProps$props.desc,
34
- title = _defaultProps$props.title,
35
- titIcon = _defaultProps$props.titIcon,
36
- leftShow = _defaultProps$props.leftShow,
37
- className = _defaultProps$props.className,
38
- style = _defaultProps$props.style,
39
- leftText = _defaultProps$props.leftText,
40
- fixed = _defaultProps$props.fixed,
41
- safeAreaInsetTop = _defaultProps$props.safeAreaInsetTop,
42
- border = _defaultProps$props.border,
43
- placeholder = _defaultProps$props.placeholder,
44
- zIndex = _defaultProps$props.zIndex,
45
- onClickTitle = _defaultProps$props.onClickTitle,
46
- onClickIcon = _defaultProps$props.onClickIcon,
47
- onClickBack = _defaultProps$props.onClickBack,
48
- onClickRight = _defaultProps$props.onClickRight,
49
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
50
- iconFontClassName = _defaultProps$props.iconFontClassName;
51
-
27
+ desc = _defaultProps$props.desc,
28
+ title = _defaultProps$props.title,
29
+ titIcon = _defaultProps$props.titIcon,
30
+ leftShow = _defaultProps$props.leftShow,
31
+ className = _defaultProps$props.className,
32
+ style = _defaultProps$props.style,
33
+ leftText = _defaultProps$props.leftText,
34
+ fixed = _defaultProps$props.fixed,
35
+ safeAreaInsetTop = _defaultProps$props.safeAreaInsetTop,
36
+ border = _defaultProps$props.border,
37
+ placeholder = _defaultProps$props.placeholder,
38
+ zIndex = _defaultProps$props.zIndex,
39
+ onClickTitle = _defaultProps$props.onClickTitle,
40
+ onClickIcon = _defaultProps$props.onClickIcon,
41
+ onClickBack = _defaultProps$props.onClickBack,
42
+ onClickRight = _defaultProps$props.onClickRight,
43
+ iconClassPrefix = _defaultProps$props.iconClassPrefix,
44
+ iconFontClassName = _defaultProps$props.iconFontClassName;
52
45
  var b = cn('navbar');
53
46
  var children = Array.isArray(props.children) ? props.children : [props.children];
54
47
  var slot = children.reduce(function (slot, item) {
55
48
  var data = slot;
56
-
57
49
  if (item && item.props) {
58
50
  data[item.props.slot] = item;
59
51
  }
60
-
61
52
  return data;
62
53
  }, {});
63
-
64
54
  var styles = function styles() {
65
55
  return _objectSpread(_objectSpread({}, style), {}, {
66
56
  zIndex: zIndex
67
57
  });
68
58
  };
69
-
70
59
  var renderLeft = function renderLeft() {
71
60
  return React__default.createElement("div", {
72
61
  className: "".concat(b('left')),
@@ -82,7 +71,6 @@ var NavBar = function NavBar(props) {
82
71
  className: "".concat(b('text'))
83
72
  }, leftText), slot.left);
84
73
  };
85
-
86
74
  var renderContent = function renderContent() {
87
75
  return React__default.createElement("div", {
88
76
  className: "".concat(b('title'))
@@ -101,7 +89,6 @@ var NavBar = function NavBar(props) {
101
89
  name: titIcon
102
90
  })), slot.content);
103
91
  };
104
-
105
92
  var renderRight = function renderRight() {
106
93
  return React__default.createElement("div", {
107
94
  className: "".concat(b('right')),
@@ -112,21 +99,18 @@ var NavBar = function NavBar(props) {
112
99
  className: "".concat(b('text'))
113
100
  }, desc), slot.right);
114
101
  };
115
-
116
102
  var renderWrapper = function renderWrapper() {
117
103
  return React__default.createElement("div", {
118
104
  className: cls,
119
105
  style: styles()
120
106
  }, renderLeft(), renderContent(), renderRight());
121
107
  };
122
-
123
108
  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "nut-navbar--border", border), _defineProperty(_classNames, "nut-navbar--fixed", fixed), _defineProperty(_classNames, "nut-navbar--safe-area-inset-top", safeAreaInsetTop), _classNames));
124
109
  var cls = classNames(b(''), classes, className);
125
110
  return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", {
126
111
  className: "".concat(b(''), "--placeholder")
127
112
  }, renderWrapper()) : renderWrapper());
128
113
  };
129
-
130
114
  NavBar.defaultProps = defaultProps;
131
115
  NavBar.displayName = 'NutNavBar';
132
116
  export { NavBar as default };