@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 CHANGED
@@ -1,11 +1,19 @@
1
- # v2.6.20
2
- `2024-09-20`
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
- * :bug: fix: i18n (#2597)
6
- * :bug: fix: 类型构建错误 (#2605)
7
- * 🏡 chore: replace local prettier plugin with npm package (#2603)
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
 
@@ -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 { Failure, Link, Del, Loading, Photograph } from "@nutui/icons-react";
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(Failure, { color: "rgba(0,0,0,0.6)", className: "close", onClick: () => onDeleteItem(item, index) }),
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",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.20 Fri Sep 20 2024 13:47:06 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.21 Fri Sep 27 2024 14:10:08 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 v2.6.20 Fri Sep 20 2024 13:47:06 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.21 Fri Sep 27 2024 14:10:08 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 v2.6.20 Fri Sep 20 2024 13:47:06 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.21 Fri Sep 27 2024 14:10:08 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 v2.6.20 Fri Sep 20 2024 13:47:06 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.21 Fri Sep 27 2024 14:10:08 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 v2.6.20 Fri Sep 20 2024 13:47:06 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.21 Fri Sep 27 2024 14:10:08 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 v2.6.20 Fri Sep 20 2024 13:47:06 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.21 Fri Sep 27 2024 14:10:08 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 v2.6.20 Fri Sep 20 2024 13:47:06 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.21 Fri Sep 27 2024 14:10:08 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 v2.6.19 Fri Sep 20 2024 13:46:38 GMT+0800 (China Standard Time)
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
- p$3,
16670
+ "div",
16670
16671
  {
16671
- color: "rgba(0,0,0,0.6)",
16672
- className: "close",
16673
- onClick: () => onDeleteItem(item, index)
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(
@@ -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.19 Fri Sep 20 2024 13:46:38 GMT+0800 (China Standard Time)
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
- p$3,
16688
+ "div",
16688
16689
  {
16689
- color: "rgba(0,0,0,0.6)",
16690
- className: "close",
16691
- onClick: () => onDeleteItem(item, index)
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(
@@ -47,8 +47,8 @@ export interface RateProps extends BasicComponent {
47
47
  */
48
48
  allowHalf: boolean
49
49
  /**
50
- * 是否允许滑动选择 | boolean
51
- * @default
50
+ * 是否允许滑动选择
51
+ * @default false
52
52
  */
53
53
  touchable: boolean
54
54
  /**
@@ -44,6 +44,11 @@ export interface UploaderProps extends BasicComponent {
44
44
  */
45
45
  uploadIcon?: React.ReactNode
46
46
  /**
47
+ * 删除区域的图标名称
48
+ * @default -
49
+ */
50
+ deleteIcon?: React.ReactNode
51
+ /**
47
52
  * 上传区域图片下方文字
48
53
  * @default -
49
54
  */
@@ -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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nutui/nutui-react",
3
- "version": "2.6.20",
3
+ "version": "2.6.21",
4
4
  "style": "dist/style.css",
5
5
  "main": "dist/nutui.react.umd.js",
6
6
  "module": "dist/esm/nutui-react.es.js",