@oceanbase/design 1.0.0-alpha.10 → 1.0.0-alpha.11

package/es/table/index.js

@@ -13,6 +13,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
+"use client";
 import { Popover, Space, Table as AntTable } from 'antd';
 import classNames from 'classnames';
 import { isEmpty } from 'lodash';
@@ -24,7 +25,6 @@ import useStyle from "./style";
 import useDefaultPagination from "./hooks/useDefaultPagination";
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import enUS from "../locale/en-US";
-import theme from "../theme";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export * from 'antd/es/table';
@@ -53,8 +53,6 @@ function Table(props, ref) {
     className = props.className;
   var extendedContext = useContext(ConfigProvider.ExtendedConfigContext);
   var pagination = useDefaultPagination(customPagination);
-  var _theme$useToken = theme.useToken(),
-    token = _theme$useToken.token;
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     locale = _useContext.locale,
@@ -189,65 +187,44 @@ function Table(props, ref) {
       })]
     });
   };
-  return wrapCSSVar( /*#__PURE__*/_jsx(ConfigProvider, {
-    theme: {
-      components: {
-        Button: {
-          fontSize: token.fontSizeSM,
-          controlHeight: token.controlHeightSM,
-          paddingInline: token.paddingXS
-        },
-        Pagination: {
-          fontSize: token.fontSizeSM,
-          controlHeight: token.controlHeightSM
-        },
-        Select: {
-          fontSize: token.fontSizeSM,
-          controlHeight: token.controlHeightSM,
-          // control select padding by inputPaddingHorizontalBase
-          paddingSM: token.paddingXS
-        }
-      }
-    },
-    children: /*#__PURE__*/_jsx(AntTable, _objectSpread(_objectSpread({}, props), {}, {
-      ref: ref,
-      prefixCls: customizePrefixCls,
-      className: tableCls,
-      locale: _objectSpread(_objectSpread({}, restLocale), {}, {
-        emptyText: /*#__PURE__*/_jsx("div", {
-          className: "".concat(prefixCls, "-empty-wrapper"),
-          children: typeof emptyText === 'function' ? emptyText() : emptyText
-        })
-      }),
-      size: size,
-      bordered: bordered || innerBordered,
-      columns: newColumns,
-      rowClassName: function rowClassName() {
-        return classNames(typeof _rowClassName === 'function' ? _rowClassName.apply(void 0, arguments) : _rowClassName, _defineProperty({}, "".concat(prefixCls, "-expand-row-by-click"), expandable === null || expandable === void 0 ? void 0 : expandable.expandRowByClick));
-      },
-      expandable: expandable ? _objectSpread({
-        columnWidth: !size || size === 'large' ? 40 : 32
-      }, expandable) : undefined,
-      rowSelection: rowSelection ? _objectSpread(_objectSpread({
-        columnWidth: table === null || table === void 0 ? void 0 : table.selectionColumnWidth
-      }, rowSelection), {}, {
-        onChange: function onChange(selectedRowKeys, selectedRows, info) {
-          var _rowSelection$onChang2;
-          handleSelectedData(selectedRowKeys, selectedRows, info);
-          rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang2 = rowSelection.onChange) === null || _rowSelection$onChang2 === void 0 || _rowSelection$onChang2.call(rowSelection, selectedRowKeys, selectedRows, info);
-        }
-      }) : undefined,
-      scroll: _objectSpread({
-        // enable auto x scroll when there is no ellipsis column
-        x: hasEllipsisColumn ? undefined : 'max-content'
-      }, scroll),
-      footer: footer,
-      pagination: pagination === false ? false : _objectSpread(_objectSpread({}, pagination), {}, {
-        hideOnSinglePage: toolAlertRender || toolOptionsRender || toolSelectedContent || pagination !== null && pagination !== void 0 && pagination.showSizeChanger ? false : (pagination === null || pagination === void 0 ? void 0 : pagination.hideOnSinglePage) !== undefined ? pagination === null || pagination === void 0 ? void 0 : pagination.hideOnSinglePage : extendedContext.hideOnSinglePage,
-        showTotal: renderOptionsBar
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntTable, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
+    prefixCls: customizePrefixCls,
+    className: tableCls,
+    locale: _objectSpread(_objectSpread({}, restLocale), {}, {
+      emptyText: /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-empty-wrapper"),
+        children: typeof emptyText === 'function' ? emptyText() : emptyText
       })
-    }))
-  }));
+    }),
+    size: size,
+    bordered: bordered || innerBordered,
+    columns: newColumns,
+    rowClassName: function rowClassName() {
+      return classNames(typeof _rowClassName === 'function' ? _rowClassName.apply(void 0, arguments) : _rowClassName, _defineProperty({}, "".concat(prefixCls, "-expand-row-by-click"), expandable === null || expandable === void 0 ? void 0 : expandable.expandRowByClick));
+    },
+    expandable: expandable ? _objectSpread({
+      columnWidth: !size || size === 'large' ? 40 : 32
+    }, expandable) : undefined,
+    rowSelection: rowSelection ? _objectSpread(_objectSpread({
+      columnWidth: table === null || table === void 0 ? void 0 : table.selectionColumnWidth
+    }, rowSelection), {}, {
+      onChange: function onChange(selectedRowKeys, selectedRows, info) {
+        var _rowSelection$onChang2;
+        handleSelectedData(selectedRowKeys, selectedRows, info);
+        rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang2 = rowSelection.onChange) === null || _rowSelection$onChang2 === void 0 || _rowSelection$onChang2.call(rowSelection, selectedRowKeys, selectedRows, info);
+      }
+    }) : undefined,
+    scroll: _objectSpread({
+      // enable auto x scroll when there is no ellipsis column
+      x: hasEllipsisColumn ? undefined : 'max-content'
+    }, scroll),
+    footer: footer,
+    pagination: pagination === false ? false : _objectSpread(_objectSpread({}, pagination), {}, {
+      hideOnSinglePage: toolAlertRender || toolOptionsRender || toolSelectedContent || pagination !== null && pagination !== void 0 && pagination.showSizeChanger ? false : (pagination === null || pagination === void 0 ? void 0 : pagination.hideOnSinglePage) !== undefined ? pagination === null || pagination === void 0 ? void 0 : pagination.hideOnSinglePage : extendedContext.hideOnSinglePage,
+      showTotal: renderOptionsBar
+    })
+  })));
 }
 var ForwardTable = /*#__PURE__*/React.forwardRef(Table);
 export default Object.assign(ForwardTable, {

package/es/table/style/index.js

@@ -1,11 +1,26 @@
 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 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); }
 import { unit } from '@ant-design/cssinjs';
 import { genStyleHooks } from "../../_util/genComponentStyleHook";
+var genSmallBtnStyle = function genSmallBtnStyle(token) {
+  var antCls = token.antCls;
+  return _defineProperty({}, "".concat(antCls, "-btn:not(").concat(antCls, "-btn-sm):not(").concat(antCls, "-btn-lg)"), _defineProperty(_defineProperty(_defineProperty({
+    height: token.controlHeightSM,
+    fontSize: token.fontSizeSM
+  }, "&:not(".concat(antCls, "-btn-icon-only):not(").concat(antCls, "-btn-circle)"), {
+    paddingInline: token.paddingXS
+  }), "&".concat(antCls, "-btn-icon-only"), {
+    width: token.controlHeightSM
+  }), "&".concat(antCls, "-btn-circle"), {
+    minWidth: token.controlHeightSM
+  }));
+};
 export var genTableStyle = function genTableStyle(token) {
-  var _ref;
+  var _ref2;
   var antCls = token.antCls,
     componentCls = token.componentCls,
     iconCls = token.iconCls,
@@ -21,7 +36,7 @@ export var genTableStyle = function genTableStyle(token) {
     marginLG = token.marginLG,
     marginXS = token.marginXS,
     calc = token.calc;
-  return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "".concat(componentCls, "-wrapper ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
+  return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(componentCls, "-wrapper ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
     color: colorText,
     backgroundColor: colorBgBase,
     borderRadius: borderRadiusLG
@@ -38,7 +53,7 @@ export var genTableStyle = function genTableStyle(token) {
     backgroundColor: "".concat(colorBorderSecondary, " !important")
   }), "".concat(componentCls, "-cell-scrollbar"), {
     boxShadow: "0 1px 0 1px ".concat(colorBgBase)
-  })), "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-tbody-virtual-scrollbar ").concat(componentCls, "-tbody-virtual-scrollbar-thumb"), {
+  })), "".concat(componentCls, "-tbody"), _objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-tbody-virtual-scrollbar ").concat(componentCls, "-tbody-virtual-scrollbar-thumb"), {
     background: "".concat(token.colorFillSecondary, " !important")
   }), "".concat(componentCls, "-row-indent+").concat(iconCls), {
     marginInlineEnd: token.marginXS
@@ -56,16 +71,7 @@ export var genTableStyle = function genTableStyle(token) {
       // work for ProTable link style
       fontSize: token.fontSizeSM
     }
-  }), "".concat(antCls, "-btn:not(").concat(antCls, "-btn-sm):not(").concat(antCls, "-btn-lg)"), _defineProperty(_defineProperty(_defineProperty({
-    height: token.controlHeightSM,
-    fontSize: token.fontSizeSM
-  }, "&:not(".concat(antCls, "-btn-icon-only):not(").concat(antCls, "-btn-circle)"), {
-    paddingInline: token.paddingXS
-  }), "&".concat(antCls, "-btn-icon-only"), {
-    width: token.controlHeightSM
-  }), "&".concat(antCls, "-btn-circle"), {
-    minWidth: token.controlHeightSM
-  })), "".concat(componentCls, "-placeholder td"), {}), "".concat(componentCls, "-empty-wrapper"), {
+  }), genSmallBtnStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-placeholder td"), {}), "".concat(componentCls, "-empty-wrapper"), {
     minHeight: calc(360).sub(calc(token.paddingSM).mul(2).equal()).equal(),
     display: 'flex',
     justifyContent: 'center',
@@ -80,7 +86,7 @@ export var genTableStyle = function genTableStyle(token) {
     borderRadius: 0
   }), "".concat(componentCls, "-empty-wrapper"), {
     minHeight: 'auto'
-  })))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-middle"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-empty-wrapper"), {
+  }))))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-middle"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-empty-wrapper"), {
     minHeight: calc(260).sub(calc(token.paddingXS).mul(2).equal()).equal()
   }))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-small"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-empty-wrapper"), {
     minHeight: calc(160).sub(calc(token.paddingXXS).mul(2).equal()).equal()
@@ -121,7 +127,7 @@ export var genTableStyle = function genTableStyle(token) {
   })))), "".concat(componentCls, "-wrapper ").concat(antCls, "-spin-blur"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-placeholder"), {
     // hide empty when Table loading
     visibility: 'hidden'
-  }))), _defineProperty(_defineProperty(_defineProperty(_ref, "".concat(componentCls, "-wrapper"), _defineProperty({}, "".concat(componentCls, "-pagination"), _defineProperty(_defineProperty({}, "&".concat(antCls, "-pagination"), _defineProperty(_defineProperty({
+  }))), _defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(componentCls, "-wrapper"), _defineProperty({}, "".concat(componentCls, "-pagination"), _defineProperty(_defineProperty({}, "&".concat(antCls, "-pagination"), _defineProperty(_defineProperty({
     fontSize: token.fontSizeSM,
     padding: "".concat(unit(token.paddingSM), " 0"),
     margin: '0 !important'
@@ -133,7 +139,7 @@ export var genTableStyle = function genTableStyle(token) {
     height: token.controlHeightSM
   }, "".concat(antCls, "-select-selector"), {
     paddingInline: calc(token.paddingXS).sub(token.lineWidth).equal()
-  }))), "".concat(componentCls, "-batch-operation-bar"), _defineProperty({
+  }))), "".concat(componentCls, "-batch-operation-bar"), _objectSpread(_defineProperty({
     position: 'absolute',
     left: 0,
     display: 'inline-block',
@@ -141,7 +147,7 @@ export var genTableStyle = function genTableStyle(token) {
   }, "".concat(componentCls, "-batch-operation-selection"), _defineProperty({}, "".concat(componentCls, "-batch-operation-selection-count"), {
     margin: "0 ".concat(unit(marginXS)),
     color: colorLink
-  }))))), "".concat(antCls, "-popover").concat(componentCls, "-batch-operation-selection-popover"), _defineProperty({}, "".concat(antCls, "-popover-inner"), {
+  })), genSmallBtnStyle(token))))), "".concat(antCls, "-popover").concat(componentCls, "-batch-operation-selection-popover"), _defineProperty({}, "".concat(antCls, "-popover-inner"), {
     padding: 0
   })), "".concat(antCls, "-popover, ").concat(antCls, "-tooltip"), _defineProperty({}, "".concat(componentCls, " ").concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-empty-wrapper"), {
     minHeight: 'auto'

package/es/tabs/TabPane.js

@@ -1,2 +1,3 @@
+"use client";
 import { Tabs as AntTabs } from 'antd';
 export default AntTabs.TabPane;

package/es/tabs/hooks/useLegacyItems.js

@@ -7,6 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
+"use client";
 import warning from 'antd/es/_util/warning';
 import toArray from 'rc-util/lib/Children/toArray';
 import * as React from 'react';

package/es/tabs/index.js

@@ -13,6 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
+"use client";
 import React, { useCallback, useContext } from 'react';
 import { Divider, Space, Tabs as AntTabs, Tag } from 'antd';
 import { isNullValue } from '@oceanbase/util';

package/es/tag/index.js

@@ -13,6 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
+"use client";
 import React, { useContext } from 'react';
 import { Tag as AntTag } from 'antd';
 import classNames from 'classnames';

package/es/tag/style/index.js

@@ -2,6 +2,7 @@ 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 { unit } from '@ant-design/cssinjs';
 import { mergeToken } from 'antd/es/theme/internal';
 import { genStyleHooks } from "../../_util/genComponentStyleHook";
 var genTagPresetStatusStyle = function genTagPresetStatusStyle(token, status) {
@@ -60,7 +61,9 @@ export var genTagStyle = function genTagStyle(token) {
     borderRadius: 100,
     marginInlineEnd: token.marginXXS,
     borderColor: token.colorBorderSecondary,
-    color: token.colorTextSecondary
+    color: token.colorTextSecondary,
+    // pill tag use smaller line-height
+    lineHeight: unit(token.fontHeightSM)
   }));
 };
 export default genStyleHooks('Tag', function (token) {

package/es/theme/index.js

@@ -4,6 +4,7 @@ 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); }
+"use client";
 import { theme } from 'antd';
 import { pick } from 'lodash';
 // umi 插件只能 import 支持 CommonJS 语法库和文件，因此需要使用 lib 产物

package/es/theme/interface.d.ts

@@ -23,6 +23,13 @@ export interface AliasToken extends AntAliasToken {
      * @descEN Round of fontSize * lineHeight.
      */
     fontHeight: number;
+    /**
+     * @nameZH 小号字体的高度
+     * @nameEN Font height for small size
+     * @desc 小号字体的高度，用于组件中的一些小号字体，如 Pill Tag 等一些组件样式。
+     * @descEN The height of the small font, used in some small font components, such as Pill Tag etc.
+     */
+    fontHeightSM: number;
     /**
      * @nameZH MD号圆角
      * @nameEN MD Border Radius

package/es/theme/style/aliyun.less

@@ -441,7 +441,7 @@
 @controlItemBgActiveHover: #b0dbff;
 @controlItemBgActiveDisabled: rgba(0,0,0,0.15);
 @controlTmpOutline: rgba(0,0,0,0.02);
-@fontWeightStrong: 600;
+@fontWeightStrong: var(--ob-font-weight-lg);
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;

package/es/theme/style/compact.less

@@ -412,9 +412,9 @@
 @borderRadiusSM: 2px;
 @borderRadiusLG: 8px;
 @borderRadiusOuter: 4px;
-@fontWeightWeak: 400;
-@fontWeight: 400;
-@fontWeightStrong: 600;
+@fontWeightWeak: var(--ob-font-weight-sm);
+@fontWeight: var(--ob-font-weight-md);
+@fontWeightStrong: var(--ob-font-weight-lg);
 @borderRadiusMD: 6px;
 @colorFuchsia: #b04ec4;
 @colorFuchsiaBorder: #d88ee7;

package/es/theme/style/dark.less

@@ -441,7 +441,7 @@
 @controlItemBgActiveDisabled: rgba(255,255,255,0.18);
 @controlTmpOutline: rgba(255,255,255,0.04);
 @controlOutline: rgba(13,110,251,0.29);
-@fontWeightStrong: 600;
+@fontWeightStrong: var(--ob-font-weight-lg);
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;

package/es/theme/style/default.less

@@ -412,9 +412,9 @@
 @borderRadiusSM: 2px;
 @borderRadiusLG: 8px;
 @borderRadiusOuter: 4px;
-@fontWeightWeak: 400;
-@fontWeight: 400;
-@fontWeightStrong: 600;
+@fontWeightWeak: var(--ob-font-weight-sm);
+@fontWeight: var(--ob-font-weight-md);
+@fontWeightStrong: var(--ob-font-weight-lg);
 @borderRadiusMD: 6px;
 @colorFuchsia: #b04ec4;
 @colorFuchsiaBorder: #d88ee7;

package/es/time-picker/index.js

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

package/es/timeline/index.js

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

package/es/tooltip/MouseTooltip.js

@@ -14,6 +14,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
+"use client";
 import { useMouse, useSize } from 'ahooks';
 import React, { useRef, useState } from 'react';
 import ReactStickyMouseTooltip from "./ReactStickyMouseTooltip";

package/es/tooltip/ReactStickyMouseTooltip.js

@@ -14,6 +14,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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); }
+"use client";
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var ReactStickyMouseTooltip = /*#__PURE__*/function (_React$PureComponent) {

package/es/tooltip/index.js

@@ -13,6 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
+"use client";
 import { Tooltip as AntTooltip, Space } from 'antd';
 import React, { useContext, useState } from 'react';
 import { CloseOutlined } from '@oceanbase/icons';

package/es/tour/index.js

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

package/es/transfer/index.js

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

package/es/tree/index.js

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

package/es/tree-select/index.js

@@ -13,6 +13,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
+"use client";
 import { TreeSelect as AntTreeSelect } from 'antd';
 import classNames from 'classnames';
 import React, { useContext } from 'react';

package/es/typography/Link.js

@@ -13,6 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
+"use client";
 import React, { useContext } from 'react';
 import { Typography as AntTypography } from 'antd';
 import ConfigProvider from "../config-provider";

package/es/typography/Paragraph.js

@@ -13,6 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
+"use client";
 import React, { useContext } from 'react';
 import { Typography as AntTypography } from 'antd';
 import ConfigProvider from "../config-provider";

package/es/typography/Text.js

@@ -13,6 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
+"use client";
 import React, { useContext } from 'react';
 import { Typography as AntTypography } from 'antd';
 import ConfigProvider from "../config-provider";

package/es/typography/Title.js

@@ -13,6 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
+"use client";
 import React, { useContext } from 'react';
 import { Typography as AntTypography } from 'antd';
 import ConfigProvider from "../config-provider";

package/es/typography/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Typography as OriginTypography } from 'antd';
 import Text from "./Text";
 import Link from "./Link";

package/es/upload/index.js

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

package/es/watermark/index.js

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

package/lib/_util/genComponentStyleHook.js

@@ -1,32 +1,17 @@
-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/_util/genComponentStyleHook.ts
-var genComponentStyleHook_exports = {};
-__export(genComponentStyleHook_exports, {
-  genComponentStyleHook: () => genComponentStyleHook,
-  genSelectCommonStyle: () => genSelectCommonStyle,
-  genStyleHooks: () => genStyleHooks
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(genComponentStyleHook_exports);
-var import_internal = require("../theme/internal");
-var genSelectCommonStyle = (token) => {
-  const { antCls } = token;
+exports.genComponentStyleHook = genComponentStyleHook;
+exports.genSelectCommonStyle = void 0;
+exports.genStyleHooks = genStyleHooks;
+var _internal = require("../theme/internal");
+// work for Select, TreeSelect, Cascader
+const genSelectCommonStyle = token => {
+  const {
+    antCls
+  } = token;
   const selectComponentCls = `${antCls}-select`;
   return {
     [`${selectComponentCls}${selectComponentCls}-multiple`]: {
@@ -36,48 +21,56 @@ var genSelectCommonStyle = (token) => {
     }
   };
 };
+exports.genSelectCommonStyle = genSelectCommonStyle;
+/**
+ * Generate style hooks for components, similar to ant-design's genStyleHooks
+ * @param componentName - Component name or [componentName, subName] tuple
+ * @param styleFn - Style generation function
+ * @param getDefaultToken - Optional default token generator
+ * @param options - Optional configuration options
+ * @returns A hook function that returns [wrapCSSVar, hashId, cssVarCls]
+ */
 function genStyleHooks(componentName, styleFn, getDefaultToken, options) {
   const normalizedComponentName = Array.isArray(componentName) ? componentName[0] : componentName;
+
+  // Create the component name with OB- prefix
   const obComponentName = Array.isArray(componentName) ? [`OB-${normalizedComponentName}`, componentName[1]] : `OB-${normalizedComponentName}`;
-  return (0, import_internal.genStyleHooks)(
-    obComponentName,
-    (token) => {
-      const styles = [];
-      if (["Select", "TreeSelect", "Cascader"].includes(normalizedComponentName)) {
-        styles.push(genSelectCommonStyle(token));
-      }
-      const componentStyles = styleFn(token);
-      if (Array.isArray(componentStyles)) {
-        styles.push(...componentStyles);
-      } else {
-        styles.push(componentStyles);
-      }
-      return styles;
-    },
-    getDefaultToken,
-    {
-      resetStyle: false,
-      // antd style order is -999 and -998
-      // ref: https://github.com/ant-design/ant-design/blob/master/components/theme/util/genComponentStyleHook.tsx#L175
-      // obui style order should behind to cover it
-      order: -900,
-      ...options
+  return (0, _internal.genStyleHooks)(obComponentName, token => {
+    const styles = [];
+
+    // Add genSelectCommonStyle for Select, TreeSelect, Cascader
+    if (['Select', 'TreeSelect', 'Cascader'].includes(normalizedComponentName)) {
+      styles.push(genSelectCommonStyle(token));
     }
-  );
+
+    // Add component-specific styles
+    const componentStyles = styleFn(token);
+    if (Array.isArray(componentStyles)) {
+      styles.push(...componentStyles);
+    } else {
+      styles.push(componentStyles);
+    }
+    return styles;
+  }, getDefaultToken, {
+    resetStyle: false,
+    // antd style order is -999 and -998
+    // ref: https://github.com/ant-design/ant-design/blob/master/components/theme/util/genComponentStyleHook.tsx#L175
+    // obui style order should behind to cover it
+    order: -900,
+    ...options
+  });
 }
+
+/**
+ * @deprecated Use genStyleHooks instead. This function is kept for backward compatibility.
+ */
 function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
   const useStyle = genStyleHooks(componentName, styleFn, getDefaultToken);
-  return (prefixCls) => {
+  return prefixCls => {
     const [wrapCSSVar, hashId] = useStyle(prefixCls);
     return {
       wrapSSR: wrapCSSVar,
       hashId
     };
   };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genComponentStyleHook,
-  genSelectCommonStyle,
-  genStyleHooks
-});
+}