@hsu-react/ui 0.0.25 → 2.0.0

package/es/components/Table/index.js

@@ -232,4 +232,13 @@ var Table = function Table(props) {
     })
   });
 };
+Table.Summary = AntdTable.Summary;
+Table.Column = AntdTable.Column;
+Table.ColumnGroup = AntdTable.ColumnGroup;
+Table.EXPAND_COLUMN = AntdTable.EXPAND_COLUMN;
+Table.SELECTION_COLUMN = AntdTable.SELECTION_COLUMN;
+Table.SELECTION_ALL = AntdTable.SELECTION_ALL;
+Table.SELECTION_INVERT = AntdTable.SELECTION_INVERT;
+Table.SELECTION_NONE = AntdTable.SELECTION_NONE;
+Table.Drag = Drag;
 export default Table;

package/es/components/Table/index.module.scss

@@ -25,10 +25,10 @@
         padding: var(--th-padding);
 
         &:global(.ant-table-column-has-sorters) {
-          background: var(--cf-subtle);
+          background: var(--vita-muted);
 
           &:hover {
-            background: var(--cf-subtle);
+            background: var(--vita-muted);
           }
         }
       }
@@ -61,11 +61,11 @@
 
         // 排序列：antd 会用 bodySortBg 单独给该列的单元格上底色，这里抹掉，
         // 让「哪一列在排序」只由表头的高亮与箭头表达。
-        // 只抹静止态——从前连悬浮态一起抹掉、再补一支 --cf-subtle 回来，
+        // 只抹静止态——从前连悬浮态一起抹掉、再补一支 --vita-muted 回来，
         // 而整行其余单元格走的是 antd 的 rowHoverBg，两支值并不相等（库自带调色板下
         // 是 #fafbfc vs #f6f7f9），悬浮一行时排序列会比其余列深一块、整行裂成两截。
         // 排除掉悬浮态后，该单元格自然落回 antd 的行悬浮规则，与整行始终同色，
-        // 且不依赖消费方是否同步设置了 --cf-subtle / rowHoverBg。
+        // 且不依赖消费方是否同步设置了 --vita-muted / rowHoverBg。
         &:global(.ant-table-column-sort):not(:global(.ant-table-cell-row-hover)) {
           background: transparent;
         }
@@ -74,10 +74,10 @@
       &:global(.ant-table-row-selected) {
         :global(.ant-table-cell) {
           &:global(.ant-table-column-sort) {
-            background: color-mix(in srgb, var(--primary-color) 12%, transparent);
+            background: color-mix(in srgb, var(--vita-primary) 12%, transparent);
 
             &:global(.ant-table-cell-row-hover) {
-              background: color-mix(in srgb, var(--primary-color) 22%, transparent);
+              background: color-mix(in srgb, var(--vita-primary) 22%, transparent);
             }
           }
         }
@@ -130,7 +130,7 @@
 
     :global(.ant-checkbox) {
       &:global(.ant-checkbox-checked) {
-        :global(.ant-checkbox-inner) {
+        & {
           &::after {
             top: 45%;
             inset-inline-start: 25%;
@@ -145,7 +145,7 @@
 
   // Table
   .antdTable {
-    border-color: var(--cf-border-weak);
+    border-color: var(--vita-border-weak);
 
     *:not(:global(.ant-table-cell) *) {
       border-color: inherit !important;
@@ -174,7 +174,7 @@
         :global(.ant-table-container) {
           :global(.ant-table-content) {
             > table {
-              border-left: 1px solid var(--cf-border-weak);
+              border-left: 1px solid var(--vita-border-weak);
             }
           }
         }
@@ -239,23 +239,23 @@
         :global(.ant-table-container) {
           > :global(.ant-table-header) {
             > table {
-              border-radius: 6px 6px 0 0;
-              border-left: 1px solid var(--cf-border-weak);
+              border-radius: var(--vita-radius-sm) var(--vita-radius-sm) 0 0;
+              border-left: 1px solid var(--vita-border-weak);
             }
           }
 
           > :global(.ant-table-body) {
             > table {
               border-radius: 0px !important;
-              border-left: 1px solid var(--cf-border-weak);
+              border-left: 1px solid var(--vita-border-weak);
             }
           }
 
           > :global(.ant-table-summary) {
             > table {
               border-radius: 0px !important;
-              border-left: 1px solid var(--cf-border-weak);
-              border-top: 1px solid var(--cf-border-weak);
+              border-left: 1px solid var(--vita-border-weak);
+              border-top: 1px solid var(--vita-border-weak);
             }
           }
         }

package/es/components/Tags/_components/EllipsisTag/index.js

@@ -30,7 +30,7 @@ var EllipsisTag = function EllipsisTag(props) {
     },
     color: "#fff",
     styles: {
-      body: {
+      container: {
         padding: "6px",
         maxHeight: "300px",
         overflow: "auto"

package/es/components/TextEllipsis/index.js

@@ -16,6 +16,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Tooltip } from "antd";
 import { useEffect, useRef, useState } from "react";
 import cssStyles from "./index.module.scss";
+import { mergeSemantic } from "../../utils/semantic";
 
 // Default Tooltip width
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -190,14 +191,17 @@ var TextEllipsis = function TextEllipsis(_ref) {
     placement: "bottomLeft"
   }, restTooltipConfig), {}, {
     title: isOverflow && !disabled ? tooltipTitle : undefined,
-    styles: _objectSpread({
-      body: {
-        width: tooltipWidth,
-        overflow: "auto",
-        maxHeight: "300px",
-        whiteSpace: "pre-wrap"
-      }
-    }, styles),
+    styles: mergeSemantic(styles, function (outer) {
+      return _objectSpread({
+        // v5 called this slot `body`; v6 renamed it to `container`
+        container: {
+          width: tooltipWidth,
+          overflow: "auto",
+          maxHeight: "300px",
+          whiteSpace: "pre-wrap"
+        }
+      }, outer);
+    }),
     children: content
   }));
 };

package/es/components/Tree/index.d.ts

@@ -1,4 +1,4 @@
-import { TreeProps as AntdTreeProps } from "antd";
+import { Tree as AntdTree, TreeProps as AntdTreeProps } from "antd";
 import React, { ReactNode, Key } from "react";
 import { InputProps } from "../Input";
 import { ButtonProps } from "../Button";
@@ -44,5 +44,11 @@ export interface TreeProps extends Omit<AntdTreeProps, "treeData" | "loadData" |
     allowDeselect?: boolean;
     titleSearchBarClassName?: string;
 }
-declare const Tree: React.FC<TreeProps>;
+interface TreeFC extends React.FC<TreeProps> {
+    /** antd 的目录树（带文件夹图标与目录态选中） */
+    DirectoryTree: typeof AntdTree.DirectoryTree;
+    /** antd 的 `Tree.TreeNode`，供 JSX 写法（本库更推荐用 `treeData`） */
+    TreeNode: typeof AntdTree.TreeNode;
+}
+declare const Tree: TreeFC;
 export default Tree;

package/es/components/Tree/index.js

@@ -232,4 +232,6 @@ var Tree = function Tree(props) {
     })]
   });
 };
+Tree.DirectoryTree = AntdTree.DirectoryTree;
+Tree.TreeNode = AntdTree.TreeNode;
 export default Tree;

package/es/components/Tree/index.module.scss

@@ -11,9 +11,9 @@
   height: 100%;
   min-height: 0px !important;
 
-  background: var(--cf-surface);
+  background: var(--vita-surface);
 
-  border-radius: 8px;
+  border-radius: var(--vita-radius);
 
   .title_search {
     display: flex;
@@ -35,7 +35,7 @@
     }
 
     .search {
-      height: 32px;
+      height: var(--vita-control-height);
 
       .searchIcon {
         font-size: 16px;
@@ -58,11 +58,11 @@
 
     :global(.ant-tree-treenode) {
       &:hover {
-        background: var(--cf-subtle);
+        background: var(--vita-muted);
       }
 
       &:has(> :global(.ant-tree-node-selected)) {
-        background-color: color-mix(in srgb, var(--primary-color) 12%, transparent);
+        background-color: color-mix(in srgb, var(--vita-primary) 12%, transparent);
 
         :global(.ant-tree-node-selected) {
           background-color: transparent;
@@ -131,7 +131,7 @@
   &.legacyHasSelectedNodeBackground {
     .treeContainer {
       :global(.ant-tree-treenode):global(.ant-tree-treenode-selected) {
-        background-color: color-mix(in srgb, var(--primary-color) 12%, transparent);
+        background-color: color-mix(in srgb, var(--vita-primary) 12%, transparent);
 
         :global(.ant-tree-node-selected) {
           background-color: transparent;

package/es/components/Upload/_components/UploadedItem/index.js

@@ -68,10 +68,10 @@ export var UploadedItem = function UploadedItem(_ref) {
     className: classNames(styles.fileItem, listProps === null || listProps === void 0 ? void 0 : listProps.item),
     children: [/*#__PURE__*/_jsx(Tooltip, {
       title: name,
-      color: "var(--cf-subtle)",
+      color: "var(--vita-muted)",
       styles: {
-        body: {
-          color: "var(--cf-text)",
+        container: {
+          color: "var(--vita-foreground)",
           padding: "6px 16px"
         }
       },

package/es/components/Upload/_components/UploadingItem/index.js

@@ -26,10 +26,10 @@ export var UploadingItem = function UploadingItem(_ref) {
       className: styles.uploading,
       children: [/*#__PURE__*/_jsx(Tooltip, {
         title: name,
-        color: "var(--cf-subtle)",
+        color: "var(--vita-muted)",
         styles: {
-          body: {
-            color: "var(--cf-text)",
+          container: {
+            color: "var(--vita-foreground)",
             padding: "6px 16px"
           }
         },

package/es/components/Upload/_utils/normalUpload.d.ts

@@ -1,7 +1,7 @@
 import { AxiosRequestConfig } from "axios";
 import { RcFile } from "antd/es/upload";
 import { UploadingList } from "..";
-import type { UploadRequestOption } from "rc-upload/lib/interface";
+import type { UploadRequestOption } from "../../../types/antd";
 interface NormalUploadOptions {
     file: RcFile;
     action: string;

package/es/components/Upload/_utils/validateFile.js

@@ -1,4 +1,52 @@
 import { toMB } from "./toMB";
+/**
+ * 文件是否命中 accept —— 与 antd 保持一致的语义。
+ *
+ * 此前是把 accept 拼进正则：`new RegExp(`(${accept.replace(/,/g, "|")})$`)`，有两个问题：
+ * 字符没转义（`.png` 里的 `.` 是「任意字符」，实测放行了 `axpng`），且 HTML 允许的 MIME
+ * 形式里 `image/*` 的 `*` 会被当成量词（实测把 photo.png 判成了格式错误）。把外部字符串
+ * 拼进正则本身也是 ReDoS 入口。
+ *
+ * 这里照抄 @rc-component/upload 的 attr-accept 语义，而不是另写一套：这个函数是上传前的
+ * 预校验，antd 自己的 accept 过滤也在跑，两边规则一旦不一致，就会出现「antd 放行、我们拦下」
+ * 或反过来的割裂。逐条 some()，任一命中即通过，全不命中即拒绝 —— 不做额外兜底。
+ */
+var matchesAccept = function matchesAccept(file, accept) {
+  var items = accept.split(",");
+  var fileName = file.name || "";
+  var mimeType = file.type || "";
+  var baseMimeType = mimeType.replace(/\/.*$/, "");
+  return items.some(function (item) {
+    var validType = item.trim();
+    if (!validType) return false;
+
+    // `*` / `*​/*`：全部放行
+    if (/^\*(\/\*)?$/.test(validType)) return true;
+
+    // 扩展名。jpg 与 jpeg 互认，与 attr-accept 一致
+    if (validType.charAt(0) === ".") {
+      var lowerName = fileName.toLowerCase();
+      var lowerType = validType.toLowerCase();
+      var affixes = lowerType === ".jpg" || lowerType === ".jpeg" ? [".jpg", ".jpeg"] : [lowerType];
+      return affixes.some(function (affix) {
+        return lowerName.endsWith(affix);
+      });
+    }
+
+    // `image/*` 这类通配
+    if (/\/\*$/.test(validType)) {
+      return baseMimeType === validType.replace(/\/.*$/, "");
+    }
+
+    // MIME 全等
+    if (mimeType === validType) return true;
+
+    // `png` 这种没有点也没有斜杠的写法是无效 accept，attr-accept 选择跳过而不是拦下
+    if (/^\w+$/.test(validType)) return true;
+    return false;
+  });
+};
+
 /**
  * Validate file format and size
  */
@@ -8,8 +56,7 @@ export function validateFile(_ref) {
     size = _ref.size,
     en = _ref.en;
   if (accept) {
-    var fileRegex = new RegExp("(".concat(accept.replace(/,/g, "|"), ")$"));
-    if (!fileRegex.test(file.name.toLowerCase())) {
+    if (!matchesAccept(file, accept)) {
       return {
         valid: false,
         error: new Error(en ? "File format error, please upload ".concat(accept, " file") : "\u6587\u4EF6\u683C\u5F0F\u9519\u8BEF\uFF0C\u8BF7\u4E0A\u4F20 ".concat(accept, " \u6587\u4EF6"))

package/es/components/Upload/index.d.ts

@@ -1,4 +1,4 @@
-import { UploadProps as AntdUploadProps, UploadFile } from "antd";
+import { Upload as AntdUpload, UploadProps as AntdUploadProps, UploadFile } from "antd";
 import React from "react";
 import { Canceler } from "axios";
 import { ButtonProps, ProgressProps } from "antd";
@@ -38,5 +38,11 @@ export interface UploadProps extends Omit<AntdUploadProps, "action" | "data"> {
     };
     en?: boolean;
 }
-declare const Upload: React.FC<UploadProps>;
+interface UploadFC extends React.FC<UploadProps> {
+    /** antd 的拖拽上传区 */
+    Dragger: typeof AntdUpload.Dragger;
+    /** `beforeUpload` 返回它表示「跳过这个文件且不进 fileList」 */
+    LIST_IGNORE: typeof AntdUpload.LIST_IGNORE;
+}
+declare const Upload: UploadFC;
 export default Upload;

package/es/components/Upload/index.js

@@ -52,6 +52,11 @@ var Upload = function Upload(props) {
     onDownload = props.onDownload,
     onPreview = props.onPreview,
     uploadConfig = _objectWithoutProperties(props, _excluded);
+
+  // antd v6 widened `accept` to `string | { format: string; filter?: ... }`. This component's own
+  // extension check (validateFile) only understands the comma-separated string, so read the format
+  // out of the object form; antd still applies the full config to the native file input.
+  var acceptFormat = typeof accept === "string" ? accept : accept.format;
   var _useUploadFileList = useUploadFileList({
       fileList: fileList,
       onChange: onChange,
@@ -98,7 +103,7 @@ var Upload = function Upload(props) {
               chunkNum: chunkNum,
               data: data,
               headers: headers,
-              accept: accept,
+              accept: acceptFormat,
               size: size,
               en: en,
               uploadingList: uploadingList,
@@ -117,7 +122,7 @@ var Upload = function Upload(props) {
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }(), [chunkAction, mergeChunkAction, chunkNum, data, headers, accept, size, en, uploadingList, setUploadingList, onUploadSuccess]);
+  }(), [chunkAction, mergeChunkAction, chunkNum, data, headers, acceptFormat, size, en, uploadingList, setUploadingList, onUploadSuccess]);
 
   // Normal upload
   var customRequest = useCallback( /*#__PURE__*/function () {
@@ -144,7 +149,7 @@ var Upload = function Upload(props) {
               action: action,
               data: data,
               headers: headers,
-              accept: accept,
+              accept: acceptFormat,
               size: size,
               en: en,
               uploadingList: uploadingList,
@@ -163,7 +168,7 @@ var Upload = function Upload(props) {
     return function (_x2) {
       return _ref2.apply(this, arguments);
     };
-  }(), [action, data, headers, accept, size, en, uploadingList, setUploadingList, onUploadSuccess]);
+  }(), [action, data, headers, acceptFormat, size, en, uploadingList, setUploadingList, onUploadSuccess]);
   var handleChange = function handleChange(_ref3) {
     var file = _ref3.file,
       newFileList = _ref3.fileList;
@@ -245,4 +250,6 @@ var Upload = function Upload(props) {
     }))]
   });
 };
+Upload.Dragger = AntdUpload.Dragger;
+Upload.LIST_IGNORE = AntdUpload.LIST_IGNORE;
 export default Upload;

package/es/config-provider/index.d.ts

@@ -1,17 +1,49 @@
 import React from "react";
+import { type ThemeConfig } from "antd";
 import { RequestImpl } from "../request";
 export interface ConfigProviderProps {
     /** Current user's permission code list; when provided, usePermissions / hasPermi validate against it. If omitted, everything is allowed by default */
     permissions?: string[] | null;
     /** Inject the HTTP request implementation, used by smart components such as ImportForm */
     request?: Partial<RequestImpl>;
+    /**
+     * Brand colour. Sets both halves of the token layer at once: the `--vita-primary` CSS variable
+     * (via `--primary-color`, so pre-2.0 overrides keep working) and antd's `colorPrimary`.
+     *
+     * Setting the CSS variable by hand only moves this library's own styles — antd derives a
+     * 10-step palette from the JS token and cannot read a `var()`. Going through this prop is what
+     * keeps the two in step.
+     */
+    primaryColor?: string;
+    /**
+     * Force light/dark instead of following `html[data-theme]` / the OS preference.
+     * The CSS variables follow the same signals on their own.
+     */
+    dark?: boolean;
+    /**
+     * Extra antd theme config, merged on top of the generated one — escape hatch for a consumer
+     * that wants a token this library does not map.
+     */
+    theme?: ThemeConfig;
+    /**
+     * Set to `false` to stop managing antd's theme entirely, leaving it to the host app.
+     * Components this library wraps still follow the `--vita-*` variables; antd components it does
+     * not wrap will fall back to antd's stock look.
+     */
+    antdTheme?: boolean;
     children?: React.ReactNode;
 }
 /**
- * Hsu UI global configuration: injects permissions and the request implementation.
+ * Hsu UI global configuration: permissions, the request implementation, and the design tokens.
+ *
+ * On the theme: the `--vita-*` CSS variables cover everything this library styles itself, but not
+ * the antd components it merely re-exports or that a page uses directly. Feeding antd's
+ * `theme.token` from the very same tokens is what makes an unwrapped `<Steps />` land on the same
+ * palette, radii and type scale as a wrapped `<Table />` — without this library having to wrap all
+ * 75 antd components to keep the look consistent.
  *
  * @example
- * <ConfigProvider permissions={perms} request={{ get, post, del, put }}>
+ * <ConfigProvider permissions={perms} request={{ get, post, del, put }} primaryColor="#7c3aed">
  *   <App />
  * </ConfigProvider>
  */

package/es/config-provider/index.js

@@ -1,12 +1,29 @@
-import React, { useMemo } from "react";
+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); }
+import React, { useEffect, useMemo } from "react";
+import { ConfigProvider as AntdConfigProvider, theme as antdTheme } from "antd";
 import { PermissionsContent } from "../hooks/usePermissions";
+import useIsDark from "../hooks/useIsDark";
 import { configureRequest } from "../request";
+import { toAntdComponents, toAntdTheme } from "../styles/tokens";
+import { FeedbackHolder } from "../feedback";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Hsu UI global configuration: injects permissions and the request implementation.
+ * Hsu UI global configuration: permissions, the request implementation, and the design tokens.
+ *
+ * On the theme: the `--vita-*` CSS variables cover everything this library styles itself, but not
+ * the antd components it merely re-exports or that a page uses directly. Feeding antd's
+ * `theme.token` from the very same tokens is what makes an unwrapped `<Steps />` land on the same
+ * palette, radii and type scale as a wrapped `<Table />` — without this library having to wrap all
+ * 75 antd components to keep the look consistent.
  *
  * @example
- * <ConfigProvider permissions={perms} request={{ get, post, del, put }}>
+ * <ConfigProvider permissions={perms} request={{ get, post, del, put }} primaryColor="#7c3aed">
  *   <App />
  * </ConfigProvider>
  */
@@ -14,6 +31,11 @@ var ConfigProvider = function ConfigProvider(_ref) {
   var _ref$permissions = _ref.permissions,
     permissions = _ref$permissions === void 0 ? null : _ref$permissions,
     request = _ref.request,
+    primaryColor = _ref.primaryColor,
+    dark = _ref.dark,
+    theme = _ref.theme,
+    _ref$antdTheme = _ref.antdTheme,
+    manageAntdTheme = _ref$antdTheme === void 0 ? true : _ref$antdTheme,
     children = _ref.children;
   // Inject synchronously during render so child components get the request implementation on their very first interaction
   useMemo(function () {
@@ -24,9 +46,41 @@ var ConfigProvider = function ConfigProvider(_ref) {
       permissions: permissions
     };
   }, [permissions]);
-  return /*#__PURE__*/_jsx(PermissionsContent.Provider, {
+  var detectedDark = useIsDark();
+  var isDark = dark !== null && dark !== void 0 ? dark : detectedDark;
+  var themeConfig = useMemo(function () {
+    return _objectSpread(_objectSpread({
+      algorithm: isDark ? antdTheme.darkAlgorithm : antdTheme.defaultAlgorithm
+    }, theme), {}, {
+      token: _objectSpread(_objectSpread({}, toAntdTheme({
+        dark: isDark,
+        primaryColor: primaryColor
+      })), theme === null || theme === void 0 ? void 0 : theme.token),
+      components: _objectSpread(_objectSpread({}, toAntdComponents()), theme === null || theme === void 0 ? void 0 : theme.components)
+    });
+  }, [isDark, primaryColor, theme]);
+
+  // Written onto <html> rather than a wrapper element: this provider usually sits at the very top
+  // of the tree, and slipping an extra div in there would change the layout of whatever it wraps.
+  // `--primary-color` rather than `--vita-primary` because the generated tokens make the latter
+  // point at the former, so writing the legacy name keeps both spellings working for consumers.
+  useEffect(function () {
+    if (!primaryColor || typeof document === "undefined") return;
+    var root = document.documentElement;
+    var previous = root.style.getPropertyValue("--primary-color");
+    root.style.setProperty("--primary-color", primaryColor);
+    return function () {
+      if (previous) root.style.setProperty("--primary-color", previous);else root.style.removeProperty("--primary-color");
+    };
+  }, [primaryColor]);
+  var tree = /*#__PURE__*/_jsxs(PermissionsContent.Provider, {
     value: permissionsValue,
-    children: children
+    children: [/*#__PURE__*/_jsx(FeedbackHolder, {}), children]
+  });
+  if (!manageAntdTheme) return tree;
+  return /*#__PURE__*/_jsx(AntdConfigProvider, {
+    theme: themeConfig,
+    children: tree
   });
 };
 export default ConfigProvider;

package/es/feedback/index.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { HookAPI as ModalHookApi } from "antd/es/modal/useModal";
+import type { MessageInstance } from "antd/es/message/interface";
+import type { NotificationInstance } from "antd/es/notification/interface";
+/**
+ * 捕获三个 hook 实例并渲染它们的 contextHolder。由 `ConfigProvider` 内部渲染，
+ * 消费方不需要自己挂。
+ */
+export declare const FeedbackHolder: React.FC;
+/** 仅供测试 / 卸载时清理 */
+export declare const resetFeedbackInstances: () => void;
+/**
+ * 与 antd 的 `message` 同名同签名，区别是输出在 React 树内，会跟随主题。
+ * 直接把 `import { message } from "antd"` 换成从本库引入即可。
+ */
+export declare const message: MessageInstance;
+/** 与 antd 的 `notification` 同名同签名，输出跟随主题 */
+export declare const notification: NotificationInstance;
+/** 与 antd 的 `Modal.confirm` 等同名同签名，输出跟随主题 */
+export declare const modalFuncs: ModalHookApi;