donghy 0.0.1

package/dist/cjs/components/feedback/progress/Progress.js

@@ -0,0 +1,258 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Progress = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ProgressModule = _interopRequireDefault(require("./Progress.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); } /** 进度条类型 */ /** 进度条状态 */ /** 进度条尺寸 */ /** 进度条端点形状 */ /** 进度条组件属性 */
+var CIRCLE_SIZE = 120;
+var DEFAULT_STROKE_WIDTH = 6;
+var GAP_ROTATION_MAP = {
+  top: -90,
+  bottom: 90,
+  start: 180,
+  end: 0
+};
+function getGradientCSS(color) {
+  if (Array.isArray(color)) {
+    return "linear-gradient(to right, ".concat(color.join(', '), ")");
+  }
+  var dir = color.direction || 'to right';
+  return "linear-gradient(".concat(dir, ", ").concat(color.from, ", ").concat(color.to, ")");
+}
+var STATUS_COLOR_MAP = {
+  success: 'var(--nv-color-success)',
+  exception: 'var(--nv-color-error)',
+  active: 'var(--nv-color-primary)',
+  normal: 'var(--nv-color-primary)'
+};
+function getStatusColor(status) {
+  var _STATUS_COLOR_MAP$sta;
+  return (_STATUS_COLOR_MAP$sta = STATUS_COLOR_MAP[status]) !== null && _STATUS_COLOR_MAP$sta !== void 0 ? _STATUS_COLOR_MAP$sta : 'var(--nv-color-primary)';
+}
+var Progress = exports.Progress = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _success$percent;
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'line' : _ref$type,
+    _ref$status = _ref.status,
+    statusProp = _ref$status === void 0 ? 'normal' : _ref$status,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    _ref$percent = _ref.percent,
+    percent = _ref$percent === void 0 ? 0 : _ref$percent,
+    strokeColor = _ref.strokeColor,
+    railColor = _ref.railColor,
+    strokeWidth = _ref.strokeWidth,
+    _ref$strokeLinecap = _ref.strokeLinecap,
+    strokeLinecap = _ref$strokeLinecap === void 0 ? 'round' : _ref$strokeLinecap,
+    gapDegree = _ref.gapDegree,
+    _ref$gapPlacement = _ref.gapPlacement,
+    gapPlacement = _ref$gapPlacement === void 0 ? 'bottom' : _ref$gapPlacement,
+    steps = _ref.steps,
+    _ref$showInfo = _ref.showInfo,
+    showInfo = _ref$showInfo === void 0 ? true : _ref$showInfo,
+    format = _ref.format,
+    success = _ref.success,
+    className = _ref.className,
+    style = _ref.style;
+  var validPercent = Math.min(100, Math.max(0, percent));
+  var status = validPercent >= 100 ? 'success' : statusProp;
+  var successPercent = (_success$percent = success === null || success === void 0 ? void 0 : success.percent) !== null && _success$percent !== void 0 ? _success$percent : 0;
+  var hasCustomColor = strokeColor !== undefined;
+  var isGradientColor = hasCustomColor && typeof strokeColor !== 'string';
+  var resolvedColor = hasCustomColor ? typeof strokeColor === 'string' ? strokeColor : getStatusColor(status) : getStatusColor(status);
+  var gradientCSS = isGradientColor ? getGradientCSS(strokeColor) : undefined;
+  var rootCssVars = _objectSpread({
+    '--_percent': "".concat(validPercent, "%"),
+    '--_stroke-color': resolvedColor,
+    '--_rail-color': railColor || ''
+  }, style);
+  var renderInfoText = function renderInfoText() {
+    if (format) return format(validPercent, successPercent || undefined);
+    if ((type === 'circle' || type === 'dashboard') && status === 'success') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _ProgressModule.default.circleInfoIcon,
+        children: "\u2713"
+      });
+    }
+    if ((type === 'circle' || type === 'dashboard') && status === 'exception') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _ProgressModule.default.circleInfoIcon,
+        children: "\u2717"
+      });
+    }
+    return "".concat(validPercent, "%");
+  };
+  var renderLine = function renderLine() {
+    if (steps && steps > 0) {
+      var stepWidth = 100 / steps;
+      var activeSteps = Math.round(validPercent / stepWidth);
+      var successSteps = successPercent > 0 ? Math.round(successPercent / stepWidth) : 0;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ProgressModule.default.trail,
+        children: Array.from({
+          length: steps
+        }, function (_, i) {
+          var isSuccess = i < successSteps;
+          var isActive = i < activeSteps;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: _ProgressModule.default.stepItem,
+            style: {
+              width: "calc(".concat(stepWidth, "% - 2px)"),
+              background: isSuccess ? (success === null || success === void 0 ? void 0 : success.strokeColor) || 'var(--nv-color-success)' : isActive ? resolvedColor : railColor || 'var(--nv-color-bg-secondary)'
+            }
+          }, i);
+        })
+      });
+    }
+    var fillBg = gradientCSS || (hasCustomColor ? resolvedColor : undefined);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _ProgressModule.default.trail,
+      style: {
+        position: 'relative'
+      },
+      children: [successPercent > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ProgressModule.default.successFill,
+        style: {
+          width: "".concat(Math.min(successPercent, 100), "%"),
+          background: (success === null || success === void 0 ? void 0 : success.strokeColor) || 'var(--nv-color-success)'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ProgressModule.default.fill,
+        style: _objectSpread({
+          width: "".concat(validPercent, "%")
+        }, fillBg ? {
+          background: fillBg
+        } : {})
+      })]
+    });
+  };
+  var instanceId = (0, _react.useId)();
+  var gradientId = "nv-progress-grad-".concat(instanceId);
+  var renderCircle = function renderCircle() {
+    var _ref2, _GAP_ROTATION_MAP$gap;
+    var sizeStrokeMap = {
+      small: 4,
+      middle: 6,
+      large: 8
+    };
+    var sw = (_ref2 = strokeWidth !== null && strokeWidth !== void 0 ? strokeWidth : sizeStrokeMap[size]) !== null && _ref2 !== void 0 ? _ref2 : DEFAULT_STROKE_WIDTH;
+    var radius = (CIRCLE_SIZE - sw) / 2;
+    var circumference = 2 * Math.PI * radius;
+    var isDashboard = type === 'dashboard';
+    var gap = isDashboard ? gapDegree !== null && gapDegree !== void 0 ? gapDegree : 75 : 0;
+    var availableArc = circumference * (360 - gap) / 360;
+    var rotation = isDashboard ? ((_GAP_ROTATION_MAP$gap = GAP_ROTATION_MAP[gapPlacement]) !== null && _GAP_ROTATION_MAP$gap !== void 0 ? _GAP_ROTATION_MAP$gap : 0) + gap / 2 : -90;
+    var trailDash = isDashboard ? "".concat(availableArc, " ").concat(circumference) : "".concat(circumference);
+    var fillLen = availableArc * validPercent / 100;
+    var fillDash = isDashboard ? "".concat(fillLen, " ").concat(circumference) : "".concat(circumference);
+    var fillOffset = isDashboard ? 0 : circumference * (1 - validPercent / 100);
+    var svgStroke;
+    if (isGradientColor) {
+      svgStroke = "url(#".concat(gradientId, ")");
+    } else if (hasCustomColor) {
+      svgStroke = resolvedColor;
+    } else if (status === 'success') {
+      svgStroke = (success === null || success === void 0 ? void 0 : success.strokeColor) || 'var(--nv-color-success)';
+    } else if (status === 'exception') {
+      svgStroke = 'var(--nv-color-error)';
+    } else {
+      svgStroke = 'var(--nv-color-primary)';
+    }
+    var gradientX2 = _typeof(strokeColor) === 'object' && !Array.isArray(strokeColor) && 'direction' in strokeColor && strokeColor.direction === 'to bottom' ? '0%' : '100%';
+    var gradientY2 = _typeof(strokeColor) === 'object' && !Array.isArray(strokeColor) && 'direction' in strokeColor && strokeColor.direction === 'to bottom' ? '100%' : '0%';
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _ProgressModule.default.circleWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+        className: _ProgressModule.default.circleSvg,
+        viewBox: "0 0 ".concat(CIRCLE_SIZE, " ").concat(CIRCLE_SIZE),
+        style: {
+          transform: "rotate(".concat(rotation, "deg)")
+        },
+        children: [isGradientColor && /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("linearGradient", {
+            id: gradientId,
+            x1: "0%",
+            y1: "0%",
+            x2: gradientX2,
+            y2: gradientY2,
+            children: Array.isArray(strokeColor) ? strokeColor.map(function (c, i) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+                offset: "".concat(i / (strokeColor.length - 1) * 100, "%"),
+                stopColor: c
+              }, i);
+            }) : _typeof(strokeColor) === 'object' && 'from' in strokeColor ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+                offset: "0%",
+                stopColor: strokeColor.from
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+                offset: "100%",
+                stopColor: strokeColor.to
+              })]
+            }) : null
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+          className: _ProgressModule.default.circleTrail,
+          cx: CIRCLE_SIZE / 2,
+          cy: CIRCLE_SIZE / 2,
+          r: radius,
+          strokeWidth: sw,
+          strokeDasharray: trailDash,
+          style: {
+            stroke: railColor || undefined
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+          className: _ProgressModule.default.circleFill,
+          cx: CIRCLE_SIZE / 2,
+          cy: CIRCLE_SIZE / 2,
+          r: radius,
+          strokeWidth: sw,
+          strokeLinecap: strokeLinecap,
+          strokeDasharray: fillDash,
+          strokeDashoffset: fillOffset,
+          style: {
+            stroke: svgStroke
+          }
+        })]
+      }), showInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _ProgressModule.default.circleInfo,
+        children: renderInfoText()
+      })]
+    });
+  };
+  if (type === 'circle' || type === 'dashboard') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: ref,
+      className: [_ProgressModule.default.root, className].filter(Boolean).join(' '),
+      style: rootCssVars,
+      "data-type": type,
+      "data-status": status,
+      "data-size": size,
+      children: renderCircle()
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: ref,
+    className: [_ProgressModule.default.root, className].filter(Boolean).join(' '),
+    style: rootCssVars,
+    "data-type": type,
+    "data-status": status,
+    "data-size": size,
+    children: [renderLine(), showInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: _ProgressModule.default.info,
+      children: renderInfoText()
+    })]
+  });
+});
+Progress.displayName = 'Progress';

package/dist/cjs/components/feedback/progress/Progress.module.css

@@ -0,0 +1,166 @@
+.root {
+  display: flex;
+  align-items: center;
+  gap: var(--nv-space-sm, 8px);
+}
+
+.root[data-type='line'] {
+  flex-direction: row;
+}
+
+.root[data-type='circle'],
+.root[data-type='dashboard'] {
+  flex-direction: column;
+  align-items: center;
+}
+
+.root[data-size='small'] {
+  --_trail-height: 4px;
+  --_circle-size: 80px;
+  --_circle-font-size: 14px;
+  --_circle-stroke: 4px;
+}
+
+.root[data-size='middle'] {
+  --_trail-height: 8px;
+  --_circle-size: 120px;
+  --_circle-font-size: 20px;
+  --_circle-stroke: 6px;
+}
+
+.root[data-size='large'] {
+  --_trail-height: 12px;
+  --_circle-size: 160px;
+  --_circle-font-size: 26px;
+  --_circle-stroke: 8px;
+}
+
+.trail {
+  flex: 1;
+  height: var(--_trail-height, 8px);
+  background: var(--_rail-color, var(--nv-color-bg-secondary, #F5F5F5));
+  border-radius: var(--nv-radius-round, 9999px);
+  overflow: hidden;
+  display: flex;
+  gap: 2px;
+  align-items: center;
+}
+
+.fill {
+  height: 100%;
+  background: var(--_stroke-color, var(--nv-color-primary, #6C5CE7));
+  border-radius: var(--nv-radius-round, 9999px);
+  transition: width var(--nv-motion-slow, 300ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1));
+}
+
+.successFill {
+  height: 100%;
+  background: var(--nv-color-success, #52C41A);
+  border-radius: var(--nv-radius-round, 9999px);
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.root[data-status='active'] .fill {
+  animation: progress-active 2s ease-in-out infinite;
+}
+
+.root[data-status='success'] .fill {
+  background: var(--nv-color-success, #52C41A);
+}
+
+.root[data-status='exception'] .fill {
+  background: var(--nv-color-error, #FF4D4F);
+}
+
+.info {
+  font-size: var(--nv-font-size-sm, 13px);
+  color: var(--nv-color-text, rgba(0, 0, 0, 0.88));
+  white-space: nowrap;
+  min-width: 2em;
+  text-align: right;
+}
+
+.circleWrapper {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--_circle-size, 120px);
+  height: var(--_circle-size, 120px);
+}
+
+.circleSvg {
+  width: 100%;
+  height: 100%;
+}
+
+.circleTrail {
+  fill: none;
+  stroke: var(--_rail-color, var(--nv-color-bg-secondary, #F5F5F5));
+}
+
+.circleFill {
+  fill: none;
+  transition: stroke-dashoffset var(--nv-motion-slow, 300ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1));
+}
+
+.root[data-status='success'] .circleFill {
+  stroke: var(--nv-color-success, #52C41A);
+}
+
+.root[data-status='exception'] .circleFill {
+  stroke: var(--nv-color-error, #FF4D4F);
+}
+
+.root[data-status='active'] .circleFill {
+  animation: circle-active 1.5s ease-in-out infinite;
+}
+
+.circleInfo {
+  position: absolute;
+  font-size: var(--_circle-font-size, 20px);
+  font-weight: var(--nv-font-weight-medium, 500);
+  color: var(--nv-color-text, rgba(0, 0, 0, 0.88));
+  white-space: nowrap;
+  line-height: 1;
+}
+
+.circleInfoIcon {
+  font-size: calc(var(--_circle-font-size, 20px) * 1.2);
+  line-height: 1;
+}
+
+.root[data-status='success'] .circleInfoIcon {
+  color: var(--nv-color-success, #52C41A);
+}
+
+.root[data-status='exception'] .circleInfoIcon {
+  color: var(--nv-color-error, #FF4D4F);
+}
+
+.stepItem {
+  display: inline-block;
+  border-radius: var(--nv-radius-xs, 2px);
+  height: 100%;
+  transition: background var(--nv-motion-slow, 300ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1));
+}
+
+@keyframes progress-active {
+  0% {
+    opacity: 0.6;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes circle-active {
+  0% {
+    opacity: 0.7;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/dist/cjs/components/feedback/progress/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function get() {
+    return _Progress.Progress;
+  }
+});
+var _Progress = require("./Progress");

package/dist/cjs/components/feedback/result/Result.js

@@ -0,0 +1,232 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Result = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ResultModule = _interopRequireDefault(require("./Result.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/** 结果页状态 */
+
+/** 结果页组件属性 */
+
+var ICON_SUCCESS = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  viewBox: "0 0 72 72",
+  width: "72",
+  height: "72",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+    cx: "36",
+    cy: "36",
+    r: "34",
+    stroke: "currentColor",
+    strokeWidth: "4"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M22 36l10 10 18-20",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+var ICON_ERROR = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  viewBox: "0 0 72 72",
+  width: "72",
+  height: "72",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+    cx: "36",
+    cy: "36",
+    r: "34",
+    stroke: "currentColor",
+    strokeWidth: "4"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M26 26l20 20M46 26l-20 20",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    strokeLinecap: "round"
+  })]
+});
+var ICON_INFO = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  viewBox: "0 0 72 72",
+  width: "72",
+  height: "72",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+    cx: "36",
+    cy: "36",
+    r: "34",
+    stroke: "currentColor",
+    strokeWidth: "4"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M36 30v20M36 22v2",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    strokeLinecap: "round"
+  })]
+});
+var ICON_WARNING = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  viewBox: "0 0 72 72",
+  width: "72",
+  height: "72",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M36 6L4 64h64L36 6z",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M36 28v16M36 50v2",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    strokeLinecap: "round"
+  })]
+});
+var ICON_404 = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  viewBox: "0 0 72 72",
+  width: "72",
+  height: "72",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+    x: "12",
+    y: "16",
+    width: "48",
+    height: "40",
+    rx: "4",
+    stroke: "currentColor",
+    strokeWidth: "4"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M12 28h48",
+    stroke: "currentColor",
+    strokeWidth: "4"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M24 40h8M40 40h8",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+    cx: "24",
+    cy: "22",
+    r: "2",
+    fill: "currentColor"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+    cx: "32",
+    cy: "22",
+    r: "2",
+    fill: "currentColor"
+  })]
+});
+var ICON_403 = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  viewBox: "0 0 72 72",
+  width: "72",
+  height: "72",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+    x: "20",
+    y: "32",
+    width: "32",
+    height: "28",
+    rx: "4",
+    stroke: "currentColor",
+    strokeWidth: "4"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M28 32V24a8 8 0 1116 0v8",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+    cx: "36",
+    cy: "46",
+    r: "3",
+    fill: "currentColor"
+  })]
+});
+var ICON_500 = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  viewBox: "0 0 72 72",
+  width: "72",
+  height: "72",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+    x: "8",
+    y: "16",
+    width: "56",
+    height: "40",
+    rx: "4",
+    stroke: "currentColor",
+    strokeWidth: "4"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M8 28h56",
+    stroke: "currentColor",
+    strokeWidth: "4"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M20 40l6 6-6 6",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M34 52h16",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    strokeLinecap: "round"
+  })]
+});
+var STATUS_ICONS = {
+  success: ICON_SUCCESS,
+  error: ICON_ERROR,
+  info: ICON_INFO,
+  warning: ICON_WARNING,
+  '404': ICON_404,
+  '403': ICON_403,
+  '500': ICON_500
+};
+var Result = exports.Result = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 'info' : _ref$status,
+    title = _ref.title,
+    subTitle = _ref.subTitle,
+    description = _ref.description,
+    icon = _ref.icon,
+    extra = _ref.extra,
+    className = _ref.className,
+    style = _ref.style,
+    children = _ref.children;
+  var iconNode = icon !== undefined ? icon : STATUS_ICONS[status];
+  var rootCls = [_ResultModule.default.root, className].filter(Boolean).join(' ');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: ref,
+    className: rootCls,
+    style: style,
+    "data-status": status,
+    role: "status",
+    children: [iconNode && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _ResultModule.default.icon,
+      children: iconNode
+    }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _ResultModule.default.title,
+      children: title
+    }), (subTitle || description) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _ResultModule.default.description,
+      children: [subTitle, description]
+    }), extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _ResultModule.default.extra,
+      children: extra
+    }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _ResultModule.default.content,
+      children: children
+    })]
+  });
+});
+Result.displayName = 'Result';