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

package/es/typography/Text.js

@@ -1,10 +1,17 @@
+"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 = ["editable", "prefixCls", "className", "children"];
+var _excluded = ["editable", "caption", "prefixCls", "className", "children"];
 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 _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,6 +24,7 @@ var AntText = AntTypography.Text;
 export * from 'antd/es/typography/Text';
 var Text = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var editable = _ref.editable,
+    caption = _ref.caption,
     customizePrefixCls = _ref.prefixCls,
     className = _ref.className,
     children = _ref.children,
@@ -25,9 +33,10 @@ var Text = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('typography', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
-  var typographyCls = useClassName(prefixCls, className, editable);
-  return wrapSSR( /*#__PURE__*/_jsx(AntText, _objectSpread(_objectSpread({
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
+  var typographyCls = useClassName(prefixCls, className, editable, caption);
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntText, _objectSpread(_objectSpread({
     ref: ref,
     editable: editable,
     prefixCls: customizePrefixCls,

package/es/typography/Title.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 = ["editable", "prefixCls", "className", "children"];
 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 Title = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('typography', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
   var typographyCls = useClassName(prefixCls, className, editable);
-  return wrapSSR( /*#__PURE__*/_jsx(AntTitle, _objectSpread(_objectSpread({
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntTitle, _objectSpread(_objectSpread({
     ref: ref,
     editable: editable,
     prefixCls: customizePrefixCls,

package/es/typography/hooks/useClassName.d.ts

@@ -1,3 +1,3 @@
 import type { BlockProps } from 'antd/es/typography/Base';
-declare const useClassName: (prefixCls: string, className: string, editable?: BlockProps['editable']) => string;
+declare const useClassName: (prefixCls: string, className: string, editable?: BlockProps['editable'], caption?: boolean) => string;
 export default useClassName;

package/es/typography/hooks/useClassName.js

@@ -3,9 +3,9 @@ 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 _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 classNames from 'classnames';
-var useClassName = function useClassName(prefixCls, className, editable) {
+var useClassName = function useClassName(prefixCls, className, editable, caption) {
   var _editable$triggerType;
-  var typographyCls = classNames(_defineProperty({}, "".concat(prefixCls, "-editable-text"), _typeof(editable) === 'object' && (editable === null || editable === void 0 || (_editable$triggerType = editable.triggerType) === null || _editable$triggerType === void 0 ? void 0 : _editable$triggerType.includes('text'))), className);
+  var typographyCls = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-editable-text"), _typeof(editable) === 'object' && (editable === null || editable === void 0 || (_editable$triggerType = editable.triggerType) === null || _editable$triggerType === void 0 ? void 0 : _editable$triggerType.includes('text'))), "".concat(prefixCls, "-caption"), caption), className);
   return typographyCls;
 };
 export default useClassName;

package/es/typography/index.d.ts

@@ -1,8 +1,19 @@
-import { Typography } from 'antd';
+import { Typography as OriginTypography } from 'antd';
+import Text from './Text';
+import Link from './Link';
+import Title from './Title';
+import Paragraph from './Paragraph';
 export * from 'antd/es/typography';
 export * from 'antd/es/typography/Base';
 export * from 'antd/es/typography/Text';
 export * from 'antd/es/typography/Paragraph';
 export * from 'antd/es/typography/Link';
 export * from 'antd/es/typography/Title';
+export type TypographyType = typeof OriginTypography & {
+    Text: typeof Text;
+    Link: typeof Link;
+    Title: typeof Title;
+    Paragraph: typeof Paragraph;
+};
+declare const Typography: TypographyType;
 export default Typography;

package/es/typography/index.js

@@ -1,4 +1,5 @@
-import { Typography } from 'antd';
+"use client";
+import { Typography as OriginTypography } from 'antd';
 import Text from "./Text";
 import Link from "./Link";
 import Title from "./Title";
@@ -9,6 +10,7 @@ export * from 'antd/es/typography/Text';
 export * from 'antd/es/typography/Paragraph';
 export * from 'antd/es/typography/Link';
 export * from 'antd/es/typography/Title';
+var Typography = OriginTypography;
 Typography.Text = Text;
 Typography.Link = Link;
 Typography.Title = Title;

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

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/lib/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type TypographyToken = FullToken<'Typography'>;
 export declare const genTypographyStyle: GenerateStyle<TypographyToken>;
-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/typography/style/index.js

@@ -2,60 +2,69 @@ 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 { unit } from '@ant-design/cssinjs';
+import { genStyleHooks } from "../../_util/genComponentStyleHook";
 export var genTypographyStyle = function genTypographyStyle(token) {
   var componentCls = token.componentCls,
     controlHeight = token.controlHeight,
     fontSize = token.fontSize,
-    lineHeight = token.lineHeight;
-  var marginOffset = (controlHeight - fontSize * lineHeight) / 2;
-  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({
+    lineHeight = token.lineHeight,
+    calc = token.calc;
+  var marginOffset = calc(controlHeight).sub(calc(fontSize).mul(lineHeight).equal()).div(2).equal();
+  var paddingTop = calc(marginOffset).sub(token.lineWidth).equal();
+  var paddingInline = calc(token.paddingSM).sub(token.lineWidth).equal();
+  var negativeMarginOffset = calc(marginOffset).mul(-1).equal();
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({
     lineHeight: 'inherit',
     color: 'inherit',
     fontSize: 'inherit'
   }, "".concat(componentCls, "-edit"), {
     fontSize: token.fontSize
-  })), "".concat(componentCls).concat(componentCls, "-editable-text:not(").concat(componentCls, "-edit-content)"), {
+  })), "".concat(componentCls, "-caption"), {
+    fontSize: token.fontSizeSM,
+    lineHeight: token.lineHeightSM,
+    fontWeight: token.fontWeightWeak
+  }), "".concat(componentCls).concat(componentCls, "-editable-text:not(").concat(componentCls, "-edit-content)"), {
     '&:hover': {
       background: token.colorBgContainer,
-      border: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorBorder),
+      border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
       borderRadius: token.borderRadius,
       position: 'relative',
-      insetInlineStart: -token.paddingSM,
-      padding: "".concat(marginOffset - token.lineWidth, "px ").concat(token.paddingSM - token.lineWidth, "px")
+      insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+      padding: "".concat(paddingTop, " ").concat(paddingInline)
     },
     'div&:hover': {
       height: token.controlHeight,
-      marginTop: -marginOffset,
-      marginBottom: "calc(1em - ".concat(marginOffset, "px)")
+      marginTop: negativeMarginOffset,
+      marginBottom: calc('1em').sub(marginOffset).equal()
     },
     'span&:hover': {
       display: 'inline-block',
       height: token.controlHeight,
-      marginTop: -marginOffset,
-      marginBottom: -marginOffset
+      marginTop: negativeMarginOffset,
+      marginBottom: negativeMarginOffset
     },
     'h1&:hover, h2&:hover, h3&:hover, h4&:hover, h5&:hover': {
-      marginTop: "".concat(-marginOffset, "px !important"),
-      marginBottom: "".concat(-marginOffset, "px !important")
+      marginTop: "".concat(negativeMarginOffset, " !important"),
+      marginBottom: "".concat(negativeMarginOffset, " !important")
     }
   }), "".concat(componentCls).concat(componentCls, "-edit-content"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-div&"), {
-    insetInlineStart: -token.paddingSM,
-    marginTop: -marginOffset,
-    marginBottom: "calc(1em - ".concat(marginOffset, "px)")
+    insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+    insetBlockStart: 0,
+    marginTop: negativeMarginOffset,
+    marginBottom: calc('1em').sub(marginOffset).equal()
   }), "".concat(componentCls, "-span&"), {
-    insetInlineStart: -token.paddingSM,
-    marginTop: -marginOffset,
-    marginBottom: -marginOffset
+    insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+    insetBlockStart: 0,
+    marginTop: negativeMarginOffset,
+    marginBottom: negativeMarginOffset
   }), "".concat(componentCls, "-h1&, ").concat(componentCls, "-h2&, ").concat(componentCls, "-h3&, ").concat(componentCls, "-h4&, ").concat(componentCls, "-h5&"), {
-    insetInlineStart: -token.paddingSM,
-    marginTop: "".concat(-marginOffset, "px !important"),
-    marginBottom: "".concat(-marginOffset, "px !important")
+    insetInlineStart: calc(token.paddingSM).mul(-1).equal(),
+    insetBlockStart: 0,
+    marginTop: "".concat(negativeMarginOffset, " !important"),
+    marginBottom: "".concat(negativeMarginOffset, " !important")
   }));
 };
-export default (function (prefixCls) {
-  var useStyle = genComponentStyleHook('Typography', function (token) {
-    return [genTypographyStyle(token)];
-  });
-  return useStyle(prefixCls);
+export default genStyleHooks('Typography', function (token) {
+  return [genTypographyStyle(token)];
 });

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/document.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type DocumentType = string | React.MouseEventHandler<HTMLAnchorElement> | React.ReactNode;
+export declare const DocumentIcon: ({ className }: {
+    className?: string;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export interface DocumentProps {
+    document: DocumentType;
+    prefixCls: string;
+    viewDocument?: string;
+}
+export declare const Document: React.FC<DocumentProps>;

package/lib/_util/document.js

@@ -0,0 +1,74 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DocumentIcon = exports.Document = void 0;
+var _react = require("@inline-svg-unique-id/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const DocumentIcon = function ({
+  className
+}) {
+  const _id = (0, _react.useUniqueInlineId)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      clipPath: `url(#${_id})`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M7.99992 4.66667C7.99992 3.95942 7.71897 3.28115 7.21887 2.78105C6.71877 2.28095 6.0405 2 5.33325 2H1.33325V12H5.99992C6.53035 12 7.03906 12.2107 7.41413 12.5858C7.78921 12.9609 7.99992 13.4696 7.99992 14M7.99992 4.66667V14M7.99992 4.66667C7.99992 3.95942 8.28087 3.28115 8.78097 2.78105C9.28106 2.28095 9.95934 2 10.6666 2H14.6666V12H9.99992C9.46949 12 8.96078 12.2107 8.5857 12.5858C8.21063 12.9609 7.99992 13.4696 7.99992 14",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+        id: _id,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+          width: "16",
+          height: "16",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+exports.DocumentIcon = DocumentIcon;
+const Document = ({
+  document,
+  prefixCls,
+  viewDocument
+}) => {
+  if (!document) {
+    return null;
+  }
+  const documentLink = typeof document === 'string' ? document : undefined;
+  const documentClick = typeof document === 'function' ? document : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+    size: "small",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Divider, {
+      type: "vertical",
+      className: `${prefixCls}-document-divider`
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: viewDocument,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        href: documentLink,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        onClick: documentClick,
+        className: `${prefixCls}-document-icon`,
+        children: documentLink || documentClick ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DocumentIcon, {
+          className: `${prefixCls}-document-default-icon`
+        }) : document
+      })
+    })]
+  });
+};
+exports.Document = Document;

package/lib/_util/genComponentStyleHook.d.ts

@@ -1,11 +1,28 @@
-import React from 'react';
+/// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
 import type { ComponentTokenMap } from 'antd/es/theme/interface';
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
-import type { GlobalToken } from 'antd/es/theme/interface';
+import type { GlobalToken, FullToken, GenerateStyle } from '../theme/interface';
+export declare const genSelectCommonStyle: (token: FullToken<'Select' | 'TreeSelect' | 'Cascader'>) => CSSObject;
 export type ComponentName = keyof ComponentTokenMap;
+/**
+ * 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]
+ */
+export declare function genStyleHooks<C extends ComponentName>(componentName: C | [C, string], styleFn: GenerateStyle<FullToken<C>>, getDefaultToken?: Partial<FullToken<C>> | ((token: GlobalToken) => Partial<FullToken<C>>), options?: {
+    resetStyle?: boolean;
+    resetFont?: boolean;
+    unitless?: Record<string, boolean>;
+    order?: number;
+}): (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];
+/**
+ * @deprecated Use genStyleHooks instead. This function is kept for backward compatibility.
+ */
 export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>, getDefaultToken?: Partial<FullToken<ComponentName>> | ((token: GlobalToken) => Partial<FullToken<ComponentName>>)): (prefixCls: string) => {
-    wrapSSR: (node: React.ReactNode) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };
 export type { CSSObject, FullToken, GenerateStyle };

package/lib/_util/genComponentStyleHook.js

@@ -1,64 +1,76 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/_util/genComponentStyleHook.ts
-var genComponentStyleHook_exports = {};
-__export(genComponentStyleHook_exports, {
-  genComponentStyleHook: () => genComponentStyleHook
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(genComponentStyleHook_exports);
-var import_internal = require("antd/es/theme/internal");
-var import_theme = __toESM(require("../theme"));
-function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
-  return (prefixCls) => {
-    const useStyle = (0, import_internal.genComponentStyleHook)(
-      `OB-${componentName}`,
-      (token) => {
-        return [styleFn(token)];
-      },
-      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
+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`]: {
+      [`${selectComponentCls}-selection-item`]: {
+        borderRadius: token.borderRadius
       }
-    );
-    const [wrapSSR] = useStyle(prefixCls);
-    const { hashId } = import_theme.default.useToken();
+    }
+  };
+};
+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, _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 => {
+    const [wrapCSSVar, hashId] = useStyle(prefixCls);
     return {
-      wrapSSR,
+      wrapSSR: wrapCSSVar,
       hashId
     };
   };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genComponentStyleHook
-});
+}

package/lib/_util/getEllipsisConfig.js

@@ -1,44 +1,21 @@
-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/getEllipsisConfig.ts
-var getEllipsisConfig_exports = {};
-__export(getEllipsisConfig_exports, {
-  getEllipsisConfig: () => getEllipsisConfig
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(getEllipsisConfig_exports);
-var import_react = require("react");
+exports.getEllipsisConfig = getEllipsisConfig;
+var _react = require("react");
 function getEllipsisConfig(ellipsis, children) {
-  const childrenType = children == null ? void 0 : children.type;
-  return typeof ellipsis === "object" ? {
+  const childrenType = children?.type;
+  return typeof ellipsis === 'object' ? {
     ...ellipsis,
-    tooltip: (
-      // 如果目标元素已经被 Tooltip 包裹，则去掉默认的 Tooltip，避免有两个 Tooltip
-      (childrenType == null ? void 0 : childrenType.__ANT_TOOLTIP) ? void 0 : {
-        // TooltipProps
-        ...typeof ellipsis.tooltip === "object" && !(0, import_react.isValidElement)(ellipsis.tooltip) ? ellipsis.tooltip : {
-          title: ellipsis.tooltip
-        }
-      }
-    )
+    tooltip:
+    // 如果目标元素已经被 Tooltip 包裹，则去掉默认的 Tooltip，避免有两个 Tooltip
+    childrenType?.__ANT_TOOLTIP ? undefined : {
+      // TooltipProps
+      ...(typeof ellipsis.tooltip === 'object' && ! /*#__PURE__*/(0, _react.isValidElement)(ellipsis.tooltip) ? ellipsis.tooltip : {
+        title: ellipsis.tooltip
+      })
+    }
   } : ellipsis;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getEllipsisConfig
-});
+}

package/lib/_util/index.d.ts

@@ -1 +1,3 @@
 export declare const isHorizontalPaddingZero: (padding?: string | number) => boolean;
+export declare const isPaddingBottomZero: (padding?: string | number) => boolean;
+export { DocumentIcon, Document, type DocumentType } from './document';