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>
75 lines • 11.5 kB
JavaScript
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
var _excluded = ["className", "icon", "name", "onIconClick", "progress", "src"];
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsImZvcndhcmRSZWYiLCJ1c2VJbXBlcmF0aXZlSGFuZGxlIiwidXNlUmVmIiwiUHJvcFR5cGVzIiwiY2xhc3NOYW1lcyIsIkljb24iLCJNb3Rpb24iLCJwcmVmaXgiLCJGaWxlIiwiX3JlZiIsInJlZiIsImNsYXNzTmFtZSIsImljb24iLCJuYW1lIiwib25JY29uQ2xpY2siLCJwcm9ncmVzcyIsInNyYyIsIm90aGVyUHJvcHMiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXMiLCJfZXhjbHVkZWQiLCJ1cGxvYWRFbGVtZW50UmVmIiwiY2xhc3NTZXQiLCJjb25jYXQiLCJfZGVmaW5lUHJvcGVydHkiLCJ1cGxvYWRFbGVtZW50IiwiY3VycmVudCIsImNyZWF0ZUVsZW1lbnQiLCJ0cmFuc2l0aW9uIiwiX2V4dGVuZHMiLCJyb2xlIiwiaHJlZiIsInRhcmdldCIsInJlbCIsInRpdGxlIiwib25DbGljayIsInN0eWxlIiwid2lkdGgiLCJkaXNwbGF5TmFtZSIsInByb3BUeXBlcyIsInN0cmluZyIsImFueSIsImZ1bmMiLCJudW1iZXIiLCJkZWZhdWx0UHJvcHMiXSwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL3VwbG9hZC9GaWxlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IEljb24sIHsgSWNvbk5hbWVzIH0gZnJvbSBcIi4uL2ljb25cIlxuaW1wb3J0IE1vdGlvbiBmcm9tIFwiLi4vbW90aW9uXCJcbmltcG9ydCBcIi4vc3R5bGVcIlxuXG5jb25zdCBwcmVmaXggPSBcImFkdWktdXBsb2FkLWZpbGVcIlxuXG5leHBvcnQgaW50ZXJmYWNlIElGaWxlUHJvcHMge1xuICBba2V5OiBzdHJpbmddOiBhbnlcbiAgLyoqXG4gICAqIOmZhOWKoOexu+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+S7tuWcsOWdgFxuICAgKi9cbiAgc3JjOiBQcm9wVHlwZXMuc3RyaW5nLFxufVxuXG5GaWxlLmRlZmF1bHRQcm9wcyA9IHtcbiAgY2xhc3NOYW1lOiBcIlwiLFxuICBpY29uOiBcImNhbmNlbFwiLFxuICBuYW1lOiBcIlwiLFxuICBvbkljb25DbGljazogKCkgPT4ge30sXG4gIHByb2dyZXNzOiBudWxsLFxuICBzcmM6IFwiXCIsXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxPQUFPQSxLQUFLLElBQUlDLFVBQVUsRUFBRUMsbUJBQW1CLEVBQUVDLE1BQU0sUUFBUSxPQUFPO0FBQ3RFLE9BQU9DLFNBQVMsTUFBTSxZQUFZO0FBQ2xDLE9BQU9DLFVBQVUsTUFBTSxZQUFZO0FBQ25DLE9BQU9DLElBQUksTUFBcUIsU0FBUztBQUN6QyxPQUFPQyxNQUFNLE1BQU0sV0FBVztBQUM5QixPQUFPLFNBQVM7QUFFaEIsSUFBTUMsTUFBTSxHQUFHLGtCQUFrQjtBQWlDakMsSUFBTUMsSUFFTCxHQUFHUixVQUFVLENBQ1osVUFBQVMsSUFBQSxFQVVFQyxHQUFHLEVBQ0E7RUFBQSxJQVREQyxTQUFTLEdBQUFGLElBQUEsQ0FBVEUsU0FBUztJQUNUQyxJQUFJLEdBQUFILElBQUEsQ0FBSkcsSUFBSTtJQUNKQyxJQUFJLEdBQUFKLElBQUEsQ0FBSkksSUFBSTtJQUNKQyxXQUFXLEdBQUFMLElBQUEsQ0FBWEssV0FBVztJQUNYQyxRQUFRLEdBQUFOLElBQUEsQ0FBUk0sUUFBUTtJQUNSQyxHQUFHLEdBQUFQLElBQUEsQ0FBSE8sR0FBRztJQUNBQyxVQUFVLEdBQUFDLHdCQUFBLENBQUFULElBQUEsRUFBQVUsU0FBQTtFQUlmLElBQU1DLGdCQUFnQixHQUFHbEIsTUFBTSxDQUFpQixJQUFJLENBQUM7RUFFckQsSUFBTW1CLFFBQVEsR0FBR2pCLFVBQVUsQ0FBQ08sU0FBUyxLQUFBVyxNQUFBLENBQUtmLE1BQU0sR0FBQWdCLGVBQUEsUUFBQUQsTUFBQSxDQUMxQ2YsTUFBTSxtQkFBaUJRLFFBQVEsS0FBSyxJQUFJLENBQzdDLENBQUM7RUFFRmQsbUJBQW1CLENBQUNTLEdBQUcsRUFBRTtJQUFBLE9BQU87TUFDOUJjLGFBQWEsRUFBRUosZ0JBQWdCLENBQUNLO0lBQ2xDLENBQUM7RUFBQSxDQUFDLENBQUM7RUFFSCxPQUNFMUIsS0FBQSxDQUFBMkIsYUFBQSxDQUFDcEIsTUFBTTtJQUFDcUIsVUFBVSxFQUFDO0VBQU0sR0FDdEIsQ0FBQyxDQUFDZCxJQUFJLElBQ0xkLEtBQUEsQ0FBQTJCLGFBQUEsUUFBQUUsUUFBQTtJQUFLQyxJQUFJLEVBQUMsTUFBTTtJQUFDbEIsU0FBUyxFQUFFVTtFQUFTLEdBQUtKLFVBQVUsR0FDakRELEdBQUcsR0FDRmpCLEtBQUEsQ0FBQTJCLGFBQUE7SUFDRWYsU0FBUyxLQUFBVyxNQUFBLENBQUtmLE1BQU0sVUFBUTtJQUM1QnVCLElBQUksRUFBRWQsR0FBSTtJQUNWZSxNQUFNLEVBQUMsUUFBUTtJQUNmQyxHQUFHLEVBQUMscUJBQXFCO0lBQ3pCQyxLQUFLLEVBQUVwQjtFQUFLLEdBRVhBLElBQ0EsQ0FBQyxHQUVKZCxLQUFBLENBQUEyQixhQUFBO0lBQUtmLFNBQVMsS0FBQVcsTUFBQSxDQUFLZixNQUFNLFVBQVE7SUFBQzBCLEtBQUssRUFBRXBCO0VBQUssR0FDM0NBLElBQ0UsQ0FDTixFQUNEZCxLQUFBLENBQUEyQixhQUFBLENBQUNyQixJQUFJO0lBQ0hPLElBQUksRUFBRUEsSUFBSSxJQUFJLFFBQVM7SUFDdkJzQixPQUFPLEVBQUVwQixXQUFZO0lBQ3JCSCxTQUFTLEtBQUFXLE1BQUEsQ0FBS2YsTUFBTTtFQUFRLENBQzdCLENBQUMsRUFDRlIsS0FBQSxDQUFBMkIsYUFBQTtJQUFLZixTQUFTLEtBQUFXLE1BQUEsQ0FBS2YsTUFBTTtFQUFZLEdBQ25DUixLQUFBLENBQUEyQixhQUFBO0lBQUdTLEtBQUssRUFBRTtNQUFFQyxLQUFLLEtBQUFkLE1BQUEsQ0FBS1AsUUFBUTtJQUFJO0VBQUUsQ0FBRSxDQUNuQyxDQUNGLENBRUQsQ0FBQztBQUViLENBQ0YsQ0FBQztBQUVEUCxJQUFJLENBQUM2QixXQUFXLEdBQUcsTUFBTTtBQUV6QjdCLElBQUksQ0FBQzhCLFNBQVMsR0FBRztFQUlmM0IsU0FBUyxFQUFFUixTQUFTLENBQUNvQyxNQUFNO0VBSTNCM0IsSUFBSSxFQUFFVCxTQUFTLENBQUNxQyxHQUFHO0VBSW5CM0IsSUFBSSxFQUFFVixTQUFTLENBQUNvQyxNQUFNO0VBSXRCekIsV0FBVyxFQUFFWCxTQUFTLENBQUNzQyxJQUFJO0VBSTNCMUIsUUFBUSxFQUFFWixTQUFTLENBQUN1QyxNQUFNO0VBSTFCMUIsR0FBRyxFQUFFYixTQUFTLENBQUNvQztBQUNqQixDQUFDO0FBRUQvQixJQUFJLENBQUNtQyxZQUFZLEdBQUc7RUFDbEJoQyxTQUFTLEVBQUUsRUFBRTtFQUNiQyxJQUFJLEVBQUUsUUFBUTtFQUNkQyxJQUFJLEVBQUUsRUFBRTtFQUNSQyxXQUFXLEVBQUUsU0FBYkEsV0FBV0EsQ0FBQSxFQUFRLENBQUMsQ0FBQztFQUNyQkMsUUFBUSxFQUFFLElBQUk7RUFDZEMsR0FBRyxFQUFFO0FBQ1AsQ0FBQztBQUVELGVBQWVSLElBQUkiLCJpZ25vcmVMaXN0IjpbXX0=