@pdg/react-form 1.0.51 → 1.0.52
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.js +11 -7
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +11 -7
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -12101,20 +12101,15 @@ FormFile.defaultProps = FormFileDefaultProps;var FormImageFileDefaultProps = __a
|
|
|
12101
12101
|
styleInject(css_248z);var FormImageFile = React__default["default"].forwardRef(function (_a, ref) {
|
|
12102
12102
|
var className = _a.className, imageSize = _a.imageSize, preview = _a.preview, previewMaxHeight = _a.previewMaxHeight, initValue = _a.value, onChange = _a.onChange, onFile = _a.onFile, onLink = _a.onLink, props = __rest$3(_a, ["className", "imageSize", "preview", "previewMaxHeight", "value", "onChange", "onFile", "onLink"]);
|
|
12103
12103
|
var _b = useAutoUpdateState$1(initValue), value = _b[0], setValue = _b[1];
|
|
12104
|
-
var _c = React.useState(
|
|
12105
|
-
var _d = React.useState({
|
|
12104
|
+
var _c = React.useState({
|
|
12106
12105
|
open: false,
|
|
12107
|
-
}), alertDialogProps =
|
|
12106
|
+
}), alertDialogProps = _c[0], setAlertDialogProps = _c[1];
|
|
12108
12107
|
var urlKit = React.useState(function () {
|
|
12109
12108
|
if (window.URL)
|
|
12110
12109
|
return window.URL;
|
|
12111
12110
|
else if (window.webkitURL)
|
|
12112
12111
|
return window.webkitURL;
|
|
12113
12112
|
})[0];
|
|
12114
|
-
// Effect ----------------------------------------------------------------------------------------------------------
|
|
12115
|
-
React.useEffect(function () {
|
|
12116
|
-
setPreviewNode(preview && value ? (React__default["default"].createElement("img", { className: 'preview-img', src: value, style: { maxHeight: previewMaxHeight || undefined }, alt: '' })) : undefined);
|
|
12117
|
-
}, [value, preview, previewMaxHeight]);
|
|
12118
12113
|
// Function --------------------------------------------------------------------------------------------------------
|
|
12119
12114
|
var imageSizeCheck = React.useCallback(function (file) {
|
|
12120
12115
|
if (imageSize && urlKit) {
|
|
@@ -12218,6 +12213,15 @@ styleInject(css_248z);var FormImageFile = React__default["default"].forwardRef(f
|
|
|
12218
12213
|
});
|
|
12219
12214
|
});
|
|
12220
12215
|
}, [onLink, imageSizeCheck]);
|
|
12216
|
+
// Memo --------------------------------------------------------------------------------------------------------------
|
|
12217
|
+
var previewNode = React.useMemo(function () {
|
|
12218
|
+
if (preview && value) {
|
|
12219
|
+
return (React__default["default"].createElement("a", { href: value, target: '_blank' },
|
|
12220
|
+
React__default["default"].createElement(material.Tooltip, { title: React__default["default"].createElement("div", { style: { paddingTop: 3, paddingBottom: 3 } },
|
|
12221
|
+
React__default["default"].createElement("img", { src: value, style: { maxWidth: '100%', verticalAlign: 'middle' } })) },
|
|
12222
|
+
React__default["default"].createElement("img", { className: 'preview-img', src: value, style: { maxHeight: previewMaxHeight || undefined }, alt: '' }))));
|
|
12223
|
+
}
|
|
12224
|
+
}, [preview, previewMaxHeight, value]);
|
|
12221
12225
|
// Render ----------------------------------------------------------------------------------------------------------
|
|
12222
12226
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
12223
12227
|
React__default["default"].createElement(FormFile, __assign$6({ ref: ref, className: classNames$1(className, 'FormImageFile'), value: value, preview: previewNode, onChange: handleChange, onFile: handleFile, onLink: handleLink }, props)),
|