@oceanbase/design 1.0.0-alpha.9 → 1.0.0

package/es/filter/utils.js

@@ -0,0 +1,189 @@
+"use client";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import { ClockCircleOutlined, FilterOutlined } from '@oceanbase/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var getIcon = function getIcon(icon) {
+  switch (icon) {
+    case 'time':
+      return /*#__PURE__*/_jsx(ClockCircleOutlined, {});
+    case 'filter':
+      return /*#__PURE__*/_jsx(FilterOutlined, {});
+    default:
+      return undefined;
+  }
+};
+
+/**
+ * 将 ReactNode 转换为稳定的字符串标识符
+ * 用于生成 filterId
+ */
+var reactNodeToString = function reactNodeToString(node) {
+  if (typeof node === 'string' || typeof node === 'number') {
+    return String(node);
+  }
+  if (typeof node === 'boolean' || node === null || node === undefined) {
+    return '';
+  }
+  if (Array.isArray(node)) {
+    return node.map(reactNodeToString).join('-');
+  }
+  if (_typeof(node) === 'object' && 'props' in node) {
+    // 尝试从 props 中获取 children 或 value
+    var props = node.props;
+    if (props !== null && props !== void 0 && props.children) {
+      return reactNodeToString(props.children);
+    }
+    if ((props === null || props === void 0 ? void 0 : props.value) !== undefined) {
+      return String(props.value);
+    }
+    if (props !== null && props !== void 0 && props.label) {
+      return reactNodeToString(props.label);
+    }
+  }
+  // 如果无法转换，使用对象的键或默认值
+  return '';
+};
+
+/**
+ * 生成稳定的 filterId
+ * 基于 componentName 和 label 生成，确保 label 变化时 ID 也会更新
+ */
+export var generateFilterId = function generateFilterId(componentName, label, fallbackIndex) {
+  var labelStr = reactNodeToString(label);
+  // 如果 label 为空，使用 fallbackIndex 或时间戳作为后备
+  if (!labelStr && fallbackIndex !== undefined) {
+    return "filter-".concat(componentName, "-").concat(fallbackIndex);
+  }
+  if (!labelStr) {
+    return "filter-".concat(componentName, "-").concat(Date.now());
+  }
+  // 清理 label 字符串，移除特殊字符，只保留字母数字和连字符
+  var cleanLabel = labelStr.replace(/[^a-zA-Z0-9\u4e00-\u9fa5]/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');
+  return "filter-".concat(componentName, "-").concat(cleanLabel);
+};
+
+/**
+ * 获取 Filter 组件的占位符文案
+ */
+export var getPlaceholder = function getPlaceholder() {
+  return '请选择';
+};
+
+/**
+ * Wrapped 模式下显示值的样式
+ */
+export var wrappedValueStyle = {
+  whiteSpace: 'nowrap',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  flex: 1
+};
+
+/**
+ * 获取 Wrapped 模式下显示值的样式（包含颜色）
+ * @param hasValue 是否有值
+ */
+export var getWrappedValueStyle = function getWrappedValueStyle(hasValue) {
+  return _objectSpread(_objectSpread({}, wrappedValueStyle), {}, {
+    color: hasValue ? undefined : '#b6c0d4'
+  });
+};
+
+/**
+ * 包装 Filter 内容的容器
+ * @param content 内容
+ * @param padding 内边距，默认为 8
+ * @param maxHeight 最大高度，默认为 300
+ */
+export var wrapContent = function wrapContent(content) {
+  var padding = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 8;
+  var maxHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      padding: padding,
+      maxHeight: maxHeight,
+      overflowY: 'auto'
+    },
+    children: content
+  });
+};
+
+/**
+ * 深度比较两个数组是否相等（用于 options 比较）
+ */
+export var areArraysEqual = function areArraysEqual(a, b) {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  if (a.length !== b.length) return false;
+  try {
+    return JSON.stringify(a) === JSON.stringify(b);
+  } catch (_unused) {
+    // 如果 JSON.stringify 失败，使用浅比较
+    return a.every(function (item, index) {
+      return item === b[index];
+    });
+  }
+};
+
+/**
+ * 稳定化 options 数组的引用（使用 JSON.stringify 作为 key）
+ * 这是一个普通函数，不是 Hook
+ */
+export var getStableOptionsKey = function getStableOptionsKey(options) {
+  if (!options || options.length === 0) return '';
+  try {
+    return JSON.stringify(options);
+  } catch (_unused2) {
+    // 如果序列化失败，使用长度和第一个元素的组合
+    return "".concat(options.length, "-").concat(String(options[0]));
+  }
+};
+
+/**
+ * 将 ReactNode 转换为可搜索的字符串
+ * 用于搜索功能中的文本匹配
+ */
+export var normalizeLabel = function normalizeLabel(label) {
+  if (typeof label === 'string') return label;
+  if (typeof label === 'number') return String(label);
+  if (typeof label === 'boolean' || label === null || label === undefined) {
+    return '';
+  }
+  if (Array.isArray(label)) {
+    return label.map(normalizeLabel).join(' ');
+  }
+  if (_typeof(label) === 'object' && 'props' in label) {
+    // 尝试从 props 中获取 children 或文本内容
+    var props = label.props;
+    if (props !== null && props !== void 0 && props.children) {
+      return normalizeLabel(props.children);
+    }
+    if ((props === null || props === void 0 ? void 0 : props.text) !== undefined) {
+      return String(props.text);
+    }
+    if (props !== null && props !== void 0 && props.label) {
+      return normalizeLabel(props.label);
+    }
+  }
+  return '';
+};
+
+/**
+ * 根据关键词过滤选项列表
+ * @param options 选项列表
+ * @param keyword 搜索关键词
+ * @returns 过滤后的选项列表
+ */
+export var filterOptions = function filterOptions(options, keyword) {
+  if (!keyword.trim()) return options;
+  var lowerKeyword = keyword.toLowerCase().trim();
+  return options.filter(function (option) {
+    var labelText = normalizeLabel(option.label);
+    return labelText.toLowerCase().includes(lowerKeyword);
+  });
+};

package/es/float-button/index.js

@@ -1 +1,2 @@
+"use client";
 export * from 'antd/es/float-button';

package/es/form/FormItem.d.ts

@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
 import type { TooltipProps } from '../tooltip';
 declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     useStatus: () => {
-        status?: "" | "warning" | "error" | "success" | "validating";
+        status?: "" | "success" | "warning" | "error" | "validating";
         errors: React.ReactNode[];
         warnings: React.ReactNode[];
     };

package/es/form/FormItem.js

@@ -1,3 +1,4 @@
+"use client";
 var _excluded = ["children", "label", "tooltip", "action", "description", "layout", "prefixCls", "className"],
   _excluded2 = ["icon", "type", "overlayInnerStyle"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -6,6 +7,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 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); }
+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 _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 _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; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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 React, { useContext } from 'react';
@@ -35,7 +42,8 @@ var FormItem = function FormItem(_ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('form', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
   var formItemCls = classNames(className, _defineProperty({}, "".concat(prefixCls, "-item-has-description"), !!description));
   var _useContext2 = useContext(FormContext),
     contextLayout = _useContext2.layout,
@@ -70,7 +78,7 @@ var FormItem = function FormItem(_ref) {
     className: "".concat(prefixCls, "-item-action"),
     children: action
   }) : null;
-  return wrapSSR( /*#__PURE__*/_jsx(AntFormItem, _objectSpread(_objectSpread({
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntFormItem, _objectSpread(_objectSpread({
     layout: layout,
     label: actionContent || descriptionContent ? /*#__PURE__*/_jsxs("div", {
       children: [label, actionContent, descriptionContent]

package/es/form/index.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["hideRequiredMark", "prefixCls", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -5,6 +6,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 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); }
+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 _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 _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; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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 React, { useContext } from 'react';
@@ -25,9 +32,10 @@ var Form = function Form(_ref) {
     contextForm = _useContext.form;
   var prefixCls = getPrefixCls('form', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
   var formCls = classNames(className);
-  return wrapSSR(
+  return wrapCSSVar(
   /*#__PURE__*/
   // @ts-ignore to ignore children type error
   _jsx(AntForm, _objectSpread({

package/es/form/style/index.d.ts

@@ -2,8 +2,5 @@
 import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type FormToken = FullToken<'Form'>;
 export declare const genFormStyle: GenerateStyle<FormToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/es/form/style/index.js

@@ -2,13 +2,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 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 { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+import { genStyleHooks } from "../../_util/genComponentStyleHook";
 export var genFormStyle = function genFormStyle(token) {
   var componentCls = token.componentCls,
     calc = token.calc;
   return _defineProperty(_defineProperty({}, componentCls, _defineProperty(_defineProperty({}, "".concat(componentCls, "-item-explain, ").concat(componentCls, "-item-extra"), {
     paddingTop: token.paddingXXS,
-    fontSize: token.fontSizeSM
+    fontSize: token.fontSizeSM,
+    lineHeight: token.lineHeightSM
   }), "".concat(componentCls, "-item-explain + ").concat(componentCls, "-item-extra"), {
     paddingTop: 0
   })), "".concat(componentCls).concat(componentCls, "-vertical"), _defineProperty({}, "".concat(componentCls, "-item:not(").concat(componentCls, "-item-horizontal)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-item-control-input"), {
@@ -18,6 +19,7 @@ export var genFormStyle = function genFormStyle(token) {
   }), "".concat(componentCls, "-item-description"), {
     paddingTop: token.paddingXXS,
     fontSize: token.fontSizeSM,
+    lineHeight: token.lineHeightSM,
     color: token.colorTextDescription
   }), "".concat(componentCls, "-item-label > label"), _defineProperty({
     width: '100%'
@@ -26,9 +28,6 @@ export var genFormStyle = function genFormStyle(token) {
     right: 0
   }))));
 };
-export default (function (prefixCls) {
-  var useStyle = genComponentStyleHook('Form', function (token) {
-    return [genFormStyle(token)];
-  });
-  return useStyle(prefixCls);
+export default genStyleHooks('Form', function (token) {
+  return [genFormStyle(token)];
 });

package/es/grid/col.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/es/grid/index.js

@@ -1,3 +1,4 @@
+"use client";
 import Col from "./col";
 import useInternalBreakpoint from 'antd/es/grid/hooks/useBreakpoint';
 import Row from "./row";

package/es/grid/row.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/es/image/index.js

@@ -1 +1,2 @@
+"use client";
 export * from 'antd/es/image';

package/es/index.d.ts

@@ -26,7 +26,7 @@ export { default as Modal } from './modal';
 export type { ModalProps, ModalFuncProps, ModalProgressProps } from './modal';
 export { default as Drawer } from './drawer';
 export type { DrawerProps } from './drawer';
-export { message, notification, token } from './static-function';
+export { message, notification, token, obToken } from './static-function';
 export { default as List } from './list';
 export type { ListProps } from './list';
 export { default as Table } from './table';
@@ -67,11 +67,188 @@ export { default as Badge } from './badge';
 export type { BadgeProps } from './badge';
 export { default as Lottie } from './lottie';
 export type { LottieProps, LottieRef } from './lottie';
+export { default as Filter, FilterProvider, useFilterContext } from './filter';
+export type { BaseFilterProps, FilterSelectProps, FilterCheckboxProps, FilterCascaderProps, FilterSwitchProps, FilterRangeProps, FilterInputProps, FilterWrapProps, ResponsiveFilterGroupProps, } from './filter';
 export { default as theme } from './theme';
 declare const useToken: () => {
     theme: import("@ant-design/cssinjs").Theme<import("antd/lib/theme/interface/seeds").SeedToken, import("./theme/interface").AliasToken>;
     token: import("./theme/interface").GlobalToken;
     hashId: string;
+    obToken: {
+        white: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        black: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        fuchsia1: string;
+        fuchsia2: string;
+        fuchsia3: string;
+        fuchsia4: string;
+        fuchsia5: string;
+        fuchsia6: string;
+        colorBgDefault: string;
+        colorBgPrimary: string;
+        colorBgSecondary: string;
+        colorBgHover: string;
+        colorBgHoverSecondary: string;
+        colorBgFocus: string;
+        colorBgSelected: string;
+        colorBgDisabled: string;
+        colorBgInfo: string;
+        colorBgSuccess: string;
+        colorBgWarning: string;
+        colorBgError: string;
+        colorDivider: string;
+        colorBorderDefault: string;
+        colorBorderContainer: string;
+        colorBorderInverse: string;
+        colorBorderHover: string;
+        colorBorderSelected: string;
+        colorBorderFocus: string;
+        colorBorderSuccess: string;
+        colorBorderError: string;
+        colorBorderWarning: string;
+        colorTextDefault: string;
+        colorTextNavigation: string;
+        colorTextLabel: string;
+        colorTextDescription: string;
+        colorTextDisabled: string;
+        colorTextFocus: string;
+        colorTextSelected: string;
+        colorTextLink: string;
+        colorTextInverse: string;
+        colorTextDisabledSelected: string;
+        colorTextSuccess: string;
+        colorTextError: string;
+        colorTextWarning: string;
+        colorIconDefault: string;
+        colorIconHover: string;
+        colorIconDisabled: string;
+        colorIconFocus: string;
+        colorIconInverse: string;
+        colorIconInfo: string;
+        colorIconWarning: string;
+        colorIconSuccess: string;
+        colorIconError: string;
+        colorIconCritical: string;
+        colorDefaultText: string;
+        colorDefaultIcon: string;
+        colorDefaultFill: string;
+        colorDefaultBorder: string;
+        colorInfoText: string;
+        colorInfoIcon: string;
+        colorInfoFill: string;
+        colorInfoBorder: string;
+        colorSuccessText: string;
+        colorSuccessIcon: string;
+        colorSuccessFill: string;
+        colorSuccessBorder: string;
+        colorWarningText: string;
+        colorWarningIcon: string;
+        colorWarningFill: string;
+        colorWarningBorder: string;
+        colorErrorText: string;
+        colorErrorIcon: string;
+        colorErrorFill: string;
+        colorErrorBorder: string;
+        colorCriticalText: string;
+        colorCriticalIcon: string;
+        colorCriticalFill: string;
+        colorCriticalBorder: string;
+        fontFamilyDefault: string;
+        fontFamilyCode: string;
+        fontWeightSm: number;
+        fontWeightMd: number;
+        fontWeightLg: number;
+        fontSize300: number;
+        fontSize325: number;
+        fontSize400: number;
+        fontSize450: number;
+        fontSize500: number;
+        fontLineHeight500: string;
+        fontLineHeight600: string;
+        fontLineHeight650: string;
+        fontLineHeight700: string;
+        fontH1: string;
+        fontH2: string;
+        fontH3: string;
+        fontH4: string;
+        fontBody1: string;
+        fontBody2: string;
+        fontCaption: string;
+        fontBodyCode: string;
+        shadow1Top: string;
+        shadow1Bottom: string;
+        shadow1Left: string;
+        shadow1Right: string;
+        shadow2: string;
+        radiusSm: number;
+        radiusMd: number;
+        radiusLg: number;
+        space0: number;
+        space50: number;
+        space100: number;
+        space150: number;
+        space200: number;
+        space300: number;
+        space400: number;
+        space500: number;
+        space600: number;
+        space800: number;
+        spaceNegative25: number;
+        naviColorBg: string;
+        naviColorBgHover: string;
+        naviColorBgFocus: string;
+        btnColorPrimaryBg: string;
+        btnColorPrimaryBgHover: string;
+        btnColorPrimaryBgDisabled: string;
+        btnColorPrimaryText: string;
+        btnColorPrimaryIcon: string;
+        btnColorSecondaryBorder: string;
+        btnColorSecondaryText: string;
+        btnColorSecondaryIcon: string;
+        btnColorDangerBorder: string;
+        btnColorDangerText: string;
+        progressColorBgDefault: string;
+        progressColorBgLoading: string;
+        progressColorBgSuccess: string;
+        progressColorBgError: string;
+        switchColorBgDefault: string;
+        switchColorBgDisabled: string;
+        switchColorBgActive: string;
+        switchColorBgDisabledSelected: string;
+    };
 };
 export { useToken };
 export type { PresetStatusColorType } from 'antd/es/_util/colors';

package/es/index.js

@@ -1,3 +1,4 @@
+"use client";
 export * from 'antd';
 export { version } from "../package.json";
 export { default as Alert } from "./alert";
@@ -13,7 +14,7 @@ export { default as Empty } from "./empty";
 export { default as Form } from "./form";
 export { default as Modal } from "./modal";
 export { default as Drawer } from "./drawer";
-export { message, notification, token } from "./static-function";
+export { message, notification, token, obToken } from "./static-function";
 export { default as List } from "./list";
 export { default as Table } from "./table";
 export { default as Tabs } from "./tabs";
@@ -34,6 +35,7 @@ export { default as Result } from "./result";
 export { default as Spin } from "./spin";
 export { default as Badge } from "./badge";
 export { default as Lottie } from "./lottie";
+export { default as Filter, FilterProvider, useFilterContext } from "./filter";
 export { default as theme } from "./theme";
 import theme from "./theme";
 var useToken = theme.useToken;

package/es/input/Input.js

@@ -1,5 +1,12 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["prefixCls", "locale", "showCount"];
+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 _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 _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; }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -33,8 +40,9 @@ var Input = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }, defaultLocale.Input), contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.Input), customLocale);
   var prefixCls = getPrefixCls('input', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
-  return wrapSSR( /*#__PURE__*/_jsx(AntInput, _objectSpread({
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntInput, _objectSpread({
     ref: ref,
     prefixCls: customizePrefixCls,
     placeholder: inputLocale.placeholder,

package/es/input/Password.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["prefixCls", "locale", "showCount"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -5,6 +6,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 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); }
+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 _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 _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; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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 React, { forwardRef, useContext } from 'react';
@@ -26,11 +33,12 @@ var Password = /*#__PURE__*/forwardRef(function (_ref, ref) {
     contextLocale = _useContext.locale;
   var prefixCls = getPrefixCls('input', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
   var inputLocale = _objectSpread(_objectSpread(_objectSpread({
     placeholder: (contextLocale === null || contextLocale === void 0 || (_contextLocale$global = contextLocale.global) === null || _contextLocale$global === void 0 ? void 0 : _contextLocale$global.inputPlaceholder) || ((_defaultLocale$global = defaultLocale.global) === null || _defaultLocale$global === void 0 ? void 0 : _defaultLocale$global.inputPlaceholder)
   }, defaultLocale.Input), contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.Input), customLocale);
-  return wrapSSR( /*#__PURE__*/_jsx(AntInput.Password, _objectSpread({
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntInput.Password, _objectSpread({
     ref: ref,
     prefixCls: customizePrefixCls,
     placeholder: inputLocale.placeholder,