@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 +12 -0
- package/dist/esm/Address.js +14 -32
- package/dist/esm/Cascader/style/index.js +2 -1
- package/dist/esm/Cascader.js +54 -48
- package/dist/esm/ImagePreview/style/index.js +3 -1
- package/dist/esm/ImagePreview.js +3 -3
- package/dist/esm/Rate.js +4 -2
- package/dist/esm/Swiper/style/index.js +1 -1
- package/dist/esm/types/src/packages/cascader/cascader.d.ts +1 -0
- package/dist/esm/types/src/packages/notify/index.taro.d.ts +1 -1
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +4616 -755
- package/dist/nutui.react.umd.js +4629 -768
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -1
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
|
package/dist/esm/Address.js
CHANGED
|
@@ -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
|
|
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
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
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
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
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
|
-
})))
|
|
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), {}, {
|
package/dist/esm/Cascader.js
CHANGED
|
@@ -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
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
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
|
-
},
|
|
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);
|
package/dist/esm/ImagePreview.js
CHANGED
|
@@ -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
|
|
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
|
-
})
|
|
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
|
-
|
|
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'
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import Notify from './notify.taro';
|
|
1
|
+
import { Notify } from './notify.taro';
|
|
2
2
|
export default Notify;
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED