@tendaui/react 1.1.1

package/es/input/style/index.css

@@ -0,0 +1,450 @@
+.t-tips {
+  font-size: var(--td-font-size-body-small);
+}
+
+.t-tips.t-is-default {
+  color: #000;
+}
+
+.t-tips.t-is-error {
+  color: #000;
+}
+
+.t-tips.t-is-warning {
+  color: #000;
+}
+
+.t-tips.t-is-success {
+  color: #000;
+}
+
+.t-input {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.t-input.t-is-success {
+  border-color: #000;
+}
+.t-input.t-is-success:focus, .t-input.t-is-success.t-input--focused {
+  -webkit-box-shadow: 0 0 0 2px #000;
+          box-shadow: 0 0 0 2px #000;
+}
+.t-input.t-is-success > .t-input__extra {
+  color: #000;
+}
+.t-input.t-is-warning {
+  border-color: #000;
+}
+.t-input.t-is-warning:focus, .t-input.t-is-warning.t-input--focused {
+  -webkit-box-shadow: 0 0 0 2px #000;
+          box-shadow: 0 0 0 2px #000;
+}
+.t-input.t-is-warning > .t-input__extra {
+  color: #000;
+}
+.t-input.t-is-error {
+  border-color: #000;
+}
+.t-input.t-is-error:focus, .t-input.t-is-error.t-input--focused {
+  -webkit-box-shadow: 0 0 0 2px #000;
+          box-shadow: 0 0 0 2px #000;
+}
+.t-input.t-is-error > .t-input__extra {
+  color: #000;
+}
+.t-input {
+  width: 100%;
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: var(--td-comp-size-m);
+  border-width: 1px;
+  border-style: solid;
+  border-radius: var(--td-radius-default);
+  border-color: var(--td-border-level-2-color);
+  padding: 0 var(--td-comp-paddingLR-s);
+  background-color: var(--td-bg-color-specialcomponent);
+  outline: none;
+  color: var(--td-text-color-primary);
+  font: var(--td-font-body-medium);
+  width: 100%;
+  box-sizing: border-box;
+  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  overflow: hidden;
+}
+.t-input:hover {
+  border-color: var(--td-brand-color);
+}
+.t-input:focus {
+  z-index: 1;
+  border-color: var(--td-brand-color);
+  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
+          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
+}
+.t-input--borderless:not(.t-input--focused) {
+  border-color: transparent;
+  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+}
+.t-input--borderless:not(.t-input--focused):hover {
+  border-color: var(--td-component-border);
+  background-color: var(--td-bg-color-container-hover);
+  cursor: pointer;
+}
+.t-input--borderless:not(.t-input--focused).t-is-disabled {
+  border: none;
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-input--focused {
+  border-color: var(--td-brand-color);
+  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
+          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
+  z-index: 1;
+}
+.t-input :focus-visible {
+  outline: none;
+}
+.t-input__inner {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  border: none;
+  outline: none;
+  padding: 0;
+  max-width: 100%;
+  min-width: 0;
+  color: var(--td-text-color-primary);
+  font: inherit;
+  background-color: transparent;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  white-space: nowrap;
+  word-wrap: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.t-input__inner::-webkit-input-placeholder {
+  color: var(--td-text-color-placeholder);
+}
+.t-input__inner::-moz-placeholder {
+  color: var(--td-text-color-placeholder);
+}
+.t-input__inner::-ms-input-placeholder {
+  color: var(--td-text-color-placeholder);
+}
+.t-input__inner::placeholder {
+  color: var(--td-text-color-placeholder);
+}
+.t-input__inner:placeholder-shown {
+  text-overflow: ellipsis;
+  width: 100%;
+}
+.t-input__inner[type=password]::-ms-reveal {
+  display: none;
+}
+.t-input__inner[type=search]::-webkit-search-decoration, .t-input__inner[type=search]::-webkit-search-cancel-button, .t-input__inner[type=search]::-webkit-search-results-button, .t-input__inner[type=search]::-webkit-search-results-decoration {
+  -webkit-appearance: none;
+          appearance: none;
+}
+.t-input__inner.t-input--soft-hidden {
+  width: 0;
+}
+.t-input__extra {
+  font: var(--td-font-body-small);
+  color: var(--td-text-color-placeholder);
+}
+.t-input__status {
+  position: absolute;
+  right: -24px;
+  top: 0;
+}
+.t-input.t-input--suffix > span.t-input__clear {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+}
+.t-input.t-input--suffix:hover > span.t-input__clear {
+  opacity: 1;
+  visibility: visible;
+}
+.t-input.t-is-readonly {
+  color: var(--td-text-color-primary);
+  background-color: var(--td-bg-color-specialcomponent);
+}
+.t-input.t-is-readonly .t-input__inner {
+  cursor: pointer;
+}
+.t-input.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-input.t-is-disabled:hover {
+  border-color: var(--td-border-level-2-color);
+}
+.t-input.t-is-disabled .t-input__inner {
+  cursor: not-allowed;
+  color: var(--td-text-color-disabled);
+  text-overflow: initial;
+}
+.t-input.t-is-disabled .t-input__inner::-webkit-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input.t-is-disabled .t-input__inner::-moz-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input.t-is-disabled .t-input__inner::-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input.t-is-disabled .t-input__inner::placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input.t-is-disabled > .t-input__prefix .t-icon, .t-input.t-is-disabled > .t-input__suffix .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-input.t-is-disabled > .t-input__prefix .t-icon:hover, .t-input.t-is-disabled > .t-input__suffix .t-icon:hover {
+  color: var(--td-text-color-disabled);
+}
+.t-input.t-input--prefix > .t-input__prefix {
+  z-index: 2;
+  height: 100%;
+  text-align: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-input.t-input--prefix > .t-input__prefix-icon {
+  font-size: var(--td-font-size-body-large);
+}
+.t-input.t-input--prefix.t-size-s .t-input__prefix-icon {
+  font-size: var(--td-font-size-body-medium);
+}
+.t-input.t-input--prefix.t-size-l .t-input__prefix-icon {
+  font-size: var(--td-font-size-title-large);
+}
+.t-input.t-input--suffix > .t-input__suffix {
+  z-index: 2;
+  height: 100%;
+  text-align: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-input.t-input--suffix > .t-input__suffix-icon {
+  font-size: var(--td-font-size-body-large);
+}
+.t-input.t-input--suffix.t-size-s .t-input__suffix-icon {
+  font-size: var(--td-font-size-body-medium);
+}
+.t-input.t-input--suffix.t-size-l .t-input__suffix-icon {
+  font-size: var(--td-font-size-title-large);
+}
+.t-input .t-input__suffix-clear {
+  cursor: pointer;
+  width: 1em;
+  height: 1em;
+}
+.t-input.t-size-l {
+  height: var(--td-comp-size-xl);
+  font: var(--td-font-body-large);
+  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
+}
+.t-input.t-size-s {
+  height: var(--td-comp-size-xs);
+  font: var(--td-font-body-small);
+}
+.t-input .t-input__prefix > .t-icon,
+.t-input .t-input__suffix > .t-icon {
+  font-size: inherit;
+}
+.t-input .t-input__prefix > .t-icon {
+  color: var(--td-text-color-placeholder);
+}
+.t-input .t-input__prefix:not(:empty) {
+  margin-right: var(--td-comp-margin-s);
+}
+.t-input .t-input__suffix > .t-icon {
+  color: var(--td-text-color-placeholder);
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-input .t-input__suffix > .t-icon:hover {
+  color: var(--td-text-color-secondary);
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-input .t-input__suffix:not(:empty) {
+  margin-left: var(--td-comp-margin-s);
+}
+.t-input.t-is-focused .t-input__prefix > .t-icon {
+  color: var(--td-brand-color);
+}
+.t-input.t-is-focused .t-input__suffix > .t-icon-time,
+.t-input.t-is-focused .t-input__suffix .t-icon-calendar {
+  color: var(--td-brand-color);
+}
+
+.t-input-group {
+  position: relative;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch;
+}
+.t-input-group .t-input__wrap {
+  border-radius: 0;
+}
+.t-input-group .t-input__wrap:first-child {
+  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
+}
+.t-input-group .t-input__wrap:last-child {
+  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
+}
+.t-input-group .t-button,
+.t-input-group .t-select {
+  border-radius: 0;
+}
+.t-input-group .t-button:not(:first-child),
+.t-input-group .t-select:not(:first-child) {
+  margin-left: -1px;
+}
+.t-input-group .t-input__wrap:not(:first-child) .t-input {
+  margin-left: -1px;
+}
+.t-input-group .t-input__wrap:first-child .t-input {
+  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
+}
+.t-input-group .t-input__wrap:last-child .t-input {
+  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
+}
+.t-input-group .t-button:first-child,
+.t-input-group .t-select:first-child {
+  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
+}
+.t-input-group .t-button:last-child,
+.t-input-group .t-select:last-child {
+  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
+}
+.t-input-group--separate .t-input__wrap + .t-input__wrap {
+  margin-left: var(--td-comp-margin-xxxl);
+}
+.t-input-group--separate .t-button,
+.t-input-group--separate .t-select {
+  border-radius: var(--td-radius-default);
+}
+.t-input-group--separate .t-button:first-child,
+.t-input-group--separate .t-select:first-child {
+  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
+}
+.t-input-group--separate .t-button:last-child,
+.t-input-group--separate .t-select:last-child {
+  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
+}
+.t-input-group--separate .t-input__wrap .t-input {
+  border-radius: var(--td-radius-default);
+}
+.t-input-group--separate .t-input__wrap .t-input:first-child {
+  border-radius: var(--td-radius-default);
+}
+.t-input-group--separate .t-input__wrap .t-input:last-child {
+  border-radius: var(--td-radius-default);
+}
+.t-input-group .t-input__inner,
+.t-input-group .t-button,
+.t-input-group .t-select {
+  position: relative;
+  z-index: 0;
+}
+.t-input-group .t-input__inner:hover, .t-input-group .t-input__inner:focus, .t-input-group .t-input__inner:active,
+.t-input-group .t-button:hover,
+.t-input-group .t-button:focus,
+.t-input-group .t-button:active,
+.t-input-group .t-select:hover,
+.t-input-group .t-select:focus,
+.t-input-group .t-select:active {
+  z-index: 1;
+}
+
+.t-input__wrap {
+  width: 100%;
+}
+
+.t-input__tips {
+  height: auto;
+  min-height: var(--td-line-height-body-small);
+  font: var(--td-font-body-small);
+  position: absolute;
+}
+
+.t-input__tips--default {
+  color: var(--td-text-color-placeholder);
+}
+
+.t-input__tips--success {
+  color: var(--td-success-color);
+}
+
+.t-input__tips--warning {
+  color: var(--td-warning-color);
+}
+
+.t-input__tips--error {
+  color: var(--td-error-color);
+}
+
+.t-align-center > .t-input__inner {
+  text-align: center;
+}
+
+.t-align-right > .t-input__inner {
+  text-align: right;
+}
+
+.t-input__input-pre {
+  position: absolute;
+  visibility: hidden;
+  white-space: pre;
+  display: block;
+}
+
+.t-input--auto-width {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  min-width: 60px;
+}
+
+.t-input__limit-number {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-placeholder);
+  background: var(--td-bg-color-specialcomponent);
+}
+.t-input__limit-number.t-is-disabled {
+  background: var(--td-bg-color-component-disabled);
+}

package/es/input/style/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/es/input/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/loading/Gradient.js

@@ -0,0 +1,86 @@
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import React, { useEffect } from 'react';
+import classNames from 'classnames';
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { b as getIEVersion } from '../_chunks/dep-DHWwZ2Nj.js';
+import { u as useDomRefCallback } from '../_chunks/dep-PPA-yoAy.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import 'lodash-es';
+import '../config-provider/ConfigContext.js';
+
+function setStyle(el, styles) {
+  var keys = Object.keys(styles);
+  keys.forEach(function (key) {
+    el.style[key] = styles[key];
+  });
+}
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function circleAdapter(circleElem) {
+  var _window, _window$getComputedSt, _window2;
+  var basicStyle = {};
+  if (!circleElem || typeof window === "undefined") {
+    return;
+  }
+  var computedStyle = (_window = window) === null || _window === void 0 || (_window$getComputedSt = _window.getComputedStyle) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.call(_window, circleElem);
+  var _ref = computedStyle || {},
+    color = _ref.color,
+    fontSize = _ref.fontSize;
+  var ua = ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.navigator) === null || _window2 === void 0 ? void 0 : _window2.userAgent) || "";
+  var isSafari = /Safari/.test(ua) && !/Chrome/.test(ua);
+  var isIosWechat = /(?=.*iPhone)[?=.*MicroMessenger]/.test(ua) && !/Chrome/.test(ua);
+  var isIpadWechat = /(?=.*iPad)[?=.*MicroMessenger]/.test(ua) && !/Chrome/.test(ua);
+  if (isSafari || isIosWechat || isIpadWechat) {
+    basicStyle = {
+      transformOrigin: "0px 0px",
+      transform: "scale(".concat(parseInt(fontSize, 10) / 12, ")")
+    };
+  }
+  if (color && getIEVersion() > 11) {
+    var matched = color.match(/[\d.]+/g);
+    var endColor = matched ? "rgba(".concat(matched[0], ", ").concat(matched[1], ", ").concat(matched[2], ", 0)") : "";
+    setStyle(circleElem, _objectSpread(_objectSpread({}, basicStyle), {}, {
+      background: "conic-gradient(from 90deg at 50% 50%,".concat(endColor, " 0deg, ").concat(color, " 360deg)")
+    }));
+  } else {
+    setStyle(circleElem, _objectSpread(_objectSpread({}, basicStyle), {}, {
+      background: ""
+    }));
+  }
+}
+
+var GradientLoading = function GradientLoading() {
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var _useDomRefCallback = useDomRefCallback(),
+    _useDomRefCallback2 = _slicedToArray(_useDomRefCallback, 2),
+    conicRef = _useDomRefCallback2[0],
+    setConicRef = _useDomRefCallback2[1];
+  var gradientClass = "".concat(classPrefix, "-loading__gradient");
+  useEffect(function () {
+    var el = conicRef;
+    circleAdapter(el);
+  }, [conicRef]);
+  return /* @__PURE__ */React.createElement("svg", {
+    className: classNames(gradientClass, "".concat(classPrefix, "-icon-loading")),
+    viewBox: "0 0 12 12",
+    version: "1.1",
+    width: "1em",
+    height: "1em",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */React.createElement("foreignObject", {
+    x: "0",
+    y: "0",
+    width: "12",
+    height: "12"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(gradientClass, "-conic"),
+    ref: setConicRef
+  })));
+};
+
+export { GradientLoading as default };
+//# sourceMappingURL=Gradient.js.map

package/es/loading/Gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.js","sources":["../../../components/loading/utils/setStyle.ts","../../../components/loading/circleAdapter.ts","../../../components/loading/Gradient.tsx"],"sourcesContent":["/**\n * 用于为节点增加styles\n * @param el HTMLElement\n * @param style Styles\n */\nfunction setStyle(el: HTMLElement, styles): void {\n  const keys = Object.keys(styles);\n  keys.forEach((key) => {\n    el.style[key] = styles[key];\n  });\n}\n\nexport default setStyle;\n","import setStyle from \"./utils/setStyle\";\nimport { getIEVersion } from \"../utils/helper\";\n\nexport default function circleAdapter(circleElem: HTMLElement) {\n  let basicStyle = {};\n\n  if (!circleElem || typeof window === \"undefined\") {\n    return;\n  }\n\n  const computedStyle = window?.getComputedStyle?.(circleElem);\n  const { color, fontSize } = computedStyle || {};\n\n  // to fix the browser compat of foreignObject in Safari,\n  // https://bugs.webkit.org/show_bug.cgi?id=23113\n  const ua = window?.navigator?.userAgent || \"\";\n  const isSafari = /Safari/.test(ua) && !/Chrome/.test(ua);\n  // 判断是否为 iOS 下的微信和企业微信\n  const isIosWechat = /(?=.*iPhone)[?=.*MicroMessenger]/.test(ua) && !/Chrome/.test(ua);\n  // 判断是否为 iPadOS 下的微信和企业微信\n  const isIpadWechat = /(?=.*iPad)[?=.*MicroMessenger]/.test(ua) && !/Chrome/.test(ua);\n\n  // 注意：chrome上调试mobile/ipad端时，loading出现异常，属于正常现象，不需要修改。\n  if (isSafari || isIosWechat || isIpadWechat) {\n    basicStyle = {\n      transformOrigin: \"0px 0px\",\n      transform: `scale(${parseInt(fontSize, 10) / 12})`\n    };\n  }\n  // 添加：判断是否为IE浏览器\n  if (color && getIEVersion() > 11) {\n    const matched = color.match(/[\\d.]+/g);\n    const endColor = matched ? `rgba(${matched[0]}, ${matched[1]}, ${matched[2]}, 0)` : \"\";\n    setStyle(circleElem, {\n      ...basicStyle,\n      background: `conic-gradient(from 90deg at 50% 50%,${endColor} 0deg, ${color} 360deg)`\n    });\n  } else {\n    setStyle(circleElem, {\n      ...basicStyle,\n      background: \"\"\n    });\n  }\n}\n","import React, { useEffect, FC } from \"react\";\nimport classnames from \"classnames\";\nimport circleAdapter from \"./circleAdapter\";\nimport useDomRefCallback from \"../hooks/useDomRefCallback\";\nimport useConfig from \"../hooks/useConfig\";\n\n/**\n * Loading组件 渐变部分实现\n */\nconst GradientLoading: FC = () => {\n  const { classPrefix } = useConfig();\n  const [conicRef, setConicRef] = useDomRefCallback();\n  const gradientClass = `${classPrefix}-loading__gradient`;\n\n  useEffect(() => {\n    const el = conicRef;\n    circleAdapter(el);\n  }, [conicRef]);\n\n  return (\n    <svg\n      className={classnames(gradientClass, `${classPrefix}-icon-loading`)}\n      viewBox=\"0 0 12 12\"\n      version=\"1.1\"\n      width=\"1em\"\n      height=\"1em\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <foreignObject x=\"0\" y=\"0\" width=\"12\" height=\"12\">\n        <div className={`${gradientClass}-conic`} ref={setConicRef} />\n      </foreignObject>\n    </svg>\n  );\n};\n\nexport default GradientLoading;\n"],"names":["setStyle","el","styles","keys","Object","forEach","key","style","circleAdapter","circleElem","_window","_window$getComputedSt","_window2","basicStyle","window","computedStyle","getComputedStyle","call","_ref","color","fontSize","ua","navigator","userAgent","isSafari","test","isIosWechat","isIpadWechat","transformOrigin","transform","parseInt","getIEVersion","matched","match","endColor","concat","_objectSpread","background","GradientLoading","_useConfig","useConfig","classPrefix","_useDomRefCallback","useDomRefCallback","_useDomRefCallback2","_slicedToArray","conicRef","setConicRef","gradientClass","useEffect","React","createElement","className","classnames","viewBox","version","width","height","xmlns","x","y","ref"],"mappings":"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"}