@hsu-react/ui 0.0.3 → 0.0.5

package/src/components/FormItem/FormSegmented/index.tsx

@@ -1,6 +1,6 @@
 import { SegmentedProps as AntdSegmentedProps, Segmented } from "antd";
 import ItemContainer, { ItemContainerProps } from "../ItemContainer";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 import React from "react";
 

package/src/components/FormItem/FormSlider/index.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from "react";
 import Slider, { SliderProps } from "../../Slider";
 
 import Input from "../../Input";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface FormSliderProps extends ItemContainerProps {
   componentProps?: SliderProps;

package/src/components/FormItem/FormSwitch/index.tsx

@@ -3,7 +3,7 @@ import ItemContainer, { ItemContainerProps } from "../ItemContainer";
 
 import React from "react";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface FormSwitchProps extends ItemContainerProps {
   componentProps?: AntdSwitchProps;

package/src/components/FormItem/FormText/index.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import ItemContainer, { ItemContainerProps } from "../ItemContainer";
 import classNames from "classnames";
 import { Equal } from "hsu-utils";

package/src/components/FormItem/FormUpload/index.tsx

@@ -12,7 +12,7 @@ import React, { useState } from "react";
 import { UploadOutlined } from "@ant-design/icons";
 import classNames from "classnames";
 import { debounce } from "lodash";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export type { FormImageProps };
 

package/src/components/FormItem/ItemContainer/index.tsx

@@ -4,7 +4,7 @@ import React, { CSSProperties, ReactNode, useMemo } from "react";
 
 import Icon from "../../Icon";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import usePermissions from "../../../hooks/usePermissions";
 import { isLegacyHasSelectorBrowser } from "../../../utils/cssSupports";
 import { generateRandomStr } from "hsu-utils";

package/src/components/Icon/index.tsx

@@ -7,7 +7,7 @@ import {
 import * as AntdIcons from "@ant-design/icons";
 import React, { useEffect, useRef } from "react";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 type AntdNamedIconComponent = React.ForwardRefExoticComponent<
   {

package/src/components/Input/Number/index.tsx

@@ -6,7 +6,7 @@ import React, { useEffect, useRef, useState } from "react";
 import { CloseCircleFilled } from "@ant-design/icons";
 
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import { useDebounceEffect } from "ahooks";
 
 export interface InputNumberProps extends Omit<

package/src/components/Input/Password/index.tsx

@@ -5,7 +5,7 @@ import React, { useEffect, useRef, useState } from "react";
 
 import { InputRef } from "antd/es/input";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface PasswordProps
   extends Omit<

package/src/components/Input/Range/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import Input, { InputProps } from "../";
 import { InputNumberProps } from "../Number";
 import { Equal } from "hsu-utils";

package/src/components/Input/Search/index.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useRef, useState } from "react";
 
 import AntdSearch from "antd/es/input/Search";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface SearchProps
   extends Omit<

package/src/components/Input/TextArea/index.tsx

@@ -5,7 +5,7 @@ import AntdTextArea, {
 import React, { ReactNode, useEffect, useRef, useState } from "react";
 
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface TextAreaProps
   extends Omit<

package/src/components/Input/index.tsx

@@ -12,7 +12,7 @@ import Search, { SearchProps } from "./Search";
 import TextArea, { TextAreaProps } from "./TextArea";
 
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import RangeInput, { RangeInputProps } from "./Range";
 import { useDebounceEffect } from "ahooks";
 

package/src/components/Markdown/Editor/index.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode, useEffect, useState } from "react";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import classNames from "classnames";
 import MdEditor from "react-markdown-editor-lite";
 import MarkdownIt from "markdown-it";

package/src/components/Markdown/Views/ArtifactBlock.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import classNames from "classnames";
 
-import styles from "./blocks.module.less";
+import styles from "./blocks.module.scss";
 
 export interface ArtifactBlockProps {
   /** 原始代码（html/svg） */

package/src/components/Markdown/Views/MermaidBlock.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo, useState } from "react";
 
 import { generateRandomStr } from "hsu-utils";
-import styles from "./blocks.module.less";
+import styles from "./blocks.module.scss";
 
 // mermaid 体积大，懒加载并全局只初始化一次
 let mermaidPromise: Promise<typeof import("mermaid")["default"]> | null = null;

package/src/components/Markdown/Views/index.tsx

@@ -5,7 +5,7 @@ import rehypeKatex from "rehype-katex";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import "highlight.js/styles/atom-one-dark.min.css";
 import "katex/dist/katex.min.css";
 import { generateRandomStr } from "hsu-utils";

package/src/components/Modal/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Modal as AntdModal, ModalProps as AntdModalProps } from "antd";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import { useModalElements, useModalDrag } from "./_hooks";
 import Button, { ButtonProps } from "../Button";
 

package/src/components/Operate/index.tsx

@@ -3,7 +3,7 @@ import { FormOutlined, DeleteOutlined } from "@ant-design/icons";
 import { Dropdown, Popconfirm, PopconfirmProps } from "antd";
 import React, { ReactNode, useCallback, useMemo } from "react";
 import { ItemType } from "antd/es/menu/interface";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import usePermissions from "../../hooks/usePermissions";
 import Icon from "../Icon";
 import useOperateEllipsis from "./_hooks/useOperateEllipsis";

package/src/components/Panel/DefaultPanel/index.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, useState } from "react";
 import { Breadcrumb, BreadcrumbProps } from "antd";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import { observer } from "mobx-react-lite";
 import classNames from "classnames";
 import Tree, { TreeProps } from "../../Tree";

package/src/components/Panel/IframePanel/index.tsx

@@ -3,7 +3,7 @@ import React, { ReactNode, useRef, useState } from "react";
 import Icon from "../../Icon";
 import { Spin } from "antd";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface IframePanelProps
   extends React.DetailedHTMLProps<

package/src/components/Panel/ListPanel/ListModalPanel/index.tsx

@@ -9,7 +9,7 @@ import { ChakraButtonProps as BasicButtonProps } from "../../../Button";
 import { TabBarProps } from "../../../TabBar";
 import classNames from "classnames";
 import { cloneDeep } from "lodash";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import usePermissions from "../../../../hooks/usePermissions";
 import Modal, { ModalProps } from "../../../Modal";
 import ToolBar from "../_components/ToolBar";

package/src/components/Panel/ListPanel/_components/ColumnMgt/index.tsx

@@ -6,7 +6,7 @@ import type { DragEndEvent } from "@dnd-kit/core";
 import { IColumnMgt } from "../..";
 import Input from "../../../../Input";
 import { arrayMove } from "@dnd-kit/sortable";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import usePermissions from "../../../../../hooks/usePermissions";
 import Modal, { ModalProps } from "../../../../Modal";
 import Checkbox from "../../../../Checkbox";

package/src/components/Panel/ListPanel/_components/ToolBar/index.tsx

@@ -4,7 +4,7 @@ import Icon from "../../../../Icon";
 import React, { ReactNode } from "react";
 import TabBar from "../../../../TabBar";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import { ListPanelTabelProps } from "../..";
 import { isLegacyHasSelectorBrowser } from "../../../../../utils/cssSupports";
 

package/src/components/Panel/ListPanel/index.tsx

@@ -16,7 +16,7 @@ import { ChakraButtonProps as BasicButtonProps } from "../../Button";
 import TabBar, { TabBarProps } from "../../TabBar";
 import classNames from "classnames";
 import { cloneDeep } from "lodash";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import usePermissions from "../../../hooks/usePermissions";
 import Tree, { TreeProps } from "../../Tree";
 import ToolBar from "./_components/ToolBar";
@@ -36,6 +36,8 @@ interface TableTools {
 }
 
 export interface ListPanelTabelProps extends Omit<TableProps, "title"> {
+  /** 透传给内部 Table 的 key，用于在异构列集切换时强制重挂载表格 */
+  key?: React.Key;
   title?: string;
   buttonGroup?: ButtonProps[];
   tabBarProps?: TabBarProps;
@@ -127,6 +129,9 @@ const ListPanel: ListPanelFC = (props) => {
     tableContainerClassName,
     tips,
     otherTool,
+    // 异构列集切换时用于强制重挂载表格的 key；显式提取，避免随 ...tableConfig
+    // 展开进 JSX 触发 React "key prop being spread" 警告
+    key: tableInstanceKey,
     ...tableConfig
   } = tableProps;
   const { className: treeClassName, ...treeConfig } = treeProps;
@@ -435,6 +440,7 @@ const ListPanel: ListPanelFC = (props) => {
               otherTool={otherTool}
             />
             <Table
+              key={tableInstanceKey}
               className={`${styles.table} ${tableClassName ?? ""}`}
               {...{
                 scroll: true,

package/src/components/Search/SearchAdvanced/index.tsx

@@ -3,7 +3,7 @@ import { Form as AntdForm } from "antd";
 import FormItem from "../../FormItem";
 import { CSSProperties } from "react";
 import classNames from "classnames";
-import styles from "../index.module.less";
+import styles from "../index.module.scss";
 import { useSearchCommon } from "../_hooks";
 import { ChakraButtonProps } from "../../Button";
 import { DrawerFormProps } from "../../Form/DrawerForm";

package/src/components/Search/SearchCard/_components/CollapseToggle/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Icon from "../../../../Icon";
 import classNames from "classnames";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 
 interface CollapseToggleProps {
   collapse: boolean;

package/src/components/Search/SearchCard/_components/OptionRow/ChildrenItems/index.tsx

@@ -3,7 +3,7 @@ import { array_is_includes, Equal } from "hsu-utils";
 import classNames from "classnames";
 import { ElementItem, SearchCardOption } from "..";
 import { updateRealValue } from "../../../_utils";
-import styles from "../../../index.module.less";
+import styles from "../../../index.module.scss";
 
 interface ChildrenItemsProps {
   parentItem: ElementItem;

package/src/components/Search/SearchCard/_components/OptionRow/Item/index.tsx

@@ -5,7 +5,7 @@ import { Tooltip } from "antd";
 import Icon from "../../../../../Icon";
 import { ElementItem, SearchCardOption } from "..";
 import { updateRealValue } from "../../../_utils";
-import styles from "../../../index.module.less";
+import styles from "../../../index.module.scss";
 
 interface ItemProps {
   item: ElementItem;

package/src/components/Search/SearchCard/_components/OptionRow/index.tsx

@@ -12,7 +12,7 @@ import Icon from "../../../../Icon";
 import { useSearchCardMoreOptions } from "../../_hooks";
 import { Item } from "./Item";
 import { ChildrenItems } from "./ChildrenItems";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 
 export interface ElementItem {
   element?: React.ReactElement;

package/src/components/Search/SearchCard/_components/SearchBox/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import Input from "../../../../Input";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 
 interface SearchBoxProps {
   value: string;

package/src/components/Search/SearchCard/index.tsx

@@ -1,6 +1,6 @@
 import React, { CSSProperties, useRef, memo } from "react";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import OptionRow, {
   ElementItem,
   SearchCardOption,

package/src/components/Search/SearchCollapsible/index.tsx

@@ -3,7 +3,7 @@ import { Form as AntdForm } from "antd";
 import FormItem from "../../FormItem";
 import { CSSProperties, useCallback, useState } from "react";
 import classNames from "classnames";
-import styles from "../index.module.less";
+import styles from "../index.module.scss";
 import { useSearchCommon } from "../_hooks";
 import { ChakraButtonProps } from "../../Button";
 import { ButtonGroup } from "../_components/ButtonGroup";

package/src/components/Search/SearchWithFilter/index.tsx

@@ -3,7 +3,7 @@ import { Form as AntdForm } from "antd";
 import FormItem from "../../FormItem";
 import { CSSProperties } from "react";
 import classNames from "classnames";
-import styles from "../index.module.less";
+import styles from "../index.module.scss";
 import { useSearchCommon } from "../_hooks";
 import { ChakraButtonProps } from "../../Button";
 import { ButtonGroup } from "../_components/ButtonGroup";

package/src/components/Search/SearchWithMore/index.tsx

@@ -3,7 +3,7 @@ import { Form as AntdForm } from "antd";
 import FormItem, { FormItemProps } from "../../FormItem";
 import { CSSProperties } from "react";
 import classNames from "classnames";
-import styles from "../index.module.less";
+import styles from "../index.module.scss";
 import { useSearchCommon } from "../_hooks";
 import { ChakraButtonProps } from "../../Button";
 import { ButtonGroup } from "../_components/ButtonGroup";

package/src/components/Search/_components/AdvancedFiltersDrawer/index.tsx

@@ -6,7 +6,7 @@ import { FormItemProps } from "../../../FormItem";
 import { DrawerFormProps } from "../../../Form/DrawerForm";
 import Icon from "../../../Icon";
 import type useLabelWidth from "../../../../hooks/useLabelWidth";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 
 interface AdvancedFiltersDrawerProps {
   expand: boolean;

package/src/components/Search/_components/ButtonGroup/index.tsx

@@ -3,7 +3,7 @@ import Button, {
   ChakraButtonProps as BasicButtonProps,
 } from "../../../Button";
 import { ReactNode } from "react";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 
 interface ChakraButtonProps extends Omit<
   BasicButtonProps,

package/src/components/Search/_components/CollapseToggle/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Icon from "../../../Icon";
 import classNames from "classnames";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 
 interface CollapseToggleProps {
   collapse: boolean;

package/src/components/Search/_components/ExpandButton/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import Button from "../../../Button";
 import { DownOutlined, FilterFilled } from "@ant-design/icons";
 import classNames from "classnames";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 
 interface ExpandButtonProps {
   expand: boolean;

package/src/components/Search/_components/FilterDropdown/index.tsx

@@ -3,7 +3,7 @@ import { Dropdown } from "antd";
 import Checkbox from "../../../Checkbox";
 import Icon from "../../../Icon";
 import { FormItemProps } from "../../../FormItem";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 import Button from "../../../Button";
 
 interface FilterDropdownProps {

package/src/components/Search/_hooks/useSearchCommon.ts

@@ -13,7 +13,7 @@ import {
   calculateVisibleItems,
   calculateButtonGroupAndColumnWidth,
 } from "../_utils";
-import styles from "../index.module.less";
+import styles from "../index.module.scss";
 import { ChakraButtonProps } from "../../Button";
 
 export interface UseSearchCommonParams {

package/src/components/Search/index.tsx

@@ -2,7 +2,7 @@ import { Form as AntdForm } from "antd";
 import FormItem from "../FormItem";
 import React, { CSSProperties } from "react";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import { useSearchCommon } from "./_hooks";
 import SearchCard, { SearchCardProps } from "./SearchCard";
 import SearchAdvanced from "./SearchAdvanced";

package/src/components/SecondConf/index.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import Icon from "../Icon";
 import Modal, { ModalProps } from "../Modal";
 

package/src/components/Select/AutoCompleteSelect/index.tsx

@@ -1,7 +1,7 @@
 import { AutoComplete, AutoCompleteProps } from "antd";
 import React, { ReactNode, useEffect, useMemo, useRef, useState } from "react";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import { generateRandomStr } from "hsu-utils";
 import { Prefix } from "../_components/Prefix";
 import { Suffix } from "../_components/Suffix";

package/src/components/Select/IconSelect/index.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from "react";
 
 import Icon from "../../Icon";
 import Input from "../../Input";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import classNames from "classnames";
 
 import antDesignIcons from "@iconify/json/json/ant-design.json";

package/src/components/Select/TreeSelect/index.tsx

@@ -13,7 +13,7 @@ import React, {
 import { BaseSelectRef } from "rc-select";
 import Icon from "../../Icon";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import { useSelectComposition, useSelectPopupPosition } from "../_hooks";
 import { getElementLeft } from "../_utils";
 import { generateRandomStr } from "hsu-utils";

package/src/components/Select/_components/Prefix/index.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 
 interface PrefixProps {
   prefix: ReactNode;

package/src/components/Select/_components/Suffix/index.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 
 interface SuffixProps {
   suffix: ReactNode;

package/src/components/Select/index.tsx

@@ -4,7 +4,7 @@ import { BaseSelectRef } from "rc-select";
 import { DefaultOptionType } from "antd/es/select";
 import Icon from "../Icon";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import { generateRandomStr } from "hsu-utils";
 import { useSelectComposition, useSelectPopupPosition } from "./_hooks";
 import { getElementLeft, calculatePopupWidth, filterOption } from "./_utils";

package/src/components/Slider/index.tsx

@@ -5,7 +5,7 @@ import {
 import React, { useEffect, useState } from "react";
 
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface SliderProps extends AntdSliderSingleProps {
   topValue?: number;

package/src/components/Spreadsheet/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useRef, useState } from "react";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import XSpreadsheet, { Options } from "x-data-spreadsheet";
 import { Equal, generateRandomStr } from "hsu-utils";
 import "x-data-spreadsheet/dist/xspreadsheet.css";

package/src/components/Switch/index.tsx

@@ -1,7 +1,7 @@
 import { SwitchProps as AntSwitchProps, Switch as AntSwitch } from "antd";
 import React from "react";
 import { SelectOption } from "../Select";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface SwitchProps extends AntSwitchProps {
   options?: SelectOption[];

package/src/components/TabBar/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import { useNavigate } from "@hsu-react/single-router";
 
 export type TabGroupType = TabGroup;

package/src/components/Table/_components/Pagination/index.tsx

@@ -8,7 +8,7 @@ import React, { ReactNode, useMemo, useRef } from "react";
 import { BaseSelectRef } from "rc-select";
 import Icon from "../../../Icon";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import usePaginationSync from "../../_hooks/usePaginationSync";
 
 export interface PaginationProps

package/src/components/Table/_hooks/useTableColumns.tsx

@@ -6,7 +6,7 @@ import { ColumnsType as AntColumnsType } from "antd/lib/table";
 import { cloneDeep } from "lodash";
 import { Tooltip } from "antd";
 import Icon from "../../Icon";
-import styles from "../index.module.less";
+import styles from "../index.module.scss";
 import { SorterResult, TableCurrentDataSource } from "antd/es/table/interface";
 import { TablePaginationConfig } from "antd/es/table/interface";
 import { FilterValue } from "antd/es/table/interface";

package/src/components/Table/index.tsx

@@ -14,7 +14,7 @@ import React, { CSSProperties, ReactNode, useMemo, useRef } from "react";
 import { AnyObject } from "antd/es/_util/type";
 import { generateRandomStr } from "hsu-utils";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import useHideHeaderScrollbar from "./_hooks/useHideHeaderScrollbar";
 import useSetTableHeight from "./_hooks/useSetTableHeight";
 import { ColumnTitleProps } from "antd/lib/table/interface";

package/src/components/Tags/_components/EllipsisTag/index.tsx

@@ -1,7 +1,7 @@
 import { Tag, Tooltip } from "antd";
 import React from "react";
 import { getTagColor } from "../../_utils";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface EllipsisTagProps {
   ellipsisTags: string[];

package/src/components/Tags/_components/MeasureContainer/index.tsx

@@ -1,7 +1,7 @@
 import { Tag } from "antd";
 import React from "react";
 import { getTagColor } from "../../_utils";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface MeasureContainerProps {
   tags: string[];

package/src/components/Tags/index.tsx

@@ -5,7 +5,7 @@ import { useVisibleTags } from "./_hooks";
 import { getTagColor } from "./_utils";
 import EllipsisTag from "./_components/EllipsisTag";
 import MeasureContainer from "./_components/MeasureContainer";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export interface TagsProps {
   className?: string;

package/src/components/TextEllipsis/index.tsx

@@ -1,6 +1,6 @@
 import { Tooltip, TooltipProps } from "antd";
 import { ReactNode, useEffect, useRef, useState } from "react";
-import cssStyles from "./index.module.less";
+import cssStyles from "./index.module.scss";
 
 // 默认 Tooltip 宽度
 const DEFAULT_TOOLTIP_WIDTH = 200;