@nutui/nutui-react 1.3.4 → 1.3.5-beta.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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.3.5
2
+ `2022-09-28`
3
+ * :sparkles: feat: cascader 组件适配 taro (#318) @ailululu
4
+ * :sparkles: feat: Address 组件Taro适配 (#327) @yangxiaolu1993
5
+ * :sparkles: feat: imagepreview 适配 taro (#326) @eiinu
6
+ * :sparkles: feat: 对话框 Dialog 适配Taro修改 (#323) @yangjinjun3
7
+ * :bug: fix:rate组件+switch组件 demo优化, rate组件lint问题修复 (#321) @libin0824
8
+ * :sparkles: feat: notify组件适配taro (#319) @vickyYe
9
+ * :sparkles: feat: table 组件适配小程序 (#320) @eiinu
10
+ * :bug: fix: AnimatingNumber 组件 Taro 适配完成 (#317) @irisSong
11
+ * :bug: fix: Infiniteloading修复ts报错 (#316) @junjun666
12
+
1
13
  ## v1.3.4
2
14
  `2022-09-21`
3
15
  * :sparkles: feat: Infiniteloading滚动taro适配优化开发 (#308) @junjun666
@@ -15,7 +15,7 @@ import Icon from './Icon.js';
15
15
  import Popup from './Popup.js';
16
16
  import { c as cn } from './bem-893ad28d.js';
17
17
  import { useConfig } from './ConfigProvider.js';
18
- import Elevator from './Elevator.js';
18
+ import Taro from '@tarojs/taro';
19
19
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
20
20
  import '@bem-react/classname';
21
21
  var defaultProps$2 = {
@@ -156,10 +156,10 @@ var CustomRender = function CustomRender(props) {
156
156
  _useState6 = _slicedToArray(_useState5, 1),
157
157
  tabName = _useState6[0];
158
158
 
159
- var provinceRef = useRef(null);
160
- var cityRef = useRef(null);
161
- var countryRef = useRef(null);
162
- var townRef = useRef(null);
159
+ useRef(null);
160
+ useRef(null);
161
+ useRef(null);
162
+ useRef(null);
163
163
  var regionLine = useRef(null);
164
164
 
165
165
  var isCustom2 = function isCustom2() {
@@ -239,25 +239,18 @@ var CustomRender = function CustomRender(props) {
239
239
  }
240
240
 
241
241
  return locale.select;
242
- };
243
-
244
- var mapRef = {
245
- province: provinceRef,
246
- city: cityRef,
247
- country: countryRef,
248
- town: townRef
249
242
  }; // 移动下面的红线
250
243
 
244
+
251
245
  var lineAnimation = function lineAnimation(index) {
252
246
  setTimeout(function () {
253
247
  var name = tabName[index];
254
- var refD = mapRef;
255
-
256
- if (name && refD[name] && refD[name].current) {
257
- var distance = refD[name].current.offsetLeft;
258
- setLineDistance(distance || 20);
259
- }
260
- }, 0);
248
+ Taro.createSelectorQuery().selectAll(".".concat(name)).boundingClientRect(function (rects) {
249
+ rects && rects.length > 0 && rects.forEach(function (rect) {
250
+ if (rect.width > 0) setLineDistance(rect.left || 20);
251
+ });
252
+ }).exec();
253
+ }, 100);
261
254
  }; // 切换下一级列表
262
255
 
263
256
 
@@ -350,10 +343,6 @@ var CustomRender = function CustomRender(props) {
350
343
  }
351
344
  };
352
345
 
353
- var handleElevatorItem = function handleElevatorItem(key, item) {
354
- nextAreaList(item);
355
- };
356
-
357
346
  useEffect(function () {
358
347
  var _defaultProps$1$props2 = _objectSpread(_objectSpread({}, defaultProps$1), props),
359
348
  province = _defaultProps$1$props2.province;
@@ -395,9 +384,8 @@ var CustomRender = function CustomRender(props) {
395
384
  className: b('region-tab')
396
385
  }, selectedRegion && Object.keys(selectedRegion).map(function (key, index) {
397
386
  return React__default.createElement("div", {
398
- className: "".concat(b('tab-item'), " ").concat(index === tabIndex ? 'active' : ''),
387
+ className: "".concat(b('tab-item'), " ").concat(index === tabIndex ? 'active' : '', " ").concat(tabName[index]),
399
388
  key: index,
400
- ref: mapRef[key],
401
389
  onClick: function onClick() {
402
390
  return changeRegionTab(selectedRegion[key], index, key);
403
391
  }
@@ -426,13 +414,7 @@ var CustomRender = function CustomRender(props) {
426
414
  color: "#FA2C19",
427
415
  size: "13px"
428
416
  }), item.name));
429
- }))), privateType === 'custom2' && React__default.createElement("div", {
430
- className: b('elevator-group')
431
- }, React__default.createElement(Elevator, {
432
- height: height,
433
- indexList: regionList[tabName[tabIndex]],
434
- onClickItem: handleElevatorItem
435
- })));
417
+ }))));
436
418
  };
437
419
 
438
420
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -1,2 +1,3 @@
1
- import '../../Popup/style'
1
+ import '../../Popup/style'
2
+ import '../../Tabs/style'
2
3
  import '../../../packages/cascader/cascader.scss'
@@ -263,6 +263,7 @@ var Tree = /*#__PURE__*/function () {
263
263
  var defaultProps = _objectSpread({
264
264
  className: '',
265
265
  style: {},
266
+ poppable: true,
266
267
  visible: false,
267
268
  options: [],
268
269
  value: [],
@@ -285,6 +286,7 @@ var InternalCascader = function InternalCascader(props) {
285
286
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
286
287
  className = _defaultProps$props.className,
287
288
  style = _defaultProps$props.style,
289
+ poppable = _defaultProps$props.poppable,
288
290
  visible = _defaultProps$props.visible,
289
291
  options = _defaultProps$props.options,
290
292
  value = _defaultProps$props.value,
@@ -724,10 +726,57 @@ var InternalCascader = function InternalCascader(props) {
724
726
  };
725
727
  }();
726
728
 
727
- return React__default.createElement("div", {
728
- className: "".concat(classes, " ").concat(className),
729
- style: style
730
- }, React__default.createElement(Popup, {
729
+ var renderItem = function renderItem() {
730
+ return React__default.createElement("div", {
731
+ className: "".concat(classes, " ").concat(className),
732
+ style: style
733
+ }, poppable && React__default.createElement("div", {
734
+ className: b('title')
735
+ }, title), React__default.createElement(Tabs, {
736
+ value: tabvalue,
737
+ titleNode: function titleNode() {
738
+ return optiosData.map(function (pane, index) {
739
+ var _pane$selectedNode, _pane$selectedNode2;
740
+
741
+ return React__default.createElement("div", {
742
+ onClick: function onClick() {
743
+ setTabvalue(pane.paneKey);
744
+ state.tabsCursor = index;
745
+ },
746
+ className: "nut-tabs__titles-item ".concat(tabvalue === pane.paneKey ? 'active' : ''),
747
+ key: pane.paneKey
748
+ }, React__default.createElement("span", {
749
+ className: "nut-tabs__titles-item__text"
750
+ }, !state.initLoading && state.panes.length && (pane === null || pane === void 0 ? void 0 : (_pane$selectedNode = pane.selectedNode) === null || _pane$selectedNode === void 0 ? void 0 : _pane$selectedNode.text), !state.initLoading && state.panes.length && !(pane !== null && pane !== void 0 && (_pane$selectedNode2 = pane.selectedNode) !== null && _pane$selectedNode2 !== void 0 && _pane$selectedNode2.text) && '请选择', !(!state.initLoading && state.panes.length) && 'Loading...'), React__default.createElement("span", {
751
+ className: "nut-tabs__titles-item__line"
752
+ }));
753
+ });
754
+ }
755
+ }, !state.initLoading && state.panes.length ? optiosData.map(function (pane) {
756
+ return React__default.createElement(TabPane, {
757
+ key: pane.paneKey,
758
+ paneKey: pane.paneKey
759
+ }, React__default.createElement("div", {
760
+ className: classesPane
761
+ }, pane.nodes && pane.nodes.map(function (node, index) {
762
+ var _pane$selectedNode3;
763
+
764
+ return React__default.createElement(CascaderItem, _objectSpread(_objectSpread({
765
+ key: index
766
+ }, props), {}, {
767
+ data: node,
768
+ checked: ((_pane$selectedNode3 = pane.selectedNode) === null || _pane$selectedNode3 === void 0 ? void 0 : _pane$selectedNode3.value) === node.value,
769
+ chooseItem: function chooseItem(node) {
770
+ return _chooseItem(node, false);
771
+ }
772
+ }));
773
+ })));
774
+ }) : React__default.createElement(TabPane, null, React__default.createElement("div", {
775
+ className: classesPane
776
+ }))));
777
+ };
778
+
779
+ return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
731
780
  popClass: "cascadar-popup",
732
781
  visible: visible,
733
782
  position: "bottom",
@@ -737,50 +786,7 @@ var InternalCascader = function InternalCascader(props) {
737
786
  closeIcon: closeIcon,
738
787
  onClickOverlay: closePopup,
739
788
  onClickCloseIcon: closePopup
740
- }, React__default.createElement("div", {
741
- className: b('title')
742
- }, title), React__default.createElement(Tabs, {
743
- value: tabvalue,
744
- titleNode: function titleNode() {
745
- return optiosData.map(function (pane, index) {
746
- var _pane$selectedNode, _pane$selectedNode2;
747
-
748
- return React__default.createElement("div", {
749
- onClick: function onClick() {
750
- setTabvalue(pane.paneKey);
751
- state.tabsCursor = index;
752
- },
753
- className: "nut-tabs__titles-item ".concat(tabvalue === pane.paneKey ? 'active' : ''),
754
- key: pane.paneKey
755
- }, React__default.createElement("span", {
756
- className: "nut-tabs__titles-item__text"
757
- }, !state.initLoading && state.panes.length && (pane === null || pane === void 0 ? void 0 : (_pane$selectedNode = pane.selectedNode) === null || _pane$selectedNode === void 0 ? void 0 : _pane$selectedNode.text), !state.initLoading && state.panes.length && !(pane !== null && pane !== void 0 && (_pane$selectedNode2 = pane.selectedNode) !== null && _pane$selectedNode2 !== void 0 && _pane$selectedNode2.text) && '请选择', !(!state.initLoading && state.panes.length) && 'Loading...'), React__default.createElement("span", {
758
- className: "nut-tabs__titles-item__line"
759
- }));
760
- });
761
- }
762
- }, !state.initLoading && state.panes.length ? optiosData.map(function (pane) {
763
- return React__default.createElement(TabPane, {
764
- key: pane.paneKey,
765
- paneKey: pane.paneKey
766
- }, React__default.createElement("div", {
767
- className: classesPane
768
- }, pane.nodes && pane.nodes.map(function (node, index) {
769
- var _pane$selectedNode3;
770
-
771
- return React__default.createElement(CascaderItem, _objectSpread(_objectSpread({
772
- key: index
773
- }, props), {}, {
774
- data: node,
775
- checked: ((_pane$selectedNode3 = pane.selectedNode) === null || _pane$selectedNode3 === void 0 ? void 0 : _pane$selectedNode3.value) === node.value,
776
- chooseItem: function chooseItem(node) {
777
- return _chooseItem(node, false);
778
- }
779
- }));
780
- })));
781
- }) : React__default.createElement(TabPane, null, React__default.createElement("div", {
782
- className: classesPane
783
- })))));
789
+ }, renderItem()) : renderItem());
784
790
  };
785
791
 
786
792
  var Cascader = React__default.forwardRef(InternalCascader);
@@ -1,2 +1,4 @@
1
-
1
+ import '../../Popup/style'
2
+ import '../../Swiper/style'
3
+ import '../../Video/style'
2
4
  import '../../../packages/imagepreview/imagepreview.scss'
@@ -232,14 +232,14 @@ var ImagePreview = function ImagePreview(props) {
232
232
  initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1),
233
233
  paginationColor: paginationColor,
234
234
  paginationVisible: paginationVisible
235
- }, videos && videos.length > 0 && videos.map(function (item, index) {
235
+ }, (videos && videos.length > 0 ? videos.map(function (item, index) {
236
236
  return React__default.createElement(SwiperItem, {
237
237
  key: index
238
238
  }, React__default.createElement(Video, {
239
239
  source: item.source,
240
240
  options: item.options
241
241
  }));
242
- }), images && images.length > 0 && images.map(function (item, index) {
242
+ }) : []).concat(images && images.length > 0 ? images.map(function (item, index) {
243
243
  return React__default.createElement(SwiperItem, {
244
244
  key: index
245
245
  }, React__default.createElement("img", {
@@ -247,7 +247,7 @@ var ImagePreview = function ImagePreview(props) {
247
247
  alt: "",
248
248
  className: "nut-imagepreview-img"
249
249
  }));
250
- }))), React__default.createElement("div", {
250
+ }) : []))), React__default.createElement("div", {
251
251
  className: "nut-imagepreview-index"
252
252
  }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)));
253
253
  };
package/dist/esm/Rate.js CHANGED
@@ -71,7 +71,7 @@ var Rate = function Rate(props) {
71
71
  }, [modelValue]);
72
72
 
73
73
  var pxCheck = function pxCheck(value) {
74
- return isNaN(Number(value)) ? String(value) : "".concat(value, "px");
74
+ return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
75
75
  };
76
76
 
77
77
  var _onClick = function onClick(e, index) {
@@ -79,7 +79,8 @@ var Rate = function Rate(props) {
79
79
  e.stopPropagation();
80
80
  if (disabled || readonly) return;
81
81
  var value = 0;
82
- if (index === 1 && score === index) ;else {
82
+
83
+ if (!(index === 1 && score === index)) {
83
84
  value = index;
84
85
 
85
86
  if (allowHalf) {
@@ -88,6 +89,7 @@ var Rate = function Rate(props) {
88
89
  }
89
90
  }
90
91
  }
92
+
91
93
  value = Math.max(value, Number(minimizeValue));
92
94
  setScore(value);
93
95
  onChange && onChange(value);
@@ -1,2 +1,2 @@
1
-
1
+ import '../../SwiperItem/style'
2
2
  import '../../../packages/swiper/swiper.scss'
@@ -3,6 +3,7 @@ import { CascaderOption } from './types';
3
3
  export interface CascaderProps {
4
4
  className: string;
5
5
  style: CSSProperties;
6
+ poppable: boolean;
6
7
  visible: boolean;
7
8
  options: CascaderOption[];
8
9
  value: string[];
@@ -1,2 +1,2 @@
1
- import Notify from './notify.taro';
1
+ import { Notify } from './notify.taro';
2
2
  export default Notify;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:28:28 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5-beta.0 Wed Sep 28 2022 14:03:08 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:28:28 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5-beta.0 Wed Sep 28 2022 14:03:08 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:28:28 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5-beta.0 Wed Sep 28 2022 14:03:08 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:28:28 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5-beta.0 Wed Sep 28 2022 14:03:08 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:28:28 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5-beta.0 Wed Sep 28 2022 14:03:08 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */