donghy 0.0.1

package/dist/esm/components/common/Button/Button.js

@@ -0,0 +1,408 @@
+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); }
+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); }
+import React, { forwardRef, useMemo } from 'react';
+import styles from "./Button.module.css";
+
+/* ─── Types ─── */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/* ─── Constants ─── */
+
+var PRESET_COLORS = {
+  blue: '#1677FF',
+  purple: '#722ED1',
+  cyan: '#13C2C2',
+  green: '#52C41A',
+  magenta: '#EB2F96',
+  pink: '#EB2F96',
+  red: '#F5222D',
+  orange: '#FA8C16',
+  yellow: '#FADB14',
+  volcano: '#FA541C',
+  geekblue: '#2F54EB',
+  lime: '#A0D911',
+  gold: '#FAAD14'
+};
+var SIZE_MAP = {
+  small: {
+    height: '32px',
+    paddingInline: '12px',
+    fontSize: '12px',
+    iconSize: '12px',
+    gap: '4px',
+    radius: '8px',
+    roundRadius: '16px'
+  },
+  middle: {
+    height: '40px',
+    paddingInline: '16px',
+    fontSize: '14px',
+    iconSize: '14px',
+    gap: '8px',
+    radius: '10px',
+    roundRadius: '20px'
+  },
+  large: {
+    height: '48px',
+    paddingInline: '20px',
+    fontSize: '16px',
+    iconSize: '16px',
+    gap: '8px',
+    radius: '12px',
+    roundRadius: '24px'
+  }
+};
+
+/* ─── Helpers ─── */
+
+function getColorHex(color) {
+  if (color === 'default') return 'transparent';
+  if (color === 'primary') return '#6C5CE7';
+  if (color === 'danger') return '#FF4D4F';
+  return PRESET_COLORS[color] || '#6C5CE7';
+}
+function lighten(hex, amount) {
+  var num = parseInt(hex.replace('#', ''), 16);
+  var r = Math.min(255, (num >> 16) + amount);
+  var g = Math.min(255, (num >> 8 & 0xff) + amount);
+  var b = Math.min(255, (num & 0xff) + amount);
+  return "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")");
+}
+function darken(hex, amount) {
+  var num = parseInt(hex.replace('#', ''), 16);
+  var r = Math.max(0, (num >> 16) - amount);
+  var g = Math.max(0, (num >> 8 & 0xff) - amount);
+  var b = Math.max(0, (num & 0xff) - amount);
+  return "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")");
+}
+
+/* ─── Variant token computation (object map) ─── */
+
+var VARIANT_TOKEN_FNS = {
+  solid: function solid(hex, isNeutral) {
+    if (isNeutral) {
+      return {
+        bg: 'rgba(0,0,0,0.88)',
+        text: '#fff',
+        border: 'rgba(0,0,0,0.88)',
+        hoverBg: 'rgba(0,0,0,0.75)',
+        hoverBorder: 'rgba(0,0,0,0.75)',
+        hoverText: '#fff',
+        activeBg: 'rgba(0,0,0,0.95)',
+        activeBorder: 'rgba(0,0,0,0.95)',
+        activeText: '#fff'
+      };
+    }
+    return {
+      bg: hex,
+      text: '#fff',
+      border: hex,
+      hoverBg: lighten(hex, 16),
+      hoverBorder: lighten(hex, 16),
+      hoverText: '#fff',
+      activeBg: darken(hex, 24),
+      activeBorder: darken(hex, 24),
+      activeText: '#fff'
+    };
+  },
+  outline: function outline(hex, isNeutral) {
+    if (isNeutral) {
+      return {
+        bg: '#fff',
+        text: 'rgba(0,0,0,0.88)',
+        border: '#d9d9d9',
+        hoverBg: '#fff',
+        hoverBorder: '#4096ff',
+        hoverText: '#4096ff',
+        activeBg: '#fff',
+        activeBorder: '#0958d9',
+        activeText: '#0958d9'
+      };
+    }
+    return {
+      bg: '#fff',
+      text: hex,
+      border: hex,
+      hoverBg: "".concat(hex, "08"),
+      hoverBorder: lighten(hex, 16),
+      hoverText: lighten(hex, 16),
+      activeBg: "".concat(hex, "08"),
+      activeBorder: darken(hex, 24),
+      activeText: darken(hex, 24)
+    };
+  },
+  dashed: function dashed(hex, isNeutral) {
+    return VARIANT_TOKEN_FNS.outline(hex, isNeutral);
+  },
+  filled: function filled(hex, isNeutral) {
+    if (isNeutral) {
+      return {
+        bg: '#f5f5f5',
+        text: 'rgba(0,0,0,0.88)',
+        border: 'transparent',
+        hoverBg: '#d9d9d9',
+        hoverBorder: 'transparent',
+        hoverText: 'rgba(0,0,0,0.88)',
+        activeBg: 'rgba(0,0,0,0.25)',
+        activeBorder: 'transparent',
+        activeText: 'rgba(0,0,0,0.88)'
+      };
+    }
+    return {
+      bg: "".concat(hex, "1A"),
+      text: hex,
+      border: 'transparent',
+      hoverBg: "".concat(hex, "33"),
+      hoverBorder: 'transparent',
+      hoverText: hex,
+      activeBg: hex,
+      activeBorder: 'transparent',
+      activeText: '#fff'
+    };
+  },
+  text: function text(hex, isNeutral) {
+    return {
+      bg: 'transparent',
+      text: isNeutral ? 'rgba(0,0,0,0.88)' : hex,
+      border: 'transparent',
+      hoverBg: 'rgba(0,0,0,0.04)',
+      hoverBorder: 'transparent',
+      hoverText: isNeutral ? 'rgba(0,0,0,0.88)' : hex,
+      activeBg: 'rgba(0,0,0,0.08)',
+      activeBorder: 'transparent',
+      activeText: isNeutral ? 'rgba(0,0,0,0.88)' : darken(hex, 24)
+    };
+  },
+  link: function link(hex) {
+    var effectiveHex = hex === 'transparent' ? '#6C5CE7' : hex;
+    return {
+      bg: 'transparent',
+      text: effectiveHex,
+      border: 'transparent',
+      hoverBg: 'transparent',
+      hoverBorder: 'transparent',
+      hoverText: lighten(effectiveHex, 16),
+      activeBg: 'transparent',
+      activeBorder: 'transparent',
+      activeText: darken(effectiveHex, 24)
+    };
+  },
+  ghost: function ghost(hex, isNeutral) {
+    if (isNeutral) {
+      return {
+        bg: 'rgba(255,255,255,0.1)',
+        text: '#fff',
+        border: 'rgba(255,255,255,0.2)',
+        hoverBg: 'rgba(255,255,255,0.2)',
+        hoverBorder: 'rgba(255,255,255,0.3)',
+        hoverText: '#fff',
+        activeBg: 'rgba(255,255,255,0.3)',
+        activeBorder: 'rgba(255,255,255,0.4)',
+        activeText: '#fff'
+      };
+    }
+    return {
+      bg: 'rgba(108,92,231,0.1)',
+      text: hex,
+      border: "".concat(hex, "40"),
+      hoverBg: 'rgba(108,92,231,0.2)',
+      hoverBorder: "".concat(hex, "80"),
+      hoverText: hex,
+      activeBg: 'rgba(108,92,231,0.3)',
+      activeBorder: hex,
+      activeText: hex
+    };
+  }
+};
+
+/* ─── Component ─── */
+
+var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var color = _ref.color,
+    variant = _ref.variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    _ref$shape = _ref.shape,
+    shape = _ref$shape === void 0 ? 'default' : _ref$shape,
+    status = _ref.status,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    block = _ref.block,
+    icon = _ref.icon,
+    _ref$iconPosition = _ref.iconPosition,
+    iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
+    _autoInsertSpace = _ref.autoInsertSpace,
+    classNamesProp = _ref.classNames,
+    stylesProp = _ref.styles,
+    href = _ref.href,
+    target = _ref.target,
+    download = _ref.download,
+    rel = _ref.rel,
+    children = _ref.children,
+    style = _ref.style,
+    className = _ref.className,
+    htmlType = _ref.htmlType,
+    onClick = _ref.onClick,
+    nativeAttrs = _ref.nativeAttrs;
+  var resolvedColor = function () {
+    if (color) return color;
+    if (status === 'error') return 'danger';
+    return 'default';
+  }();
+  var resolvedVariant = variant !== null && variant !== void 0 ? variant : 'outline';
+  var resolvedIconPosition = iconPosition;
+  var resolvedFullWidth = fullWidth || block;
+  var hex = getColorHex(resolvedColor);
+  var isNeutral = resolvedColor === 'default';
+  var tokens = useMemo(function () {
+    return VARIANT_TOKEN_FNS[resolvedVariant](hex, isNeutral);
+  }, [resolvedVariant, hex, isNeutral]);
+  var sizes = SIZE_MAP[size];
+  var isLink = href !== undefined && href !== null;
+  var isDisabled = disabled || !!loading;
+  var isIconOnly = icon && !children;
+  var showLoading = !!loading;
+  var resolvedHtmlType = isLink ? undefined : htmlType !== null && htmlType !== void 0 ? htmlType : 'button';
+  var loadingIcon = _typeof(loading) === 'object' && loading.icon ? loading.icon : null;
+  var cssVars = {
+    '--_bg': tokens.bg,
+    '--_text-color': tokens.text,
+    '--_border-color': tokens.border,
+    '--_border-width': resolvedVariant === 'link' || resolvedVariant === 'text' ? '0' : '1px',
+    '--_border-style': resolvedVariant === 'dashed' ? 'dashed' : 'solid',
+    '--_radius': shape === 'circle' ? '50%' : shape === 'pill' ? '980px' : shape === 'round' ? sizes.roundRadius : sizes.radius,
+    '--_font-size': sizes.fontSize,
+    '--_font-weight': '400',
+    '--_padding-block': '0',
+    '--_padding-inline': isIconOnly ? '0' : sizes.paddingInline,
+    '--_height': sizes.height,
+    '--_min-width': isIconOnly ? sizes.height : 'auto',
+    '--_icon-size': sizes.iconSize,
+    '--_gap': sizes.gap,
+    '--_hover-bg': tokens.hoverBg,
+    '--_hover-border-color': tokens.hoverBorder,
+    '--_hover-text-color': tokens.hoverText,
+    '--_active-bg': tokens.activeBg,
+    '--_active-border-color': tokens.activeBorder,
+    '--_active-text-color': tokens.activeText
+  };
+  var renderInfo = {
+    color: resolvedColor,
+    variant: resolvedVariant,
+    size: size,
+    shape: shape,
+    status: status,
+    disabled: disabled,
+    loading: loading,
+    fullWidth: resolvedFullWidth,
+    icon: icon,
+    iconPosition: resolvedIconPosition,
+    href: href,
+    children: children
+  };
+  function getSemantic(part, defaultClass) {
+    var classExtra;
+    if (typeof classNamesProp === 'function') {
+      classExtra = classNamesProp(renderInfo)[part];
+    } else if (classNamesProp) {
+      classExtra = classNamesProp[part];
+    }
+    var styleExtra;
+    if (typeof stylesProp === 'function') {
+      styleExtra = stylesProp(renderInfo)[part];
+    } else if (stylesProp) {
+      styleExtra = stylesProp[part];
+    }
+    return {
+      className: [defaultClass, classExtra].filter(Boolean).join(' '),
+      style: styleExtra || {}
+    };
+  }
+  var rootSemantic = getSemantic('root', '');
+  var iconSemantic = getSemantic('icon', styles.icon);
+  var contentSemantic = getSemantic('content', styles.content);
+  var iconEl = showLoading && !loadingIcon ? /*#__PURE__*/_jsx("span", {
+    className: iconSemantic.className,
+    "data-loading": true,
+    style: iconSemantic.style,
+    children: /*#__PURE__*/_jsx("svg", {
+      viewBox: "0 0 1024 1024",
+      width: "1em",
+      height: "1em",
+      fill: "currentColor",
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16.1 36-35.9 36z"
+      })
+    })
+  }) : loadingIcon ? /*#__PURE__*/_jsx("span", {
+    className: iconSemantic.className,
+    "data-loading": true,
+    style: iconSemantic.style,
+    children: loadingIcon
+  }) : icon ? /*#__PURE__*/_jsx("span", {
+    className: iconSemantic.className,
+    style: iconSemantic.style,
+    children: icon
+  }) : null;
+  var rootClass = [styles.root, rootSemantic.className, className].filter(Boolean).join(' ');
+  var rootStyle = _objectSpread(_objectSpread(_objectSpread({}, cssVars), style), {}, {
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    verticalAlign: 'middle',
+    gap: sizes.gap,
+    lineHeight: 1
+  });
+  var dataAttrs = {
+    'data-variant': resolvedVariant,
+    'data-size': size,
+    'data-shape': shape !== 'default' ? shape : undefined,
+    'data-status': status || undefined,
+    'data-disabled': isDisabled || undefined,
+    'data-loading': showLoading || undefined,
+    'data-full-width': resolvedFullWidth || undefined,
+    'data-icon-only': isIconOnly || undefined
+  };
+  var contentEl = children ? /*#__PURE__*/_jsx("span", {
+    className: contentSemantic.className,
+    style: contentSemantic.style,
+    children: children
+  }) : null;
+  if (isLink) {
+    return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({
+      ref: ref,
+      className: rootClass,
+      style: rootStyle,
+      href: isDisabled ? undefined : href,
+      target: target,
+      download: download,
+      rel: rel,
+      "aria-disabled": isDisabled || undefined,
+      onClick: onClick
+    }, dataAttrs), {}, {
+      children: [resolvedIconPosition === 'left' && iconEl, contentEl, resolvedIconPosition === 'right' && iconEl]
+    }));
+  }
+  return /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread(_objectSpread({
+    ref: ref,
+    className: rootClass,
+    style: rootStyle,
+    type: resolvedHtmlType,
+    disabled: isDisabled || undefined,
+    "aria-disabled": isDisabled || undefined,
+    onClick: onClick
+  }, dataAttrs), nativeAttrs), {}, {
+    children: [resolvedIconPosition === 'left' && iconEl, contentEl, resolvedIconPosition === 'right' && iconEl]
+  }));
+});
+Button.displayName = 'Button';
+export default Button;
+export { Button };

package/dist/esm/components/common/Button/Button.module.css

@@ -0,0 +1,122 @@
+.root {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--_gap);
+  outline: none;
+  line-height: 1;
+  vertical-align: middle;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+  border: var(--_border-width) var(--_border-style) var(--_border-color);
+  border-radius: var(--_radius);
+  background: var(--_bg);
+  color: var(--_text-color);
+  font-size: var(--_font-size);
+  font-weight: var(--_font-weight);
+  padding: var(--_padding-block) var(--_padding-inline);
+  height: var(--_height);
+  min-width: var(--_min-width);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  transition:
+    background var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
+    border-color var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
+    color var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
+    box-shadow var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
+    opacity var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1));
+}
+
+.root:focus-visible {
+  outline: 2px solid var(--nv-color-primary, #6C5CE7);
+  outline-offset: 1px;
+}
+
+.root:hover:not(:disabled):not([data-disabled]) {
+  background: var(--_hover-bg);
+  border-color: var(--_hover-border-color);
+  color: var(--_hover-text-color);
+}
+
+.root:active:not(:disabled):not([data-disabled]) {
+  background: var(--_active-bg);
+  border-color: var(--_active-border-color);
+  color: var(--_active-text-color);
+}
+
+.root:disabled,
+.root[data-disabled] {
+  cursor: not-allowed;
+  opacity: 0.65;
+  pointer-events: none;
+}
+
+.root[data-full-width] {
+  display: flex;
+  width: 100%;
+}
+
+.root[data-ghost] {
+  background: transparent !important;
+}
+
+.root[data-ghost]:not(:disabled):not([data-disabled]) {
+  color: var(--_ghost-text-color, var(--_text-color));
+  border-color: var(--_ghost-border-color, var(--_border-color));
+}
+
+.root[data-ghost]:hover:not(:disabled):not([data-disabled]) {
+  color: var(--_ghost-hover-text-color, var(--_hover-text-color));
+  border-color: var(--_ghost-hover-border-color, var(--_hover-border-color));
+}
+
+.root[data-variant='link'] {
+  padding: 0;
+  height: auto;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  line-height: var(--nv-line-height-md, 22px);
+  text-decoration: none;
+}
+
+.root[data-variant='link']:hover:not(:disabled):not([data-disabled]) {
+  text-decoration: underline;
+}
+
+.root[data-icon-only] {
+  min-width: var(--_height);
+  padding: 0;
+}
+
+.icon {
+  display: inline-flex;
+  align-items: center;
+  font-size: var(--_icon-size);
+  line-height: 0;
+}
+
+.icon[data-loading] {
+  display: inline-flex;
+  align-items: center;
+  animation: nv-spin 1s linear infinite;
+}
+
+.content {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@keyframes nv-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/esm/components/common/Button/index.js

@@ -0,0 +1 @@
+export { Button } from "./Button";

package/dist/esm/components/common/ConfigProvider/ConfigProvider.js

@@ -0,0 +1,99 @@
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { createContext, useContext, forwardRef, useMemo } from 'react';
+import styles from "./ConfigProvider.module.css";
+
+/**
+ * 主题算法类型
+ */
+
+/**
+ * 配置提供者组件属性接口
+ */
+
+/**
+ * 配置上下文值接口
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var defaultConfig = {
+  prefixCls: 'nv',
+  iconPrefixCls: 'nv-icon'
+};
+export var ConfigContext = /*#__PURE__*/createContext(defaultConfig);
+export function useConfig() {
+  return useContext(ConfigContext);
+}
+var ALGORITHM_DARK = 'dark';
+function isDarkAlgorithm(algorithm) {
+  if (!algorithm) return false;
+  if (Array.isArray(algorithm)) return algorithm.includes(ALGORITHM_DARK);
+  return algorithm === ALGORITHM_DARK;
+}
+function buildCssVars(colorPrimary, token) {
+  var vars = {};
+  if (colorPrimary) {
+    vars['--nv-color-primary'] = colorPrimary;
+  }
+  if (token) {
+    Object.entries(token).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+      var cssKey = key.startsWith('--nv-') ? key : "--nv-".concat(key);
+      vars[cssKey] = String(value);
+    });
+  }
+  return vars;
+}
+var ConfigProvider = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var theme = _ref3.theme,
+    locale = _ref3.locale,
+    zIndex = _ref3.zIndex,
+    colorPrimary = _ref3.colorPrimary,
+    _ref3$iconPrefixCls = _ref3.iconPrefixCls,
+    iconPrefixCls = _ref3$iconPrefixCls === void 0 ? 'nv-icon' : _ref3$iconPrefixCls,
+    _ref3$prefixCls = _ref3.prefixCls,
+    prefixCls = _ref3$prefixCls === void 0 ? 'nv' : _ref3$prefixCls,
+    getPopupContainer = _ref3.getPopupContainer,
+    children = _ref3.children;
+  var contextValue = useMemo(function () {
+    return {
+      theme: theme,
+      locale: locale,
+      zIndex: zIndex,
+      colorPrimary: colorPrimary,
+      iconPrefixCls: iconPrefixCls,
+      prefixCls: prefixCls,
+      getPopupContainer: getPopupContainer
+    };
+  }, [theme, locale, zIndex, colorPrimary, iconPrefixCls, prefixCls, getPopupContainer]);
+  var isDark = theme ? isDarkAlgorithm(theme.algorithm) : false;
+  var cssVars = buildCssVars(colorPrimary, theme === null || theme === void 0 ? void 0 : theme.token);
+  var wrapperStyle = _objectSpread({}, cssVars);
+  var dataAttrs = {
+    'data-theme': isDark ? 'dark' : undefined
+  };
+  return /*#__PURE__*/_jsx(ConfigContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+      ref: ref,
+      className: styles.wrapper,
+      style: Object.keys(cssVars).length > 0 ? wrapperStyle : undefined
+    }, dataAttrs), {}, {
+      children: children
+    }))
+  });
+});
+ConfigProvider.displayName = 'ConfigProvider';
+export { ConfigProvider };
+export default ConfigProvider;

package/dist/esm/components/common/ConfigProvider/ConfigProvider.module.css

@@ -0,0 +1,2 @@
+.wrapper {
+}

package/dist/esm/components/common/ConfigProvider/index.js

@@ -0,0 +1,2 @@
+export { ConfigProvider } from "./ConfigProvider";
+export { ConfigContext, useConfig } from "./ConfigProvider";