@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.
Files changed (81) hide show
  1. package/dist/index.esm.css +32 -9
  2. package/es/ProDownload/utils.js +2 -0
  3. package/es/ProEditTable/components/RenderField/index.js +7 -6
  4. package/es/ProEditTable/index.js +19 -1
  5. package/es/ProEditTable/style/index.less +5 -0
  6. package/es/ProEnum/hooks/useEnumRequest.js +13 -1
  7. package/es/ProForm/components/combination/Group/index.js +3 -4
  8. package/es/ProForm/components/combination/Group/style/index.less +38 -21
  9. package/es/ProForm/components/combination/Group/utils.d.ts +0 -2
  10. package/es/ProForm/components/combination/Group/utils.js +0 -13
  11. package/es/ProForm/components/combination/ProModalSelect/index.js +2 -2
  12. package/es/ProForm/components/render/Render.js +15 -9
  13. package/es/ProForm/components/render/RenderFields.js +2 -1
  14. package/es/ProForm/style/index.less +5 -4
  15. package/es/ProForm/utils/contrastOriginal.d.ts +0 -1
  16. package/es/ProForm/utils/contrastOriginal.js +0 -1
  17. package/es/ProForm/utils/useChanged.d.ts +7 -14
  18. package/es/ProForm/utils/useChanged.js +13 -20
  19. package/es/ProForm/utils/useListChanged.d.ts +16 -0
  20. package/es/ProForm/utils/useListChanged.js +81 -0
  21. package/es/ProForm/utils/useShouldUpdate.js +17 -3
  22. package/es/ProLayout/components/Layout/Menu/FoldMenu/index.js +13 -5
  23. package/es/ProLayout/components/Layout/Menu/index.js +13 -10
  24. package/es/ProLayout/propTypes.d.ts +2 -0
  25. package/es/ProTable/style/index.less +1 -0
  26. package/es/ProTooltip/index.js +5 -3
  27. package/es/ProTreeModal/components/Trigger.d.ts +1 -0
  28. package/es/ProTreeModal/components/Trigger.js +17 -8
  29. package/es/ProTreeModal/index.js +12 -2
  30. package/es/ProUpload/components/DragRender.js +1 -2
  31. package/es/ProUpload/components/ImageRender.js +17 -7
  32. package/es/locale/en_US.d.ts +2 -0
  33. package/es/locale/en_US.js +3 -1
  34. package/es/locale/zh_CN.d.ts +3 -0
  35. package/es/locale/zh_CN.js +4 -1
  36. package/lib/ProEditTable/components/RenderField/index.js +9 -6
  37. package/lib/ProEditTable/index.js +18 -0
  38. package/lib/ProEditTable/style/index.less +5 -0
  39. package/lib/ProEnum/hooks/useEnumRequest.js +13 -1
  40. package/lib/ProForm/components/base/RangePicker/index.js +1 -1
  41. package/lib/ProForm/components/combination/Group/index.js +2 -3
  42. package/lib/ProForm/components/combination/Group/style/index.less +38 -21
  43. package/lib/ProForm/components/combination/Group/utils.d.ts +0 -2
  44. package/lib/ProForm/components/combination/Group/utils.js +1 -14
  45. package/lib/ProForm/components/combination/ProModalSelect/index.js +1 -1
  46. package/lib/ProForm/components/old/InputRange/index.js +0 -1
  47. package/lib/ProForm/components/old/ProCertValidity/index.js +1 -1
  48. package/lib/ProForm/components/render/Render.js +16 -9
  49. package/lib/ProForm/components/render/RenderFields.js +2 -1
  50. package/lib/ProForm/style/index.less +5 -4
  51. package/lib/ProForm/utils/contrastOriginal.d.ts +0 -1
  52. package/lib/ProForm/utils/contrastOriginal.js +0 -1
  53. package/lib/ProForm/utils/useChanged.d.ts +7 -14
  54. package/lib/ProForm/utils/useChanged.js +13 -20
  55. package/lib/ProForm/utils/useListChanged.d.ts +16 -0
  56. package/lib/ProForm/utils/useListChanged.js +86 -0
  57. package/lib/ProForm/utils/useShouldUpdate.js +17 -3
  58. package/lib/ProLayout/components/Layout/Menu/FoldMenu/index.js +13 -5
  59. package/lib/ProLayout/components/Layout/Menu/index.js +13 -10
  60. package/lib/ProLayout/propTypes.d.ts +2 -0
  61. package/lib/ProTable/components/TableResizable/index.js +8 -0
  62. package/lib/ProTable/style/index.less +1 -0
  63. package/lib/ProTabs/index.js +1 -0
  64. package/lib/ProThemeTools/index.js +1 -0
  65. package/lib/ProTooltip/index.js +4 -2
  66. package/lib/ProTree/components/Tree.js +7 -0
  67. package/lib/ProTree/index.js +0 -1
  68. package/lib/ProTreeModal/components/Tree.js +1 -0
  69. package/lib/ProTreeModal/components/Trigger.d.ts +1 -0
  70. package/lib/ProTreeModal/components/Trigger.js +16 -7
  71. package/lib/ProTreeModal/index.js +12 -2
  72. package/lib/ProUpload/components/DragRender.js +1 -2
  73. package/lib/ProUpload/components/ImageRender.js +16 -6
  74. package/lib/ProUpload/index.js +7 -0
  75. package/lib/ProViewer/index.js +1 -0
  76. package/lib/locale/en_US.d.ts +2 -0
  77. package/lib/locale/en_US.js +3 -1
  78. package/lib/locale/zh_CN.d.ts +3 -0
  79. package/lib/locale/zh_CN.js +4 -1
  80. package/lib/old/ProCertValidity/index.js +1 -1
  81. 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 headerHeight = props.headerHeight,
15
- dataSource = props.dataSource,
16
- iconfontUrl = props.iconfontUrl,
17
- collapsed = props.collapsed,
18
- notice = props.notice,
19
- onToggle = props.onToggle,
20
- pure = props.pure,
21
- theme = props.theme;
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,
@@ -69,6 +69,7 @@
69
69
 
70
70
  td {
71
71
  background: #d2fff4 !important;
72
+ border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
72
73
  }
73
74
  }
74
75
 
@@ -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',
@@ -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, _react.useEffect)(function () {
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) {
@@ -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) {
@@ -2,6 +2,7 @@ import { CSSProperties } from 'react';
2
2
  interface TriggerProps {
3
3
  checkedValues: any[];
4
4
  value: any;
5
+ label?: React.ReactNode;
5
6
  disabled?: boolean;
6
7
  isView?: boolean;
7
8
  checkAll?: boolean;
@@ -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 (checkAll && appoint) {
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 ? '-' : checkAll ? _locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.checkAll : (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
+ 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: "\u5168\u90E8"
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: "\u6307\u5B9A"
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 : checkAll ? _locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.checkAll : (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, {
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 || appoint && value === allValue,
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(allValue);
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
- // handleDelFile(file);
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-21 15:24:56
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
- setPreviewImg(file);
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$url, _locale$ProUpload, _locale$ProUpload2, _locale$ProUpload3;
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$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split('?')[0]));
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 = ['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(_fileExt.toLocaleUpperCase());
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", {
@@ -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)([]),
@@ -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类型
@@ -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;
@@ -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'
@@ -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;
@@ -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) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.3.1",
3
+ "version": "3.3.2",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",