dtable-ui-component 5.0.14 → 5.0.16
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.
|
@@ -60,7 +60,8 @@ class DigitalSignFormatter extends _react.Component {
|
|
|
60
60
|
containerClassName,
|
|
61
61
|
readOnly,
|
|
62
62
|
config,
|
|
63
|
-
isSample
|
|
63
|
+
isSample,
|
|
64
|
+
renderItem
|
|
64
65
|
} = this.props;
|
|
65
66
|
const className = (0, _classnames.default)('dtable-ui cell-formatter-container digital-sign-formatter', containerClassName);
|
|
66
67
|
const signImages = this.getSignImages();
|
|
@@ -74,7 +75,8 @@ class DigitalSignFormatter extends _react.Component {
|
|
|
74
75
|
}, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
|
|
75
76
|
images: signImages,
|
|
76
77
|
server: config.server,
|
|
77
|
-
onImageClick: this.onClickSignImage
|
|
78
|
+
onImageClick: this.onClickSignImage,
|
|
79
|
+
renderItem: renderItem
|
|
78
80
|
})), isPreviewSignImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
|
|
79
81
|
className: "digital-sign-formatter-image-previewer",
|
|
80
82
|
readOnly: readOnly,
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
8
|
-
var _react =
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
11
|
var _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"));
|
|
11
12
|
require("./index.css");
|
|
@@ -14,7 +15,8 @@ class FileFormatter extends _react.default.PureComponent {
|
|
|
14
15
|
let {
|
|
15
16
|
isSample,
|
|
16
17
|
value,
|
|
17
|
-
containerClassName
|
|
18
|
+
containerClassName,
|
|
19
|
+
renderItem
|
|
18
20
|
} = this.props;
|
|
19
21
|
if (!Array.isArray(value) || value.length === 0) {
|
|
20
22
|
return null;
|
|
@@ -33,10 +35,15 @@ class FileFormatter extends _react.default.PureComponent {
|
|
|
33
35
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
34
36
|
className: className
|
|
35
37
|
}, value.map((item, index) => {
|
|
36
|
-
|
|
37
|
-
file: item
|
|
38
|
-
key: index
|
|
38
|
+
const dom = /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
|
|
39
|
+
file: item
|
|
39
40
|
});
|
|
41
|
+
if (renderItem) return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
42
|
+
key: index
|
|
43
|
+
}, renderItem(dom));
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
45
|
+
key: index
|
|
46
|
+
}, dom);
|
|
40
47
|
}));
|
|
41
48
|
}
|
|
42
49
|
}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
8
|
-
var _react =
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _Loading = _interopRequireDefault(require("../Loading"));
|
|
10
11
|
var _utils = require("./utils");
|
|
11
12
|
class ImagesLazyLoad extends _react.default.Component {
|
|
@@ -97,6 +98,9 @@ class ImagesLazyLoad extends _react.default.Component {
|
|
|
97
98
|
loadedImages,
|
|
98
99
|
loadedCount
|
|
99
100
|
} = this.state;
|
|
101
|
+
const {
|
|
102
|
+
renderItem
|
|
103
|
+
} = this.props;
|
|
100
104
|
if (!Array.isArray(images) || images.length === 0) {
|
|
101
105
|
return '';
|
|
102
106
|
}
|
|
@@ -110,14 +114,19 @@ class ImagesLazyLoad extends _react.default.Component {
|
|
|
110
114
|
}, /*#__PURE__*/_react.default.createElement(_Loading.default, null));
|
|
111
115
|
}
|
|
112
116
|
return loadedImages.map((image, index) => {
|
|
113
|
-
|
|
114
|
-
key: index,
|
|
117
|
+
const imgDom = /*#__PURE__*/_react.default.createElement("img", {
|
|
115
118
|
className: "image-item",
|
|
116
119
|
src: image.src,
|
|
117
120
|
onMouseDown: this.onMouseDown,
|
|
118
121
|
onClick: event => this.onImageClick(event, index),
|
|
119
122
|
alt: ""
|
|
120
123
|
});
|
|
124
|
+
if (renderItem) return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
125
|
+
key: index
|
|
126
|
+
}, renderItem(imgDom));
|
|
127
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
128
|
+
key: index
|
|
129
|
+
}, imgDom);
|
|
121
130
|
});
|
|
122
131
|
}
|
|
123
132
|
}
|
|
@@ -95,7 +95,8 @@ class ImageFormatter extends _react.default.Component {
|
|
|
95
95
|
}, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
|
|
96
96
|
images: value,
|
|
97
97
|
server: server,
|
|
98
|
-
onImageClick: this.onImageClick
|
|
98
|
+
onImageClick: this.onImageClick,
|
|
99
|
+
renderItem: this.props.renderItem
|
|
99
100
|
})), isPreviewImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
|
|
100
101
|
imageItems: value,
|
|
101
102
|
imageIndex: previewImageIndex,
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dtable-ui-component",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.16",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@seafile/react-image-lightbox": "2.0.5",
|
|
7
7
|
"@seafile/seafile-calendar": "0.0.24",
|
|
8
|
-
"@seafile/seafile-editor": "~1.0.
|
|
8
|
+
"@seafile/seafile-editor": "~1.0.100",
|
|
9
9
|
"antd-mobile": "2.3.1",
|
|
10
10
|
"classnames": "2.3.2",
|
|
11
11
|
"dayjs": "1.10.7",
|