@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.21

package/lib/empty/style/index.js

@@ -1,31 +1,20 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/empty/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genEmptyStyle: () => genEmptyStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genEmptyStyle = (token) => {
-  const { antCls, componentCls, colorTextTertiary, colorText, colorTextSecondary } = token;
+exports.genEmptyStyle = exports.default = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genEmptyStyle = token => {
+  const {
+    antCls,
+    componentCls,
+    colorTextTertiary,
+    colorText,
+    colorTextSecondary,
+    calc
+  } = token;
   return {
     [`${componentCls}`]: {
       [`${componentCls}-image`]: {
@@ -44,13 +33,14 @@ var genEmptyStyle = (token) => {
         },
         [`${componentCls}-description-content`]: {
           color: colorTextTertiary,
+          fontWeight: token.fontWeightWeak,
           maxWidth: 600,
-          margin: "0px auto",
+          margin: '0px auto',
           marginTop: token.marginXS
         },
         [`${antCls}-steps`]: {
-          maxWidth: 1e3,
-          margin: "0px auto",
+          maxWidth: 1000,
+          margin: '0px auto',
           marginTop: token.marginLG,
           padding: token.paddingLG,
           backgroundColor: token.colorFillQuaternary,
@@ -59,7 +49,7 @@ var genEmptyStyle = (token) => {
             [`${antCls}-steps-item-icon`]: {
               height: token.controlHeightSM,
               width: token.controlHeightSM,
-              lineHeight: `${token.controlHeightSM}px`,
+              lineHeight: (0, _cssinjs.unit)(token.controlHeightSM),
               backgroundColor: token.colorFillSecondary,
               // override default border color
               borderColor: token.colorFillSecondary,
@@ -73,14 +63,15 @@ var genEmptyStyle = (token) => {
                 color: colorText,
                 fontSize: token.fontSize,
                 fontWeight: token.fontWeightStrong,
-                lineHeight: `${token.controlHeightSM}px`,
-                "&::after": {
-                  top: token.controlHeightSM / 2
+                lineHeight: (0, _cssinjs.unit)(token.controlHeightSM),
+                '&::after': {
+                  top: calc(token.controlHeightSM).div(2).equal()
                 }
               },
               [`${antCls}-steps-item-description`]: {
                 color: colorTextTertiary,
                 fontSize: token.fontSizeSM,
+                lineHeight: token.lineHeightSM,
                 marginTop: token.marginXS
               }
             }
@@ -89,12 +80,12 @@ var genEmptyStyle = (token) => {
       }
     },
     [`${componentCls}-horizontal`]: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
       [`${componentCls}-description`]: {
         marginLeft: token.marginXXL,
-        textAlign: "left",
+        textAlign: 'left',
         [`${componentCls}-title`]: {
           marginTop: 0
         },
@@ -110,13 +101,7 @@ var genEmptyStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Empty", (token) => {
-    return [genEmptyStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genEmptyStyle
-});
+exports.genEmptyStyle = genEmptyStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Empty', token => {
+  return [genEmptyStyle(token)];
+});

package/lib/filter/FilterContext.d.ts

@@ -0,0 +1,27 @@
+import type { FC, ReactNode } from 'react';
+export type FilterComponentName = 'select' | 'checkbox' | 'cascader' | 'switch' | 'range' | 'input' | 'slot';
+export type FilterValue = string | string[] | string[][] | boolean | [any, any] | null | undefined;
+export interface FilterValueItem {
+    id: string;
+    label: ReactNode;
+    value: FilterValue;
+    options?: unknown[];
+    componentName?: FilterComponentName;
+}
+interface FilterContextValue {
+    /** 是否处于折叠模式 */
+    isCollapsed: boolean;
+    filterValues?: FilterValueItem[];
+    updateFilterValue?: (id: string, label: ReactNode, value: FilterValue, options?: unknown[], componentName?: FilterComponentName) => void;
+    clearAllFilterValues?: () => void;
+}
+export declare const useFilterContext: () => FilterContextValue;
+export declare const FilterProvider: FC<{
+    children: ReactNode;
+    /** 是否处于折叠模式 */
+    isCollapsed?: boolean;
+    filterValues?: FilterValueItem[];
+    updateFilterValue?: (id: string, label: ReactNode, value: FilterValue, options?: unknown[], componentName?: FilterComponentName) => void;
+    clearAllFilterValues?: () => void;
+}>;
+export {};

package/lib/filter/FilterContext.js

@@ -0,0 +1,33 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFilterContext = exports.FilterProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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; }
+const FilterContext = /*#__PURE__*/(0, _react.createContext)({
+  isCollapsed: false
+});
+const useFilterContext = () => (0, _react.useContext)(FilterContext);
+exports.useFilterContext = useFilterContext;
+const FilterProvider = ({
+  children,
+  isCollapsed = false,
+  filterValues,
+  updateFilterValue,
+  clearAllFilterValues
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FilterContext.Provider, {
+    value: {
+      isCollapsed,
+      filterValues,
+      updateFilterValue,
+      clearAllFilterValues
+    },
+    children: children
+  });
+};
+exports.FilterProvider = FilterProvider;

package/lib/filter/components/ClearIcon.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+interface ClearIconProps {
+    handleClearClick?: () => void;
+}
+declare const ClearIcon: FC<ClearIconProps>;
+export default ClearIcon;

package/lib/filter/components/ClearIcon.js

@@ -0,0 +1,35 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _icons = require("@oceanbase/icons");
+var _react = _interopRequireDefault(require("react"));
+var _style = _interopRequireWildcard(require("../style"));
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ClearIcon = ({
+  handleClearClick
+}) => {
+  const {
+    prefixCls
+  } = (0, _style.default)();
+  const handleClick = e => {
+    e.stopPropagation();
+    handleClearClick?.();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _style.getFilterCls)(prefixCls, 'icon-wrapper'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DownOutlined, {
+      className: (0, _style.getFilterCls)(prefixCls, 'arrow-icon')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _style.getFilterCls)(prefixCls, 'clear-icon'),
+      onClick: handleClick,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {})
+    })]
+  });
+};
+var _default = exports.default = ClearIcon;

package/lib/filter/components/CountNumber.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+interface CountNumberProps {
+    count?: number;
+    total?: number;
+    className?: string;
+}
+declare const CountNumber: FC<CountNumberProps>;
+export default CountNumber;

package/lib/filter/components/CountNumber.js

@@ -0,0 +1,30 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _style = _interopRequireWildcard(require("../style"));
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CountNumber = ({
+  count,
+  total,
+  className
+}) => {
+  const {
+    prefixCls
+  } = (0, _style.default)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(className || (0, _style.getFilterCls)(prefixCls, 'count')),
+    style: total ? {
+      width: 'fit-content',
+      padding: '0px 4px'
+    } : undefined,
+    children: total ? `${count}/${total}` : count
+  });
+};
+var _default = exports.default = CountNumber;

package/lib/filter/components/FilterButton.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { BaseFilterProps, InternalFilterProps } from '../type';
+export interface FilterButtonRef {
+    closePopover: () => void;
+}
+interface FilterButtonProps extends BaseFilterProps, InternalFilterProps {
+    children?: ReactNode;
+    /** 清除回调 */
+    onClear?: () => void;
+    /** 下拉内容 */
+    content?: ReactNode;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 是否已选中值 */
+    selected?: boolean;
+    /** 额外内容，显示在标签旁边 */
+    extra?: ReactNode;
+    /** 选择后是否自动关闭弹出层 */
+    autoCloseOnSelect?: boolean;
+    /** 选择回调，当选择项时调用，如果 autoCloseOnSelect 为 true，调用后会自动关闭弹出层 */
+    onSelect?: () => void;
+    /** 是否显示标签下方的分割线，默认 false */
+    showLabelDivider?: boolean;
+    /** 是否显示后缀图标区域（包括下拉箭头和清除图标），默认 true */
+    showSuffixIcon?: boolean;
+    /** 是否为 flat 模式（内部使用） */
+    _isFlat?: boolean;
+    style?: React.CSSProperties;
+}
+declare const FilterButton: React.ForwardRefExoticComponent<FilterButtonProps & React.RefAttributes<FilterButtonRef>>;
+export default FilterButton;

package/lib/filter/components/FilterButton.js

@@ -0,0 +1,194 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _spin = _interopRequireDefault(require("../../spin"));
+var _theme = _interopRequireDefault(require("../../theme"));
+var _icons = require("@oceanbase/icons");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _FilterContext = require("../FilterContext");
+var _style = _interopRequireWildcard(require("../style"));
+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); }
+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; }
+const FilterButton = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  icon,
+  label,
+  bordered = true,
+  onClear,
+  content,
+  footer,
+  trigger = 'click',
+  placement = 'bottomLeft',
+  disabled = false,
+  loading = false,
+  selected = false,
+  extra,
+  autoCloseOnSelect = false,
+  onSelect,
+  showLabelDivider = false,
+  showSuffixIcon = true,
+  _isInWrapComponent = false,
+  _isFlat = false,
+  style,
+  allowClear = true,
+  ...restProps
+}, ref) => {
+  const {
+    token
+  } = _theme.default.useToken();
+  const {
+    isCollapsed
+  } = (0, _FilterContext.useFilterContext)();
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [popoverWidth, setPopoverWidth] = (0, _react.useState)();
+  const {
+    wrapSSR,
+    prefixCls
+  } = (0, _style.default)();
+  const innerRef = (0, _react.useRef)(null);
+
+  // 从 restProps 中提取 onOpenChange，避免被 Popover 的 onOpenChange 覆盖
+  const {
+    onOpenChange: externalOnOpenChange,
+    ...popoverProps
+  } = restProps;
+  const handleClearClick = e => {
+    e.stopPropagation();
+    onClear?.();
+    setOpen(false);
+  };
+  const closePopover = (0, _react.useCallback)(() => {
+    setOpen(false);
+    // 通知外部组件 Popover 已关闭，确保 Tooltip hook 状态同步
+    externalOnOpenChange?.(false);
+  }, [externalOnOpenChange]);
+
+  // 通过 ref 暴露关闭方法
+  (0, _react.useImperativeHandle)(ref, () => ({
+    closePopover
+  }), [closePopover]);
+
+  // 处理 popover 状态变化
+  const handleOpenChange = newOpen => {
+    if (!disabled) {
+      setOpen(newOpen);
+      externalOnOpenChange?.(newOpen);
+    }
+  };
+
+  // 折叠模式下实时监听按钮宽度变化，同步到 Popover 面板宽度
+  (0, _react.useEffect)(() => {
+    if (!open || !isCollapsed || _isInWrapComponent || !innerRef.current) {
+      return;
+    }
+    const el = innerRef.current;
+    setPopoverWidth(el.offsetWidth);
+    const observer = new ResizeObserver(() => {
+      setPopoverWidth(el.offsetWidth);
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [open, isCollapsed, _isInWrapComponent]);
+
+  // 使用 useMemo 缓存 content，避免每次都重新创建
+  const popoverContent = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [!_isFlat && (!isCollapsed || _isInWrapComponent) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Flex, {
+      justify: "space-between",
+      align: "center",
+      className: (0, _classnames.default)((0, _style.getFilterCls)(prefixCls, 'button-label-wrapper'), showLabelDivider ? '' : (0, _style.getFilterCls)(prefixCls, 'button-label-wrapper-no-border')),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          fontSize: token.fontSizeSM
+        },
+        children: label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: extra
+      })]
+    }), content, footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        padding: '8px 16px',
+        borderTop: `1px solid ${token.colorFillSecondary}`
+      },
+      children: footer
+    })]
+  }), [content, footer, label, extra, isCollapsed, prefixCls, showLabelDivider, token, _isFlat, _isInWrapComponent]);
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
+    arrow: false,
+    placement: placement,
+    trigger: trigger,
+    content: popoverContent,
+    open: open && !disabled,
+    onOpenChange: handleOpenChange,
+    forceRender: _isInWrapComponent,
+    styles: {
+      body: {
+        padding: 0,
+        maxWidth: 300,
+        minWidth: 120,
+        ...(isCollapsed && !_isInWrapComponent && popoverWidth ? {
+          width: popoverWidth
+        } : {})
+      }
+    },
+    ...popoverProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: innerRef,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)((0, _style.getFilterCls)(prefixCls, 'button'), bordered && (0, _style.getFilterCls)(prefixCls, 'border'), open && (0, _style.getFilterCls)(prefixCls, 'active'), disabled && (0, _style.getFilterCls)(prefixCls, 'disabled'), selected && bordered && (!isCollapsed || _isInWrapComponent) && (0, _style.getFilterCls)(prefixCls, 'selected')),
+        style: style,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Flex, {
+          align: "center",
+          justify: "space-between",
+          style: {
+            width: '100%'
+          },
+          children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _style.getFilterCls)(prefixCls, 'button-prefix-icon'),
+            children: icon
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Flex, {
+            gap: 8,
+            align: "center",
+            flex: 1,
+            className: (0, _style.getFilterCls)(prefixCls, 'text-ellipsis'),
+            children: children
+          }), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _style.getFilterCls)(prefixCls, 'icon-wrapper'),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+              indicator: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {
+                style: {
+                  fontSize: token.fontSizeSM
+                },
+                spin: true
+              })
+            })
+          }) : showSuffixIcon ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: (0, _style.getFilterCls)(prefixCls, 'icon-wrapper'),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DownOutlined, {
+              className: selected && allowClear ? (0, _style.getFilterCls)(prefixCls, 'arrow-icon') : '',
+              style: disabled ? {
+                color: 'var(--ob-color-icon-disabled)'
+              } : undefined
+            }), selected && allowClear && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: (0, _style.getFilterCls)(prefixCls, 'clear-icon'),
+              onClick: e => {
+                if (!disabled) {
+                  handleClearClick(e);
+                }
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {})
+            })]
+          }) : null]
+        })
+      })
+    })
+  }));
+});
+FilterButton.displayName = 'FilterButton';
+var _default = exports.default = FilterButton;

package/lib/filter/components/FilterCascader/components/CascaderOption/OptionCheckbox.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { CascaderOption } from '../../types';
+interface OptionCheckboxProps {
+    option: CascaderOption;
+    currentPath: string[];
+    currentValue: string[][];
+    hasChildren: boolean;
+    allChildrenCount: number;
+    selectedChildrenCount: number;
+    allChildrenSelected: boolean;
+    prefixCls: string;
+    onValueChange: (value: string[][]) => void;
+    onClick?: (e: React.MouseEvent) => void;
+    onAfterChange?: () => void;
+}
+/**
+ * 级联选择器的复选框选项组件（支持父节点和叶子节点）
+ */
+export declare const OptionCheckbox: React.FC<OptionCheckboxProps>;
+export {};

package/lib/filter/components/FilterCascader/components/CascaderOption/OptionCheckbox.js

@@ -0,0 +1,91 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OptionCheckbox = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _checkbox = _interopRequireDefault(require("../../../../../checkbox"));
+var _countUtils = require("../../utils/countUtils");
+var _style = require("../../../../style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 级联选择器的复选框选项组件（支持父节点和叶子节点）
+ */
+const OptionCheckbox = ({
+  option,
+  currentPath,
+  currentValue,
+  hasChildren,
+  allChildrenSelected,
+  selectedChildrenCount,
+  prefixCls,
+  onValueChange,
+  onClick,
+  onAfterChange
+}) => {
+  const isExactMatch = currentValue.some(selectedPath => selectedPath.length === currentPath.length && selectedPath.every((val, idx) => val === currentPath[idx]));
+
+  // 父节点（有子节点）
+  if (hasChildren) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+      checked: allChildrenSelected,
+      indeterminate: selectedChildrenCount > 0 && !allChildrenSelected,
+      disabled: option.disabled,
+      onClick: e => {
+        e.stopPropagation();
+        onClick?.(e);
+      },
+      onChange: () => {
+        if (!option.disabled) {
+          if (allChildrenSelected) {
+            // 取消选中该路径下的所有项
+            onValueChange(currentValue.filter(selectedPath => {
+              if (selectedPath.length <= currentPath.length) return true;
+              return !currentPath.every((val, idx) => selectedPath[idx] === val);
+            }));
+          } else {
+            // 选中该路径下的所有叶子节点
+            const leafPaths = (0, _countUtils.collectLeafPaths)(option.children, currentPath);
+            const otherValues = currentValue.filter(selectedPath => {
+              if (selectedPath.length <= currentPath.length) return true;
+              return !currentPath.every((val, idx) => selectedPath[idx] === val);
+            });
+            onValueChange([...otherValues, ...leafPaths]);
+          }
+        }
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _style.getFilterCls)(prefixCls, 'text-ellipsis'),
+        children: option.label
+      })
+    });
+  }
+
+  // 叶子节点（无子节点）
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+    checked: isExactMatch,
+    disabled: option.disabled,
+    onClick: e => {
+      e.stopPropagation();
+      onClick?.(e);
+    },
+    onChange: () => {
+      if (!option.disabled) {
+        if (isExactMatch) {
+          onValueChange(currentValue.filter(item => !(item.length === currentPath.length && item.every((val, idx) => val === currentPath[idx]))));
+        } else {
+          onValueChange([...currentValue, currentPath]);
+        }
+        // 叶子节点勾选后，触发回调（用于关闭右侧面板）
+        onAfterChange?.();
+      }
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _style.getFilterCls)(prefixCls, 'text-ellipsis'),
+      children: option.label
+    })
+  });
+};
+exports.OptionCheckbox = OptionCheckbox;

package/lib/filter/components/FilterCascader/components/CascaderOption/OptionItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface OptionItemProps {
+    label: React.ReactNode;
+    hasChildren: boolean;
+    isSelected: boolean;
+    isMultiple: boolean;
+    prefixCls: string;
+}
+/**
+ * 级联选择器的选项文本显示组件（单选模式）
+ */
+export declare const OptionItem: React.FC<OptionItemProps>;
+export {};