adui
Version:
<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>
78 lines (72 loc) • 10.5 kB
JavaScript
var _excluded = ["className", "icon", "name", "onIconClick", "progress", "src"];
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
import React, { forwardRef, useImperativeHandle, useRef } from "react";
import PropTypes from "prop-types";
import classNames from "classnames";
import Icon from "../icon";
import Motion from "../motion";
import "./style";
var prefix = "adui-upload-file";
var File = forwardRef(function (_ref, ref) {
var className = _ref.className,
icon = _ref.icon,
name = _ref.name,
onIconClick = _ref.onIconClick,
progress = _ref.progress,
src = _ref.src,
otherProps = _objectWithoutProperties(_ref, _excluded);
var uploadElementRef = useRef(null);
var classSet = classNames(className, "".concat(prefix), _defineProperty({}, "".concat(prefix, "-progressing"), progress !== null));
useImperativeHandle(ref, function () {
return {
uploadElement: uploadElementRef.current
};
});
return React.createElement(Motion, {
transition: "zoom"
}, !!name && React.createElement("div", _extends({
role: "none",
className: classSet
}, otherProps), src ? React.createElement("a", {
className: "".concat(prefix, "-link"),
href: src,
target: "_blank",
rel: "noopener noreferrer",
title: name
}, name) : React.createElement("div", {
className: "".concat(prefix, "-name"),
title: name
}, name), React.createElement(Icon, {
icon: icon || "cancel",
onClick: onIconClick,
className: "".concat(prefix, "-icon")
}), React.createElement("div", {
className: "".concat(prefix, "-progress")
}, React.createElement("i", {
style: {
width: "".concat(progress, "%")
}
}))));
});
File.displayName = "File";
File.propTypes = {
className: PropTypes.string,
icon: PropTypes.any,
name: PropTypes.string,
onIconClick: PropTypes.func,
progress: PropTypes.number,
src: PropTypes.string
};
File.defaultProps = {
className: "",
icon: "cancel",
name: "",
onIconClick: function onIconClick() {},
progress: null,
src: ""
};
export default File;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsImZvcndhcmRSZWYiLCJ1c2VJbXBlcmF0aXZlSGFuZGxlIiwidXNlUmVmIiwiUHJvcFR5cGVzIiwiY2xhc3NOYW1lcyIsIkljb24iLCJNb3Rpb24iLCJwcmVmaXgiLCJGaWxlIiwicmVmIiwiY2xhc3NOYW1lIiwiaWNvbiIsIm5hbWUiLCJvbkljb25DbGljayIsInByb2dyZXNzIiwic3JjIiwib3RoZXJQcm9wcyIsInVwbG9hZEVsZW1lbnRSZWYiLCJjbGFzc1NldCIsInVwbG9hZEVsZW1lbnQiLCJjdXJyZW50Iiwid2lkdGgiLCJkaXNwbGF5TmFtZSIsInByb3BUeXBlcyIsInN0cmluZyIsImFueSIsImZ1bmMiLCJudW1iZXIiLCJkZWZhdWx0UHJvcHMiXSwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL3VwbG9hZC9GaWxlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IEljb24sIHsgSWNvbk5hbWVzIH0gZnJvbSBcIi4uL2ljb25cIlxuaW1wb3J0IE1vdGlvbiBmcm9tIFwiLi4vbW90aW9uXCJcbmltcG9ydCBcIi4vc3R5bGVcIlxuXG5jb25zdCBwcmVmaXggPSBcImFkdWktdXBsb2FkLWZpbGVcIlxuXG5leHBvcnQgaW50ZXJmYWNlIElGaWxlUHJvcHMge1xuICBba2V5OiBzdHJpbmddOiBhbnlcbiAgLyoqXG4gICAqIOmZhOWKoOexu+WQjVxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiDmjIflrprlj7Plm77moIdcbiAgICovXG4gIGljb24/OiBJY29uTmFtZXNcbiAgLyoqXG4gICAqIOaWh+S7tuWQje+8jOatpCBQcm9wIOS8muaOp+WItiBVcGxvYWQuRmlsZSDmmL7npLrkuI7lkKZcbiAgICovXG4gIG5hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIOWPs+Wbvuagh+eCueWHu+aXtueahCBoYW5kbGVyXG4gICAqL1xuICBvbkljb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIOi/m+W6pu+8jOS8oOWFpSBudWxsIOaXtuihqOekuuS4jeaYvuekuui/m+W6puadoVxuICAgKi9cbiAgcHJvZ3Jlc3M/OiBudW1iZXIgfCBudWxsXG4gIC8qKlxuICAgKiDkuIrkvKDmiJDlip/lkI7nmoTmlofku7blnLDlnYDvvIzkvKDlhaXlkI7mloflrZfkvJrlj5jkuLrpk77mjqXmoLflvI9cbiAgICovXG4gIHNyYz86IHN0cmluZ1xufVxuXG4vKipcbiAqIOaXi+i9rOWKoOi9veeUqOS6juWRiuefpeeUqOaIt+S/oeaBr+WGheWuueeahOWKoOi9veeKtuaAge+8jOmAmuW4uOaYr+WNs+aXtuOAgeefreaXtueahOOAglxuICovXG5jb25zdCBGaWxlOiBSZWFjdC5Gb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50PFxuICBJRmlsZVByb3BzICYgUmVhY3QuUmVmQXR0cmlidXRlczxhbnk+XG4+ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGljb24sXG4gICAgICBuYW1lLFxuICAgICAgb25JY29uQ2xpY2ssXG4gICAgICBwcm9ncmVzcyxcbiAgICAgIHNyYyxcbiAgICAgIC4uLm90aGVyUHJvcHNcbiAgICB9OiBJRmlsZVByb3BzLFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCB1cGxvYWRFbGVtZW50UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gICAgY29uc3QgY2xhc3NTZXQgPSBjbGFzc05hbWVzKGNsYXNzTmFtZSwgYCR7cHJlZml4fWAsIHtcbiAgICAgIFtgJHtwcmVmaXh9LXByb2dyZXNzaW5nYF06IHByb2dyZXNzICE9PSBudWxsLFxuICAgIH0pXG5cbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gKHtcbiAgICAgIHVwbG9hZEVsZW1lbnQ6IHVwbG9hZEVsZW1lbnRSZWYuY3VycmVudCxcbiAgICB9KSlcblxuICAgIHJldHVybiAoXG4gICAgICA8TW90aW9uIHRyYW5zaXRpb249XCJ6b29tXCI+XG4gICAgICAgIHshIW5hbWUgJiYgKFxuICAgICAgICAgIDxkaXYgcm9sZT1cIm5vbmVcIiBjbGFzc05hbWU9e2NsYXNzU2V0fSB7Li4ub3RoZXJQcm9wc30+XG4gICAgICAgICAgICB7c3JjID8gKFxuICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7cHJlZml4fS1saW5rYH1cbiAgICAgICAgICAgICAgICBocmVmPXtzcmN9XG4gICAgICAgICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICAgICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgICAgICAgICAgICB0aXRsZT17bmFtZX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtuYW1lfVxuICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7cHJlZml4fS1uYW1lYH0gdGl0bGU9e25hbWV9PlxuICAgICAgICAgICAgICAgIHtuYW1lfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBpY29uPXtpY29uIHx8IFwiY2FuY2VsXCJ9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uSWNvbkNsaWNrfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake3ByZWZpeH0taWNvbmB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake3ByZWZpeH0tcHJvZ3Jlc3NgfT5cbiAgICAgICAgICAgICAgPGkgc3R5bGU9e3sgd2lkdGg6IGAke3Byb2dyZXNzfSVgIH19IC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvTW90aW9uPlxuICAgIClcbiAgfVxuKVxuXG5GaWxlLmRpc3BsYXlOYW1lID0gXCJGaWxlXCJcblxuRmlsZS5wcm9wVHlwZXMgPSB7XG4gIC8qKlxuICAgKiDpmYTliqDnsbvlkI1cbiAgICovXG4gIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgLyoqXG4gICAqIOaMh+WumuWPs+Wbvuagh1xuICAgKi9cbiAgaWNvbjogUHJvcFR5cGVzLmFueSxcbiAgLyoqXG4gICAqIOaWh+S7tuWQje+8jOatpCBQcm9wIOS8muaOp+WItiBVcGxvYWQuRmlsZSDmmL7npLrkuI7lkKZcbiAgICovXG4gIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8qKlxuICAgKiDlj7Plm77moIfngrnlh7vml7bnmoQgaGFuZGxlclxuICAgKi9cbiAgb25JY29uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICAvKipcbiAgICog6L+b5bqm77yM5Lyg5YWlIG51bGwg5pe26KGo56S65LiN5pi+56S66L+b5bqm5p2hXG4gICAqL1xuICBwcm9ncmVzczogUHJvcFR5cGVzLm51bWJlcixcbiAgLyoqXG4gICAqIOS4iuS8oOaIkOWKn+WQjueahOaWh+S7tuWcsOWdgFxuICAgKi9cbiAgc3JjOiBQcm9wVHlwZXMuc3RyaW5nLFxufVxuXG5GaWxlLmRlZmF1bHRQcm9wcyA9IHtcbiAgY2xhc3NOYW1lOiBcIlwiLFxuICBpY29uOiBcImNhbmNlbFwiLFxuICBuYW1lOiBcIlwiLFxuICBvbkljb25DbGljazogKCkgPT4ge30sXG4gIHByb2dyZXNzOiBudWxsLFxuICBzcmM6IFwiXCIsXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLE9BQU9BLEtBQVAsSUFBZ0JDLFVBQWhCLEVBQTRCQyxtQkFBNUIsRUFBaURDLE1B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