@nutui/nutui-react 2.6.20 → 2.6.21
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 +13 -5
- package/dist/esm/Uploader.js +7 -6
- 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/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +11 -7
- package/dist/nutui.react.umd.js +11 -7
- package/dist/types/packages/rate/rate.d.ts +2 -2
- package/dist/types/packages/uploader/uploader.d.ts +5 -0
- package/dist/types/packages/uploader/uploader.taro.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,11 +1,19 @@
|
|
|
1
|
-
# v2.6.
|
|
2
|
-
`2024-09-
|
|
1
|
+
# v2.6.21
|
|
2
|
+
`2024-09-27`
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
* 🏡 chore: update dependency linguist-languages to be included within package (#2607)
|
|
6
|
+
* :sparkles: feat(Uploader): add support for deleteIcon prop customization (#2618)
|
|
7
|
+
* :bug: fix: 修改jd小程序高版本弹幕不滚动问题 (#2612)
|
|
3
8
|
|
|
4
9
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
10
|
+
# v2.6.20
|
|
11
|
+
|
|
12
|
+
`2024-09-20`
|
|
8
13
|
|
|
14
|
+
- :bug: fix: i18n (#2597)
|
|
15
|
+
- :bug: fix: 类型构建错误 (#2605)
|
|
16
|
+
- 🏡 chore: replace local prettier plugin with npm package (#2603)
|
|
9
17
|
|
|
10
18
|
# v2.6.19
|
|
11
19
|
|
package/dist/esm/Uploader.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { _ as __rest } from "./tslib.es6.js";
|
|
2
2
|
import React__default, { useRef, useState, useEffect, useImperativeHandle } from "react";
|
|
3
3
|
import classNames from "classnames";
|
|
4
|
-
import {
|
|
4
|
+
import { Link, Del, Failure, Loading, Photograph } from "@nutui/icons-react";
|
|
5
5
|
import { useConfig } from "./ConfigProvider.js";
|
|
6
6
|
import { b as isPromise } from "./index.js";
|
|
7
7
|
import { C as ComponentDefaults } from "./typings.js";
|
|
@@ -85,7 +85,7 @@ const funcInterceptor = (interceptor, { args = [], done, canceled }) => {
|
|
|
85
85
|
done();
|
|
86
86
|
}
|
|
87
87
|
};
|
|
88
|
-
const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemClick, previewUrl, children }) => {
|
|
88
|
+
const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemClick, previewUrl, deleteIcon, children }) => {
|
|
89
89
|
const renderIcon = (item) => {
|
|
90
90
|
if (item.status === ERROR) {
|
|
91
91
|
return item.failIcon || React__default.createElement(Failure, { color: "#fff" });
|
|
@@ -97,7 +97,7 @@ const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemCli
|
|
|
97
97
|
return React__default.createElement(
|
|
98
98
|
"div",
|
|
99
99
|
{ className: `nut-uploader-preview ${previewType}`, key: item.uid },
|
|
100
|
-
previewType === "picture" && !children && deletable && React__default.createElement(
|
|
100
|
+
previewType === "picture" && !children && deletable && React__default.createElement("div", { onClick: () => onDeleteItem(item, index), className: "close" }, deleteIcon),
|
|
101
101
|
previewType === "picture" && !children && React__default.createElement(
|
|
102
102
|
"div",
|
|
103
103
|
{ className: "nut-uploader-preview-img" },
|
|
@@ -157,13 +157,13 @@ class FileItem {
|
|
|
157
157
|
this.formData = {};
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
|
-
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { url: "", maxCount: 1, previewType: "picture", fit: "cover", name: "file", accept: "*", disabled: false, autoUpload: true, multiple: false, maxFileSize: Number.MAX_VALUE, data: {}, headers: {}, method: "post", xhrState: 200, timeout: 1e3 * 30, withCredentials: false, clearInput: true, preview: true, deletable: true, capture: false, uploadIcon: React__default.createElement(Photograph, { width: "20px", height: "20px", color: "#808080" }), beforeDelete: (file, files) => {
|
|
160
|
+
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { url: "", maxCount: 1, previewType: "picture", fit: "cover", name: "file", accept: "*", disabled: false, autoUpload: true, multiple: false, maxFileSize: Number.MAX_VALUE, data: {}, headers: {}, method: "post", xhrState: 200, timeout: 1e3 * 30, withCredentials: false, clearInput: true, preview: true, deletable: true, capture: false, uploadIcon: React__default.createElement(Photograph, { width: "20px", height: "20px", color: "#808080" }), deleteIcon: React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)" }), beforeDelete: (file, files) => {
|
|
161
161
|
return true;
|
|
162
162
|
} });
|
|
163
163
|
const InternalUploader = (props, ref) => {
|
|
164
164
|
const { locale } = useConfig();
|
|
165
165
|
const fileListRef = useRef([]);
|
|
166
|
-
const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, uploadLabel, name, accept, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, withCredentials, data, preview, deletable, maxCount, capture, maxFileSize, className, autoUpload, clearInput, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeUpload, beforeXhrUpload, beforeDelete } = _a, restProps = __rest(_a, ["children", "uploadIcon", "uploadLabel", "name", "accept", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "preview", "deletable", "maxCount", "capture", "maxFileSize", "className", "autoUpload", "clearInput", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"]);
|
|
166
|
+
const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, deleteIcon, uploadLabel, name, accept, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, withCredentials, data, preview, deletable, maxCount, capture, maxFileSize, className, autoUpload, clearInput, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeUpload, beforeXhrUpload, beforeDelete } = _a, restProps = __rest(_a, ["children", "uploadIcon", "deleteIcon", "uploadLabel", "name", "accept", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "preview", "deletable", "maxCount", "capture", "maxFileSize", "className", "autoUpload", "clearInput", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"]);
|
|
167
167
|
const [fileList, setFileList] = usePropsValue({
|
|
168
168
|
value,
|
|
169
169
|
defaultValue,
|
|
@@ -379,7 +379,8 @@ const InternalUploader = (props, ref) => {
|
|
|
379
379
|
onDeleteItem,
|
|
380
380
|
handleItemClick,
|
|
381
381
|
previewUrl,
|
|
382
|
-
children
|
|
382
|
+
children,
|
|
383
|
+
deleteIcon
|
|
383
384
|
}),
|
|
384
385
|
Number(maxCount) > fileList.length && previewType === "picture" && !children && React__default.createElement(
|
|
385
386
|
"div",
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/tr-TR.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED
package/dist/locales/zh-UG.js
CHANGED
package/dist/nutui.react.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui-react v2.6.
|
|
2
|
+
* @nutui/nutui-react v2.6.21 Fri Sep 27 2024 14:09:32 GMT+0800 (China Standard Time)
|
|
3
3
|
* (c) 2023 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -16649,6 +16649,7 @@ const Preview = ({
|
|
|
16649
16649
|
onDeleteItem,
|
|
16650
16650
|
handleItemClick,
|
|
16651
16651
|
previewUrl,
|
|
16652
|
+
deleteIcon,
|
|
16652
16653
|
children
|
|
16653
16654
|
}) => {
|
|
16654
16655
|
const renderIcon = (item) => {
|
|
@@ -16666,12 +16667,12 @@ const Preview = ({
|
|
|
16666
16667
|
key: item.uid
|
|
16667
16668
|
},
|
|
16668
16669
|
previewType === "picture" && !children && deletable && /* @__PURE__ */ React__default.createElement(
|
|
16669
|
-
|
|
16670
|
+
"div",
|
|
16670
16671
|
{
|
|
16671
|
-
|
|
16672
|
-
className: "close"
|
|
16673
|
-
|
|
16674
|
-
|
|
16672
|
+
onClick: () => onDeleteItem(item, index),
|
|
16673
|
+
className: "close"
|
|
16674
|
+
},
|
|
16675
|
+
deleteIcon
|
|
16675
16676
|
),
|
|
16676
16677
|
previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement(
|
|
16677
16678
|
Image$1,
|
|
@@ -16757,6 +16758,7 @@ const defaultProps$G = {
|
|
|
16757
16758
|
deletable: true,
|
|
16758
16759
|
capture: false,
|
|
16759
16760
|
uploadIcon: /* @__PURE__ */ React__default.createElement(c$1, { width: "20px", height: "20px", color: "#808080" }),
|
|
16761
|
+
deleteIcon: /* @__PURE__ */ React__default.createElement(p$3, { color: "rgba(0,0,0,0.6)" }),
|
|
16760
16762
|
beforeDelete: (file, files) => {
|
|
16761
16763
|
return true;
|
|
16762
16764
|
}
|
|
@@ -16767,6 +16769,7 @@ const InternalUploader = (props, ref) => {
|
|
|
16767
16769
|
const {
|
|
16768
16770
|
children,
|
|
16769
16771
|
uploadIcon,
|
|
16772
|
+
deleteIcon,
|
|
16770
16773
|
uploadLabel,
|
|
16771
16774
|
name,
|
|
16772
16775
|
accept,
|
|
@@ -17033,7 +17036,8 @@ const InternalUploader = (props, ref) => {
|
|
|
17033
17036
|
onDeleteItem,
|
|
17034
17037
|
handleItemClick,
|
|
17035
17038
|
previewUrl,
|
|
17036
|
-
children
|
|
17039
|
+
children,
|
|
17040
|
+
deleteIcon
|
|
17037
17041
|
}
|
|
17038
17042
|
}
|
|
17039
17043
|
), Number(maxCount) > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement(
|
package/dist/nutui.react.umd.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.nutui = {}, global2.React, global2.ReactDOM));
|
|
3
3
|
})(this, function(exports2, React, ReactDOM) {
|
|
4
4
|
"use strict";/*!
|
|
5
|
-
* @nutui/nutui-react v2.6.
|
|
5
|
+
* @nutui/nutui-react v2.6.21 Fri Sep 27 2024 14:09:32 GMT+0800 (China Standard Time)
|
|
6
6
|
* (c) 2023 @jdf2e.
|
|
7
7
|
* Released under the MIT License.
|
|
8
8
|
*/
|
|
@@ -16667,6 +16667,7 @@
|
|
|
16667
16667
|
onDeleteItem,
|
|
16668
16668
|
handleItemClick,
|
|
16669
16669
|
previewUrl,
|
|
16670
|
+
deleteIcon,
|
|
16670
16671
|
children
|
|
16671
16672
|
}) => {
|
|
16672
16673
|
const renderIcon = (item) => {
|
|
@@ -16684,12 +16685,12 @@
|
|
|
16684
16685
|
key: item.uid
|
|
16685
16686
|
},
|
|
16686
16687
|
previewType === "picture" && !children && deletable && /* @__PURE__ */ React.createElement(
|
|
16687
|
-
|
|
16688
|
+
"div",
|
|
16688
16689
|
{
|
|
16689
|
-
|
|
16690
|
-
className: "close"
|
|
16691
|
-
|
|
16692
|
-
|
|
16690
|
+
onClick: () => onDeleteItem(item, index),
|
|
16691
|
+
className: "close"
|
|
16692
|
+
},
|
|
16693
|
+
deleteIcon
|
|
16693
16694
|
),
|
|
16694
16695
|
previewType === "picture" && !children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React.createElement(React.Fragment, null, item.url && /* @__PURE__ */ React.createElement(
|
|
16695
16696
|
Image$1,
|
|
@@ -16775,6 +16776,7 @@
|
|
|
16775
16776
|
deletable: true,
|
|
16776
16777
|
capture: false,
|
|
16777
16778
|
uploadIcon: /* @__PURE__ */ React.createElement(c$1, { width: "20px", height: "20px", color: "#808080" }),
|
|
16779
|
+
deleteIcon: /* @__PURE__ */ React.createElement(p$3, { color: "rgba(0,0,0,0.6)" }),
|
|
16778
16780
|
beforeDelete: (file, files) => {
|
|
16779
16781
|
return true;
|
|
16780
16782
|
}
|
|
@@ -16785,6 +16787,7 @@
|
|
|
16785
16787
|
const {
|
|
16786
16788
|
children,
|
|
16787
16789
|
uploadIcon,
|
|
16790
|
+
deleteIcon,
|
|
16788
16791
|
uploadLabel,
|
|
16789
16792
|
name,
|
|
16790
16793
|
accept,
|
|
@@ -17051,7 +17054,8 @@
|
|
|
17051
17054
|
onDeleteItem,
|
|
17052
17055
|
handleItemClick,
|
|
17053
17056
|
previewUrl,
|
|
17054
|
-
children
|
|
17057
|
+
children,
|
|
17058
|
+
deleteIcon
|
|
17055
17059
|
}
|
|
17056
17060
|
}
|
|
17057
17061
|
), Number(maxCount) > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React.createElement(
|
|
@@ -34,6 +34,7 @@ export interface UploaderProps extends BasicComponent {
|
|
|
34
34
|
previewType: 'picture' | 'list';
|
|
35
35
|
fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
|
|
36
36
|
uploadIcon?: React.ReactNode;
|
|
37
|
+
deleteIcon?: React.ReactNode;
|
|
37
38
|
uploadLabel?: React.ReactNode;
|
|
38
39
|
name: string;
|
|
39
40
|
accept: string;
|