UNPKG

@douyinfe/semi-ui

Version:

A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.

77 lines (76 loc) 2.63 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _react = _interopRequireDefault(require("react")); var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined")); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } var __rest = void 0 && (void 0).__rest || function (s, e) { var t = {}; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; } return t; }; let _id = -1; function Icon() { let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; const { id: propsId, className } = props, rest = __rest(props, ["id", "className"]); let _propsId = propsId; if ((0, _isNullOrUndefined.default)(_propsId)) { _id++; _propsId = _id; } const id = `linearGradient-${_propsId}`; return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, { className: className, width: "48", height: "48", viewBox: "0 0 36 36", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, "data-icon": "spin" }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "100%", id: id }, /*#__PURE__*/_react.default.createElement("stop", { stopColor: "currentColor", stopOpacity: "0", offset: "0%" }), /*#__PURE__*/_react.default.createElement("stop", { stopColor: "currentColor", stopOpacity: "0.50", offset: "39.9430698%" }), /*#__PURE__*/_react.default.createElement("stop", { stopColor: "currentColor", offset: "100%" }))), /*#__PURE__*/_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /*#__PURE__*/_react.default.createElement("rect", { fillOpacity: "0.01", fill: "none", x: "0", y: "0", width: "36", height: "36" }), /*#__PURE__*/_react.default.createElement("path", { d: "M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951", stroke: `url(#${id})`, strokeWidth: "4", strokeLinecap: "round" }))); } var _default = exports.default = Icon;