mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
66 lines (65 loc) • 3.04 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var React = _interopRequireWildcard(require("react"));
var _ut = require("ut2");
var _BizImageUploader = _interopRequireDefault(require("../BizImageUploader"));
var _FormItem = _interopRequireDefault(require("./FormItem"));
var _BizConfigProvider = require("../BizConfigProvider");
var _excluded = ["upload", "comfirmDelete", "maxCount", "maxSize", "type", "block", "multiple", "accept", "fileSizeMessage", "fileTypeMessage", "preview", "onPreview", "imageUploaderProps", "required", "children", "noStyle"];
var BizFormItemImageUploader = function BizFormItemImageUploader(_ref) {
var upload = _ref.upload,
comfirmDelete = _ref.comfirmDelete,
maxCount = _ref.maxCount,
maxSize = _ref.maxSize,
type = _ref.type,
block = _ref.block,
multiple = _ref.multiple,
accept = _ref.accept,
fileSizeMessage = _ref.fileSizeMessage,
fileTypeMessage = _ref.fileTypeMessage,
preview = _ref.preview,
onPreview = _ref.onPreview,
imageUploaderProps = _ref.imageUploaderProps,
required = _ref.required,
children = _ref.children,
noStyle = _ref.noStyle,
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
var _useConfig = (0, _BizConfigProvider.useConfig)(),
locale = _useConfig.locale;
var realNoStyle = React.useMemo(function () {
return typeof noStyle !== 'undefined' ? noStyle : !!(imageUploaderProps === null || imageUploaderProps === void 0 ? void 0 : imageUploaderProps.type) || !!type;
}, [imageUploaderProps === null || imageUploaderProps === void 0 ? void 0 : imageUploaderProps.type, noStyle, type]);
return /*#__PURE__*/React.createElement(_FormItem.default, (0, _objectSpread2.default)({
noStyle: realNoStyle,
rules: [{
validator: function validator(rule, value) {
if (required && ((0, _ut.isArray)(value) && value.length <= 0 || typeof value === 'undefined')) {
return Promise.reject(locale.form.common.uploadRequired);
}
return Promise.resolve();
}
}],
required: required
}, restProps), /*#__PURE__*/React.createElement(_BizImageUploader.default, (0, _objectSpread2.default)({
upload: upload,
comfirmDelete: comfirmDelete,
maxCount: maxCount,
maxSize: maxSize,
type: type,
multiple: multiple,
block: block,
accept: accept,
fileSizeMessage: fileSizeMessage,
fileTypeMessage: fileTypeMessage,
preview: preview,
onPreview: onPreview
}, imageUploaderProps), children));
};
var _default = exports.default = BizFormItemImageUploader;