@nutui/nutui-react-taro 2.0.0-alpha.0 → 2.0.0-alpha.2

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 (79) hide show
  1. package/CHANGELOG.md +35 -627
  2. package/dist/esm/ActionSheet.js +3 -3
  3. package/dist/esm/Address.js +4 -4
  4. package/dist/esm/Animate.js +2 -3
  5. package/dist/esm/Badge.js +1 -3
  6. package/dist/esm/Calendar.js +5 -5
  7. package/dist/esm/Cascader.js +4 -4
  8. package/dist/esm/Col.js +2 -1
  9. package/dist/esm/DatePicker.js +5 -5
  10. package/dist/esm/Divider.js +2 -1
  11. package/dist/esm/Drag.js +2 -3
  12. package/dist/esm/Elevator.js +3 -3
  13. package/dist/esm/ImagePreview.js +5 -5
  14. package/dist/esm/Menu.js +1 -1
  15. package/dist/esm/MenuItem.js +3 -4
  16. package/dist/esm/NavBar.js +1 -4
  17. package/dist/esm/NumberKeyboard.js +3 -3
  18. package/dist/esm/Picker.js +4 -4
  19. package/dist/esm/Popup.js +2 -4
  20. package/dist/esm/Progress.js +1 -4
  21. package/dist/esm/Row.js +2 -1
  22. package/dist/esm/ShortPassword.js +3 -3
  23. package/dist/esm/SideNavBar.js +3 -8
  24. package/dist/esm/TimeSelect.js +4 -4
  25. package/dist/esm/Uploader.js +2 -4
  26. package/dist/esm/{actionsheet.taro-b76a342e.js → actionsheet.taro-10cc53ee.js} +1 -1
  27. package/dist/esm/{address.taro-1812caeb.js → address.taro-2f915873.js} +3 -3
  28. package/dist/esm/{animate.taro-fb7986d6.js → animate.taro-9e65d07a.js} +4 -3
  29. package/dist/esm/{badge.taro-ae154f41.js → badge.taro-1d5df601.js} +11 -16
  30. package/dist/esm/{calendar.taro-b6b147ca.js → calendar.taro-099cb4a2.js} +1 -1
  31. package/dist/esm/{cascader.taro-9c0a1a38.js → cascader.taro-62e764a7.js} +2 -2
  32. package/dist/esm/{col.taro-53eed3cc.js → col.taro-a99a9171.js} +3 -1
  33. package/dist/esm/{datepicker.taro-439e2080.js → datepicker.taro-0f2bcf42.js} +1 -1
  34. package/dist/esm/{divider.taro-6c1657ce.js → divider.taro-67e9f757.js} +2 -0
  35. package/dist/esm/{drag.taro-79bb8744.js → drag.taro-2d3d9d11.js} +4 -3
  36. package/dist/esm/{elevator.taro-81a11ecc.js → elevator.taro-588e219b.js} +31 -24
  37. package/dist/esm/{imagepreview.taro-867ee24a.js → imagepreview.taro-b88fcf41.js} +2 -2
  38. package/dist/esm/menu.taro-b61442a7.js +111 -0
  39. package/dist/esm/{menuitem.taro-86a6bb6c.js → menuitem.taro-bca78e07.js} +31 -30
  40. package/dist/esm/navbar.taro-02c69d66.js +57 -0
  41. package/dist/esm/{numberkeyboard.taro-81b36e5e.js → numberkeyboard.taro-ed9b2149.js} +2 -2
  42. package/dist/esm/nutui-react.es.js +26 -26
  43. package/dist/esm/{picker.taro-5c9030a7.js → picker.taro-5028afcb.js} +1 -1
  44. package/dist/esm/{popup.taro-124b9bab.js → popup.taro-020bf791.js} +27 -30
  45. package/dist/esm/progress.taro-1c199fbe.js +40 -0
  46. package/dist/esm/{row.taro-f64d4a13.js → row.taro-75039d53.js} +5 -3
  47. package/dist/esm/{shortpassword.taro-9a2c98ad.js → shortpassword.taro-681a33a1.js} +1 -1
  48. package/dist/esm/{sidenavbar.taro-0265812f.js → sidenavbar.taro-d5c5b331.js} +1 -3
  49. package/dist/esm/{timeselect.taro-5b047850.js → timeselect.taro-a4b86771.js} +1 -1
  50. package/dist/esm/{uploader.taro-0cca7e97.js → uploader.taro-17569890.js} +36 -38
  51. package/dist/locales/base.js +1 -1
  52. package/dist/locales/en-US.js +1 -1
  53. package/dist/locales/id-ID.js +1 -1
  54. package/dist/locales/zh-CN.js +1 -1
  55. package/dist/locales/zh-TW.js +1 -1
  56. package/dist/locales/zh-UG.js +1 -1
  57. package/dist/nutui.react.mjs +795 -892
  58. package/dist/nutui.react.umd.js +795 -892
  59. package/dist/packages/audio/audio.scss +2 -15
  60. package/dist/packages/badge/badge.scss +8 -17
  61. package/dist/packages/calendar/calendar.scss +0 -30
  62. package/dist/packages/elevator/elevator.scss +2 -28
  63. package/dist/packages/menu/menu.scss +44 -55
  64. package/dist/packages/menuitem/menuitem.scss +16 -26
  65. package/dist/packages/navbar/navbar.scss +16 -115
  66. package/dist/packages/popup/popup.scss +0 -16
  67. package/dist/packages/progress/progress.scss +19 -58
  68. package/dist/packages/row/row.scss +13 -31
  69. package/dist/packages/sidenavbar/sidenavbar.scss +0 -19
  70. package/dist/packages/uploader/uploader.scss +2 -28
  71. package/dist/style.css +1 -1
  72. package/dist/style.mjs +1 -1
  73. package/dist/styles/variables-jmapp.scss +23 -114
  74. package/dist/styles/variables.scss +31 -122
  75. package/dist/types/index.d.ts +43 -78
  76. package/package.json +1 -1
  77. package/dist/esm/menu.taro-54951911.js +0 -98
  78. package/dist/esm/navbar.taro-69f47d51.js +0 -77
  79. package/dist/esm/progress.taro-24392ef3.js +0 -88
@@ -3,8 +3,8 @@ import { createPortal } from 'react-dom';
3
3
  import { CSSTransition } from 'react-transition-group';
4
4
  import classNames from 'classnames';
5
5
  import { Close } from '@nutui/icons-react-taro';
6
+ import { View } from '@tarojs/components';
6
7
  import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-ad0d4775.js';
7
- import { c as cn } from './bem-350c1702.js';
8
8
  import { C as ComponentDefaults } from './typings-d8491423.js';
9
9
 
10
10
  const defaultProps = {
@@ -12,31 +12,28 @@ const defaultProps = {
12
12
  position: 'center',
13
13
  transition: '',
14
14
  overlayStyle: {},
15
- overlayClass: '',
16
- popClass: '',
15
+ overlayClassName: '',
17
16
  closeable: false,
18
17
  closeIconPosition: 'top-right',
19
18
  closeIcon: 'close',
20
- destroyOnClose: true,
21
- teleport: null,
19
+ destroyOnClose: false,
20
+ portal: null,
22
21
  overlay: true,
23
22
  round: false,
24
23
  onOpen: () => { },
25
24
  onClose: () => { },
26
- onOpened: (e) => { },
27
- onClosed: (e) => { },
28
- onClickOverlay: (e) => { },
29
- onClickCloseIcon: (e) => { },
25
+ onClickOverlay: (e) => true,
26
+ onClickCloseIcon: (e) => true,
30
27
  ...defaultOverlayProps,
31
28
  };
32
29
  let _zIndex = 2000;
33
30
  const Popup = (props) => {
34
- const { children, visible, overlay, closeOnOverlayClick, overlayStyle, overlayClass, zIndex, lockScroll, duration, closeable, closeIconPosition, closeIcon, style, transition, round, position, popClass, className, destroyOnClose, teleport, onOpen, onClose, onClickOverlay, onClickCloseIcon, onOpened, onClosed, onClick, } = props;
31
+ const { children, visible, overlay, closeOnOverlayClick, overlayStyle, overlayClassName, zIndex, lockScroll, duration, closeable, closeIconPosition, closeIcon, style, transition, round, position, className, destroyOnClose, portal, onOpen, onClose, onClickOverlay, onClickCloseIcon, afterShow, afterClose, onClick, } = props;
35
32
  const [index, setIndex] = useState(zIndex || _zIndex);
36
33
  const [innerVisible, setInnerVisible] = useState(visible);
37
34
  const [showChildren, setShowChildren] = useState(true);
38
35
  const [transitionName, setTransitionName] = useState('');
39
- const b = cn('popup');
36
+ const classPrefix = 'nut-popup';
40
37
  const baseStyle = {
41
38
  zIndex: index,
42
39
  animationDuration: `${duration}s`,
@@ -49,15 +46,15 @@ const Popup = (props) => {
49
46
  ...style,
50
47
  ...baseStyle,
51
48
  };
52
- const classes = classNames({
49
+ const popClassName = classNames({
53
50
  round,
54
- [`nut-popup-${position}`]: true,
55
- [`${popClass}`]: true,
51
+ [`${classPrefix}`]: true,
52
+ [`${classPrefix}-${position}`]: true,
56
53
  [`${className || ''}`]: true,
57
- }, b(''));
54
+ });
58
55
  const closeClasses = classNames({
59
- 'nut-popup__close-icon': true,
60
- [`nut-popup__close-icon--${closeIconPosition}`]: true,
56
+ [`${classPrefix}__close-icon`]: true,
57
+ [`${classPrefix}__close-icon--${closeIconPosition}`]: true,
61
58
  });
62
59
  const open = () => {
63
60
  if (!innerVisible) {
@@ -75,29 +72,29 @@ const Popup = (props) => {
75
72
  if (destroyOnClose) {
76
73
  setTimeout(() => {
77
74
  setShowChildren(false);
78
- onClose && onClose();
79
75
  }, Number(duration) * 1000);
80
76
  }
77
+ onClose && onClose();
81
78
  }
82
79
  };
83
80
  const onHandleClickOverlay = (e) => {
84
81
  if (closeOnOverlayClick) {
85
- onClickOverlay && onClickOverlay(e);
86
- close();
82
+ const closed = onClickOverlay && onClickOverlay(e);
83
+ closed && close();
87
84
  }
88
85
  };
89
86
  const onHandleClick = (e) => {
90
87
  onClick && onClick(e);
91
88
  };
92
89
  const onHandleClickCloseIcon = (e) => {
93
- onClickCloseIcon && onClickCloseIcon(e);
94
- close();
90
+ const closed = onClickCloseIcon && onClickCloseIcon(e);
91
+ closed && close();
95
92
  };
96
93
  const onHandleOpened = (e) => {
97
- onOpened && onOpened(e);
94
+ afterShow && afterShow();
98
95
  };
99
96
  const onHandleClosed = (e) => {
100
- onClosed && onClosed(e);
97
+ afterClose && afterClose();
101
98
  };
102
99
  const resolveContainer = (getContainer) => {
103
100
  const container = typeof getContainer === 'function' ? getContainer() : getContainer;
@@ -112,19 +109,19 @@ const Popup = (props) => {
112
109
  };
113
110
  const renderIcon = () => {
114
111
  if (closeable) {
115
- return (React__default.createElement("div", { className: closeClasses, onClick: onHandleClickCloseIcon }, React__default.isValidElement(closeIcon) ? (closeIcon) : (React__default.createElement(Close, { width: 12, height: 12 }))));
112
+ return (React__default.createElement(View, { className: closeClasses, onClick: onHandleClickCloseIcon }, React__default.isValidElement(closeIcon) ? (closeIcon) : (React__default.createElement(Close, { width: 12, height: 12 }))));
116
113
  }
117
114
  return null;
118
115
  };
119
116
  const renderPop = () => {
120
117
  return (React__default.createElement(CSSTransition, { classNames: transitionName, unmountOnExit: true, timeout: 500, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
121
- React__default.createElement("div", { style: popStyles, className: classes, onClick: onHandleClick },
118
+ React__default.createElement(View, { style: popStyles, className: popClassName, onClick: onHandleClick },
122
119
  showChildren ? children : '',
123
120
  renderIcon())));
124
121
  };
125
122
  const renderNode = () => {
126
123
  return (React__default.createElement(React__default.Fragment, null, overlay ? (React__default.createElement(React__default.Fragment, null,
127
- React__default.createElement(Overlay, { style: overlayStyles, className: overlayClass, visible: innerVisible, closeOnOverlayClick: closeOnOverlayClick, zIndex: zIndex, lockScroll: lockScroll, duration: duration, onClick: onHandleClickOverlay }),
124
+ React__default.createElement(Overlay, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick: closeOnOverlayClick, zIndex: zIndex, lockScroll: lockScroll, duration: duration, onClick: onHandleClickOverlay }),
128
125
  renderPop())) : (React__default.createElement(React__default.Fragment, null, renderPop()))));
129
126
  };
130
127
  useEffect(() => {
@@ -132,9 +129,9 @@ const Popup = (props) => {
132
129
  !visible && close();
133
130
  }, [visible]);
134
131
  useEffect(() => {
135
- setTransitionName(transition || `nut-popup-slide-${position}`);
136
- }, [position]);
137
- return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
132
+ setTransitionName(transition || `${classPrefix}-slide-${position}`);
133
+ }, [position, transition]);
134
+ return React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
138
135
  };
139
136
  Popup.defaultProps = defaultProps;
140
137
  Popup.displayName = 'NutPopup';
@@ -0,0 +1,40 @@
1
+ import React__default from 'react';
2
+ import classNames from 'classnames';
3
+ import { C as ComponentDefaults } from './typings-d8491423.js';
4
+
5
+ const defaultProps = {
6
+ ...ComponentDefaults,
7
+ percent: 0,
8
+ showText: false,
9
+ animated: false,
10
+ };
11
+ const Progress = (props) => {
12
+ const { className, style, percent, background, color, strokeWidth, showText, animated, children, ...rest } = {
13
+ ...defaultProps,
14
+ ...props,
15
+ };
16
+ const classPrefix = 'nut-progress';
17
+ const classesInner = classNames({
18
+ [`${classPrefix}-inner`]: true,
19
+ [`${classPrefix}-active`]: animated,
20
+ });
21
+ const stylesOuter = {
22
+ height: `${strokeWidth}px`,
23
+ background,
24
+ };
25
+ const stylesInner = {
26
+ width: `${percent}%`,
27
+ background: color,
28
+ };
29
+ return (React__default.createElement("div", { className: classNames(classPrefix, className), style: style, ...rest },
30
+ React__default.createElement("div", { className: `${classPrefix}-outer`, style: stylesOuter },
31
+ React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && (React__default.createElement("div", { className: `${classPrefix}-text`, style: { left: `${percent}%` } }, children || (React__default.createElement("div", { className: `${classPrefix}-text__inner`, style: {
32
+ background: color,
33
+ } },
34
+ percent,
35
+ "%"))))))));
36
+ };
37
+ Progress.defaultProps = defaultProps;
38
+ Progress.displayName = 'NutProgress';
39
+
40
+ export { Progress as P };
@@ -1,8 +1,11 @@
1
1
  import React__default from 'react';
2
2
  import classNames from 'classnames';
3
3
  import { D as DataContext } from './UserContext-0aac9a82.js';
4
+ import { C as ComponentDefaults } from './typings-d8491423.js';
4
5
 
6
+ const classPrefix = 'nut-row';
5
7
  const defaultProps = {
8
+ ...ComponentDefaults,
6
9
  type: '',
7
10
  justify: 'start',
8
11
  align: 'flex-start',
@@ -10,11 +13,10 @@ const defaultProps = {
10
13
  gutter: '0',
11
14
  };
12
15
  const Row = (props) => {
13
- const { className, style = {}, children, type, justify, align, wrap, gutter, onClick, } = {
16
+ const { className, style, children, type, justify, align, wrap, gutter, onClick, } = {
14
17
  ...defaultProps,
15
18
  ...props,
16
19
  };
17
- const prefixCls = 'nut-row';
18
20
  const getClass = (prefix, type) => {
19
21
  const classType = type ? `nut-row-${prefix}-${type}` : '';
20
22
  const className = prefix ? classType : `nut-row-${type}`;
@@ -26,7 +28,7 @@ const Row = (props) => {
26
28
  ${getClass('justify', justify)}
27
29
  ${getClass('align', align)}
28
30
  ${getClass('flex', wrap)}
29
- ${prefixCls}
31
+ ${classPrefix}
30
32
  `;
31
33
  };
32
34
  const parentRow = {
@@ -1,7 +1,7 @@
1
1
  import React__default, { useRef, useState, useEffect } from 'react';
2
2
  import { Tips } from '@nutui/icons-react-taro';
3
3
  import { c as cn } from './bem-350c1702.js';
4
- import { P as Popup } from './popup.taro-124b9bab.js';
4
+ import { P as Popup } from './popup.taro-020bf791.js';
5
5
  import { u as useConfig } from './configprovider.taro-c8c54556.js';
6
6
  import { C as ComponentDefaults } from './typings-d8491423.js';
7
7
 
@@ -1,6 +1,5 @@
1
1
  import React__default, { useState } from 'react';
2
- import { u as useConfig } from './configprovider.taro-c8c54556.js';
3
- import { P as Popup } from './popup.taro-124b9bab.js';
2
+ import { P as Popup } from './popup.taro-020bf791.js';
4
3
  import { O as OffsetContext } from './offsetContext-c2a746fa.js';
5
4
 
6
5
  const defaultProps = {
@@ -9,7 +8,6 @@ const defaultProps = {
9
8
  width: '80%',
10
9
  };
11
10
  const SideNavBar = (props) => {
12
- useConfig();
13
11
  const { title, visible, width, position, children, className, showhead, onClose, ...rest } = {
14
12
  ...defaultProps,
15
13
  ...props,
@@ -1,5 +1,5 @@
1
1
  import React__default, { useState, useEffect } from 'react';
2
- import { P as Popup } from './popup.taro-124b9bab.js';
2
+ import { P as Popup } from './popup.taro-020bf791.js';
3
3
  import { T as TimePannel } from './timepannel.taro-fd3d008d.js';
4
4
  import { T as TimeDetail } from './timedetail.taro-fce4e614.js';
5
5
  import { c as cn } from './bem-350c1702.js';
@@ -4,8 +4,7 @@ import Taro, { uploadFile, getEnv, chooseMedia, chooseImage } from '@tarojs/taro
4
4
  import { Failure, Loading, Link, Del, Photograph } from '@nutui/icons-react-taro';
5
5
  import { Image } from '@tarojs/components';
6
6
  import { B as Button } from './button.taro-a1c9512f.js';
7
- import { P as Progress } from './progress.taro-24392ef3.js';
8
- import { c as cn } from './bem-350c1702.js';
7
+ import { P as Progress } from './progress.taro-1c199fbe.js';
9
8
  import { u as useConfig } from './configprovider.taro-c8c54556.js';
10
9
  import { i as isPromise } from './index-5bcb0ff8.js';
11
10
  import { C as ComponentDefaults } from './typings-d8491423.js';
@@ -145,31 +144,31 @@ const funcInterceptor = (interceptor, { args = [], done, canceled, }) => {
145
144
  const defaultProps = {
146
145
  ...ComponentDefaults,
147
146
  url: '',
148
- maximum: 1,
147
+ maxCount: 1,
149
148
  sizeType: ['original', 'compressed'],
150
149
  sourceType: ['album', 'camera'],
151
150
  mediaType: ['image', 'video'],
152
151
  camera: 'back',
153
152
  uploadIcon: null,
154
- uploadIconSize: '',
155
- uploadIconTip: '',
156
- listType: 'picture',
153
+ uploadLabel: '',
154
+ previewType: 'picture',
155
+ imageFit: 'cover',
157
156
  name: 'file',
158
157
  accept: '*',
159
158
  disabled: false,
160
159
  autoUpload: true,
161
160
  multiple: false,
162
- maximize: Number.MAX_VALUE,
161
+ maxFileSize: Number.MAX_VALUE,
163
162
  data: {},
164
163
  headers: {},
165
164
  method: 'post',
166
- defaultImg: '',
165
+ previewUrl: '',
167
166
  xhrState: 200,
168
167
  timeout: 1000 * 30,
169
- isPreview: true,
170
- isDeletable: true,
168
+ preview: true,
169
+ deletable: true,
171
170
  maxDuration: 10,
172
- onBeforeDelete: (file, files) => {
171
+ beforeDelete: (file, files) => {
173
172
  return true;
174
173
  },
175
174
  };
@@ -186,16 +185,15 @@ class FileItem {
186
185
  }
187
186
  const InternalUploader = (props, ref) => {
188
187
  const { locale } = useConfig();
189
- const { children, uploadIcon, uploadIconSize, uploadIconTip, accept, name, camera, defaultFileList, listType, disabled, multiple, url, defaultImg, headers, timeout, method, xhrState, data, isPreview, isDeletable, maximum, maximize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, onStart, onRemove, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, onBeforeXhrUpload, onBeforeDelete, ...restProps } = { ...defaultProps, ...props };
190
- const [fileList, setFileList] = useState([]);
188
+ const { children, uploadIcon, uploadLabel, accept, name, camera, defaultValue, value, previewType, imageFit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, data, preview, deletable, maxCount, maxFileSize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeXhrUpload, beforeDelete, ...restProps } = { ...defaultProps, ...props };
189
+ const [fileList, setFileList] = useState(defaultValue || []);
191
190
  const [uploadQueue, setUploadQueue] = useState([]);
192
191
  useEffect(() => {
193
- if (defaultFileList) {
194
- setFileList(defaultFileList);
192
+ if (value) {
193
+ setFileList(value);
195
194
  }
196
- }, [defaultFileList]);
197
- const b = cn('uploader');
198
- const classes = classNames(className, b(''));
195
+ }, [value]);
196
+ const classes = classNames(className, 'nut-uploader');
199
197
  useImperativeHandle(ref, () => ({
200
198
  submit: () => {
201
199
  Promise.all(uploadQueue).then((res) => {
@@ -239,7 +237,7 @@ const InternalUploader = (props, ref) => {
239
237
  // chooseMedia 目前只支持微信小程序原生,其余端全部使用 chooseImage API
240
238
  chooseMedia({
241
239
  /** 最多可以选择的文件个数 */
242
- count: multiple ? maximum * 1 - fileList.length : 1,
240
+ count: multiple ? maxCount * 1 - fileList.length : 1,
243
241
  /** 文件类型 */
244
242
  mediaType: mediaType,
245
243
  /** 图片和视频选择的来源 */
@@ -261,7 +259,7 @@ const InternalUploader = (props, ref) => {
261
259
  else {
262
260
  chooseImage({
263
261
  // 选择数量
264
- count: multiple ? maximum * 1 - fileList.length : 1,
262
+ count: multiple ? maxCount * 1 - fileList.length : 1,
265
263
  // 可以指定是原图还是压缩图,默认二者都有
266
264
  sizeType,
267
265
  sourceType,
@@ -283,7 +281,7 @@ const InternalUploader = (props, ref) => {
283
281
  uploadOption.xhrState = xhrState;
284
282
  uploadOption.headers = headers;
285
283
  uploadOption.taroFilePath = fileItem.path;
286
- uploadOption.beforeXhrUpload = onBeforeXhrUpload;
284
+ uploadOption.beforeXhrUpload = beforeXhrUpload;
287
285
  uploadOption.onStart = (option) => {
288
286
  clearUploadQueue(index);
289
287
  setFileList((fileList) => {
@@ -394,7 +392,7 @@ const InternalUploader = (props, ref) => {
394
392
  else {
395
393
  fileItem.formData = data;
396
394
  }
397
- if (isPreview) {
395
+ if (preview) {
398
396
  fileItem.url = fileType == 'video' ? file.thumbTempFilePath : filepath;
399
397
  }
400
398
  fileList.push(fileItem);
@@ -403,8 +401,8 @@ const InternalUploader = (props, ref) => {
403
401
  });
404
402
  };
405
403
  const filterFiles = (files) => {
406
- const maximum = props.maximum * 1;
407
- const maximize = props.maximize * 1;
404
+ const maximum = props.maxCount * 1;
405
+ const maximize = props.maxFileSize * 1;
408
406
  const oversizes = new Array();
409
407
  const filterFile = files.filter((file) => {
410
408
  if (file.size > maximize) {
@@ -424,12 +422,12 @@ const InternalUploader = (props, ref) => {
424
422
  };
425
423
  const deleted = (file, index) => {
426
424
  fileList.splice(index, 1);
427
- onRemove && onRemove(file, fileList);
425
+ onDelete && onDelete(file, fileList);
428
426
  setFileList([...fileList]);
429
427
  };
430
- const onDelete = (file, index) => {
428
+ const onDeleteItem = (file, index) => {
431
429
  clearUploadQueue(index);
432
- funcInterceptor(onBeforeDelete, {
430
+ funcInterceptor(beforeDelete, {
433
431
  args: [file, fileList],
434
432
  done: () => deleted(file, index),
435
433
  });
@@ -455,12 +453,12 @@ const InternalUploader = (props, ref) => {
455
453
  children && (React__default.createElement("div", { className: "nut-uploader__slot" },
456
454
  React__default.createElement(React__default.Fragment, null,
457
455
  children,
458
- maximum > fileList.length && (React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))))),
456
+ maxCount > fileList.length && (React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))))),
459
457
  fileList.length !== 0 &&
460
458
  fileList.map((item, index) => {
461
- return (React__default.createElement("div", { className: `nut-uploader__preview ${listType}`, key: item.uid },
462
- listType === 'picture' && !children && (React__default.createElement("div", { className: "nut-uploader__preview-img" },
463
- isDeletable && (React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)", className: "close", onClick: () => onDelete(item, index) })),
459
+ return (React__default.createElement("div", { className: `nut-uploader__preview ${previewType}`, key: item.uid },
460
+ previewType === 'picture' && !children && (React__default.createElement("div", { className: "nut-uploader__preview-img" },
461
+ deletable && (React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)", className: "close", onClick: () => onDeleteItem(item, index) })),
464
462
  item.status === 'ready' ? (React__default.createElement("div", { className: "nut-uploader__preview__progress" },
465
463
  React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message))) : (item.status !== 'success' && (React__default.createElement("div", { className: "nut-uploader__preview__progress" },
466
464
  item.failIcon !== ' ' &&
@@ -469,24 +467,24 @@ const InternalUploader = (props, ref) => {
469
467
  ? item.failIcon || React__default.createElement(Failure, { color: "#fff" })
470
468
  : item.loadingIcon || React__default.createElement(Loading, { color: "#fff" })),
471
469
  React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)))),
472
- item.type.includes('image') ? (React__default.createElement(React__default.Fragment, null, item.url && (React__default.createElement(Image, { className: "nut-uploader__preview-img__c", mode: "aspectFit", src: item.url, onClick: () => handleItemClick(item) })))) : (React__default.createElement(React__default.Fragment, null, defaultImg ? (React__default.createElement(Image, { className: "nut-uploader__preview-img__c", mode: "aspectFit", src: defaultImg, onClick: () => handleItemClick(item) })) : (React__default.createElement("div", { className: "nut-uploader__preview-img__file" },
470
+ item.type.includes('image') ? (React__default.createElement(React__default.Fragment, null, item.url && (React__default.createElement(Image, { className: "nut-uploader__preview-img__c", style: { objectFit: imageFit }, mode: "aspectFit", src: item.url, onClick: () => handleItemClick(item) })))) : (React__default.createElement(React__default.Fragment, null, previewUrl ? (React__default.createElement(Image, { className: "nut-uploader__preview-img__c", mode: "aspectFit", src: previewUrl, onClick: () => handleItemClick(item) })) : (React__default.createElement("div", { className: "nut-uploader__preview-img__file" },
473
471
  React__default.createElement("div", { onClick: () => handleItemClick(item), className: "nut-uploader__preview-img__file__name" },
474
472
  React__default.createElement(Link, { color: "#808080" }),
475
473
  "\u00A0",
476
474
  item.name))))),
477
475
  item.status === 'success' ? (React__default.createElement("div", { className: "tips" }, item.name)) : null)),
478
- listType === 'list' && (React__default.createElement("div", { className: "nut-uploader__preview-list" },
476
+ previewType === 'list' && (React__default.createElement("div", { className: "nut-uploader__preview-list" },
479
477
  React__default.createElement("div", { className: `nut-uploader__preview-img__file__name ${item.status}`, onClick: () => handleItemClick(item) },
480
478
  React__default.createElement(Link, null),
481
479
  "\u00A0",
482
480
  item.name),
483
- isDeletable && (React__default.createElement(Del, { color: "#808080", className: "nut-uploader__preview-img__file__del", onClick: () => onDelete(item, index) })),
484
- item.status === 'uploading' && (React__default.createElement(Progress, { size: "small", percentage: item.percentage, strokeColor: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)", showText: false }))))));
481
+ deletable && (React__default.createElement(Del, { color: "#808080", className: "nut-uploader__preview-img__file__del", onClick: () => onDeleteItem(item, index) })),
482
+ item.status === 'uploading' && (React__default.createElement(Progress, { percent: item.percentage, color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)", showText: false }))))));
485
483
  }),
486
- maximum > fileList.length && listType === 'picture' && !children && (React__default.createElement("div", { className: `nut-uploader__upload ${listType} ${disabled ? 'nut-uploader__upload-disabled' : ''}` },
484
+ maxCount > fileList.length && previewType === 'picture' && !children && (React__default.createElement("div", { className: `nut-uploader__upload ${previewType} ${disabled ? 'nut-uploader__upload-disabled' : ''}` },
487
485
  React__default.createElement("div", { className: "nut-uploader__icon" },
488
- uploadIcon || React__default.createElement(Photograph, { size: uploadIconSize, color: "#808080" }),
489
- React__default.createElement("span", { className: "nut-uploader__icon-tip" }, uploadIconTip)),
486
+ uploadIcon || React__default.createElement(Photograph, { size: "20px", color: "#808080" }),
487
+ React__default.createElement("span", { className: "nut-uploader__icon-tip" }, uploadLabel)),
490
488
  React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage })))));
491
489
  };
492
490
  const Uploader = React__default.forwardRef(InternalUploader);
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */