@hsu-react/ui 0.0.4 → 0.0.7

package/src/components/FilePreview/_components/PdfPreview/index.tsx

@@ -4,7 +4,7 @@ import { Spin, notification } from "antd";
 import Icon from "../../../Icon";
 import { RenderPDF } from "hsu-utils";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 const workerUrl = "/pdf.worker.min.js";
 

package/src/components/FilePreview/_components/TextPreview/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Icon from "../../../Icon";
 import classNames from "classnames";
-import styles from "../BasePreview/index.module.less";
+import styles from "../BasePreview/index.module.scss";
 
 interface TextPreviewProps {
   text?: string;

package/src/components/FilePreview/_components/VideoPreview/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Icon from "../../../Icon";
 import classNames from "classnames";
-import styles from "../BasePreview/index.module.less";
+import styles from "../BasePreview/index.module.scss";
 
 interface VideoPreviewProps {
   fileUrl?: string;

package/src/components/FilePreview/_components/XlsxPreview/index.tsx

@@ -3,7 +3,7 @@ import Icon from "../../../Icon";
 import Spreadsheet from "../../../Spreadsheet";
 import { WorkBook } from "xlsx";
 import classNames from "classnames";
-import styles from "../BasePreview/index.module.less";
+import styles from "../BasePreview/index.module.scss";
 
 interface XlsxPreviewProps {
   xlsxData?: WorkBook;

package/src/components/Form/DrawerForm/index.tsx

@@ -10,7 +10,7 @@ import React, { useEffect } from "react";
 import Icon from "../../Icon";
 import { ItemContainerProps } from "../../FormItem/ItemContainer";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import useLabelWidth from "../../../hooks/useLabelWidth";
 import usePermissions from "../../../hooks/usePermissions";
 

package/src/components/Form/ImportForm/index.tsx

@@ -10,7 +10,7 @@ import { UploadProps } from "../../FormItem/FormUpload";
 import { downloadFile } from "hsu-utils";
 import { get } from "../../../request";
 import { observer } from "mobx-react-lite";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import useLabelWidth from "../../../hooks/useLabelWidth";
 import usePermissions from "../../../hooks/usePermissions";
 import Modal, { ModalProps } from "../../Modal";

package/src/components/Form/ModalForm/index.tsx

@@ -8,7 +8,7 @@ import FormItem, {
 import React, { useEffect, useRef } from "react";
 
 import { ItemContainerProps } from "../../FormItem/ItemContainer";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import usePermissions from "../../../hooks/usePermissions";
 import { useFormItems } from "./_hooks/useFormItems";
 import { FormRef } from "rc-field-form";

package/src/components/FormItem/FormCheckbox/FormCheckboxGroup/index.tsx

@@ -2,7 +2,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";
 import Checkbox, { CheckboxGroupProps } from "../../../Checkbox";
 
 export interface FormCheckboxGroupProps extends ItemContainerProps {

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

@@ -2,7 +2,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";
 import Checkbox, { CheckboxProps } from "../../Checkbox";
 import FormCheckboxGroup, { FormCheckboxGroupProps } from "./FormCheckboxGroup";
 

package/src/components/FormItem/FormDatePicker/FormRangePicker/index.tsx

@@ -2,7 +2,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";
 import DatePicker from "../../../DatePicker";
 import { RangePickerProps } from "../../../DatePicker/RangePicker";
 

package/src/components/FormItem/FormDatePicker/FormStepPicker/index.tsx

@@ -2,7 +2,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";
 import DatePicker from "../../../DatePicker";
 import { StepPickerProps } from "../../../DatePicker/StepPicker";
 

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

@@ -5,7 +5,7 @@ import FormStepPicker, { FormStepPickerProps } from "./FormStepPicker";
 
 import React from "react";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 export type { FormRangePickerProps, FormStepPickerProps };
 

package/src/components/FormItem/FormInput/FormPasswordStrength/index.tsx

@@ -2,7 +2,7 @@ import Input, { InputProps as BasicInputProps } from "../../../Input";
 import ItemContainer, { ItemContainerProps } from "../../ItemContainer";
 import React, { useState } from "react";
 
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import zxcvbn from "zxcvbn";
 
 interface InputProps extends BasicInputProps {}

package/src/components/FormItem/FormRadio/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";
 
 interface RadioGroupProps extends AntdRadioGroupProps {
   radioStyle?: "rect" | "circle";

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";

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;