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

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

@@ -17,6 +17,7 @@ export type LabelTooltipType = WrapperTooltipProps | React.ReactNode;
 export interface FormItemProps extends AntFormItemProps {
     tooltip?: WrapperTooltipProps | ReactNode;
     action?: ReactNode;
+    description?: ReactNode;
 }
 type CompoundedComponent = React.FC<FormItemProps> & {
     useStatus: typeof AntFormItem.useStatus;

package/es/form/FormItem.js

@@ -1,11 +1,18 @@
-var _excluded = ["children", "label", "tooltip", "action", "layout", "prefixCls", "className"],
+"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; }
 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 _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); }
 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); }
+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';
@@ -17,7 +24,6 @@ import ConfigProvider from "../config-provider";
 import { useTooltipTypeList } from "../tooltip/hooks/useTooltipTypeList";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var AntFormItem = AntForm.Item;
 export * from 'antd/es/form/FormItem';
@@ -27,6 +33,7 @@ var FormItem = function FormItem(_ref) {
     label = _ref.label,
     tooltip = _ref.tooltip,
     action = _ref.action,
+    description = _ref.description,
     externalLayout = _ref.layout,
     customizePrefixCls = _ref.prefixCls,
     className = _ref.className,
@@ -35,8 +42,9 @@ var FormItem = function FormItem(_ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('form', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
-  var formItemCls = classNames(className);
+    _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,
     vertical = _useContext2.vertical;
@@ -59,13 +67,21 @@ var FormItem = function FormItem(_ref) {
       }, overlayInnerStyle)
     }, restTooltipProps);
   }
-  return wrapSSR( /*#__PURE__*/_jsx(AntFormItem, _objectSpread(_objectSpread({
+
+  // description config - only show in vertical layout
+  var isVertical = layout === 'vertical' || vertical;
+  var descriptionContent = description && isVertical ? /*#__PURE__*/_jsx("div", {
+    className: "".concat(prefixCls, "-item-description"),
+    children: description
+  }) : null;
+  var actionContent = action && (layout === 'vertical' || vertical) ? /*#__PURE__*/_jsx("span", {
+    className: "".concat(prefixCls, "-item-action"),
+    children: action
+  }) : null;
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntFormItem, _objectSpread(_objectSpread({
     layout: layout,
-    label: action && (layout === 'vertical' || vertical) ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [label, action && /*#__PURE__*/_jsx("span", {
-        className: "".concat(prefixCls, "-item-action"),
-        children: action
-      })]
+    label: actionContent || descriptionContent ? /*#__PURE__*/_jsxs("div", {
+      children: [label, actionContent, descriptionContent]
     }) : label,
     tooltip: tooltip
     // auto set required for Switch children to hide optional mark

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

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+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,19 +2,32 @@ 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;
-  return _defineProperty({}, "".concat(componentCls).concat(componentCls, "-vertical"), _defineProperty({}, "".concat(componentCls, "-item:not(").concat(componentCls, "-item-horizontal)"), _defineProperty({}, "".concat(componentCls, "-item-label > label"), _defineProperty({
+  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,
+    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"), {
+    minHeight: 'auto'
+  }), "".concat(componentCls, "-item-label"), {
+    paddingBottom: calc(token.paddingXXS).add(2).equal()
+  }), "".concat(componentCls, "-item-description"), {
+    paddingTop: token.paddingXXS,
+    fontSize: token.fontSizeSM,
+    lineHeight: token.lineHeightSM,
+    color: token.colorTextDescription
+  }), "".concat(componentCls, "-item-label > label"), _defineProperty({
     width: '100%'
   }, "".concat(componentCls, "-item-action"), {
     position: 'absolute',
     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

@@ -1,4 +1,3 @@
-import './global.css';
 export * from 'antd';
 export { version } from '../package.json';
 export { default as Alert } from './alert';
@@ -13,6 +12,8 @@ export { default as Typography } from './typography';
 export type { TypographyProps } from './typography';
 export { default as Card } from './card';
 export type { CardProps } from './card';
+export { default as App } from './app';
+export type { AppProps } from './app';
 export { default as ConfigProvider } from './config-provider';
 export type { ConfigProviderProps, ConfigConsumerProps, ThemeConfig } from './config-provider';
 export { default as Descriptions } from './descriptions';
@@ -25,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';
@@ -66,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/es/theme/internal").SeedToken, import("antd/es/theme/internal").AliasToken>;
-    token: import("antd").GlobalToken;
+    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,4 +1,4 @@
-import "./global.css";
+"use client";
 export * from 'antd';
 export { version } from "../package.json";
 export { default as Alert } from "./alert";
@@ -7,13 +7,14 @@ export { default as Space } from "./space";
 export { Col, Row } from "./grid";
 export { default as Typography } from "./typography";
 export { default as Card } from "./card";
+export { default as App } from "./app";
 export { default as ConfigProvider } from "./config-provider";
 export { default as Descriptions } from "./descriptions";
 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;