@4399ywkf/design 1.3.12 → 2.1.0

package/dist/MaxTokenSlider/index.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+export interface MaxTokenSliderProps {
+    /** 初始 Token 数（非受控模式） */
+    defaultValue?: number;
+    /** 当前 Token 数（受控模式） */
+    value?: number;
+    /** 值变化回调 */
+    onChange?: (value: number) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /**
+     * 预设刻度档位（token 数组），决定 Slider 的可选刻度和范围。
+     * 第一项为最小值，最后一项为最大值。
+     * @default [0, 4096, 8192, 16384, 32768, 65536, 200000, 1048576, 2097152]
+     */
+    presets?: number[];
+    /** InputNumber 的步进值 @default 4096 */
+    inputStep?: number;
+    /** 最小值对应的展示文案（tooltip），设为 false 则不做特殊处理 @default "无限制" */
+    minLabel?: ReactNode | false;
+    /** 自定义 tooltip 格式化，覆盖默认逻辑 */
+    tooltipFormatter?: (token: number) => ReactNode;
+}
+declare const MaxTokenSlider: React.NamedExoticComponent<MaxTokenSliderProps>;
+export default MaxTokenSlider;

package/dist/MaxTokenSlider/index.js

@@ -0,0 +1,148 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React, { memo, useMemo } from 'react';
+import { InputNumber, Slider } from 'antd';
+import { useControllableValue } from 'ahooks';
+import { useMaxTokenSliderStyles } from "./style";
+var KIBI = 1024;
+var toExponent = function toExponent(num) {
+  return Math.log2(num);
+};
+var fromExponent = function fromExponent(exp) {
+  return Math.round(Math.pow(2, exp));
+};
+var toTokenValue = function toTokenValue(exp) {
+  return Math.round(Math.pow(2, exp) * KIBI);
+};
+
+/**
+ * token 数量 → 人类可读标签
+ * 如：4096 → "4K"，200000 → "200k"，1048576 → "1M"
+ */
+var formatTokenLabel = function formatTokenLabel(token) {
+  if (token === 0) return '0';
+  if (token < 1000) return "".concat(token);
+  if (token < 100 * KIBI) return "".concat(Math.round(token / KIBI), "K");
+  if (token < KIBI * KIBI) return "".concat(Math.round(token / 1000), "k");
+  return "".concat(Math.round(token / (KIBI * KIBI)), "M");
+};
+
+/** 预设刻度集合：覆盖 0 ~ 2M 的常用档位 */
+var DEFAULT_PRESETS = [0, 4096, 8192, 16384, 32768, 65536, 200000, 1048576, 2097152];
+var DEFAULT_INPUT_STEP = 4 * KIBI;
+
+/**
+ * 根据 presets 生成 Slider marks（对数刻度）和边界
+ * 返回 { marks, minExp, maxExp }
+ */
+var buildMarksFromPresets = function buildMarksFromPresets(presets) {
+  var _sorted$, _sorted;
+  var sorted = _toConsumableArray(presets).sort(function (a, b) {
+    return a - b;
+  });
+  var minToken = (_sorted$ = sorted[0]) !== null && _sorted$ !== void 0 ? _sorted$ : 0;
+  var maxToken = (_sorted = sorted[sorted.length - 1]) !== null && _sorted !== void 0 ? _sorted : 2097152;
+  var safeMin = Math.max(minToken, 0);
+  var safeMax = Math.max(maxToken, KIBI);
+  var minExp = toExponent(safeMin <= 0 ? 2 : safeMin / KIBI);
+  var maxExp = toExponent(safeMax / KIBI);
+  var marks = {};
+  var _iterator = _createForOfIteratorHelper(sorted),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _token = _step.value;
+      var exp = _token <= 0 ? minExp : toExponent(_token / KIBI);
+      marks[exp] = formatTokenLabel(_token);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return {
+    marks: marks,
+    minExp: minExp,
+    maxExp: maxExp
+  };
+};
+var MaxTokenSlider = /*#__PURE__*/memo(function (props) {
+  var disabled = props.disabled,
+    _props$presets = props.presets,
+    presets = _props$presets === void 0 ? DEFAULT_PRESETS : _props$presets,
+    _props$inputStep = props.inputStep,
+    inputStep = _props$inputStep === void 0 ? DEFAULT_INPUT_STEP : _props$inputStep,
+    _props$minLabel = props.minLabel,
+    minLabel = _props$minLabel === void 0 ? '无限制' : _props$minLabel,
+    tooltipFormatter = props.tooltipFormatter;
+  var _useMaxTokenSliderSty = useMaxTokenSliderStyles(),
+    styles = _useMaxTokenSliderSty.styles;
+  var _useControllableValue = useControllableValue(props, {
+      defaultValue: 0
+    }),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    token = _useControllableValue2[0],
+    setToken = _useControllableValue2[1];
+  var _useMemo = useMemo(function () {
+      return buildMarksFromPresets(presets);
+    }, [presets]),
+    marks = _useMemo.marks,
+    minExp = _useMemo.minExp,
+    maxExp = _useMemo.maxExp;
+  var powValue = useMemo(function () {
+    if (!token || token <= 0) return minExp;
+    return toExponent(token / KIBI);
+  }, [token, minExp]);
+  var defaultTooltipFormatter = useMemo(function () {
+    return function (exp) {
+      if (typeof exp === 'undefined') return;
+      if (exp <= minExp && minLabel !== false) return minLabel;
+      var realToken = fromExponent(exp) * KIBI;
+      if (tooltipFormatter) return tooltipFormatter(realToken);
+      return formatTokenLabel(realToken);
+    };
+  }, [minExp, minLabel, tooltipFormatter]);
+  var handleSliderChange = function handleSliderChange(value) {
+    setToken(value <= minExp ? 0 : toTokenValue(value));
+  };
+  var handleInputChange = function handleInputChange(value) {
+    if (value === null || value === undefined) return;
+    setToken(Math.round(value));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.root
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.sliderWrapper
+  }, /*#__PURE__*/React.createElement(Slider, {
+    className: styles.slider,
+    disabled: disabled,
+    marks: marks,
+    max: maxExp,
+    min: minExp,
+    onChange: handleSliderChange,
+    step: null,
+    tooltip: {
+      formatter: defaultTooltipFormatter
+    },
+    value: powValue
+  })), /*#__PURE__*/React.createElement(InputNumber, {
+    className: styles.inputNumber,
+    changeOnWheel: true,
+    disabled: disabled,
+    min: 0,
+    max: presets[presets.length - 1],
+    onChange: handleInputChange,
+    step: inputStep,
+    value: token
+  }));
+});
+export default MaxTokenSlider;

package/dist/MaxTokenSlider/style.d.ts

@@ -0,0 +1,6 @@
+export declare const useMaxTokenSliderStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+    sliderWrapper: import("antd-style").SerializedStyles;
+    slider: import("antd-style").SerializedStyles;
+    inputNumber: import("antd-style").SerializedStyles;
+}>;

package/dist/MaxTokenSlider/style.js

@@ -0,0 +1,14 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useMaxTokenSliderStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  "]))),
+    sliderWrapper: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 1;\n    min-width: 0;\n  "]))),
+    slider: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin: 10px 0 18px;\n\n    .", "-slider-mark-text {\n      font-size: 12px;\n      color: ", ";\n      white-space: nowrap;\n    }\n  "])), prefixCls, token.colorTextSecondary),
+    inputNumber: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: 110px;\n    flex-shrink: 0;\n\n    .", "-input-number-input {\n      text-align: center;\n    }\n  "])), prefixCls)
+  };
+});

package/dist/Table/components/ColumnSetting/index.js

@@ -6,31 +6,32 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { SettingOutlined } from '@ant-design/icons';
 import { Button, Checkbox, Col, Popover, Row, Tooltip } from 'antd';
-import React, { useContext, useMemo } from 'react';
-import { useStore } from 'zustand';
+import React, { useMemo } from 'react';
+import { useColumns } from "../../store/hooks";
 import { genColumnKey } from "../../utils";
-import { StoreContext, TableContext } from "../../utils/Provide";
+import { useStyles } from "./style";
 var ColumnSetting = function ColumnSetting() {
-  var _useContext = useContext(TableContext),
-    columns = _useContext.columns;
-  var store = useContext(StoreContext);
-  var _useStore = useStore(store),
-    columnSetting = _useStore.columnSetting,
-    setColumnSetting = _useStore.setColumnSetting;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var _useColumns = useColumns(),
+    columns = _useColumns.columns,
+    columnSetting = _useColumns.columnSetting,
+    setColumnSetting = _useColumns.setColumnSetting;
   var checkboxColumnSetting = useMemo(function () {
     return columnSetting.map(function (col, index) {
-      var _columns$find;
+      var _find;
+      var currentColumnTitle = (_find = columns.find(function (column, columnIndex) {
+        var _column$dataIndex;
+        var columnKey = genColumnKey(column.key || (Array.isArray(column.dataIndex) ? column.dataIndex.join('.') : (_column$dataIndex = column.dataIndex) === null || _column$dataIndex === void 0 ? void 0 : _column$dataIndex.toString()), columnIndex);
+        return columnKey === col.key;
+      })) === null || _find === void 0 ? void 0 : _find.title;
       return /*#__PURE__*/React.createElement(Col, {
         span: 24,
         key: index
       }, /*#__PURE__*/React.createElement(Checkbox, {
         value: col.key,
         key: index
-      }, (_columns$find = columns.find(function (column, index) {
-        var _column$dataIndex;
-        var columnKey = genColumnKey(column.key || (Array.isArray(column.dataIndex) ? column.dataIndex.join('.') : (_column$dataIndex = column.dataIndex) === null || _column$dataIndex === void 0 ? void 0 : _column$dataIndex.toString()), index);
-        return columnKey === col.key;
-      })) === null || _columns$find === void 0 ? void 0 : _columns$find.title));
+      }, typeof currentColumnTitle === 'function' ? col.key : currentColumnTitle));
     });
   }, [columnSetting, columns]);
   var onChangeCheckboxGroup = function onChangeCheckboxGroup(v) {
@@ -48,8 +49,6 @@ var ColumnSetting = function ColumnSetting() {
       return o.key;
     });
   }, [columnSetting]);
-
-  // ====================== 列展示的控制 ======================
   var allColumnSetting = useMemo(function () {
     return columnSetting.filter(function (o) {
       return !o.hidden;
@@ -64,32 +63,28 @@ var ColumnSetting = function ColumnSetting() {
   }, [columnSetting]);
   var onChangeAll = function onChangeAll(e) {
     var filterDisabledSetting = columnSetting.map(function (o) {
-      return o;
+      return _objectSpread({}, o);
     });
     if (e.target.checked) {
-      // 全选
-      filterDisabledSetting.map(function (o) {
+      filterDisabledSetting.forEach(function (o) {
         if (o.disabled) {
-          return o;
+          return;
         }
         o.hidden = false;
-        return o;
       });
     } else {
-      // 全部取消选择
-      filterDisabledSetting.map(function (o) {
+      filterDisabledSetting.forEach(function (o) {
         if (o.disabled) {
-          return o;
+          return;
         }
         o.hidden = true;
-        return o;
       });
     }
     setColumnSetting(filterDisabledSetting);
   };
   var resetColumnSetting = function resetColumnSetting() {
     var columnSettingList = [];
-    columns.map(function (col, index) {
+    columns.forEach(function (col, index) {
       var _col$dataIndex;
       var columnKey = genColumnKey(col.key || (Array.isArray(col.dataIndex) ? col.dataIndex.join('.') : (_col$dataIndex = col.dataIndex) === null || _col$dataIndex === void 0 ? void 0 : _col$dataIndex.toString()), index);
       columnSettingList.push({
@@ -106,7 +101,7 @@ var ColumnSetting = function ColumnSetting() {
     placement: 'bottomRight',
     trigger: 'click',
     title: /*#__PURE__*/React.createElement("div", {
-      className: 'columnSettingTitle'
+      className: styles.title
     }, /*#__PURE__*/React.createElement(Checkbox, {
       onChange: onChangeAll,
       checked: allColumnSetting,
@@ -114,16 +109,11 @@ var ColumnSetting = function ColumnSetting() {
     }, "\u5217\u5C55\u793A"), /*#__PURE__*/React.createElement(Button, {
       onClick: resetColumnSetting,
       type: 'link',
-      style: {
-        paddingRight: 0
-      }
+      className: styles.resetButton
     }, "\u91CD\u7F6E")),
     content: /*#__PURE__*/React.createElement(Checkbox.Group, {
-      className: 'columnSettingContent',
+      className: styles.content,
       onChange: onChangeCheckboxGroup,
-      style: {
-        width: 200
-      },
       value: columnShow
     }, /*#__PURE__*/React.createElement(Row, {
       gutter: [0, 8]

package/dist/Table/components/ColumnSetting/style.d.ts

@@ -0,0 +1,16 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    title: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "space-between";
+        height: number;
+    };
+    content: {
+        maxHeight: number;
+        overflow: "auto";
+        width: number;
+    };
+    resetButton: {
+        paddingRight: number;
+    };
+}>;

package/dist/Table/components/ColumnSetting/style.js

@@ -0,0 +1,19 @@
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function () {
+  return {
+    title: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      height: 32
+    },
+    content: {
+      maxHeight: 200,
+      overflow: 'auto',
+      width: 200
+    },
+    resetButton: {
+      paddingRight: 0
+    }
+  };
+});

package/dist/Table/components/EnumFilter/index.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import './index.css';
+type EnumOption = {
+    text: React.ReactNode;
+    value: React.Key;
+};
 interface EnumFilterProps {
-    options: {
-        text: any;
-        value: any;
-    }[];
-    columnKey: any;
-    onChange: any;
-    value: string[];
+    options: EnumOption[];
+    columnKey: string;
+    onChange: (values: React.Key[]) => void;
+    value: React.Key[];
     mode?: 'multiple' | 'radio';
 }
 declare const EnumFilter: (props: EnumFilterProps) => React.JSX.Element;

package/dist/Table/components/EnumFilter/index.js

@@ -13,11 +13,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useState } from 'react';
 import { Button, Checkbox, Input } from 'antd';
 import { SearchOutlined } from '@ant-design/icons';
-import "./index.css";
 import _ from 'lodash-es';
+import { useStyles } from "./style";
 var EnumFilter = function EnumFilter(props) {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
   var options = props.options,
-    columnKey = props.columnKey,
     onChange = props.onChange,
     value = props.value,
     _props$mode = props.mode,
@@ -26,6 +28,19 @@ var EnumFilter = function EnumFilter(props) {
     _useState2 = _slicedToArray(_useState, 2),
     filterValue = _useState2[0],
     setFilterValue = _useState2[1];
+  var filterOptions = useMemo(function () {
+    return options.filter(function (o) {
+      var _o$text;
+      return String((_o$text = o.text) !== null && _o$text !== void 0 ? _o$text : '').toUpperCase().includes(filterValue.toUpperCase());
+    });
+  }, [options, filterValue]);
+  var filterCheckboxValue = useMemo(function () {
+    return value.filter(function (o) {
+      return filterOptions.map(function (option) {
+        return option.value;
+      }).includes(o);
+    });
+  }, [value, filterOptions]);
   var onCheckChange = function onCheckChange(e) {
     // 首先需要知道当前的过滤项有哪些
     // 如果e的值存在 filterOptions里面，代表新增
@@ -77,12 +92,6 @@ var EnumFilter = function EnumFilter(props) {
   var onChangeFilter = function onChangeFilter(e) {
     setFilterValue(e.target.value);
   };
-  var filterOptions = useMemo(function () {
-    return options.filter(function (o) {
-      var _o$text;
-      return (_o$text = o.text) === null || _o$text === void 0 ? void 0 : _o$text.toUpperCase().includes(filterValue === null || filterValue === void 0 ? void 0 : filterValue.toUpperCase());
-    });
-  }, [options, filterValue]);
   var onChangeSelectAll = function onChangeSelectAll(e) {
     if (e.target.checked) {
       // 全选
@@ -99,24 +108,17 @@ var EnumFilter = function EnumFilter(props) {
    */
   var onCounterElection = function onCounterElection() {
     var copyFilterOptions = _.cloneDeep(filterOptions);
-    var res = copyFilterOptions.map(function (o) {
-      if (!filterCheckboxValue.includes(o.value)) {
-        return o.value;
-      }
-    }).filter(Boolean);
+    var res = copyFilterOptions.filter(function (o) {
+      return !filterCheckboxValue.includes(o.value);
+    }).map(function (o) {
+      return o.value;
+    });
     onCheckChange(res);
   };
-  var filterCheckboxValue = useMemo(function () {
-    return value.filter(function (o) {
-      return filterOptions.map(function (o) {
-        return o.value;
-      }).includes(o);
-    });
-  }, [value, filterOptions]);
   return /*#__PURE__*/React.createElement("div", {
-    className: 'table-filter-dropdown'
+    className: styles.dropdown
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'table-filter-dropdown-search'
+    className: styles.search
   }, /*#__PURE__*/React.createElement(Input, {
     value: filterValue,
     onChange: onChangeFilter,
@@ -124,13 +126,13 @@ var EnumFilter = function EnumFilter(props) {
     placeholder: '在筛序选项中搜索',
     allowClear: true
   })), /*#__PURE__*/React.createElement("div", {
-    className: 'dropdown-menu'
+    className: styles.menu
   }, mode === 'multiple' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: 'dropdown-menu-action'
+    className: styles.action
   }, /*#__PURE__*/React.createElement(Checkbox, {
     onChange: onChangeSelectAll,
-    checked: filterCheckboxValue.length == filterOptions.length,
-    indeterminate: filterCheckboxValue.length > 0 && filterCheckboxValue.length != filterOptions.length
+    checked: filterCheckboxValue.length === filterOptions.length,
+    indeterminate: filterCheckboxValue.length > 0 && filterCheckboxValue.length !== filterOptions.length
   }, "\u5168\u9009"), /*#__PURE__*/React.createElement(Button, {
     size: 'small',
     type: 'link',
@@ -142,32 +144,28 @@ var EnumFilter = function EnumFilter(props) {
     disabled: _.isEmpty(filterCheckboxValue),
     onClick: onCancel
   }, "\u53D6\u6D88")), /*#__PURE__*/React.createElement(Checkbox.Group, {
-    className: 'dropdown-menu-ul',
+    className: styles.menuList,
     onChange: onCheckChange,
     value: value
   }, filterOptions.map(function (o, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
-      className: "dropdown-menu-item ".concat(value !== null && value !== void 0 && value.includes(o.value) ? 'dropdown-menu-item-selected' : '')
+      className: cx(styles.menuItem, (value === null || value === void 0 ? void 0 : value.includes(o.value)) && styles.menuItemSelected)
     }, /*#__PURE__*/React.createElement(Checkbox, {
-      style: {
-        width: '100%'
-      },
+      className: styles.fullWidth,
       value: o.value
     }, o.text));
   }))), mode === 'radio' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: 'dropdown-menu-ul'
+    className: styles.menuList
   }, filterOptions.map(function (o, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
-      className: "dropdown-menu-item ".concat(value !== null && value !== void 0 && value.includes(o.value) ? 'dropdown-menu-item-selected' : '')
+      className: cx(styles.menuItem, (value === null || value === void 0 ? void 0 : value.includes(o.value)) && styles.menuItemSelected)
     }, /*#__PURE__*/React.createElement(Checkbox, {
       onChange: function onChange() {
         return onRadioCheckChange(o.value);
       },
-      style: {
-        width: '100%'
-      },
+      className: styles.fullWidth,
       checked: o.value === (value === null || value === void 0 ? void 0 : value[0])
     }, o.text));
   })))));

package/dist/Table/components/EnumFilter/style.d.ts

@@ -0,0 +1,54 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    dropdown: {
+        minWidth: number;
+    };
+    search: {
+        padding: string;
+        borderBottom: string;
+    };
+    menu: {
+        maxHeight: number;
+        border: number;
+        overflowX: "hidden";
+        overflowY: "auto";
+        background: string;
+        paddingTop: number;
+    };
+    menuList: {
+        display: "flex !important";
+        flexDirection: "column";
+        gap: number;
+    };
+    menuItem: {
+        clear: "both";
+        margin: number;
+        padding: string;
+        color: string;
+        fontWeight: number;
+        fontSize: number;
+        lineHeight: number;
+        cursor: "pointer";
+        transition: "all 0.2s";
+        borderRadius: number;
+        '&:hover': {
+            backgroundColor: string;
+        };
+    };
+    menuItemSelected: {
+        color: string;
+        backgroundColor: string;
+        '&:hover': {
+            backgroundColor: string;
+        };
+    };
+    action: {
+        padding: string;
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    fullWidth: {
+        width: string;
+    };
+}>;

package/dist/Table/components/EnumFilter/style.js

@@ -0,0 +1,58 @@
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var token = _ref.token;
+  return {
+    dropdown: {
+      minWidth: 120
+    },
+    search: {
+      padding: "".concat(token.paddingXS, "px ").concat(token.paddingXXS, "px"),
+      borderBottom: "1px solid ".concat(token.colorBorderSecondary)
+    },
+    menu: {
+      maxHeight: 264,
+      border: 0,
+      overflowX: 'hidden',
+      overflowY: 'auto',
+      background: token.colorBgContainer,
+      paddingTop: token.paddingXXS
+    },
+    menuList: {
+      display: 'flex !important',
+      flexDirection: 'column',
+      gap: token.marginXXS
+    },
+    menuItem: {
+      clear: 'both',
+      margin: 0,
+      padding: '5px 12px',
+      color: token.colorText,
+      fontWeight: token.fontWeightStrong,
+      fontSize: token.fontSize,
+      lineHeight: token.lineHeight,
+      cursor: 'pointer',
+      transition: 'all 0.2s',
+      borderRadius: token.borderRadiusSM,
+      '&:hover': {
+        backgroundColor: token.colorFillSecondary
+      }
+    },
+    menuItemSelected: {
+      color: token.colorPrimary,
+      backgroundColor: token.colorPrimaryBg,
+      '&:hover': {
+        backgroundColor: token.colorPrimaryBgHover
+      }
+    },
+    action: {
+      padding: "".concat(token.paddingXXS, "px 12px"),
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    },
+    fullWidth: {
+      width: '100%'
+    }
+  };
+});

package/dist/Table/components/Export/RadioMode.d.ts

@@ -1,12 +1,8 @@
-import React from 'react';
 import type { RadioChangeEvent } from 'antd';
+import React from 'react';
 interface RadioModeProps {
     value?: string;
     onChange: (v: RadioChangeEvent) => void;
 }
-/**
- * 导出范围单选框
- * @constructor
- */
 declare const RadioMode: (props: RadioModeProps) => React.JSX.Element;
 export default RadioMode;