@hsu-react/ui 0.0.4 → 0.0.5

package/lib/components/Search/SearchCard/_components/CollapseToggle/index.js

@@ -7,7 +7,7 @@ exports.CollapseToggle = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Icon = _interopRequireDefault(require("../../../../Icon"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const CollapseToggle = ({

package/lib/components/Search/SearchCard/_components/OptionRow/ChildrenItems/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _hsuUtils = require("hsu-utils");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../../../_utils");
-var _indexModule = _interopRequireDefault(require("../../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }

package/lib/components/Search/SearchCard/_components/OptionRow/Item/index.js

@@ -10,7 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _antd = require("antd");
 var _Icon = _interopRequireDefault(require("../../../../../Icon"));
 var _utils = require("../../../_utils");
-var _indexModule = _interopRequireDefault(require("../../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }

package/lib/components/Search/SearchCard/_components/OptionRow/index.js

@@ -11,7 +11,7 @@ var _Icon = _interopRequireDefault(require("../../../../Icon"));
 var _hooks = require("../../_hooks");
 var _Item = require("./Item");
 var _ChildrenItems = require("./ChildrenItems");
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }

package/lib/components/Search/SearchCard/_components/SearchBox/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SearchBox = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Input = _interopRequireDefault(require("../../../../Input"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const SearchBox = ({

package/lib/components/Search/SearchCard/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _OptionRow = _interopRequireDefault(require("./_components/OptionRow"));
 var _hooks = require("./_hooks");
 var _SearchBox = require("./_components/SearchBox");

package/lib/components/Search/SearchCollapsible/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _FormItem = _interopRequireDefault(require("../../FormItem"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../index.module.scss"));
 var _hooks = require("../_hooks");
 var _ButtonGroup = require("../_components/ButtonGroup");
 var _SearchButtons = require("../_components/SearchButtons");

package/lib/components/Search/SearchWithFilter/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _FormItem = _interopRequireDefault(require("../../FormItem"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../index.module.scss"));
 var _hooks = require("../_hooks");
 var _ButtonGroup = require("../_components/ButtonGroup");
 var _SearchButtons = require("../_components/SearchButtons");

package/lib/components/Search/SearchWithMore/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _FormItem = _interopRequireDefault(require("../../FormItem"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../index.module.scss"));
 var _hooks = require("../_hooks");
 var _ButtonGroup = require("../_components/ButtonGroup");
 var _SearchButtons = require("../_components/SearchButtons");

package/lib/components/Search/_components/AdvancedFiltersDrawer/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Form = _interopRequireDefault(require("../../../Form"));
 var _icons = require("@ant-design/icons");
 var _Icon = _interopRequireDefault(require("../../../Icon"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const AdvancedFiltersDrawer = ({

package/lib/components/Search/_components/ButtonGroup/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ButtonGroup = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../../../Button"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ButtonGroup = exports.ButtonGroup = /*#__PURE__*/_react.default.forwardRef((props, ref) => {

package/lib/components/Search/_components/CollapseToggle/index.js

@@ -7,7 +7,7 @@ exports.CollapseToggle = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Icon = _interopRequireDefault(require("../../../Icon"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const CollapseToggle = ({

package/lib/components/Search/_components/ExpandButton/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../../../Button"));
 var _icons = require("@ant-design/icons");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ExpandButton = ({

package/lib/components/Search/_components/FilterDropdown/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _Checkbox = _interopRequireDefault(require("../../../Checkbox"));
 var _Icon = _interopRequireDefault(require("../../../Icon"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _Button = _interopRequireDefault(require("../../../Button"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/Search/_hooks/useSearchCommon.js

@@ -13,7 +13,7 @@ var _useSearchForm = require("./useSearchForm");
 var _useAdaptiveColumnNum = require("./useAdaptiveColumnNum");
 var _useSearchExpand = require("./useSearchExpand");
 var _utils = require("../_utils");
-var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../index.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * 提取所有 Search 组件的通用逻辑

package/lib/components/Search/index.js

@@ -8,7 +8,7 @@ var _antd = require("antd");
 var _FormItem = _interopRequireDefault(require("../FormItem"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _hooks = require("./_hooks");
 var _SearchCard = _interopRequireDefault(require("./SearchCard"));
 var _SearchAdvanced = _interopRequireDefault(require("./SearchAdvanced"));

package/lib/components/SecondConf/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Modal = _interopRequireDefault(require("../Modal"));
 var _jsxRuntime = require("react/jsx-runtime");

package/lib/components/Select/AutoCompleteSelect/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _hsuUtils = require("hsu-utils");
 var _Prefix = require("../_components/Prefix");
 var _Suffix = require("../_components/Suffix");

package/lib/components/Select/IconSelect/index.js

@@ -8,7 +8,7 @@ var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../../Icon"));
 var _Input = _interopRequireDefault(require("../../Input"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _antDesign = _interopRequireDefault(require("@iconify/json/json/ant-design.json"));
 var _ep = _interopRequireDefault(require("@iconify/json/json/ep.json"));

package/lib/components/Select/TreeSelect/index.js

@@ -8,7 +8,7 @@ var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../../Icon"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _hooks = require("../_hooks");
 var _utils = require("../_utils");
 var _hsuUtils = require("hsu-utils");

package/lib/components/Select/_components/Prefix/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Prefix = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Prefix = ({

package/lib/components/Select/_components/Suffix/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Suffix = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Suffix = ({

package/lib/components/Select/index.js

@@ -8,7 +8,7 @@ var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _hsuUtils = require("hsu-utils");
 var _hooks = require("./_hooks");
 var _utils = require("./_utils");

package/lib/components/Slider/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }

package/lib/components/Spreadsheet/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _xDataSpreadsheet = _interopRequireDefault(require("x-data-spreadsheet"));
 var _hsuUtils = require("hsu-utils");
 require("x-data-spreadsheet/dist/xspreadsheet.css");

package/lib/components/Switch/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Switch = props => {

package/lib/components/TabBar/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _singleRouter = require("@hsu-react/single-router");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/Table/_components/Pagination/index.js

@@ -8,7 +8,7 @@ var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../../../Icon"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _usePaginationSync = _interopRequireDefault(require("../../_hooks/usePaginationSync"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/Table/_hooks/useTableColumns.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _lodash = require("lodash");
 var _antd = require("antd");
 var _Icon = _interopRequireDefault(require("../../Icon"));
-var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../index.module.scss"));
 var _hsuUtils = require("hsu-utils");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _tableUtils = require("../_utils/tableUtils");

package/lib/components/Table/index.js

@@ -16,7 +16,7 @@ var _Pagination = _interopRequireDefault(require("./_components/Pagination"));
 var _react = _interopRequireWildcard(require("react"));
 var _hsuUtils = require("hsu-utils");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _useHideHeaderScrollbar = _interopRequireDefault(require("./_hooks/useHideHeaderScrollbar"));
 var _useSetTableHeight = _interopRequireDefault(require("./_hooks/useSetTableHeight"));
 var _useAutoScrolling = _interopRequireDefault(require("./_hooks/useAutoScrolling"));

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../_utils");
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**

package/lib/components/Tags/_components/MeasureContainer/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../_utils");
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**

package/lib/components/Tags/index.js

@@ -11,7 +11,7 @@ var _hooks = require("./_hooks");
 var _utils = require("./_utils");
 var _EllipsisTag = _interopRequireDefault(require("./_components/EllipsisTag"));
 var _MeasureContainer = _interopRequireDefault(require("./_components/MeasureContainer"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }

package/lib/components/TextEllipsis/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _antd = require("antd");
 var _react = require("react");
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // 默认 Tooltip 宽度

package/lib/components/Tree/_components/TitleSearchBar/index.js

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _Input = _interopRequireDefault(require("../../../Input"));
 var _Icon = _interopRequireDefault(require("../../../Icon"));
 var _Button = _interopRequireDefault(require("../../../Button"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }

package/lib/components/Tree/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _hsuUtils = require("hsu-utils");
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _TitleSearchBar = _interopRequireDefault(require("./_components/TitleSearchBar"));
 var _useTreeSearch = require("./_hooks/useTreeSearch");

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

@@ -10,7 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _Button = _interopRequireDefault(require("../../../Button"));
 var _hsuUtils = require("hsu-utils");
 var _FilePreview = require("../../../FilePreview");
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const UploadedItem = ({

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

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Button = _interopRequireDefault(require("../../../Button"));
-var _indexModule = _interopRequireDefault(require("../../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../../index.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const UploadingItem = ({

package/lib/components/Upload/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _hsuUtils = require("hsu-utils");
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _FilePreview = _interopRequireDefault(require("../FilePreview"));
 var _hooks = require("./_hooks");

package/lib/styles/utils.scss

@@ -0,0 +1,81 @@
+/* =========================================================
+ * utils.scss
+ * Design: 1366 x 768
+ * Rule:   x/width -> vw, y/height -> vh
+ * Mode:   function (return calc() expressions)
+ *
+ * Usage:
+ *   .banner {
+ *     background-size: 100% vh(239);
+ *   }
+ *
+ *   .box {
+ *     width: vw(600);
+ *     height: vh(300);
+ *   }
+ * ========================================================= */
+
+$design-w: 1366;
+$design-h: 768;
+
+/* -------------------------
+ * vw (width/x-axis)
+ * ------------------------- */
+@function vw($px) {
+  @return calc((#{$px} / #{$design-w}) * 100vw);
+}
+
+@function vw2($a, $b) {
+  @return calc((#{$a} / #{$design-w}) * 100vw) calc((#{$b} / #{$design-w}) * 100vw);
+}
+
+@function vw3($a, $b, $c) {
+  @return calc((#{$a} / #{$design-w}) * 100vw) calc((#{$b} / #{$design-w}) * 100vw)
+    calc((#{$c} / #{$design-w}) * 100vw);
+}
+
+@function vw4($t, $r, $b, $l) {
+  @return calc((#{$t} / #{$design-w}) * 100vw) calc((#{$r} / #{$design-w}) * 100vw)
+    calc((#{$b} / #{$design-w}) * 100vw) calc((#{$l} / #{$design-w}) * 100vw);
+}
+
+/* -------------------------
+ * vh (height/y-axis)
+ * ------------------------- */
+@function vh($px) {
+  @return calc((#{$px} / #{$design-h}) * 100vh);
+}
+
+@function vh2($a, $b) {
+  @return calc((#{$a} / #{$design-h}) * 100vh) calc((#{$b} / #{$design-h}) * 100vh);
+}
+
+@function vh3($a, $b, $c) {
+  @return calc((#{$a} / #{$design-h}) * 100vh) calc((#{$b} / #{$design-h}) * 100vh)
+    calc((#{$c} / #{$design-h}) * 100vh);
+}
+
+@function vh4($t, $r, $b, $l) {
+  @return calc((#{$t} / #{$design-h}) * 100vh) calc((#{$r} / #{$design-h}) * 100vh)
+    calc((#{$b} / #{$design-h}) * 100vh) calc((#{$l} / #{$design-h}) * 100vh);
+}
+
+/* =========================================================
+ * Examples (delete if you want)
+ * ========================================================= */
+/*
+.banner {
+  background-size: 100% vh(239);
+}
+
+.card {
+  padding: vw4(24, 32, 24, 32);
+  border-radius: vh(16);
+}
+
+.modal {
+  width: vw(600);
+  height: vh(400);
+  transform: translateY(vh(50));
+}
+*/

package/lib/typings.d.ts

@@ -1,8 +1,8 @@
 // 环境声明：为构建期类型检查 / 声明文件生成补充缺失的模块类型。
 // 仅提供类型，不影响运行时行为。
 
-// CSS / Less Modules
-declare module "*.module.less" {
+// CSS / Sass Modules
+declare module "*.module.scss" {
   const classes: { readonly [key: string]: string };
   export default classes;
 }
@@ -10,7 +10,7 @@ declare module "*.module.css" {
   const classes: { readonly [key: string]: string };
   export default classes;
 }
-declare module "*.less" {
+declare module "*.scss" {
   const content: string;
   export default content;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hsu-react/ui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "一套基于 React + Ant Design 的中后台业务组件库",
   "license": "MIT",
   "type": "module",
@@ -32,7 +32,7 @@
     "src"
   ],
   "sideEffects": [
-    "*.less",
+    "*.scss",
     "*.css",
     "*.png",
     "*.svg"
@@ -129,11 +129,11 @@
     "antd": "5.24.3",
     "dumi": "^2.4.0",
     "father": "^4.5.0",
-    "less": "^4.2.0",
     "mobx": "^6.12.3",
     "mobx-react-lite": "^4.0.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "sass": "^1.101.0",
     "typescript": "^5.4.5"
   }
 }

package/src/components/Button/ChakraButton/index.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from "react";
 import { Button, ButtonProps } from "@chakra-ui/react";
 import usePermissions from "../../../hooks/usePermissions";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import classNames from "classnames";
 
 export interface ChakraButtonProps extends ButtonProps {

package/src/components/Button/index.tsx

@@ -3,7 +3,7 @@ import { Button as AntdButton, ButtonProps as AntdButtonProps } from "antd";
 import React from "react";
 import usePermissions from "../../hooks/usePermissions";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import ChakraButton, { ChakraButtonProps } from "./ChakraButton";
 
 export type { ChakraButtonProps };

package/src/components/ChainGraph/_components/ExpandButtons/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Button from "../../../Button";
 import classNames from "classnames";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 interface ExpandButtonsProps {
   onExpand: () => void;

package/src/components/ChainGraph/_components/SearchSelect/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import Select from "../../../Select";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 
 interface SearchSelectProps {
   onChange: (value: string) => void;

package/src/components/ChainGraph/index.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo, useState } from "react";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import {
   TreeGraphData as G6TreeGraphData,
   IGroup,

package/src/components/Chart/Bar/index.tsx

@@ -8,7 +8,7 @@ import {
 } from "..";
 import React, { useCallback, useEffect, useMemo, useRef } from "react";
 
-import styles from "../index.module.less";
+import styles from "../index.module.scss";
 import { autoScrollLegend } from "../_utils/autoScrollLegend";
 import { autoScrollByItem } from "../_utils/autoSmooth";
 import {

package/src/components/Chart/Bubble/index.tsx

@@ -5,7 +5,7 @@ import React, {
   useRef,
   useState,
 } from "react";
-import styles from "../index.module.less";
+import styles from "../index.module.scss";
 import { ChartCommonProps, ChartOptionType, ChartsOption } from "..";
 import * as echarts from "echarts";
 import {

package/src/components/Chart/Common/index.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useRef } from "react";
-import styles from "../index.module.less";
+import styles from "../index.module.scss";
 import { ChartCommonProps, ChartOptionType, ChartsOption } from "..";
 import * as echarts from "echarts";