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>
100 lines (82 loc) • 12.4 kB
JavaScript
;
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _icon = _interopRequireDefault(require("../icon"));
var _motion = _interopRequireDefault(require("../motion"));
require("./style");
var _excluded = ["className", "icon", "name", "onIconClick", "progress", "src"];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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; }
var prefix = "adui-upload-file";
var File = (0, _react.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 = (0, _react.useRef)(null);
var classSet = (0, _classnames["default"])(className, "".concat(prefix), _defineProperty({}, "".concat(prefix, "-progressing"), progress !== null));
(0, _react.useImperativeHandle)(ref, function () {
return {
uploadElement: uploadElementRef.current
};
});
return _react["default"].createElement(_motion["default"], {
transition: "zoom"
}, !!name && _react["default"].createElement("div", _extends({
role: "none",
className: classSet
}, otherProps), src ? _react["default"].createElement("a", {
className: "".concat(prefix, "-link"),
href: src,
target: "_blank",
rel: "noopener noreferrer",
title: name
}, name) : _react["default"].createElement("div", {
className: "".concat(prefix, "-name"),
title: name
}, name), _react["default"].createElement(_icon["default"], {
icon: icon || "cancel",
onClick: onIconClick,
className: "".concat(prefix, "-icon")
}), _react["default"].createElement("div", {
className: "".concat(prefix, "-progress")
}, _react["default"].createElement("i", {
style: {
width: "".concat(progress, "%")
}
}))));
});
File.displayName = "File";
File.propTypes = {
className: _propTypes["default"].string,
icon: _propTypes["default"].any,
name: _propTypes["default"].string,
onIconClick: _propTypes["default"].func,
progress: _propTypes["default"].number,
src: _propTypes["default"].string
};
File.defaultProps = {
className: "",
icon: "cancel",
name: "",
onIconClick: function onIconClick() {},
progress: null,
src: ""
};
var _default = File;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJwcmVmaXgiLCJGaWxlIiwiZm9yd2FyZFJlZiIsInJlZiIsImNsYXNzTmFtZSIsImljb24iLCJuYW1lIiwib25JY29uQ2xpY2siLCJwcm9ncmVzcyIsInNyYyIsIm90aGVyUHJvcHMiLCJ1cGxvYWRFbGVtZW50UmVmIiwidXNlUmVmIiwiY2xhc3NTZXQiLCJjbGFzc05hbWVzIiwidXNlSW1wZXJhdGl2ZUhhbmRsZSIsInVwbG9hZEVsZW1lbnQiLCJjdXJyZW50Iiwid2lkdGgiLCJkaXNwbGF5TmFtZSIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsImFueSIsImZ1bmMiLCJudW1iZXIiLCJkZWZhdWx0UHJvcHMiXSwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL3VwbG9hZC9GaWxlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IEljb24sIHsgSWNvbk5hbWVzIH0gZnJvbSBcIi4uL2ljb25cIlxuaW1wb3J0IE1vdGlvbiBmcm9tIFwiLi4vbW90aW9uXCJcbmltcG9ydCBcIi4vc3R5bGVcIlxuXG5jb25zdCBwcmVmaXggPSBcImFkdWktdXBsb2FkLWZpbGVcIlxuXG5leHBvcnQgaW50ZXJmYWNlIElGaWxlUHJvcHMge1xuICBba2V5OiBzdHJpbmddOiBhbnlcbiAgLyoqXG4gICAqIOmZhOWKoOexu+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+S7tuWcsOWdgFxuICAgKi9cbiAgc3JjOiBQcm9wVHlwZXMuc3RyaW5nLFxufVxuXG5GaWxlLmRlZmF1bHRQcm9wcyA9IHtcbiAgY2xhc3NOYW1lOiBcIlwiLFxuICBpY29uOiBcImNhbmNlbFwiLFxuICBuYW1lOiBcIlwiLFxuICBvbkljb25DbGljazogKCkgPT4ge30sXG4gIHByb2dyZXNzOiBudWxsLFxuICBzcmM6IFwiXCIsXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLElBQU1BLE1BQU0sR0FBRyxrQkFB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