@hsu-react/ui 0.0.12 → 0.0.14

package/lib/components/Tree/_utils/normalizeCheckedKeys.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.normalizeCheckedKeys = void 0;
 var _ = require(".");
 /**
- * 规范化 checkedKeys：检查父节点，如果子项未全选，将父节点设为半选
- * @param checkedKeys 待规范化的 checkedKeys
- * @param treeData 树数据
- * @returns 规范化后的 checkedKeys
+ * Normalize checkedKeys: check parent nodes; if their children are not all checked, mark the parent as half-checked
+ * @param checkedKeys The checkedKeys to normalize
+ * @param treeData Tree data
+ * @returns Normalized checkedKeys
  */
 const normalizeCheckedKeys = (checkedKeys, treeData) => {
   if (!checkedKeys || !treeData.length) {
     return checkedKeys;
   }
 
-  // 如果是数组格式，转换为对象格式
+  // If in array format, convert to object format
   const checkedSet = new Set();
   const halfCheckedSet = new Set();
   if (Array.isArray(checkedKeys)) {
@@ -26,43 +26,43 @@ const normalizeCheckedKeys = (checkedKeys, treeData) => {
     (checkedKeys.halfChecked || [])?.forEach(key => halfCheckedSet.add(key));
   }
 
-  // 递归遍历所有节点，检查父节点状态
-  // 从最底层开始处理，确保父节点的状态基于子节点的正确状态
+  // Recursively traverse all nodes and check parent node states
+  // Process from the deepest level up so that parent states are based on correct child states
   const processNode = node => {
-    // 先递归处理子节点（从最底层开始）
+    // Recursively process child nodes first (starting from the deepest level)
     if (node.children?.length) {
       for (const child of node.children) {
         processNode(child);
       }
     }
 
-    // 然后处理当前节点（父节点）
-    // 如果节点在 checked 中，且有子节点
+    // Then process the current node (the parent)
+    // If the node is in checked and has children
     if (checkedSet.has(node.key) && node.children?.length) {
-      // 获取所有子节点的 key
+      // Get the keys of all descendant nodes
       const allChildrenKeys = (0, _.getAllChildrenKeys)(node.children);
 
-      // 检查所有子节点是否都被勾选
+      // Check whether all descendant nodes are checked
       if (allChildrenKeys.length > 0) {
         const allChildrenChecked = allChildrenKeys.every(childKey => checkedSet.has(childKey));
         if (!allChildrenChecked) {
-          // 如果子节点未全选，将父节点从 checked 中移除，添加到 halfChecked
+          // If the children are not all checked, remove the parent from checked and add it to halfChecked
           checkedSet.delete(node.key);
           halfCheckedSet.add(node.key);
         } else {
-          // 如果所有子节点都被勾选，确保父节点不在 halfChecked 中
+          // If all children are checked, make sure the parent is not in halfChecked
           halfCheckedSet.delete(node.key);
         }
       }
     }
   };
 
-  // 遍历所有根节点
+  // Traverse all root nodes
   for (const node of treeData) {
     processNode(node);
   }
 
-  // 返回规范化后的 checkedKeys
+  // Return the normalized checkedKeys
   return {
     checked: Array.from(checkedSet),
     halfChecked: Array.from(halfCheckedSet)

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

@@ -35,12 +35,12 @@ export interface TreeProps extends Omit<AntdTreeProps, "treeData" | "loadData" |
     hideLeafExpand?: boolean;
     buttonGroup?: ButtonProps[];
     btnPosition?: "left" | "right";
-    /** 默认展开层级（从 1 开始，1 表示第一层，2 表示第二层，以此类推） */
+    /** Default expand level (starting from 1: 1 means the first level, 2 the second, and so on) */
     defaultExpandLevel?: number;
     hasPermi?: string[];
-    /** 节点被选中时的回调，返回选中节点的完整路径 */
+    /** Callback when a node is selected, returns the full path of the selected node */
     onSelectPath?: (path: TreeData[] | null, selectedKeys: Key[]) => void;
-    /** 点击已选中的节点时是否允许取消选中，默认 true（允许取消选中） */
+    /** Whether clicking an already selected node deselects it; defaults to true (deselection allowed) */
     allowDeselect?: boolean;
     titleSearchBarClassName?: string;
 }

package/lib/components/Tree/index.js

@@ -59,10 +59,10 @@ const Tree = props => {
   } = (0, _usePermissions.default)(hasPermi);
   const legacyHasSelector = (0, _cssSupports.isLegacyHasSelectorBrowser)();
 
-  // 生成唯一类名（用于样式隔离）
+  // Generate a unique class name (for style isolation)
   const cls = (0, _react.useMemo)(() => (0, _hsuUtils.generateRandomStr)(10), []);
-  // 根据 defaultExpandLevel 计算默认展开的 keys
-  // 如果同时提供了 defaultExpandedKeys 和 defaultExpandLevel，优先使用 defaultExpandedKeys
+  // Compute the default expanded keys based on defaultExpandLevel
+  // If both defaultExpandedKeys and defaultExpandLevel are provided, defaultExpandedKeys takes precedence
   const computedDefaultExpandedKeys = (0, _react.useMemo)(() => {
     if (defaultExpandedKeys !== undefined) {
       return defaultExpandedKeys;
@@ -73,78 +73,79 @@ const Tree = props => {
     return undefined;
   }, [defaultExpandLevel, treeData, defaultExpandedKeys]);
 
-  // 管理展开状态
+  // Manage expanded state
   const [expandedKeys, setExpandedKeys] = (0, _useTreeState.useExpandedKeys)(expandedKeysProps, computedDefaultExpandedKeys);
 
-  // 管理勾选状态（自动规范化：父级在 checked 中但子项未全选时，设为半选）
+  // Manage checked state (auto-normalized: a parent in checked whose children are not all checked becomes half-checked)
   const [checkedKeys, setCheckedKeys] = (0, _useTreeState.useCheckedKeys)(checkedKeysProps, treeData);
 
-  // 管理选中状态（用于支持 allowDeselect 功能）
+  // Manage selected state (used to support the allowDeselect feature)
   const [internalSelectedKeys, setInternalSelectedKeys] = _react.default.useState(defaultSelectedKeys ?? []);
 
-  // 受控模式使用外部传入的 selectedKeys，非受控模式使用内部状态
+  // Controlled mode uses the externally provided selectedKeys; uncontrolled mode uses internal state
   const selectedKeys = selectedKeysProps ?? internalSelectedKeys;
 
-  // 处理搜索
+  // Handle search
   const {
     searchKey,
     handleSearchChange,
     filteredTreeData
   } = (0, _useTreeSearch.useTreeSearch)(treeData, setExpandedKeys);
 
-  // 处理勾选（使用 antd 默认逻辑）
+  // Handle checking (uses antd's default logic)
   const handleCheck = (0, _useTreeCheck.useTreeCheck)(setCheckedKeys, onCheck, onChange);
 
-  // 清空节点 title 属性（防止悬浮显示）
+  // Clear the node title attribute (prevents hover tooltip)
   (0, _useClearNodeTitle.useClearNodeTitle)(filteredTreeData, cls);
 
-  // 样式对象（CSS 变量）
+  // Style object (CSS variables)
   const style = (0, _react.useMemo)(() => ({
     "--tree-indent-unit-width": typeof indent === "number" ? `${indent}px` : undefined,
     "--tree-switcher-width": typeof switchWidth === "number" ? `${switchWidth}px` : undefined,
     "--tree-switcher-gap": typeof switchGap === "number" ? `${switchGap}px` : undefined
   }), [indent, switchWidth, switchGap]);
 
-  // 使用 ref 保存最新的 onSelectPath 回调和初始化标志，避免闭包陷阱
+  // Store the latest onSelectPath callback and initialization flag in refs to avoid stale closures
   const onSelectPathRef = (0, _react.useRef)(onSelectPath);
   const isInitializedRef = (0, _react.useRef)(false);
   (0, _react.useEffect)(() => {
     onSelectPathRef.current = onSelectPath;
   }, [onSelectPath]);
 
-  // 处理展开事件
+  // Handle expand events
   const handleExpand = (0, _react.useCallback)((expandedKeys, info) => {
     setExpandedKeys(expandedKeys);
     treeConfig.onExpand?.(expandedKeys, info);
   }, [setExpandedKeys, treeConfig]);
 
-  // 处理选中事件
+  // Handle select events
   const handleSelect = (0, _react.useCallback)((selectedKeys, info) => {
     let finalSelectedKeys = selectedKeys;
 
-    // 如果不允许取消选中，且点击的是已选中的节点（info.selected 为 false 表示要取消选中）
-    // 则阻止取消，保持该节点选中
+    // If deselection is not allowed and an already selected node was clicked
+    // (info.selected being false means it is about to be deselected),
+    // block the deselection and keep the node selected
     if (!allowDeselect && !info.selected && info.node.key) {
       finalSelectedKeys = [info.node.key];
     }
 
-    // 非受控模式下，更新内部状态
+    // In uncontrolled mode, update internal state
     if (selectedKeysProps === undefined) {
       setInternalSelectedKeys(finalSelectedKeys);
     }
     onSelect?.(finalSelectedKeys, info);
     if (!onSelectPathRef.current) return;
 
-    // 获取节点路径并调用回调
+    // Get the node path and invoke the callback
     const path = finalSelectedKeys.length > 0 ? (0, _utils.getNodePath)(finalSelectedKeys[0], treeData) : null;
     onSelectPathRef.current(path, finalSelectedKeys);
   }, [onSelect, treeData, allowDeselect, selectedKeysProps]);
 
-  // 处理初始传入的 selectedKeys 和 defaultSelectedKeys
+  // Handle initially provided selectedKeys and defaultSelectedKeys
   (0, _react.useEffect)(() => {
     if (!onSelectPathRef.current || !treeData.length) return;
 
-    // 受控模式：使用 selectedKeysProps
+    // Controlled mode: use selectedKeysProps
     if (selectedKeysProps !== undefined) {
       if (selectedKeysProps.length > 0) {
         const path = (0, _utils.getNodePath)(selectedKeysProps[0], treeData);
@@ -156,7 +157,7 @@ const Tree = props => {
       return;
     }
 
-    // 非受控模式：只在初始化时使用 defaultSelectedKeys
+    // Uncontrolled mode: only use defaultSelectedKeys on initialization
     if (!isInitializedRef.current && defaultSelectedKeys && defaultSelectedKeys.length > 0) {
       const path = (0, _utils.getNodePath)(defaultSelectedKeys[0], treeData);
       onSelectPathRef.current(path, defaultSelectedKeys);

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

@@ -62,7 +62,7 @@
       }
 
       &:has(> :global(.ant-tree-node-selected)) {
-        background-color: #e6f4ff;
+        background-color: color-mix(in srgb, var(--primary-color) 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: #e6f4ff;
+        background-color: color-mix(in srgb, var(--primary-color) 12%, transparent);
 
         :global(.ant-tree-node-selected) {
           background-color: transparent;

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

@@ -70,10 +70,10 @@ const UploadedItem = ({
     className: (0, _classnames.default)(_indexModule.default.fileItem, listProps?.item),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
       title: name,
-      color: "#f2f4f5",
+      color: "var(--cf-subtle)",
       styles: {
         body: {
-          color: "#131212",
+          color: "var(--cf-text)",
           padding: "6px 16px"
         }
       },

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

@@ -28,10 +28,10 @@ const UploadingItem = ({
       className: _indexModule.default.uploading,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
         title: name,
-        color: "#f2f4f5",
+        color: "var(--cf-subtle)",
         styles: {
           body: {
-            color: "#131212",
+            color: "var(--cf-text)",
             padding: "6px 16px"
           }
         },

package/lib/components/Upload/_hooks/useUploadFileList.d.ts

@@ -9,7 +9,7 @@ interface UseUploadFileListProps {
     rmFile?: string;
 }
 /**
- * 管理上传文件列表状态
+ * Manage the upload file list state
  */
 export declare function useUploadFileList({ fileList, onChange, rmFile, }: UseUploadFileListProps): {
     fileList: UploadFile<any>[];

package/lib/components/Upload/_hooks/useUploadFileList.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _hsuUtils = require("hsu-utils");
 var _utils = require("../_utils");
 /**
- * 管理上传文件列表状态
+ * Manage the upload file list state
  */
 function useUploadFileList({
   fileList,

package/lib/components/Upload/_hooks/useUploadOperations.d.ts

@@ -4,7 +4,7 @@ interface UseUploadOperationsProps {
     onUploadingList?: (list: UploadingList) => void;
 }
 /**
- * 管理上传和下载操作
+ * Manage upload and download operations
  */
 export declare function useUploadOperations({ onUploadingList, }: UseUploadOperationsProps): {
     uploadingList: UploadingList;

package/lib/components/Upload/_hooks/useUploadOperations.js

@@ -7,7 +7,7 @@ exports.useUploadOperations = useUploadOperations;
 var _react = require("react");
 var _hsuUtils = require("hsu-utils");
 /**
- * 管理上传和下载操作
+ * Manage upload and download operations
  */
 function useUploadOperations({
   onUploadingList
@@ -20,7 +20,7 @@ function useUploadOperations({
     uploadingList: {}
   });
 
-  // 更新时同步到 ref
+  // Sync to the ref on update
   (0, _react.useEffect)(() => {
     operationsRef.current.downloading = downloading;
   }, [downloading]);
@@ -34,7 +34,7 @@ function useUploadOperations({
     }
   }, [uploadingList, lastUploadList, onUploadingList]);
 
-  // 清理函数
+  // Cleanup function
   (0, _react.useEffect)(() => {
     return () => {
       const {

package/lib/components/Upload/_hooks/useUploadPreview.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 /**
- * 管理文件预览状态
+ * Manage the file preview state
  */
 export declare function useUploadPreview(): {
     file: {

package/lib/components/Upload/_hooks/useUploadPreview.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useUploadPreview = useUploadPreview;
 var _react = require("react");
 /**
- * 管理文件预览状态
+ * Manage the file preview state
  */
 function useUploadPreview() {
   const [file, setFile] = (0, _react.useState)({});

package/lib/components/Upload/_utils/chunkUpload.d.ts

@@ -20,7 +20,7 @@ interface ChunkUploadOptions {
     onUploadSuccess?: () => void;
 }
 /**
- * 分片上传
+ * Chunked upload
  */
 export declare function chunkUpload({ file, chunkAction, mergeChunkAction, chunkNum, data, headers, accept, size, en, uploadingList, setUploadingList, onProgress, onSuccess, onError, onUploadSuccess, }: ChunkUploadOptions): Promise<void>;
 export {};

package/lib/components/Upload/_utils/chunkUpload.js

@@ -10,7 +10,7 @@ var _hsuUtils = require("hsu-utils");
 var _ = require(".");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * 分片上传
+ * Chunked upload
  */
 async function chunkUpload({
   file,
@@ -29,7 +29,7 @@ async function chunkUpload({
   onError,
   onUploadSuccess
 }) {
-  // 验证文件
+  // Validate the file
   const validation = (0, _.validateFile)({
     file,
     accept,
@@ -42,8 +42,8 @@ async function chunkUpload({
   }
   const name = file.name;
   const uploadId = (0, _utils.getUUID)();
-  const sliceSize = (0, _.toMB)(5); // 切片大小，每个切片5MB
-  const totalSlices = Math.ceil(file.size / sliceSize); // 获取切片数量
+  const sliceSize = (0, _.toMB)(5); // Chunk size, 5MB per chunk
+  const totalSlices = Math.ceil(file.size / sliceSize); // Get the number of chunks
 
   let chunk = 0;
   let postPromises = [];

package/lib/components/Upload/_utils/createFormData.d.ts

@@ -1,4 +1,4 @@
 /**
- * 创建 FormData 并添加数据
+ * Create a FormData instance and append data
  */
 export declare function createFormData(data?: Partial<Record<string, string>>): FormData;

package/lib/components/Upload/_utils/createFormData.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createFormData = createFormData;
 /**
- * 创建 FormData 并添加数据
+ * Create a FormData instance and append data
  */
 function createFormData(data) {
   const formData = new FormData();

package/lib/components/Upload/_utils/extractFileUrl.d.ts

@@ -1,5 +1,5 @@
 import { UploadFile } from "antd";
 /**
- * 从响应中提取文件 URL
+ * Extract the file URL from the response
  */
 export declare function extractFileUrl(file: UploadFile): UploadFile;

package/lib/components/Upload/_utils/extractFileUrl.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractFileUrl = extractFileUrl;
 /**
- * 从响应中提取文件 URL
+ * Extract the file URL from the response
  */
 function extractFileUrl(file) {
   if (file.response?.data?.list?.[0]?.url) {

package/lib/components/Upload/_utils/isSuccessResponse.d.ts

@@ -1,5 +1,5 @@
 /**
- * 检查响应是否成功
+ * Check whether the response is successful
  */
 export declare function isSuccessResponse(response: {
     code?: number;

package/lib/components/Upload/_utils/isSuccessResponse.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isSuccessResponse = isSuccessResponse;
 /**
- * 检查响应是否成功
+ * Check whether the response is successful
  */
 function isSuccessResponse(response) {
   const code = response.code ?? response.data?.code;

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

@@ -18,7 +18,7 @@ interface NormalUploadOptions {
     onUploadSuccess?: () => void;
 }
 /**
- * 普通文件上传
+ * Normal file upload
  */
 export declare function normalUpload({ file, action, data, headers, accept, size, en, uploadingList, setUploadingList, onProgress, onSuccess, onError, onUploadSuccess, }: NormalUploadOptions): Promise<void>;
 export {};

package/lib/components/Upload/_utils/normalUpload.js

@@ -9,7 +9,7 @@ var _hsuUtils = require("hsu-utils");
 var _ = require(".");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * 普通文件上传
+ * Normal file upload
  */
 async function normalUpload({
   file,
@@ -26,7 +26,7 @@ async function normalUpload({
   onError,
   onUploadSuccess
 }) {
-  // 验证文件
+  // Validate the file
   const validation = (0, _.validateFile)({
     file,
     accept,

package/lib/components/Upload/_utils/toMB.d.ts

@@ -1,4 +1,4 @@
 /**
- * 将 MB 转换为字节
+ * Convert MB to bytes
  */
 export declare function toMB(size: number): number;

package/lib/components/Upload/_utils/toMB.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toMB = toMB;
 /**
- * 将 MB 转换为字节
+ * Convert MB to bytes
  */
 function toMB(size) {
   return size * 1024 * 1024;

package/lib/components/Upload/_utils/validateFile.d.ts

@@ -6,7 +6,7 @@ interface ValidateFileOptions {
     en?: boolean;
 }
 /**
- * 验证文件格式和大小
+ * Validate file format and size
  */
 export declare function validateFile({ file, accept, size, en, }: ValidateFileOptions): {
     valid: boolean;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.validateFile = validateFile;
 var _toMB = require("./toMB");
 /**
- * 验证文件格式和大小
+ * Validate file format and size
  */
 function validateFile({
   file,

package/lib/components/Upload/index.js

@@ -68,7 +68,7 @@ const Upload = props => {
     setFile: setPreviewFile
   } = (0, _hooks.useUploadPreview)();
 
-  // 分片上传
+  // Chunked upload
   const chunkCustomRequest = (0, _react.useCallback)(async options => {
     const {
       file: _file,
@@ -102,7 +102,7 @@ const Upload = props => {
     });
   }, [chunkAction, mergeChunkAction, chunkNum, data, headers, accept, size, en, uploadingList, setUploadingList, onUploadSuccess]);
 
-  // 普通上传
+  // Normal upload
   const customRequest = (0, _react.useCallback)(async options => {
     const {
       file: _file,

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

@@ -1,14 +1,14 @@
 import React from "react";
 import { RequestImpl } from "../request";
 export interface ConfigProviderProps {
-    /** 当前用户权限码列表；传入后 usePermissions / hasPermi 据此校验。不传则默认全部放行 */
+    /** Current user's permission code list; when provided, usePermissions / hasPermi validate against it. If omitted, everything is allowed by default */
     permissions?: string[] | null;
-    /** 注入 HTTP 请求实现，供 ImportForm 等智能组件使用 */
+    /** Inject the HTTP request implementation, used by smart components such as ImportForm */
     request?: Partial<RequestImpl>;
     children?: React.ReactNode;
 }
 /**
- * Hsu UI 全局配置：注入权限与请求实现。
+ * Hsu UI global configuration: injects permissions and the request implementation.
  *
  * @example
  * <ConfigProvider permissions={perms} request={{ get, post, del, put }}>

package/lib/config-provider/index.js

@@ -11,7 +11,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 /**
- * Hsu UI 全局配置：注入权限与请求实现。
+ * Hsu UI global configuration: injects permissions and the request implementation.
  *
  * @example
  * <ConfigProvider permissions={perms} request={{ get, post, del, put }}>
@@ -23,7 +23,7 @@ const ConfigProvider = ({
   request,
   children
 }) => {
-  // 在渲染期同步注入，确保子组件首次交互即可拿到 request 实现
+  // Inject synchronously during render so child components get the request implementation on their very first interaction
   (0, _react.useMemo)(() => {
     if (request) (0, _request.configureRequest)(request);
   }, [request]);

package/lib/hooks/usePermissions.js

@@ -13,17 +13,17 @@ const PermissionsContent = exports.PermissionsContent = /*#__PURE__*/(0, _react.
 function usePermissions(hasPermi) {
   const permissions = (0, _react.useContext)(PermissionsContent).permissions;
   const checkPermission = (0, _react.useCallback)(hasPermi => {
-    // 如果hasPermi或permissions为空，则认为有权限
+    // If hasPermi or permissions is empty, treat as permitted
     if (!hasPermi || !permissions) {
       return true;
     }
 
-    // 如果hasPermi或permissions为空数组，则认为没有权限
+    // If hasPermi or permissions is an empty array, treat as not permitted
     if (Array.isArray(hasPermi) && !hasPermi.length || Array.isArray(permissions) && !permissions.length) {
       return false;
     }
 
-    // 如果hasPermi和permissions都不为空数组，则判断hasPermi是否在permissions中
+    // If neither hasPermi nor permissions is an empty array, check whether hasPermi is included in permissions
     return (0, _hsuUtils.array_is_includes)(permissions, hasPermi);
   }, [permissions]);
   const permitted = (0, _react.useMemo)(() => {

package/lib/index.d.ts

@@ -4,6 +4,8 @@ export { configureRequest, get, post, del, put, } from "./request";
 export type { RequestImpl, RequestConfig, ResType, ListRes, FileRes } from "./request";
 export { usePermissions, PermissionsContent, useLabelWidth } from "./hooks";
 export { getUUID, supportsHasSelector, isLegacyHasSelectorBrowser } from "./utils";
+export { lightTokens, darkTokens, defaultPrimaryColor } from "./styles/tokens";
+export type { HsuThemeTokens } from "./styles/tokens";
 export { default as Button } from "./components/Button";
 export * from "./components/Button";
 export { default as ChainGraph } from "./components/ChainGraph";

package/lib/index.js

@@ -16,6 +16,9 @@ var _exportNames = {
   getUUID: true,
   supportsHasSelector: true,
   isLegacyHasSelectorBrowser: true,
+  lightTokens: true,
+  darkTokens: true,
+  defaultPrimaryColor: true,
   Button: true,
   ChainGraph: true,
   Chart: true,
@@ -266,6 +269,18 @@ Object.defineProperty(exports, "configureRequest", {
     return _request.configureRequest;
   }
 });
+Object.defineProperty(exports, "darkTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens.darkTokens;
+  }
+});
+Object.defineProperty(exports, "defaultPrimaryColor", {
+  enumerable: true,
+  get: function () {
+    return _tokens.defaultPrimaryColor;
+  }
+});
 Object.defineProperty(exports, "del", {
   enumerable: true,
   get: function () {
@@ -290,6 +305,12 @@ Object.defineProperty(exports, "isLegacyHasSelectorBrowser", {
     return _utils.isLegacyHasSelectorBrowser;
   }
 });
+Object.defineProperty(exports, "lightTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens.lightTokens;
+  }
+});
 Object.defineProperty(exports, "post", {
   enumerable: true,
   get: function () {
@@ -324,6 +345,7 @@ var _configProvider = _interopRequireDefault(require("./config-provider"));
 var _request = require("./request");
 var _hooks = require("./hooks");
 var _utils = require("./utils");
+var _tokens = require("./styles/tokens");
 var _Button = _interopRequireWildcard(require("./components/Button"));
 Object.keys(_Button).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;