@zykj2024/much-library 1.1.7-beta.4 → 1.1.7-beta.6

package/dist/{esm/McContainer → McContainer}/index.js

@@ -1,12 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useUpdateEffect } from '@zykj2024/much-hooks';
+import { useUpdateEffect } from "../../packages/hooks/src";
 import { Button, Spin, Table } from 'antd';
 import { isNumber } from 'lodash';
 import { CaretDownFilled, DoubleLeftOutlined } from 'much-icons';
 import { Children, cloneElement, forwardRef, isValidElement, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import "./index.less";
+import "./index.css";
 
 /** 请求参数 */
 

package/dist/McContainer/mock/index.d.ts

@@ -0,0 +1,21 @@
+export type I_ListItem = {
+    id: number;
+    name?: string;
+    age?: number;
+    city?: string;
+    date?: string;
+    funny?: string;
+    address?: string;
+    phone?: string;
+    email?: string;
+    desc?: string;
+};
+/** 列表数据源 */
+export declare const tableData: I_ListItem[];
+/** 获取列表数据 */
+export declare const fetchMockRequest: (values?: any) => Promise<{
+    data: any;
+    total: number;
+}>;
+/** 删除某条列表数据 */
+export declare const deleteMockRequest: (id: number) => Promise<void>;

package/dist/McContainer/mock/index.js

@@ -0,0 +1,50 @@
+/** 列表数据源 */
+export var tableData = Array.from({
+  length: 21
+}, function (_, index) {
+  return {
+    id: index + 1,
+    name: "\u59D3\u540D".concat(index + 1),
+    age: 18 + index,
+    city: "\u57CE\u5E02".concat(index + 1),
+    date: "2025-01-0".concat(index + 1, " 12:00:00"),
+    funny: "\u7231\u597D".concat(index + 1),
+    address: "\u5730\u5740".concat(index + 1),
+    phone: "\u7535\u8BDD".concat(index + 1),
+    email: "\u90AE\u7BB1".concat(index + 1),
+    desc: "\u63CF\u8FF0".concat(index + 1)
+  };
+});
+
+/** 获取列表数据 */
+export var fetchMockRequest = function fetchMockRequest(values) {
+  var _ref = values !== null && values !== void 0 ? values : {},
+    current = _ref.current,
+    pageSize = _ref.pageSize;
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      var data = tableData;
+      if (current && pageSize) {
+        var startIndex = (values.current - 1) * values.pageSize;
+        var endIndex = startIndex + values.pageSize;
+        data = tableData.slice(startIndex, endIndex);
+      }
+      resolve({
+        data: data,
+        total: tableData === null || tableData === void 0 ? void 0 : tableData.length
+      });
+    }, 1000);
+  });
+};
+
+/** 删除某条列表数据 */
+export var deleteMockRequest = function deleteMockRequest(id) {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      tableData.splice(tableData.findIndex(function (item) {
+        return item.id === id;
+      }), 1);
+      resolve();
+    }, 1000);
+  });
+};

package/dist/McDateRange/demo/base.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 基础用法
+ * description: 除值传递方式为字符串数组外，基本使用方法和antd的<a href='https://ant-design.antgroup.com/components/date-picker-cn#components-date-picker-demo-preset-ranges' target='_blank'>DatePicker.RangePicker</a>组件使用方法一致。
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McDateRange/demo/base.js

@@ -0,0 +1,22 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 基础用法
+ * description: 除值传递方式为字符串数组外，基本使用方法和antd的<a href='https://ant-design.antgroup.com/components/date-picker-cn#components-date-picker-demo-preset-ranges' target='_blank'>DatePicker.RangePicker</a>组件使用方法一致。
+ */
+
+import { McDateRange } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsx(McDateRange, {
+    value: value,
+    style: {
+      width: '330px'
+    },
+    onChange: setValue
+  });
+});

package/dist/McDateRange/demo/cancelPresets.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 取消当前快捷设置
+ * description: 通过手动取消当前组件内部自定义的时间段预设可以将组件变为为一个值传递格式为字符串数组的普通时间段选择器。
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McDateRange/demo/cancelPresets.js

@@ -0,0 +1,23 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 取消当前快捷设置
+ * description: 通过手动取消当前组件内部自定义的时间段预设可以将组件变为为一个值传递格式为字符串数组的普通时间段选择器。
+ */
+
+import { McDateRange } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsx(McDateRange, {
+    value: value,
+    onChange: setValue,
+    style: {
+      width: '330px'
+    },
+    presets: false
+  });
+});

package/dist/McDateRange/demo/overlap.js

@@ -0,0 +1,32 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 覆盖默认预设
+ * description: 因为组件本质上就是提供了常用的时间段预设，所以可以使用自定义的时间段预设对其进行覆盖。
+ */
+import dayjs from 'dayjs';
+import { McDateRange } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsx(McDateRange, {
+    value: value,
+    onChange: setValue,
+    style: {
+      width: '330px'
+    },
+    presets: [{
+      label: 'Yesterday',
+      value: [dayjs().add(-1, 'd'), dayjs()]
+    }, {
+      label: 'Last Week',
+      value: [dayjs().add(-7, 'd'), dayjs()]
+    }, {
+      label: 'Last Month',
+      value: [dayjs().add(-1, 'month'), dayjs()]
+    }]
+  });
+});

package/dist/McDateRange/index.css

@@ -0,0 +1,31 @@
+.mc-date-range__label {
+  color: #262626;
+  font-size: 14px;
+  position: absolute;
+  top: 0;
+  left: 11px;
+  z-index: 2;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+.mc-date-range__label::after {
+  content: '\FF1A';
+  margin-left: 2px;
+}
+.mc-date-range__label.mc-date-range--disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: no-drop;
+}
+.mc-date-range__content {
+  width: 100%;
+  height: 100%;
+}
+.mc-date-range__preset-label {
+  margin: -1px -8px;
+  padding: 1px 8px;
+}

package/dist/{esm/McDateRange → McDateRange}/index.js

@@ -5,7 +5,7 @@ var _excluded = ["style", "className", "label", "valueFormat", "value", "onChang
 import { DatePicker } from 'antd';
 import dayjs from 'dayjs';
 import { forwardRef, useEffect, useRef, useState } from 'react';
-import "./index.less";
+import "./index.css";
 
 /* 快捷选择日期对应值的映射集合 */
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist/McEllipsis/demo/base.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 基本使用
+ * description: 单行末尾省略<br>设置 `rows` 多行末尾省略
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McEllipsis/demo/base.js

@@ -0,0 +1,22 @@
+/**
+ * title: 基本使用
+ * description: 单行末尾省略<br>设置 `rows` 多行末尾省略
+ */
+
+import { McEllipsis } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: 240
+    },
+    children: [/*#__PURE__*/_jsx(McEllipsis, {
+      text: '单行末尾省略：' + longText
+    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
+      text: '3行末尾省略：' + longText,
+      rows: 3
+    })]
+  });
+});

package/dist/McEllipsis/demo/middle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 中间省略
+ * description: 设置 `middle` 使用中间省略<br>设置 `suffixCount` 结尾显示的字个数
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McEllipsis/demo/middle.js

@@ -0,0 +1,24 @@
+/**
+ * title: 中间省略
+ * description: 设置 `middle` 使用中间省略<br>设置 `suffixCount` 结尾显示的字个数
+ */
+
+import { McEllipsis } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: 240
+    },
+    children: [/*#__PURE__*/_jsx(McEllipsis, {
+      text: '中间省略：' + longText,
+      middle: true
+    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
+      text: '结尾显示10个字：' + longText,
+      middle: true,
+      suffixCount: 10
+    })]
+  });
+});

package/dist/McEllipsis/demo/table.d.ts

@@ -0,0 +1,5 @@
+/**
+ * title: 表格内使用
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McEllipsis/demo/table.js

@@ -0,0 +1,93 @@
+/**
+ * title: 表格内使用
+ */
+
+import { Table } from 'antd';
+import { McEllipsis } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
+  var dataSource = [];
+  for (var i = 0; i < 100; i++) {
+    dataSource.push({
+      id: i,
+      column1: '单行末尾省略 ' + longText + i,
+      column2: '单行中间省略 ' + longText + i,
+      column3: '3行末尾省略 ' + longText + i,
+      column4: '3行末尾省略可复制 ' + longText + i,
+      column5: '自定义提示内容 ' + longText + i,
+      column6: '2行末尾省略不提示 ' + longText + i
+    });
+  }
+  var columns = [{
+    title: '单行末尾省略',
+    dataIndex: 'column1',
+    width: 120,
+    render: function render(_) {
+      return /*#__PURE__*/_jsx(McEllipsis, {
+        text: _
+      });
+    }
+  }, {
+    title: '单行中间省略',
+    dataIndex: 'column2',
+    width: 120,
+    render: function render(_) {
+      return /*#__PURE__*/_jsx(McEllipsis, {
+        text: _,
+        middle: true
+      });
+    }
+  }, {
+    title: '3行末尾省略',
+    dataIndex: 'column3',
+    width: 120,
+    render: function render(_) {
+      return /*#__PURE__*/_jsx(McEllipsis, {
+        text: _,
+        rows: 3
+      });
+    }
+  }, {
+    title: '3行末尾省略可复制',
+    dataIndex: 'column4',
+    width: 140,
+    render: function render(_) {
+      return /*#__PURE__*/_jsx(McEllipsis, {
+        text: _,
+        rows: 3,
+        copyable: true
+      });
+    }
+  }, {
+    title: '自定义提示内容',
+    dataIndex: 'column5',
+    width: 120,
+    render: function render(_) {
+      return /*#__PURE__*/_jsx(McEllipsis, {
+        text: _,
+        tooltip: "\u6211\u662F\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9"
+      });
+    }
+  }, {
+    title: '2行末尾省略不提示',
+    dataIndex: 'column6',
+    width: 140,
+    render: function render(_) {
+      return /*#__PURE__*/_jsx(McEllipsis, {
+        text: _,
+        rows: 2,
+        tooltip: false
+      });
+    }
+  }];
+  return /*#__PURE__*/_jsx(Table, {
+    size: "small",
+    columns: columns,
+    dataSource: dataSource,
+    rowKey: "id",
+    scroll: {
+      y: 300
+    }
+  });
+});

package/dist/McEllipsis/demo/tooltip-size.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 提示框宽高
+ * description: 设置 `tooltipMaxWidth` 和 `tooltipMaxHeight` 可控制提示框最大宽高，避免内容过多时显示异常
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McEllipsis/demo/tooltip-size.js

@@ -0,0 +1,20 @@
+/**
+ * title: 提示框宽高
+ * description: 设置 `tooltipMaxWidth` 和 `tooltipMaxHeight` 可控制提示框最大宽高，避免内容过多时显示异常
+ */
+
+import { McEllipsis } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 240
+    },
+    children: /*#__PURE__*/_jsx(McEllipsis, {
+      text: '提示框宽高：' + longText,
+      tooltipMaxWidth: 200,
+      tooltipMaxHeight: 100
+    })
+  });
+});

package/dist/McEllipsis/demo/tooltip.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 自定义提示内容
+ * description: 设置 `tooltip` 或使用 `TooltipProps` 属性自定义提示内容<br>设置 `tooltip` 为 false 则不展示<br>设置 `alwaysTooltip` 为 true 则不省略也展示
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McEllipsis/demo/tooltip.js

@@ -0,0 +1,53 @@
+/**
+ * title: 自定义提示内容
+ * description: 设置 `tooltip` 或使用 `TooltipProps` 属性自定义提示内容<br>设置 `tooltip` 为 false 则不展示<br>设置 `alwaysTooltip` 为 true 则不省略也展示
+ */
+
+import { McEllipsis } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: 240
+    },
+    children: [/*#__PURE__*/_jsx(McEllipsis, {
+      text: '提示与文字内容不同：' + longText,
+      tooltip: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          children: "\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9\uFF1A"
+        }), /*#__PURE__*/_jsx("div", {
+          children: "\u4E00-\u4E8C-\u4E09-\u56DB-\u4E94-\u516D-\u4E03-\u516B-\u4E5D-\u5341"
+        })]
+      })
+    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
+      text: '使用TooltipProps属性：' + longText,
+      tooltip: {
+        title: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx("div", {
+            children: "\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9\uFF1A"
+          }), /*#__PURE__*/_jsx("div", {
+            children: "\u4E00-\u4E8C-\u4E09-\u56DB-\u4E94-\u516D-\u4E03-\u516B-\u4E5D-\u5341"
+          })]
+        }),
+        placement: 'topLeft',
+        color: '#325CF7'
+      }
+    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
+      text: '省略也不展示：' + longText,
+      tooltip: false
+    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
+      text: "\u4E0D\u7701\u7565\u4E5F\u5C55\u793A",
+      tooltip: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          children: "\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9\uFF1A"
+        }), /*#__PURE__*/_jsx("div", {
+          children: "\u4E00-\u4E8C-\u4E09-\u56DB-\u4E94-\u516D-\u4E03-\u516B-\u4E5D-\u5341"
+        })]
+      }),
+      alwaysTooltip: true
+    })]
+  });
+});

package/dist/McEllipsis/index.css

@@ -0,0 +1,4 @@
+.mc-ellipsis,
+.mc-ellipsis * {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}

package/dist/{esm/McEllipsis → McEllipsis}/index.js

@@ -5,7 +5,7 @@ var _excluded = ["text", "rows", "middle", "suffixCount", "tooltip", "alwaysTool
 import { Tooltip, Typography } from 'antd';
 import classNames from 'classnames';
 import { McIconFont } from "./..";
-import "./index.less";
+import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Paragraph = Typography.Paragraph,
   Text = Typography.Text;

package/dist/McEllipsisMiddle/demo/base.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 基础用法
+ * description: 中间省略号，超出时展示省略号，并且移入会有tooltip
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McEllipsisMiddle/demo/base.js

@@ -0,0 +1,25 @@
+/**
+ * title: 基础用法
+ * description: 中间省略号，超出时展示省略号，并且移入会有tooltip
+ */
+
+import { McEllipsisMiddle } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(McEllipsisMiddle, {
+      style: {
+        width: 250
+      },
+      text: "\u8FD9\u662F\u4E00\u6BB5\u6CA1\u6709\u6EA2\u51FA\u7684\u6587\u5B57",
+      suffixCount: 4
+    }), /*#__PURE__*/_jsx(McEllipsisMiddle, {
+      style: {
+        width: 250
+      },
+      text: "\u8FD9\u662F\u4E00\u6BB5\u6709\u6EA2\u51FA\u7684\u6587\u5B57\uFF0C\u8FD9\u662F\u4E00\u6BB5\u6709\u6EA2\u51FA\u7684\u6587\u5B57",
+      suffixCount: 4
+    })]
+  });
+});

package/dist/McEllipsisMiddle/demo/tooltip.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 进阶用法
+ * description: 自定义tooltip。和默认tooltip不同的是：1. 内容可以自定义 2. 及时没有出现省略号，也会展示tooltip
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McEllipsisMiddle/demo/tooltip.js

@@ -0,0 +1,35 @@
+/**
+ * title: 进阶用法
+ * description: 自定义tooltip。和默认tooltip不同的是：1. 内容可以自定义 2. 及时没有出现省略号，也会展示tooltip
+ */
+
+import { McEllipsisMiddle } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(McEllipsisMiddle, {
+      style: {
+        width: 250
+      },
+      tooltip: "\u8FD9\u662Ftooltip\u7684\u5185\u5BB9",
+      noTooltip: true,
+      symbol: function symbol() {
+        return /*#__PURE__*/_jsx("div", {
+          children: "123"
+        });
+      },
+      text: "\u6587\u5B57\u548Ctooltip\u4F7F\u7528\u4E0D\u540C\u7684\u5185\u5BB9,\u6587\u5B57\u548Ctooltip\u4F7F\u7528\u4E0D\u540C\u7684\u5185\u5BB9",
+      suffixCount: 4
+    }), /*#__PURE__*/_jsx(McEllipsisMiddle, {
+      style: {
+        width: 150,
+        marginLeft: 12
+      },
+      tooltip: "\u8FD9\u662Ftooltip\u7684\u5185\u5BB9",
+      noTooltip: true,
+      text: "\u6211\u4E0D\u7F29\u4E5F\u4F1A\u5C55\u793Atooltip",
+      suffixCount: 4
+    })]
+  });
+});

package/dist/McEllipsisMiddle/index.css

@@ -0,0 +1,4 @@
+.mc-ellipsis-middle,
+.mc-ellipsis-middle * {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}

package/dist/{esm/McEllipsisMiddle → McEllipsisMiddle}/index.js

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["text", "tooltip", "suffixCount", "style", "className"];
 import { Tooltip, Typography } from 'antd';
-import "./index.less";
+import "./index.css";
 
 /** 中间省略 */
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist/{esm/McGroupPanel → McGroupPanel}/comps/SelectedItem/index.js

@@ -4,7 +4,7 @@ import { Button, Typography } from 'antd';
 import { MenuOutlined } from 'much-icons';
 import { McIconFont } from "../../..";
 import { memo, useMemo } from 'react';
-import "../../index.less";
+import "../../index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var SelectedItem = function SelectedItem(_ref) {