@zat-design/sisyphus-react 3.3.1 → 3.3.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.
- package/dist/index.esm.css +32 -9
- package/es/ProDownload/utils.js +2 -0
- package/es/ProEditTable/components/RenderField/index.js +7 -6
- package/es/ProEditTable/index.js +19 -1
- package/es/ProEditTable/style/index.less +5 -0
- package/es/ProEnum/hooks/useEnumRequest.js +13 -1
- package/es/ProForm/components/combination/Group/index.js +3 -4
- package/es/ProForm/components/combination/Group/style/index.less +38 -21
- package/es/ProForm/components/combination/Group/utils.d.ts +0 -2
- package/es/ProForm/components/combination/Group/utils.js +0 -13
- package/es/ProForm/components/combination/ProModalSelect/index.js +2 -2
- package/es/ProForm/components/render/Render.js +15 -9
- package/es/ProForm/components/render/RenderFields.js +2 -1
- package/es/ProForm/style/index.less +5 -4
- package/es/ProForm/utils/contrastOriginal.d.ts +0 -1
- package/es/ProForm/utils/contrastOriginal.js +0 -1
- package/es/ProForm/utils/useChanged.d.ts +7 -14
- package/es/ProForm/utils/useChanged.js +13 -20
- package/es/ProForm/utils/useListChanged.d.ts +16 -0
- package/es/ProForm/utils/useListChanged.js +81 -0
- package/es/ProForm/utils/useShouldUpdate.js +17 -3
- package/es/ProLayout/components/Layout/Menu/FoldMenu/index.js +13 -5
- package/es/ProLayout/components/Layout/Menu/index.js +13 -10
- package/es/ProLayout/propTypes.d.ts +2 -0
- package/es/ProTable/style/index.less +1 -0
- package/es/ProTooltip/index.js +5 -3
- package/es/ProTreeModal/components/Trigger.d.ts +1 -0
- package/es/ProTreeModal/components/Trigger.js +17 -8
- package/es/ProTreeModal/index.js +12 -2
- package/es/ProUpload/components/DragRender.js +1 -2
- package/es/ProUpload/components/ImageRender.js +17 -7
- package/es/locale/en_US.d.ts +2 -0
- package/es/locale/en_US.js +3 -1
- package/es/locale/zh_CN.d.ts +3 -0
- package/es/locale/zh_CN.js +4 -1
- package/lib/ProEditTable/components/RenderField/index.js +9 -6
- package/lib/ProEditTable/index.js +18 -0
- package/lib/ProEditTable/style/index.less +5 -0
- package/lib/ProEnum/hooks/useEnumRequest.js +13 -1
- package/lib/ProForm/components/base/RangePicker/index.js +1 -1
- package/lib/ProForm/components/combination/Group/index.js +2 -3
- package/lib/ProForm/components/combination/Group/style/index.less +38 -21
- package/lib/ProForm/components/combination/Group/utils.d.ts +0 -2
- package/lib/ProForm/components/combination/Group/utils.js +1 -14
- package/lib/ProForm/components/combination/ProModalSelect/index.js +1 -1
- package/lib/ProForm/components/old/InputRange/index.js +0 -1
- package/lib/ProForm/components/old/ProCertValidity/index.js +1 -1
- package/lib/ProForm/components/render/Render.js +16 -9
- package/lib/ProForm/components/render/RenderFields.js +2 -1
- package/lib/ProForm/style/index.less +5 -4
- package/lib/ProForm/utils/contrastOriginal.d.ts +0 -1
- package/lib/ProForm/utils/contrastOriginal.js +0 -1
- package/lib/ProForm/utils/useChanged.d.ts +7 -14
- package/lib/ProForm/utils/useChanged.js +13 -20
- package/lib/ProForm/utils/useListChanged.d.ts +16 -0
- package/lib/ProForm/utils/useListChanged.js +86 -0
- package/lib/ProForm/utils/useShouldUpdate.js +17 -3
- package/lib/ProLayout/components/Layout/Menu/FoldMenu/index.js +13 -5
- package/lib/ProLayout/components/Layout/Menu/index.js +13 -10
- package/lib/ProLayout/propTypes.d.ts +2 -0
- package/lib/ProTable/components/TableResizable/index.js +8 -0
- package/lib/ProTable/style/index.less +1 -0
- package/lib/ProTabs/index.js +1 -0
- package/lib/ProThemeTools/index.js +1 -0
- package/lib/ProTooltip/index.js +4 -2
- package/lib/ProTree/components/Tree.js +7 -0
- package/lib/ProTree/index.js +0 -1
- package/lib/ProTreeModal/components/Tree.js +1 -0
- package/lib/ProTreeModal/components/Trigger.d.ts +1 -0
- package/lib/ProTreeModal/components/Trigger.js +16 -7
- package/lib/ProTreeModal/index.js +12 -2
- package/lib/ProUpload/components/DragRender.js +1 -2
- package/lib/ProUpload/components/ImageRender.js +16 -6
- package/lib/ProUpload/index.js +7 -0
- package/lib/ProViewer/index.js +1 -0
- package/lib/locale/en_US.d.ts +2 -0
- package/lib/locale/en_US.js +3 -1
- package/lib/locale/zh_CN.d.ts +3 -0
- package/lib/locale/zh_CN.js +4 -1
- package/lib/old/ProCertValidity/index.js +1 -1
- package/package.json +1 -1
|
@@ -11,14 +11,17 @@ var _OpenMenu = _interopRequireDefault(require("./OpenMenu"));
|
|
|
11
11
|
var _FoldMenu = _interopRequireDefault(require("./FoldMenu"));
|
|
12
12
|
// 折叠后菜单
|
|
13
13
|
var Menu = function Menu(props) {
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
14
|
+
var _ref = props || {},
|
|
15
|
+
headerHeight = _ref.headerHeight,
|
|
16
|
+
dataSource = _ref.dataSource,
|
|
17
|
+
iconfontUrl = _ref.iconfontUrl,
|
|
18
|
+
collapsed = _ref.collapsed,
|
|
19
|
+
notice = _ref.notice,
|
|
20
|
+
onToggle = _ref.onToggle,
|
|
21
|
+
pure = _ref.pure,
|
|
22
|
+
theme = _ref.theme,
|
|
23
|
+
sideMenuFooterRender = _ref.sideMenuFooterRender,
|
|
24
|
+
sideMenuHeaderRender = _ref.sideMenuHeaderRender;
|
|
22
25
|
var menus = [];
|
|
23
26
|
var menuCls = (0, _classnames.default)({
|
|
24
27
|
'pro-layout-menu': true,
|
|
@@ -37,7 +40,7 @@ var Menu = function Menu(props) {
|
|
|
37
40
|
style: {
|
|
38
41
|
top: notice ? 80 + headerHeight - 48 : headerHeight
|
|
39
42
|
},
|
|
40
|
-
children: [(0, _jsxRuntime.jsx)(_OpenMenu.default, {
|
|
43
|
+
children: [sideMenuHeaderRender, (0, _jsxRuntime.jsx)(_OpenMenu.default, {
|
|
41
44
|
dataSource: {
|
|
42
45
|
menus: menus,
|
|
43
46
|
iconfontUrl: iconfontUrl,
|
|
@@ -60,7 +63,7 @@ var Menu = function Menu(props) {
|
|
|
60
63
|
display: collapsed ? 'none' : 'block',
|
|
61
64
|
height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0) + 48 || 0, "px)")
|
|
62
65
|
}
|
|
63
|
-
}), (0, _jsxRuntime.jsx)("div", {
|
|
66
|
+
}), sideMenuFooterRender || (0, _jsxRuntime.jsx)("div", {
|
|
64
67
|
className: "pro-layout-menu-collapsed",
|
|
65
68
|
onClick: onToggle,
|
|
66
69
|
children: (0, _jsxRuntime.jsx)("div", {
|
|
@@ -36,6 +36,8 @@ export interface ProLayoutProps {
|
|
|
36
36
|
rightContentRender?: ReactNode;
|
|
37
37
|
headerContentRender?: ReactNode;
|
|
38
38
|
headerTitleRender?: ReactNode;
|
|
39
|
+
sideMenuHeaderRender?: ReactNode;
|
|
40
|
+
sideMenuFooterRender?: ReactNode;
|
|
39
41
|
headerNotice?: ReactNode | string;
|
|
40
42
|
notice?: ReactNode | string;
|
|
41
43
|
title?: string;
|
|
@@ -15,6 +15,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
15
15
|
var _index = require("../../index");
|
|
16
16
|
var _utils = require("../../utils");
|
|
17
17
|
var _excluded = ["onDrag", "width", "minwidth"];
|
|
18
|
+
/*
|
|
19
|
+
* @Author: chongyang wanchongyang@zhongan.io
|
|
20
|
+
* @Date: 2023-02-23 17:47:46
|
|
21
|
+
* @LastEditors: chongyang wanchongyang@zhongan.io
|
|
22
|
+
* @LastEditTime: 2023-03-07 20:18:22
|
|
23
|
+
* @FilePath: /za-material-warehouse/src/ProTable/TableResizable.tsx
|
|
24
|
+
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
25
|
+
*/
|
|
18
26
|
var ResizableTitle = function ResizableTitle(props) {
|
|
19
27
|
var _restProps$className;
|
|
20
28
|
var onDrag = props.onDrag,
|
package/lib/ProTabs/index.js
CHANGED
|
@@ -17,6 +17,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
17
17
|
var _lodash = require("lodash");
|
|
18
18
|
var _components = require("./components");
|
|
19
19
|
var _excluded = ["style", "className", "dataSource", "onChange", "transformResponse", "useRequest", "tabSearch", "mode"];
|
|
20
|
+
/* eslint-disable @typescript-eslint/consistent-type-assertions */
|
|
20
21
|
var ProTabs = function ProTabs(props, ref) {
|
|
21
22
|
var style = props.style,
|
|
22
23
|
className = props.className,
|
|
@@ -18,6 +18,7 @@ var _index = require("./utils/index");
|
|
|
18
18
|
var _component = require("./component");
|
|
19
19
|
var _locale = _interopRequireDefault(require("../locale"));
|
|
20
20
|
var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme"];
|
|
21
|
+
/* eslint-disable prefer-const */
|
|
21
22
|
var defaultCacheTime = 1; // 配置保存时间为一天
|
|
22
23
|
var defaultThemeConfig = {
|
|
23
24
|
zauiBrand: '#006AFF',
|
package/lib/ProTooltip/index.js
CHANGED
|
@@ -141,7 +141,7 @@ var ProTooltip = function ProTooltip(props) {
|
|
|
141
141
|
}
|
|
142
142
|
return line > 1 ? (0, _jsxRuntime.jsx)(AutoMixinMulti, {}) : (0, _jsxRuntime.jsx)(AutoMixinSingle, {});
|
|
143
143
|
};
|
|
144
|
-
(0,
|
|
144
|
+
(0, _ahooks.useDebounceEffect)(function () {
|
|
145
145
|
if (isResponsiveWidth && parentElement) {
|
|
146
146
|
var cWidth = parentElement.clientWidth - 32;
|
|
147
147
|
var contentDom = childRef.current;
|
|
@@ -155,7 +155,9 @@ var ProTooltip = function ProTooltip(props) {
|
|
|
155
155
|
localWidth: _width
|
|
156
156
|
});
|
|
157
157
|
}
|
|
158
|
-
}, [isResponsiveWidth, size]
|
|
158
|
+
}, [isResponsiveWidth, size], {
|
|
159
|
+
wait: 300
|
|
160
|
+
});
|
|
159
161
|
(0, _react.useEffect)(function () {
|
|
160
162
|
if (mode === 'auto' && line === 1) {
|
|
161
163
|
var localDom = ref.current;
|
|
@@ -18,6 +18,13 @@ var _SearchTitle = _interopRequireDefault(require("./SearchTitle"));
|
|
|
18
18
|
var _utils = require("../utils");
|
|
19
19
|
var _locale = _interopRequireDefault(require("../../locale"));
|
|
20
20
|
var _excluded = ["checkedValues", "disabled", "searchStr", "originalTreeData", "showCodeName", "checkStrictly", "flatTreeData", "mode", "fieldNames", "tags", "onCheck", "optionRender", "treeData", "showLine", "switcherIcon", "checkable", "menu", "innerExpandKeys", "selectedKey", "disabledMode"];
|
|
21
|
+
/*
|
|
22
|
+
*@Date: 2023-07-25 13:49:35
|
|
23
|
+
*@LastEditTime: 2023-07-25 13:49:35
|
|
24
|
+
*@Author: liudongliang
|
|
25
|
+
*@Description: 树每行节点渲染组件,复选时阻止点击事件冒泡,只有点击树节点文本会向上触发onSelect事件
|
|
26
|
+
*/
|
|
27
|
+
/* eslint-disable no-plusplus */
|
|
21
28
|
var tagsBgColors = ['rgba(0, 106, 255,0.16)', 'rgba(0, 196, 74,0.16)', 'rgba(255, 140, 0,0.16)', 'rgba(255, 80, 80,0.16)', 'rgba(97, 97, 97, 0.16)'];
|
|
22
29
|
var tagsColors = ['#006AFF', '#00C44A', '#FF8C00', '#FF5050', '#616161'];
|
|
23
30
|
function List(props) {
|
package/lib/ProTree/index.js
CHANGED
|
@@ -16,7 +16,6 @@ var _ProTreeSelect = _interopRequireDefault(require("../ProTreeSelect"));
|
|
|
16
16
|
*@Author: liudongliang
|
|
17
17
|
*@Description: ProTree组件,集成了tree和treeSelect
|
|
18
18
|
*/
|
|
19
|
-
|
|
20
19
|
var ProTreeHandle = function ProTreeHandle(props) {
|
|
21
20
|
var _props$mode = props.mode,
|
|
22
21
|
mode = _props$mode === void 0 ? 'tree' : _props$mode;
|
|
@@ -16,6 +16,7 @@ var _SearchTitle = _interopRequireDefault(require("./SearchTitle"));
|
|
|
16
16
|
var _CloseIcon = _interopRequireDefault(require("./CloseIcon"));
|
|
17
17
|
var _utils = require("../utils");
|
|
18
18
|
var _excluded = ["checkedValues", "disabled", "treeData", "searchStr", "originalTreeData", "showCodeName", "checkStrictly", "flatTreeData", "mode", "fieldNames", "tags", "onCheck", "handleFilterClose", "optionRender"];
|
|
19
|
+
/* eslint-disable no-plusplus */
|
|
19
20
|
var tagsBgColors = ['rgba(0, 106, 255,0.16)', 'rgba(0, 196, 74,0.16)', 'rgba(255, 140, 0,0.16)', 'rgba(255, 80, 80,0.16)', 'rgba(97, 97, 97, 0.16)'];
|
|
20
21
|
var tagsColors = ['#006AFF', '#00C44A', '#FF8C00', '#FF5050', '#616161'];
|
|
21
22
|
function List(props, ref) {
|
|
@@ -20,6 +20,7 @@ var _view = _interopRequireDefault(require("../../assets/view.svg"));
|
|
|
20
20
|
function Trigger(props) {
|
|
21
21
|
var _locale$ProTreeModal2, _locale$ProTreeModal3;
|
|
22
22
|
var value = props.value,
|
|
23
|
+
label = props.label,
|
|
23
24
|
disabled = props.disabled,
|
|
24
25
|
isView = props.isView,
|
|
25
26
|
triggerStyle = props.triggerStyle,
|
|
@@ -37,7 +38,7 @@ function Trigger(props) {
|
|
|
37
38
|
state = _useSetState2[0],
|
|
38
39
|
setState = _useSetState2[1];
|
|
39
40
|
(0, _react.useEffect)(function () {
|
|
40
|
-
if (
|
|
41
|
+
if (allValue === value && appoint) {
|
|
41
42
|
setState({
|
|
42
43
|
mode: 'all'
|
|
43
44
|
});
|
|
@@ -54,7 +55,9 @@ function Trigger(props) {
|
|
|
54
55
|
return (0, _jsxRuntime.jsxs)("div", {
|
|
55
56
|
className: "pro-tree-modal-isView",
|
|
56
57
|
children: [(0, _jsxRuntime.jsx)("div", {
|
|
57
|
-
children: checkedValues.length === 0 ? '-' :
|
|
58
|
+
children: checkedValues.length === 0 ? '-' : state.mode === 'all' ? (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.checkAll1, {
|
|
59
|
+
all: label
|
|
60
|
+
}) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal = _locale.default.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.checkNumber, {
|
|
58
61
|
num: checkedValues.length
|
|
59
62
|
})
|
|
60
63
|
}), (0, _jsxRuntime.jsx)("div", {
|
|
@@ -81,7 +84,11 @@ function Trigger(props) {
|
|
|
81
84
|
if (appoint) {
|
|
82
85
|
return (0, _jsxRuntime.jsxs)(_antd.Space.Compact, {
|
|
83
86
|
block: true,
|
|
87
|
+
style: (0, _objectSpread2.default)({}, triggerStyle),
|
|
84
88
|
children: [(0, _jsxRuntime.jsxs)(_antd.Select, {
|
|
89
|
+
style: {
|
|
90
|
+
width: 'auto'
|
|
91
|
+
},
|
|
85
92
|
disabled: disabled,
|
|
86
93
|
className: (0, _classnames.default)(disabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
|
|
87
94
|
defaultValue: "appoint",
|
|
@@ -89,10 +96,10 @@ function Trigger(props) {
|
|
|
89
96
|
onChange: onAppointChange,
|
|
90
97
|
children: [(0, _jsxRuntime.jsx)(_antd.Select.Option, {
|
|
91
98
|
value: "all",
|
|
92
|
-
children:
|
|
99
|
+
children: _locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.specifyMode[0]
|
|
93
100
|
}), (0, _jsxRuntime.jsx)(_antd.Select.Option, {
|
|
94
101
|
value: "appoint",
|
|
95
|
-
children:
|
|
102
|
+
children: _locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.specifyMode[1]
|
|
96
103
|
})]
|
|
97
104
|
}), props.children]
|
|
98
105
|
});
|
|
@@ -103,10 +110,12 @@ function Trigger(props) {
|
|
|
103
110
|
children: (0, _jsxRuntime.jsx)(_antd.Input, {
|
|
104
111
|
className: (0, _classnames.default)(disabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
|
|
105
112
|
onClick: handleClick,
|
|
106
|
-
value: checkedValues.length === 0 ? null :
|
|
113
|
+
value: checkedValues.length === 0 ? null : state.mode === 'all' ? (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.checkAll1, {
|
|
114
|
+
all: label
|
|
115
|
+
}) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal2 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.checkNumber, {
|
|
107
116
|
num: checkedValues.length
|
|
108
117
|
}),
|
|
109
|
-
addonAfter: (0, _jsxRuntime.jsxs)("div", {
|
|
118
|
+
addonAfter: state.mode === 'all' ? null : (0, _jsxRuntime.jsxs)("div", {
|
|
110
119
|
className: "pro-enum-input-addonAfter",
|
|
111
120
|
children: [checkedValues.length > 0 && !disabled && (0, _jsxRuntime.jsx)("span", {
|
|
112
121
|
className: "close-icon",
|
|
@@ -120,7 +129,7 @@ function Trigger(props) {
|
|
|
120
129
|
})]
|
|
121
130
|
}),
|
|
122
131
|
placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
|
|
123
|
-
disabled: disabled ||
|
|
132
|
+
disabled: disabled || state.mode === 'all',
|
|
124
133
|
style: (0, _objectSpread2.default)({}, triggerStyle)
|
|
125
134
|
})
|
|
126
135
|
});
|
|
@@ -43,7 +43,6 @@ var ProTreeModal = function ProTreeModal(props) {
|
|
|
43
43
|
_props$title = props.title,
|
|
44
44
|
title = _props$title === void 0 ? _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal = _locale.default.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.select : _props$title,
|
|
45
45
|
useRequest = props.useRequest,
|
|
46
|
-
allValue = props.allValue,
|
|
47
46
|
_props$showCodeName = props.showCodeName,
|
|
48
47
|
showCodeName = _props$showCodeName === void 0 ? false : _props$showCodeName,
|
|
49
48
|
_props$checkStrictly = props.checkStrictly,
|
|
@@ -73,9 +72,14 @@ var ProTreeModal = function ProTreeModal(props) {
|
|
|
73
72
|
optionRender = props.optionRender,
|
|
74
73
|
openChange = props.openChange,
|
|
75
74
|
maxMessage = props.maxMessage;
|
|
75
|
+
var allValue = props.allValue;
|
|
76
76
|
var modeType = mode.toUpperCase();
|
|
77
77
|
var fieldNameLabel = fieldNames.label;
|
|
78
78
|
var fieldNameValue = fieldNames.value;
|
|
79
|
+
if (appoint && !allValue) {
|
|
80
|
+
console.error('allValue must be input');
|
|
81
|
+
allValue = 'all';
|
|
82
|
+
}
|
|
79
83
|
var _useSetState = (0, _ahooks.useSetState)({
|
|
80
84
|
open: false,
|
|
81
85
|
checkedValues: [],
|
|
@@ -218,8 +222,11 @@ var ProTreeModal = function ProTreeModal(props) {
|
|
|
218
222
|
*/
|
|
219
223
|
var handleFinish = function handleFinish() {
|
|
220
224
|
// 全选的时候返回 allValue 标记即可
|
|
225
|
+
// 3.3.2 版本全选的时候返回所有值的合集 list
|
|
221
226
|
if (allValue !== undefined && state.checkAll && !draggable) {
|
|
222
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(
|
|
227
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(state.flatTreeData.map(function (item) {
|
|
228
|
+
return item[fieldNameValue];
|
|
229
|
+
}));
|
|
223
230
|
} else if (draggable && span) {
|
|
224
231
|
var _listRef$current;
|
|
225
232
|
// 开启 draggable 使用拖拽后的顺序
|
|
@@ -270,6 +277,7 @@ var ProTreeModal = function ProTreeModal(props) {
|
|
|
270
277
|
treeViewData: [],
|
|
271
278
|
checkAll: false
|
|
272
279
|
});
|
|
280
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(_checkedValues);
|
|
273
281
|
};
|
|
274
282
|
/**
|
|
275
283
|
* Drawer close
|
|
@@ -494,6 +502,7 @@ var ProTreeModal = function ProTreeModal(props) {
|
|
|
494
502
|
* @returns
|
|
495
503
|
*/
|
|
496
504
|
var TriggerComponent = (0, _react.useMemo)(function () {
|
|
505
|
+
var _props$otherProps3;
|
|
497
506
|
if (trigger && /*#__PURE__*/_react.default.isValidElement(trigger)) {
|
|
498
507
|
return (0, _jsxRuntime.jsx)("div", {
|
|
499
508
|
onClick: handleClick,
|
|
@@ -509,6 +518,7 @@ var ProTreeModal = function ProTreeModal(props) {
|
|
|
509
518
|
isView: isView,
|
|
510
519
|
appoint: appoint,
|
|
511
520
|
allValue: allValue,
|
|
521
|
+
label: props === null || props === void 0 ? void 0 : (_props$otherProps3 = props.otherProps) === null || _props$otherProps3 === void 0 ? void 0 : _props$otherProps3.label,
|
|
512
522
|
handleClick: handleClick,
|
|
513
523
|
handleClearAll: handleClearAll,
|
|
514
524
|
appointChange: appointChange
|
|
@@ -58,8 +58,7 @@ var DragRender = function DragRender(props) {
|
|
|
58
58
|
*/
|
|
59
59
|
var handleReSelect = function handleReSelect(file) {
|
|
60
60
|
if (disabled) return;
|
|
61
|
-
|
|
62
|
-
setFileList([]);
|
|
61
|
+
handleDelFile(file);
|
|
63
62
|
setTimeout(function () {
|
|
64
63
|
refReSelect.current.click();
|
|
65
64
|
}, 1);
|
|
@@ -27,11 +27,14 @@ var _locale = _interopRequireDefault(require("../../locale"));
|
|
|
27
27
|
* @Author: wangshengqiang
|
|
28
28
|
* @Date: 2023-07-27 20:13:07
|
|
29
29
|
* @LastEditors: wangshengqiang
|
|
30
|
-
* @LastEditTime: 2023-11-
|
|
30
|
+
* @LastEditTime: 2023-11-29 19:33:04
|
|
31
31
|
* @Description: 图片类型
|
|
32
32
|
*
|
|
33
33
|
*/
|
|
34
34
|
|
|
35
|
+
var isImgage = function isImgage(_fileExt) {
|
|
36
|
+
return ['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(_fileExt.toLocaleUpperCase());
|
|
37
|
+
};
|
|
35
38
|
/* 按钮类型 */
|
|
36
39
|
var ImageRender = function ImageRender(props) {
|
|
37
40
|
var _locale$ProUpload4;
|
|
@@ -39,6 +42,7 @@ var ImageRender = function ImageRender(props) {
|
|
|
39
42
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
40
43
|
previewImg = _useState2[0],
|
|
41
44
|
setPreviewImg = _useState2[1];
|
|
45
|
+
var proViewerRef = (0, _react.useRef)(null);
|
|
42
46
|
var isView = props.isView,
|
|
43
47
|
disabled = props.disabled,
|
|
44
48
|
headerRender = props.headerRender,
|
|
@@ -65,7 +69,13 @@ var ImageRender = function ImageRender(props) {
|
|
|
65
69
|
if (onPreview) {
|
|
66
70
|
onPreview(file);
|
|
67
71
|
} else {
|
|
68
|
-
|
|
72
|
+
var _file$url;
|
|
73
|
+
var _fileExt = (0, _FileItem.getFileExt)(file.name || (file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split('?')[0]));
|
|
74
|
+
if (isImgage(_fileExt)) {
|
|
75
|
+
setPreviewImg(file);
|
|
76
|
+
} else {
|
|
77
|
+
window.open(file.url, '_blank');
|
|
78
|
+
}
|
|
69
79
|
}
|
|
70
80
|
};
|
|
71
81
|
/**
|
|
@@ -94,12 +104,12 @@ var ImageRender = function ImageRender(props) {
|
|
|
94
104
|
openFileDialogOnClick: !showDraggerSingleRender,
|
|
95
105
|
disabled: disabled || isView,
|
|
96
106
|
itemRender: function itemRender(originNode, file, fileList, actions) {
|
|
97
|
-
var _file$
|
|
107
|
+
var _file$url2, _locale$ProUpload, _locale$ProUpload2, _locale$ProUpload3;
|
|
98
108
|
var _isShowDownload = !!onDownload && file.status === 'done';
|
|
99
|
-
var _fileExt = (0, _FileItem.getFileExt)(file.name || (file === null || file === void 0 ? void 0 : (_file$
|
|
109
|
+
var _fileExt = (0, _FileItem.getFileExt)(file.name || (file === null || file === void 0 ? void 0 : (_file$url2 = file.url) === null || _file$url2 === void 0 ? void 0 : _file$url2.split('?')[0]));
|
|
100
110
|
var _fileIcon = (0, _FileItem.getFileIcon)(_fileExt);
|
|
101
|
-
var isImg =
|
|
102
|
-
var _showPreview = isImg;
|
|
111
|
+
var isImg = isImgage(_fileExt);
|
|
112
|
+
var _showPreview = isImg || file.status === 'done';
|
|
103
113
|
return (0, _jsxRuntime.jsx)(_DraggableUploadListItem.DraggableUploadListItem, {
|
|
104
114
|
file: file,
|
|
105
115
|
children: (0, _jsxRuntime.jsxs)("div", {
|
package/lib/ProUpload/index.js
CHANGED
|
@@ -22,6 +22,13 @@ var _ImageRender = _interopRequireDefault(require("./components/ImageRender"));
|
|
|
22
22
|
var _uitls = require("./uitls");
|
|
23
23
|
var _locale = _interopRequireDefault(require("../locale"));
|
|
24
24
|
var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames"];
|
|
25
|
+
/*
|
|
26
|
+
* @Author: wangshengqiang
|
|
27
|
+
* @Date: 2023-02-03 14:18:59
|
|
28
|
+
* @LastEditTime: 2023-11-14 18:32:13
|
|
29
|
+
* @LastEditors: wangshengqiang
|
|
30
|
+
* @Description: 上传控件
|
|
31
|
+
*/
|
|
25
32
|
var ProUpload = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
26
33
|
var _locale$ProUpload;
|
|
27
34
|
var _useState = (0, _react.useState)([]),
|
package/lib/ProViewer/index.js
CHANGED
|
@@ -16,6 +16,7 @@ var _antd = require("antd");
|
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
var _locale = _interopRequireDefault(require("../locale"));
|
|
18
18
|
var _locale$ProViewer;
|
|
19
|
+
/* eslint-disable jsx-a11y/iframe-has-title */
|
|
19
20
|
// 用于解析word | excel
|
|
20
21
|
var officeApp = 'https://view.officeapps.live.com/op/view.aspx?src=';
|
|
21
22
|
// 文件MIME类型
|
package/lib/locale/en_US.d.ts
CHANGED
|
@@ -127,10 +127,12 @@ declare const _default: {
|
|
|
127
127
|
selectMax: string;
|
|
128
128
|
noCheck: string;
|
|
129
129
|
checkAll: string;
|
|
130
|
+
checkAll1: string;
|
|
130
131
|
check: string;
|
|
131
132
|
clearAll: string;
|
|
132
133
|
checkNumber: string;
|
|
133
134
|
noFinal: string;
|
|
135
|
+
specifyMode: string[];
|
|
134
136
|
};
|
|
135
137
|
ProTimeLimit: {
|
|
136
138
|
foreverText: string;
|
package/lib/locale/en_US.js
CHANGED
|
@@ -133,10 +133,12 @@ var _default = exports.default = {
|
|
|
133
133
|
selectMax: 'Select at most {max} items',
|
|
134
134
|
noCheck: 'None selected yet',
|
|
135
135
|
checkAll: 'Select all',
|
|
136
|
+
checkAll1: 'Select all {all}',
|
|
136
137
|
check: 'selected',
|
|
137
138
|
clearAll: 'Clear all',
|
|
138
139
|
checkNumber: '{num} items selected',
|
|
139
|
-
noFinal: 'Oops, the content you are looking for is not found.'
|
|
140
|
+
noFinal: 'Oops, the content you are looking for is not found.',
|
|
141
|
+
specifyMode: ['all', 'specify']
|
|
140
142
|
},
|
|
141
143
|
ProTimeLimit: {
|
|
142
144
|
foreverText: 'long term'
|
package/lib/locale/zh_CN.d.ts
CHANGED
|
@@ -127,9 +127,12 @@ declare const _default: {
|
|
|
127
127
|
selectMax: string;
|
|
128
128
|
noCheck: string;
|
|
129
129
|
checkAll: string;
|
|
130
|
+
checkAll1: string;
|
|
130
131
|
check: string;
|
|
131
132
|
clearAll: string;
|
|
132
133
|
checkNumber: string;
|
|
134
|
+
noFinal: string;
|
|
135
|
+
specifyMode: string[];
|
|
133
136
|
};
|
|
134
137
|
ProTimeLimit: {
|
|
135
138
|
foreverText: string;
|
package/lib/locale/zh_CN.js
CHANGED
|
@@ -133,9 +133,12 @@ var _default = exports.default = {
|
|
|
133
133
|
selectMax: '最多选择{max}个',
|
|
134
134
|
noCheck: '暂无已选',
|
|
135
135
|
checkAll: '全选',
|
|
136
|
+
checkAll1: '全部{all}',
|
|
136
137
|
check: '已选',
|
|
137
138
|
clearAll: '清空全部',
|
|
138
|
-
checkNumber: '已选择{num}项'
|
|
139
|
+
checkNumber: '已选择{num}项',
|
|
140
|
+
noFinal: '哎呀,你要找的内容没有找到。',
|
|
141
|
+
specifyMode: ['全部', '指定']
|
|
139
142
|
},
|
|
140
143
|
ProTimeLimit: {
|
|
141
144
|
foreverText: '长期'
|
|
@@ -11,7 +11,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
11
11
|
var _antd = require("antd");
|
|
12
12
|
var _moment = _interopRequireDefault(require("moment"));
|
|
13
13
|
var _react = require("react");
|
|
14
|
-
var _excluded = ["value", "onChange", "disabled", "isRange", "getPopupContainer", "showForever", "proformmode"];
|
|
14
|
+
var _excluded = ["value", "onChange", "disabled", "isRange", "getPopupContainer", "showForever", "proformmode"]; // @ts-nocheck
|
|
15
15
|
var RangePicker = _antd.DatePicker.RangePicker;
|
|
16
16
|
var defaultFormatDate = 'YYYY-MM-DD';
|
|
17
17
|
var defaultPopupContainer = function defaultPopupContainer(triggerNode) {
|