UNPKG

zent

Version:

一套前端设计语言和基于React的实现

29 lines (28 loc) 1.81 kB
import { __assign, __extends } from "tslib"; import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime"; import cn from 'classnames'; import Icon from '../../../icon'; import AbstractTrigger from '../AbstractTrigger'; var NormalUploadTrigger = (function (_super) { __extends(NormalUploadTrigger, _super); function NormalUploadTrigger() { return _super !== null && _super.apply(this, arguments) || this; } NormalUploadTrigger.prototype.renderFileItemCount = function () { var _a = this.props, fileList = _a.fileList, maxAmount = _a.maxAmount; if (maxAmount === Infinity) { return null; } return (_jsxs("span", __assign({ className: "zent-file-upload-trigger-text-count", "data-zv": '10.0.17' }, { children: [(fileList === null || fileList === void 0 ? void 0 : fileList.length) || 0, "/", maxAmount] }), void 0)); }; NormalUploadTrigger.prototype.render = function () { var _a; var _b = this.props, i18n = _b.i18n, disabled = _b.disabled, remainAmount = _b.remainAmount; var isDisabled = disabled || remainAmount <= 0; return (_jsxs("div", __assign({ className: cn('zent-file-upload-trigger', (_a = {}, _a['zent-file-upload-trigger__disabled'] = isDisabled, _a)), onClick: this.onClickTrigger, onDragOver: this.onTriggerDragOver, onDrop: this.onTriggerDrop, "data-zv": '10.0.17' }, { children: [_jsx(Icon, { type: "upload", className: "zent-file-upload-trigger-icon" }, void 0), _jsxs("span", __assign({ className: "zent-file-upload-trigger-text", "data-zv": '10.0.17' }, { children: [i18n.add, this.renderFileItemCount()] }), void 0), this.renderFileInput()] }), void 0)); }; return NormalUploadTrigger; }(AbstractTrigger)); export default NormalUploadTrigger;