@zat-design/sisyphus-react 3.13.23-beta.2 → 3.13.24-beta.1
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/es/ProForm/utils/useWatch.js +3 -3
- package/es/ProUpload/components/DragRender.d.ts +1 -0
- package/es/ProUpload/components/DragRender.js +5 -1
- package/es/ProUpload/index.js +4 -2
- package/es/ProUpload/propsType.d.ts +5 -0
- package/lib/ProForm/utils/useWatch.js +3 -3
- package/lib/ProUpload/components/DragRender.d.ts +1 -0
- package/lib/ProUpload/components/DragRender.js +5 -1
- package/lib/ProUpload/index.js +4 -2
- package/lib/ProUpload/propsType.d.ts +5 -0
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
2
|
import { debounce } from 'lodash';
|
|
4
3
|
import warning from 'rc-util/lib/warning';
|
|
5
4
|
import { useState, useEffect, useRef, useMemo } from 'react';
|
|
6
5
|
import isEqual from 'lodash/isEqual';
|
|
6
|
+
import cloneDeep from 'lodash/cloneDeep';
|
|
7
7
|
export function toArray(value) {
|
|
8
8
|
if (value === undefined || value === null) {
|
|
9
9
|
return [];
|
|
@@ -115,7 +115,7 @@ function useWatch(dependencies, form, wait) {
|
|
|
115
115
|
return debounce(value => {
|
|
116
116
|
// 只在值真正变化时才更新状态
|
|
117
117
|
if (!isEqual(prevStateRef.current, value)) {
|
|
118
|
-
prevStateRef.current =
|
|
118
|
+
prevStateRef.current = cloneDeep(value);
|
|
119
119
|
setState(value);
|
|
120
120
|
}
|
|
121
121
|
}, wait);
|
|
@@ -124,7 +124,7 @@ function useWatch(dependencies, form, wait) {
|
|
|
124
124
|
// 非防抖版本
|
|
125
125
|
return value => {
|
|
126
126
|
if (!isEqual(prevStateRef.current, value)) {
|
|
127
|
-
prevStateRef.current =
|
|
127
|
+
prevStateRef.current = cloneDeep(value);
|
|
128
128
|
setState(value);
|
|
129
129
|
}
|
|
130
130
|
};
|
|
@@ -26,7 +26,8 @@ var DragRender = props => {
|
|
|
26
26
|
extExt = props.extExt,
|
|
27
27
|
maxCount = props.maxCount,
|
|
28
28
|
setFileList = props.setFileList,
|
|
29
|
-
onChange = props.onChange
|
|
29
|
+
onChange = props.onChange,
|
|
30
|
+
customTextRender = props.customTextRender;
|
|
30
31
|
var refReSelect = useRef();
|
|
31
32
|
|
|
32
33
|
// if (isView) return <>-</>;
|
|
@@ -145,6 +146,9 @@ var DragRender = props => {
|
|
|
145
146
|
}), /*#__PURE__*/_jsxs("p", {
|
|
146
147
|
className: "file-ext",
|
|
147
148
|
children: [locale === null || locale === void 0 || (_locale$ProUpload5 = locale.ProUpload) === null || _locale$ProUpload5 === void 0 ? void 0 : _locale$ProUpload5.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : `${locale === null || locale === void 0 || (_locale$ProUpload6 = locale.ProUpload) === null || _locale$ProUpload6 === void 0 ? void 0 : _locale$ProUpload6.draggerLimitless}`]
|
|
149
|
+
}), customTextRender && /*#__PURE__*/_jsx("p", {
|
|
150
|
+
className: "file-ext",
|
|
151
|
+
children: customTextRender
|
|
148
152
|
})]
|
|
149
153
|
}), /*#__PURE__*/_jsx("div", {
|
|
150
154
|
className: "dragger-file-show",
|
package/es/ProUpload/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import _message from "antd/es/message";
|
|
|
3
3
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
5
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
6
|
-
var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "centerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "filterOriginFileObj", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames", "isConfirmDelete"];
|
|
6
|
+
var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "centerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "filterOriginFileObj", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames", "isConfirmDelete", "customTextRender"];
|
|
7
7
|
import React, { useEffect, useState, useImperativeHandle } from 'react';
|
|
8
8
|
import { isFunction, omit } from 'lodash';
|
|
9
9
|
import { PointerSensor, useSensor } from '@dnd-kit/core';
|
|
@@ -65,6 +65,7 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
65
65
|
afterRender = props.afterRender,
|
|
66
66
|
fieldNames = props.fieldNames,
|
|
67
67
|
isConfirmDelete = props.isConfirmDelete,
|
|
68
|
+
customTextRender = props.customTextRender,
|
|
68
69
|
residueProps = _objectWithoutProperties(props, _excluded);
|
|
69
70
|
var isView = (props === null || props === void 0 ? void 0 : props.isView) || (otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView);
|
|
70
71
|
var sensor = useSensor(PointerSensor, {
|
|
@@ -259,7 +260,8 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
259
260
|
buttonText,
|
|
260
261
|
extraTipText,
|
|
261
262
|
afterRender,
|
|
262
|
-
isConfirmDelete
|
|
263
|
+
isConfirmDelete,
|
|
264
|
+
customTextRender
|
|
263
265
|
};
|
|
264
266
|
useEffect(() => {
|
|
265
267
|
if (fieldNames && value.length > 0) {
|
|
@@ -72,6 +72,11 @@ export interface ProUploadType {
|
|
|
72
72
|
* @default -
|
|
73
73
|
*/
|
|
74
74
|
centerRender?: React.ReactNode | (() => React.ReactNode);
|
|
75
|
+
/**
|
|
76
|
+
* @description 自定义上传区域的文案
|
|
77
|
+
* @default -
|
|
78
|
+
*/
|
|
79
|
+
customTextRender?: React.ReactNode;
|
|
75
80
|
/**
|
|
76
81
|
* @description 是否显示示例弹窗
|
|
77
82
|
* @default false
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
exports.toArray = toArray;
|
|
9
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
10
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
10
|
var _lodash = require("lodash");
|
|
12
11
|
var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
|
|
13
12
|
var _react = require("react");
|
|
14
13
|
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
14
|
+
var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
|
|
15
15
|
function toArray(value) {
|
|
16
16
|
if (value === undefined || value === null) {
|
|
17
17
|
return [];
|
|
@@ -123,7 +123,7 @@ function useWatch(dependencies, form, wait) {
|
|
|
123
123
|
return (0, _lodash.debounce)(value => {
|
|
124
124
|
// 只在值真正变化时才更新状态
|
|
125
125
|
if (!(0, _isEqual.default)(prevStateRef.current, value)) {
|
|
126
|
-
prevStateRef.current = (0,
|
|
126
|
+
prevStateRef.current = (0, _cloneDeep.default)(value);
|
|
127
127
|
setState(value);
|
|
128
128
|
}
|
|
129
129
|
}, wait);
|
|
@@ -132,7 +132,7 @@ function useWatch(dependencies, form, wait) {
|
|
|
132
132
|
// 非防抖版本
|
|
133
133
|
return value => {
|
|
134
134
|
if (!(0, _isEqual.default)(prevStateRef.current, value)) {
|
|
135
|
-
prevStateRef.current = (0,
|
|
135
|
+
prevStateRef.current = (0, _cloneDeep.default)(value);
|
|
136
136
|
setState(value);
|
|
137
137
|
}
|
|
138
138
|
};
|
|
@@ -32,7 +32,8 @@ var DragRender = props => {
|
|
|
32
32
|
extExt = props.extExt,
|
|
33
33
|
maxCount = props.maxCount,
|
|
34
34
|
setFileList = props.setFileList,
|
|
35
|
-
onChange = props.onChange
|
|
35
|
+
onChange = props.onChange,
|
|
36
|
+
customTextRender = props.customTextRender;
|
|
36
37
|
var refReSelect = (0, _react.useRef)();
|
|
37
38
|
|
|
38
39
|
// if (isView) return <>-</>;
|
|
@@ -151,6 +152,9 @@ var DragRender = props => {
|
|
|
151
152
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
|
|
152
153
|
className: "file-ext",
|
|
153
154
|
children: [_locale.default === null || _locale.default === void 0 || (_locale$ProUpload5 = _locale.default.ProUpload) === null || _locale$ProUpload5 === void 0 ? void 0 : _locale$ProUpload5.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : `${_locale.default === null || _locale.default === void 0 || (_locale$ProUpload6 = _locale.default.ProUpload) === null || _locale$ProUpload6 === void 0 ? void 0 : _locale$ProUpload6.draggerLimitless}`]
|
|
155
|
+
}), customTextRender && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
156
|
+
className: "file-ext",
|
|
157
|
+
children: customTextRender
|
|
154
158
|
})]
|
|
155
159
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
156
160
|
className: "dragger-file-show",
|
package/lib/ProUpload/index.js
CHANGED
|
@@ -22,7 +22,7 @@ var _ImageRender = _interopRequireDefault(require("./components/ImageRender"));
|
|
|
22
22
|
var _uitls = require("./uitls");
|
|
23
23
|
var _locale = _interopRequireDefault(require("../locale"));
|
|
24
24
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
|
-
var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "centerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "filterOriginFileObj", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames", "isConfirmDelete"];
|
|
25
|
+
var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "centerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "filterOriginFileObj", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames", "isConfirmDelete", "customTextRender"];
|
|
26
26
|
var defaultCustomRequest = option => option.onSuccess();
|
|
27
27
|
var ProUpload = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
28
28
|
var _locale$ProUpload;
|
|
@@ -72,6 +72,7 @@ var ProUpload = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
72
72
|
afterRender = props.afterRender,
|
|
73
73
|
fieldNames = props.fieldNames,
|
|
74
74
|
isConfirmDelete = props.isConfirmDelete,
|
|
75
|
+
customTextRender = props.customTextRender,
|
|
75
76
|
residueProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
76
77
|
var isView = (props === null || props === void 0 ? void 0 : props.isView) || (otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView);
|
|
77
78
|
var sensor = (0, _core.useSensor)(_core.PointerSensor, {
|
|
@@ -266,7 +267,8 @@ var ProUpload = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
266
267
|
buttonText,
|
|
267
268
|
extraTipText,
|
|
268
269
|
afterRender,
|
|
269
|
-
isConfirmDelete
|
|
270
|
+
isConfirmDelete,
|
|
271
|
+
customTextRender
|
|
270
272
|
};
|
|
271
273
|
(0, _react.useEffect)(() => {
|
|
272
274
|
if (fieldNames && value.length > 0) {
|
|
@@ -72,6 +72,11 @@ export interface ProUploadType {
|
|
|
72
72
|
* @default -
|
|
73
73
|
*/
|
|
74
74
|
centerRender?: React.ReactNode | (() => React.ReactNode);
|
|
75
|
+
/**
|
|
76
|
+
* @description 自定义上传区域的文案
|
|
77
|
+
* @default -
|
|
78
|
+
*/
|
|
79
|
+
customTextRender?: React.ReactNode;
|
|
75
80
|
/**
|
|
76
81
|
* @description 是否显示示例弹窗
|
|
77
82
|
* @default false
|