@hsu-react/ui 0.0.4 → 0.0.7

package/es/components/Switch/index.js

@@ -9,7 +9,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Switch as AntSwitch } from "antd";
 import React from "react";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Switch = function Switch(props) {
   var _options$find, _options$find2;

package/es/components/TabBar/index.js

@@ -10,7 +10,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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";
 import { jsx as _jsx } from "react/jsx-runtime";
 var TabBar = function TabBar(props) {

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

@@ -14,7 +14,7 @@ import { Pagination as AntdPagination, Select } from "antd";
 import React, { useMemo, useRef } from "react";
 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";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

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

@@ -14,7 +14,7 @@ import { useCallback, useMemo, useEffect, useState } from "react";
 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 { get_string_size } from "hsu-utils";
 import classNames from "classnames";
 import { getDepartmentRowSpan, HELP_TOOLTIP_CONFIG } from "../_utils/tableUtils";
@@ -22,6 +22,25 @@ import usePermissions from "../../../hooks/usePermissions";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+// measureAlign 列：与表体、autoWidth 标题测量一致，统一按 14px 测量
+var MEASURE_ALIGN_FONT_SIZE = 14;
+// Canvas measureText 仅返回 advance width，较 DOM 实际渲染偏窄约 1px，补 2px 缓冲避免最宽行被挤压
+var MEASURE_ALIGN_BUFFER_PX = 2;
+
+// 计算 measureAlign 列的定宽（取本列所有行展示文本的最大像素宽）
+var getMeasureAlignWidth = function getMeasureAlignWidth(column, dataSource) {
+  if (!(dataSource !== null && dataSource !== void 0 && dataSource.length)) return 0;
+  var measureText = column.measureText,
+    dataIndex = column.dataIndex;
+  var max = dataSource.reduce(function (acc, record) {
+    var _ref;
+    var text = measureText ? measureText(record) : String((_ref = dataIndex ? record[dataIndex] : "") !== null && _ref !== void 0 ? _ref : "");
+    return Math.max(acc, get_string_size(text, {
+      size: MEASURE_ALIGN_FONT_SIZE
+    }).width);
+  }, 0);
+  return max > 0 ? Math.ceil(max) + MEASURE_ALIGN_BUFFER_PX : 0;
+};
 var useTableColumns = function useTableColumns(params) {
   var _params$columns = params.columns,
     columns = _params$columns === void 0 ? [] : _params$columns,
@@ -77,10 +96,10 @@ var useTableColumns = function useTableColumns(params) {
     var _cloned$map;
     var cloned = cloneDeep(columns);
     var newColumns = cloned === null || cloned === void 0 || (_cloned$map = cloned.map(function (item, idx) {
-      var _ref, _item$key;
+      var _ref2, _item$key;
       return _objectSpread(_objectSpread({}, item), {}, {
         width: !item.width ? "100%" : item.width,
-        key: (_ref = (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : item.dataIndex) !== null && _ref !== void 0 ? _ref : "col_".concat(idx),
+        key: (_ref2 = (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : item.dataIndex) !== null && _ref2 !== void 0 ? _ref2 : "col_".concat(idx),
         hidden: !checkPermission(item.hasPermi) || item.hidden,
         ellipsis: typeof item.ellipsis === "boolean" ? item.ellipsis : true
       });
@@ -220,12 +239,33 @@ var useTableColumns = function useTableColumns(params) {
     return (_enhancedColumns3 = enhancedColumns) === null || _enhancedColumns3 === void 0 ? void 0 : _enhancedColumns3.map(function (column) {
       var orderKey = column.orderKey || column.dataIndex;
       var isOrderColumn = orderKey && orderKey !== "serialNumber";
+
+      // measureAlign 列：把展示内容包进定宽右对齐块（块随列 align 居中），各行右边缘对齐。
+      // 不适用于 render 返回 { children, rowSpan } 这类 RenderedCell 的合并单元格场景。
+      var render = column.render;
+      if (column.measureAlign) {
+        var cellWidth = getMeasureAlignWidth(column, dataSource);
+        if (cellWidth > 0) {
+          var innerRender = column.render;
+          render = function render(value, record, index) {
+            return /*#__PURE__*/_jsx("span", {
+              style: {
+                display: "inline-block",
+                width: cellWidth,
+                textAlign: "right"
+              },
+              children: innerRender ? innerRender(value, record, index) : value
+            });
+          };
+        }
+      }
       return _objectSpread(_objectSpread({
         showSorterTooltip: false,
         sorter: typeof sorter === "boolean" ? sorter : isOrderColumn ? true : false
       }, column), {}, {
         orderKey: orderKey,
         title: renderColumnTitle(column),
+        render: render,
         children: column !== null && column !== void 0 && column.children ? renderColumns(column.children) : undefined,
         onCell: function onCell(record, index) {
           var _column$onCell;
@@ -241,7 +281,7 @@ var useTableColumns = function useTableColumns(params) {
         sortOrder: (order === null || order === void 0 ? void 0 : order.k) === orderKey ? (order === null || order === void 0 ? void 0 : order.t) === "desc" ? "descend" : "ascend" : undefined
       });
     });
-  }, [enhanceColumns, serialNumberColumn, _columns, tableWidth, pagination, _pageNum, _pageSize, bordered, rowSelection, expandable, sorter, renderColumnTitle, order, mergeRowDataSource]);
+  }, [enhanceColumns, serialNumberColumn, _columns, tableWidth, pagination, _pageNum, _pageSize, bordered, rowSelection, expandable, sorter, renderColumnTitle, order, mergeRowDataSource, dataSource]);
 
   // 缓存渲染后的列配置
   var renderedColumns = useMemo(function () {

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

@@ -24,6 +24,16 @@ export interface ColumnType<RecordType> extends AntColumnType<RecordType> {
     orderKey?: string;
     fixedWidth?: boolean;
     ellipsisPosition?: "start" | "end";
+    /**
+     * 定宽对齐列：列标题随 align 居中，单元格内容放进按本列最宽内容
+     * 测量出的定宽块内右对齐，使各行右边缘对齐、整体在列内居中（适合数字/金额列）。
+     */
+    measureAlign?: boolean;
+    /**
+     * measureAlign 列测量宽度所用的文本。默认取 dataIndex 原始值；当单元格由 render
+     * 产出复合/JSX 内容（无法从 dataIndex 直接得到展示文本）时，用它提供与展示一致的文本。
+     */
+    measureText?: (record: RecordType) => string;
 }
 export interface ColumnsGroupType<RecordType> extends Omit<AntColumnGroupType<RecordType>, "children"> {
     title?: string;
@@ -39,6 +49,8 @@ export interface ColumnsGroupType<RecordType> extends Omit<AntColumnGroupType<Re
     orderKey?: string;
     fixedWidth?: boolean;
     ellipsisPosition?: "start" | "end";
+    measureAlign?: boolean;
+    measureText?: (record: RecordType) => string;
 }
 export type ColumnsType<RecordType = AnyObject> = (ColumnType<RecordType> | ColumnsGroupType<RecordType>)[];
 export interface TableProps<RecordType = AnyObject> extends Omit<AntdTableProps<RecordType>, "scroll" | "pagination" | "columns"> {

package/es/components/Table/index.js

@@ -14,7 +14,7 @@ import Pagination from "./_components/Pagination";
 import React, { useMemo, useRef } from "react";
 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 useAutoScrolling from "./_hooks/useAutoScrolling";

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

@@ -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";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 /**

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

@@ -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";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 用于测量标签宽度的隐藏容器

package/es/components/Tags/index.js

@@ -9,7 +9,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";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/es/components/TextEllipsis/index.js

@@ -15,7 +15,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Tooltip } from "antd";
 import { useEffect, useRef, useState } from "react";
-import cssStyles from "./index.module.less";
+import cssStyles from "./index.module.scss";
 
 // 默认 Tooltip 宽度
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -9,7 +9,7 @@ import classNames from "classnames";
 import Input from "../../../Input";
 import Icon from "../../../Icon";
 import Button from "../../../Button";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var TitleSearchBar = function TitleSearchBar(_ref) {

package/es/components/Tree/index.js

@@ -16,7 +16,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Tree as AntdTree } from "antd";
 import React, { useMemo, useCallback, useEffect, useRef } from "react";
 import { generateRandomStr } from "hsu-utils";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import classNames from "classnames";
 import TitleSearchBar from "./_components/TitleSearchBar";
 import { useTreeSearch } from "./_hooks/useTreeSearch";

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

@@ -11,7 +11,7 @@ import Button from "../../../Button";
 import { downloadFile } from "hsu-utils";
 import { deepCopy } from "hsu-utils";
 import { FilePreviewTypeArr } from "../../../FilePreview";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var UploadedItem = function UploadedItem(_ref) {

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

@@ -8,7 +8,7 @@ import React from "react";
 import { Progress, Tooltip, Popconfirm } from "antd";
 import classNames from "classnames";
 import Button from "../../../Button";
-import styles from "../../index.module.less";
+import styles from "../../index.module.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var UploadingItem = function UploadingItem(_ref) {

package/es/components/Upload/index.js

@@ -13,7 +13,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Upload as AntdUpload } from "antd";
 import React, { useCallback } from "react";
 import { deepCopy } from "hsu-utils";
-import styles from "./index.module.less";
+import styles from "./index.module.scss";
 import classNames from "classnames";
 import FilePreview from "../FilePreview";
 import { useUploadFileList, useUploadOperations, useUploadPreview } from "./_hooks";

package/es/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/es/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/lib/components/Button/ChakraButton/index.js

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

package/lib/components/Button/index.js

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

package/lib/components/ChainGraph/_components/ExpandButtons/index.js

@@ -7,7 +7,7 @@ exports.ExpandButtons = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../../../Button"));
 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 ExpandButtons = ({

package/lib/components/ChainGraph/_components/SearchSelect/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SearchSelect = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Select = _interopRequireDefault(require("../../../Select"));
-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 SearchSelect = ({

package/lib/components/ChainGraph/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 _mobxReactLite = require("mobx-react-lite");
 var _hsuUtils = require("hsu-utils");
 var _antd = require("antd");

package/lib/components/Chart/Bar/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var echarts = _interopRequireWildcard(require("echarts"));
 var _react = _interopRequireWildcard(require("react"));
-var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../index.module.scss"));
 var _autoScrollLegend = require("../_utils/autoScrollLegend");
 var _autoSmooth = require("../_utils/autoSmooth");
 var _cartesian = require("../_utils/cartesian");

package/lib/components/Chart/Bubble/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 echarts = _interopRequireWildcard(require("echarts"));
 var _bubble = require("../_utils/bubble");
 var _jsxRuntime = require("react/jsx-runtime");

package/lib/components/Chart/Common/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 echarts = _interopRequireWildcard(require("echarts"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/Chart/Gauge/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var echarts = _interopRequireWildcard(require("echarts"));
 var _react = _interopRequireWildcard(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 }; }
 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/Chart/Group/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _2 = _interopRequireDefault(require(".."));
 var _react = _interopRequireWildcard(require("react"));
 var _FlexFill = _interopRequireDefault(require("../../FlexFill"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 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; }

package/lib/components/Chart/Heatmap/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 echarts = _interopRequireWildcard(require("echarts"));
 var _heatmap = require("../_utils/heatmap");
 var _jsxRuntime = require("react/jsx-runtime");

package/lib/components/Chart/Line/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var echarts = _interopRequireWildcard(require("echarts"));
 var _react = _interopRequireWildcard(require("react"));
-var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../index.module.scss"));
 var _autoScrollLegend = require("../_utils/autoScrollLegend");
 var _autoSmooth = require("../_utils/autoSmooth");
 var _cartesian = require("../_utils/cartesian");

package/lib/components/Chart/Pie/Pie3D/index.js

@@ -9,7 +9,7 @@ require("echarts-gl");
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("./_hooks");
 var _option = require("./_utils/option");
-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/Chart/Pie/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var echarts = _interopRequireWildcard(require("echarts"));
 var _react = _interopRequireWildcard(require("react"));
 var _chartUtils = require("../chartUtils");
-var _indexModule = _interopRequireDefault(require("../index.module.less"));
+var _indexModule = _interopRequireDefault(require("../index.module.scss"));
 var _Pie3D = _interopRequireDefault(require("./Pie3D"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/Chart/Polar/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var echarts = _interopRequireWildcard(require("echarts"));
 var _react = _interopRequireWildcard(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 }; }
 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/Chart/Radar/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var echarts = _interopRequireWildcard(require("echarts"));
 var _react = _interopRequireWildcard(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 }; }
 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/Chart/Sankey/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 echarts = _interopRequireWildcard(require("echarts"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/Chart/Tree/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 echarts = _interopRequireWildcard(require("echarts"));
 var _hsuUtils = require("hsu-utils");
 var _tree = require("../_utils/tree");

package/lib/components/Chat/ChatHistory/_components/HistoryGroup/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 _HistoryItem = _interopRequireDefault(require("../HistoryItem"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/Chat/ChatHistory/_components/HistoryItem/index.js

@@ -10,7 +10,7 @@ var _antd = require("antd");
 var _Icon = _interopRequireDefault(require("../../../../Icon"));
 var _Input = _interopRequireDefault(require("../../../../Input"));
 var _SecondConf = _interopRequireDefault(require("../../../../SecondConf"));
-var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
 var _utils = require("../../_utils");
 var _TextEllipsis = _interopRequireDefault(require("../../../../TextEllipsis"));
 var _jsxRuntime = require("react/jsx-runtime");

package/lib/components/Chat/ChatHistory/_components/NewChatButton/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 _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/Chat/ChatHistory/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 _components = require("./_components");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/Chat/ChatInput/_components/AgentToggleButton/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 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 AgentToggleButton = ({

package/lib/components/Chat/ChatInput/_components/FileList/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 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 FileList = ({

package/lib/components/Chat/ChatInput/_components/SendButton/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _antd = require("antd");
 var _Button = _interopRequireDefault(require("../../../../Button"));
 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 SendButton = ({

package/lib/components/Chat/ChatInput/_components/StopButton/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 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 StopButton = props => {