@oceanbase/ui 0.4.8 → 0.4.10

package/es/Action/Item.d.ts

@@ -16,7 +16,7 @@ export declare class ActionButton extends React.PureComponent<BaseProps> {
     state: {
         loading: boolean;
     };
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }
 export declare class ActionLink extends React.PureComponent<BaseProps> {
     static __DISPLAY_NAME: string;
@@ -24,5 +24,5 @@ export declare class ActionLink extends React.PureComponent<BaseProps> {
         loading: boolean;
         disabled: boolean;
     };
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }

package/es/DateRanger/PickerPanel.d.ts

@@ -19,5 +19,5 @@ export interface PickerPanelProps {
     disabledDate: any;
     locale: any;
 }
-declare const InternalPickerPanel: (props: PickerPanelProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const InternalPickerPanel: (props: PickerPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default InternalPickerPanel;

package/es/DateRanger/Ranger.d.ts

@@ -35,6 +35,9 @@ export interface DateRangerProps extends Omit<RangePickerProps, 'mode' | 'picker
     defaultValue?: RangeValue;
     size?: 'small' | 'large' | 'middle';
     tooltipProps?: TooltipProps;
+    autoAdjustOverflow?: boolean;
+    overlayClassName?: string;
+    overlayStyle?: React.CSSProperties;
     locale?: any;
 }
 declare const _default: React.ForwardRefExoticComponent<DateRangerProps & React.RefAttributes<unknown>>;

package/es/DateRanger/Ranger.js

@@ -1,5 +1,5 @@
 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 = ["selects", "value", "defaultValue", "defaultQuickValue", "hasRewind", "hasPlay", "hasSync", "hasForward", "hasZoomOut", "hasTagInPicker", "pastOnly", "simpleMode", "hideYear", "hideSecond", "autoCalcRange", "onChange", "disabledDate", "locale", "size", "stickRangeName", "tooltipProps", "isMoment", "rules", "tip"];
+var _excluded = ["selects", "value", "defaultValue", "defaultQuickValue", "hasRewind", "hasPlay", "hasSync", "hasForward", "hasZoomOut", "hasTagInPicker", "pastOnly", "simpleMode", "hideYear", "hideSecond", "autoCalcRange", "onChange", "disabledDate", "locale", "size", "stickRangeName", "tooltipProps", "isMoment", "rules", "tip", "autoAdjustOverflow", "overlayClassName", "overlayStyle"];
 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; }
@@ -69,6 +69,9 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     isMomentProps = props.isMoment,
     rules = props.rules,
     tip = props.tip,
+    autoAdjustOverflow = props.autoAdjustOverflow,
+    overlayClassName = props.overlayClassName,
+    overlayStyle = props.overlayStyle,
     rest = _objectWithoutProperties(props, _excluded);
   var _theme$useToken = theme.useToken(),
     token = _theme$useToken.token;
@@ -255,7 +258,9 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
         className: classNames("".concat(prefix, "-wrapper"), _defineProperty({}, "".concat(prefix, "-wrapper-has-jumper"), hasRewind || hasForward)),
         children: [/*#__PURE__*/_jsx(Dropdown, {
           trigger: ['click'],
-          open: open
+          open: open,
+          placement: rest.placement,
+          autoAdjustOverflow: autoAdjustOverflow
           // 关闭后进行销毁，才可以将 Tooltip 进行同步关闭
           ,
           destroyPopupOnHide: true
@@ -269,7 +274,8 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
           },
           dropdownRender: function dropdownRender(originNode) {
             return /*#__PURE__*/_jsxs("div", {
-              className: "".concat(prefix, "-dropdown-picker"),
+              className: classNames("".concat(prefix, "-dropdown-picker"), overlayClassName),
+              style: overlayStyle,
               children: [originNode, /*#__PURE__*/_jsx(Divider, {
                 type: "vertical",
                 style: {

package/es/DateRanger/locale/en-US.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

package/es/DateRanger/locale/zh-CN.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

package/es/DateRanger/locale/zh-TW.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

package/es/Dialog/Anchor.d.ts

@@ -15,5 +15,5 @@ export declare class Anchor extends React.Component<IAnchorProps> {
     onDragStart: (event: PointerEvent) => void;
     onDragMove: (event: PointerEvent) => void;
     onDragEnd: (event: PointerEvent) => void;
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }

package/es/Dialog/EventProxy.d.ts

@@ -1,2 +1,2 @@
 import type { HTMLAttributes } from 'react';
-export declare const EventProxy: (props: HTMLAttributes<HTMLDivElement>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const EventProxy: (props: HTMLAttributes<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/es/Highlight/DiffView/DiffCells.d.ts

@@ -14,4 +14,4 @@ export interface DiffCellsProps {
     onMouseDown?: React.MouseEventHandler;
     hashId?: string;
 }
-export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/Highlight/HighlightCell.d.ts

@@ -15,4 +15,4 @@ export interface HighlightCellProps {
     lineNumber?: boolean;
     hashId?: string;
 }
-export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/Highlight/JsonView.d.ts

@@ -3,5 +3,5 @@ import './index.less';
 export interface JsonViewProps extends HighlightProps {
     json: object;
 }
-declare const _default: ({ json, theme, style, className, height, onCopyChange, copyable, }: JsonViewProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: ({ json, theme, style, className, height, onCopyChange, copyable, }: JsonViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/es/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "go" | "css" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "go" | "bash" | "json" | "java" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/es/IconFont/index.d.ts

@@ -8,5 +8,5 @@ export interface IconFontProps {
 /**
  * @deprecated Please use `@oceanbase/icons` instead.
  */
-declare const IconFont: (props: IconFontProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const IconFont: (props: IconFontProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default IconFont;

package/es/NavMenu/index.d.ts

@@ -15,5 +15,5 @@ export interface NavMenuProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const _default: (props: NavMenuProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: (props: NavMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/es/PageContainer/ItemRender.d.ts

@@ -3,5 +3,5 @@ declare const _default: ({ route, params, routes, paths }: {
     params: any;
     routes: any;
     paths: any;
-}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/es/ProCard/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["title", "tabs", "headerBordered", "bodyStyle", "prefixCls", "className"];
+var _excluded = ["ghost", "title", "tabs", "headerBordered", "bodyStyle", "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; }
 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); }
@@ -15,7 +15,8 @@ import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 // @ts-ignore
 var ProCard = function ProCard(_ref) {
-  var title = _ref.title,
+  var ghost = _ref.ghost,
+    title = _ref.title,
     tabs = _ref.tabs,
     headerBordered = _ref.headerBordered,
     bodyStyle = _ref.bodyStyle,
@@ -29,10 +30,11 @@ var ProCard = function ProCard(_ref) {
     wrapSSR = _useStyle.wrapSSR;
   var zeroPaddingList = [0, '0', '0px'];
   // ProCard body has no padding
-  var noBodyPadding = zeroPaddingList.includes(bodyStyle === null || bodyStyle === void 0 ? void 0 : bodyStyle.padding);
+  var noBodyPadding = zeroPaddingList.includes(bodyStyle === null || bodyStyle === void 0 ? void 0 : bodyStyle.padding) || ghost;
   var proCardCls = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-has-title"), !!title), "".concat(prefixCls, "-no-body-padding"), noBodyPadding), "".concat(prefixCls, "-no-divider"), !headerBordered), "".concat(prefixCls, "-contain-tabs"), !!tabs), className);
   return wrapSSR( /*#__PURE__*/_jsx(AntProCard, _objectSpread({
     prefixCls: customizePrefixCls,
+    ghost: ghost,
     title: title,
     tabs: _typeof(tabs) === 'object' ? _objectSpread({
       size: 'large'

package/es/ProCard/style/index.js

@@ -12,15 +12,20 @@ export var genProCardStyle = function genProCardStyle(token) {
     prefixCls = token.prefixCls;
   var tabsComponentCls = "".concat(antCls, "-tabs");
   var tabsPrefixCls = "".concat(prefixCls, "-tabs");
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "div".concat(componentCls), {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "div".concat(componentCls), {
     borderRadius: token.borderRadiusLG
-  }), "".concat(componentCls, ":not(").concat(componentCls, "-border)"), {
+  }), "".concat(componentCls, ":not(").concat(componentCls, "-border):not(").concat(componentCls, "-ghost)"), {
     boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.03),0 1px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px 0 rgba(0, 0, 0, 0.02)'
-  }), "".concat(componentCls, ":not(").concat(componentCls, "-size-small)"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-body"), {
+  }), "".concat(componentCls, ":not(").concat(componentCls, "-size-small):not(").concat(componentCls, "-ghost)"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-body"), {
     paddingBlock: token.paddingLG
   }), "&".concat(componentCls, "-has-title").concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-body"), {
     paddingBlockStart: token.padding
-  }))), "".concat(componentCls).concat(componentCls, "-no-body-padding:not(").concat(componentCls, "-contain-tabs)"), _objectSpread(_defineProperty({}, "".concat(componentCls, "-header"), {
+  }))), "".concat(componentCls).concat(componentCls, "-size-small").concat(componentCls, "-ghost"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-header"), {
+    paddingInline: 0
+  }), "".concat(componentCls, "-body"), {
+    paddingBlock: 0,
+    paddingInline: 0
+  })), "".concat(componentCls).concat(componentCls, "-no-body-padding:not(").concat(componentCls, "-contain-tabs)"), _objectSpread(_defineProperty({}, "".concat(componentCls, "-header"), {
     paddingBlockEnd: token.padding
   }), Card.genTableStyle(token.paddingLG, token))), "".concat(componentCls).concat(componentCls, "-no-body-padding").concat(componentCls, "-size-small:not(").concat(componentCls, "-contain-tabs)"), _objectSpread(_defineProperty({}, "".concat(componentCls, "-header"), {
     paddingBlockEnd: token.paddingXS

package/es/ProTable/index.js

@@ -1,5 +1,5 @@
 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 = ["form", "headerTitle", "options", "optionsRender", "toolbar", "toolBarRender", "expandable", "rowSelection", "pagination", "footer", "locale", "cardProps", "prefixCls", "tableClassName", "className"],
+var _excluded = ["form", "headerTitle", "options", "optionsRender", "toolbar", "toolBarRender", "size", "expandable", "rowSelection", "pagination", "footer", "locale", "cardProps", "prefixCls", "tableClassName", "className"],
   _excluded2 = ["emptyText"];
 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; }
@@ -23,6 +23,7 @@ var ProTable = function ProTable(_ref) {
     optionsRender = _ref.optionsRender,
     toolbar = _ref.toolbar,
     toolBarRender = _ref.toolBarRender,
+    size = _ref.size,
     expandable = _ref.expandable,
     rowSelection = _ref.rowSelection,
     customPagination = _ref.pagination,
@@ -63,6 +64,7 @@ var ProTable = function ProTable(_ref) {
   // default size change to `large` as same as Table
   , _objectSpread({
     defaultSize: "large",
+    size: size,
     form: _objectSpread({
       // query form should remove required mark
       requiredMark: false
@@ -76,7 +78,7 @@ var ProTable = function ProTable(_ref) {
       className: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(proCardCls, "-has-title"), !!headerTitle || options || options === undefined || optionsRender || toolbar || toolBarRender), "".concat(proCardCls, "-no-divider"), !(cardProps !== null && cardProps !== void 0 && cardProps.headerBordered)), "".concat(proCardCls, "-no-padding"), true), "".concat(proCardCls, "-contain-tabs"), !!(cardProps !== null && cardProps !== void 0 && cardProps.tabs)), cardProps === null || cardProps === void 0 ? void 0 : cardProps.className)
     }),
     expandable: expandable ? _objectSpread({
-      columnWidth: 32
+      columnWidth: !size || size === 'large' ? 40 : 32
     }, expandable) : undefined,
     rowSelection: rowSelection,
     pagination: pagination,

package/es/Ranger/QuickPicker.d.ts

@@ -13,5 +13,5 @@ export interface QuickPickerProps extends LocaleWrapperProps {
     isMoment?: boolean;
     size?: 'small' | 'large' | 'middle';
 }
-declare const _default: (props: QuickPickerProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: (props: QuickPickerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/es/SideTip/Dragger.d.ts

@@ -40,6 +40,6 @@ declare class Draggable extends React.Component<DraggableProps, DraggableState>
     handleMouseDown: (e: any) => void;
     handleMouseMove: (e: any) => void;
     handleMouseUp: (e: any) => void;
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }
 export default Draggable;

package/es/SideTip/IconLoading.d.ts

@@ -1,2 +1,2 @@
-declare const iconLoading: (props: any) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const iconLoading: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default iconLoading;

package/lib/Action/Item.d.ts

@@ -16,7 +16,7 @@ export declare class ActionButton extends React.PureComponent<BaseProps> {
     state: {
         loading: boolean;
     };
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }
 export declare class ActionLink extends React.PureComponent<BaseProps> {
     static __DISPLAY_NAME: string;
@@ -24,5 +24,5 @@ export declare class ActionLink extends React.PureComponent<BaseProps> {
         loading: boolean;
         disabled: boolean;
     };
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }

package/lib/DateRanger/PickerPanel.d.ts

@@ -19,5 +19,5 @@ export interface PickerPanelProps {
     disabledDate: any;
     locale: any;
 }
-declare const InternalPickerPanel: (props: PickerPanelProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const InternalPickerPanel: (props: PickerPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default InternalPickerPanel;

package/lib/DateRanger/Ranger.d.ts

@@ -35,6 +35,9 @@ export interface DateRangerProps extends Omit<RangePickerProps, 'mode' | 'picker
     defaultValue?: RangeValue;
     size?: 'small' | 'large' | 'middle';
     tooltipProps?: TooltipProps;
+    autoAdjustOverflow?: boolean;
+    overlayClassName?: string;
+    overlayStyle?: React.CSSProperties;
     locale?: any;
 }
 declare const _default: React.ForwardRefExoticComponent<DateRangerProps & React.RefAttributes<unknown>>;

package/lib/DateRanger/Ranger.js

@@ -82,6 +82,9 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
     isMoment: isMomentProps,
     rules,
     tip,
+    autoAdjustOverflow,
+    overlayClassName,
+    overlayStyle,
     ...rest
   } = props;
   const { token } = import_design.theme.useToken();
@@ -246,6 +249,8 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
         {
           trigger: ["click"],
           open,
+          placement: rest.placement,
+          autoAdjustOverflow,
           destroyPopupOnHide: true,
           onOpenChange: (o) => {
             if (o === false && refState.current.tooltipOpen) {
@@ -254,30 +259,39 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
             setOpen(o);
           },
           dropdownRender: (originNode) => {
-            return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-dropdown-picker` }, originNode, /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { type: "vertical", style: { height: "auto", margin: "0px 4px 0px 0px" } }), /* @__PURE__ */ import_react.default.createElement(
-              import_PickerPanel.default,
+            return /* @__PURE__ */ import_react.default.createElement(
+              "div",
               {
-                defaultValue: innerValue || [],
-                locale,
-                disabledDate: pastOnly ? disabledFuture : disabledDate,
-                tip,
-                isMoment,
-                rules,
-                onOk: (vList) => {
-                  setIsPlay(false);
-                  handleNameChange(import_constant.CUSTOMIZE);
-                  rangeChange(
-                    vList.map((v) => {
-                      return isMoment ? (0, import_moment.default)(v) : (0, import_dayjs.default)(v);
-                    })
-                  );
-                  closeTooltip();
-                },
-                onCancel: () => {
-                  closeTooltip();
+                className: (0, import_classnames.default)(`${prefix}-dropdown-picker`, overlayClassName),
+                style: overlayStyle
+              },
+              originNode,
+              /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { type: "vertical", style: { height: "auto", margin: "0px 4px 0px 0px" } }),
+              /* @__PURE__ */ import_react.default.createElement(
+                import_PickerPanel.default,
+                {
+                  defaultValue: innerValue || [],
+                  locale,
+                  disabledDate: pastOnly ? disabledFuture : disabledDate,
+                  tip,
+                  isMoment,
+                  rules,
+                  onOk: (vList) => {
+                    setIsPlay(false);
+                    handleNameChange(import_constant.CUSTOMIZE);
+                    rangeChange(
+                      vList.map((v) => {
+                        return isMoment ? (0, import_moment.default)(v) : (0, import_dayjs.default)(v);
+                      })
+                    );
+                    closeTooltip();
+                  },
+                  onCancel: () => {
+                    closeTooltip();
+                  }
                 }
-              }
-            ));
+              )
+            );
           },
           menu: {
             selectable: true,

package/lib/DateRanger/locale/en-US.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

package/lib/DateRanger/locale/zh-CN.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

package/lib/DateRanger/locale/zh-TW.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

package/lib/Dialog/Anchor.d.ts

@@ -15,5 +15,5 @@ export declare class Anchor extends React.Component<IAnchorProps> {
     onDragStart: (event: PointerEvent) => void;
     onDragMove: (event: PointerEvent) => void;
     onDragEnd: (event: PointerEvent) => void;
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }

package/lib/Dialog/EventProxy.d.ts

@@ -1,2 +1,2 @@
 import type { HTMLAttributes } from 'react';
-export declare const EventProxy: (props: HTMLAttributes<HTMLDivElement>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const EventProxy: (props: HTMLAttributes<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/Highlight/DiffView/DiffCells.d.ts

@@ -14,4 +14,4 @@ export interface DiffCellsProps {
     onMouseDown?: React.MouseEventHandler;
     hashId?: string;
 }
-export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/Highlight/HighlightCell.d.ts

@@ -15,4 +15,4 @@ export interface HighlightCellProps {
     lineNumber?: boolean;
     hashId?: string;
 }
-export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/Highlight/JsonView.d.ts

@@ -3,5 +3,5 @@ import './index.less';
 export interface JsonViewProps extends HighlightProps {
     json: object;
 }
-declare const _default: ({ json, theme, style, className, height, onCopyChange, copyable, }: JsonViewProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: ({ json, theme, style, className, height, onCopyChange, copyable, }: JsonViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "go" | "css" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "go" | "bash" | "json" | "java" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/lib/IconFont/index.d.ts

@@ -8,5 +8,5 @@ export interface IconFontProps {
 /**
  * @deprecated Please use `@oceanbase/icons` instead.
  */
-declare const IconFont: (props: IconFontProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const IconFont: (props: IconFontProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default IconFont;

package/lib/NavMenu/index.d.ts

@@ -15,5 +15,5 @@ export interface NavMenuProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const _default: (props: NavMenuProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: (props: NavMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/PageContainer/ItemRender.d.ts

@@ -3,5 +3,5 @@ declare const _default: ({ route, params, routes, paths }: {
     params: any;
     routes: any;
     paths: any;
-}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/ProCard/index.js

@@ -38,6 +38,7 @@ var import_design = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
 var import_style = __toESM(require("./style"));
 var ProCard = ({
+  ghost,
   title,
   tabs,
   headerBordered,
@@ -50,7 +51,7 @@ var ProCard = ({
   const prefixCls = getPrefixCls("pro-card", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
   const zeroPaddingList = [0, "0", "0px"];
-  const noBodyPadding = zeroPaddingList.includes(bodyStyle == null ? void 0 : bodyStyle.padding);
+  const noBodyPadding = zeroPaddingList.includes(bodyStyle == null ? void 0 : bodyStyle.padding) || ghost;
   const proCardCls = (0, import_classnames.default)(
     {
       [`${prefixCls}-has-title`]: !!title,
@@ -65,6 +66,7 @@ var ProCard = ({
       import_pro_components.ProCard,
       {
         prefixCls: customizePrefixCls,
+        ghost,
         title,
         tabs: typeof tabs === "object" ? {
           size: "large",

package/lib/ProCard/style/index.js

@@ -35,10 +35,10 @@ var genProCardStyle = (token) => {
     [`div${componentCls}`]: {
       borderRadius: token.borderRadiusLG
     },
-    [`${componentCls}:not(${componentCls}-border)`]: {
+    [`${componentCls}:not(${componentCls}-border):not(${componentCls}-ghost)`]: {
       boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.03),0 1px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px 0 rgba(0, 0, 0, 0.02)"
     },
-    [`${componentCls}:not(${componentCls}-size-small)`]: {
+    [`${componentCls}:not(${componentCls}-size-small):not(${componentCls}-ghost)`]: {
       [`${componentCls}-body`]: {
         paddingBlock: token.paddingLG
       },
@@ -48,6 +48,16 @@ var genProCardStyle = (token) => {
         }
       }
     },
+    // need to handle style for small and ghost ProCard
+    [`${componentCls}${componentCls}-size-small${componentCls}-ghost`]: {
+      [`${componentCls}-header`]: {
+        paddingInline: 0
+      },
+      [`${componentCls}-body`]: {
+        paddingBlock: 0,
+        paddingInline: 0
+      }
+    },
     // no body padding card
     [`${componentCls}${componentCls}-no-body-padding:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-header`]: {

package/lib/ProTable/index.js

@@ -46,6 +46,7 @@ var ProTable = ({
   optionsRender,
   toolbar,
   toolBarRender,
+  size,
   expandable,
   rowSelection,
   pagination: customPagination,
@@ -84,6 +85,7 @@ var ProTable = ({
           import_pro_components.ProTable,
           {
             defaultSize: "large",
+            size,
             form: {
               // query form should remove required mark
               requiredMark: false,
@@ -107,7 +109,7 @@ var ProTable = ({
               )
             },
             expandable: expandable ? {
-              columnWidth: 32,
+              columnWidth: !size || size === "large" ? 40 : 32,
               ...expandable
             } : void 0,
             rowSelection,

package/lib/Ranger/QuickPicker.d.ts

@@ -13,5 +13,5 @@ export interface QuickPickerProps extends LocaleWrapperProps {
     isMoment?: boolean;
     size?: 'small' | 'large' | 'middle';
 }
-declare const _default: (props: QuickPickerProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: (props: QuickPickerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/SideTip/Dragger.d.ts

@@ -40,6 +40,6 @@ declare class Draggable extends React.Component<DraggableProps, DraggableState>
     handleMouseDown: (e: any) => void;
     handleMouseMove: (e: any) => void;
     handleMouseUp: (e: any) => void;
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }
 export default Draggable;

package/lib/SideTip/IconLoading.d.ts

@@ -1,2 +1,2 @@
-declare const iconLoading: (props: any) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const iconLoading: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default iconLoading;