@oceanbase/ui 0.4.5 → 0.4.7

package/es/DateRanger/constant/index.js

@@ -9,16 +9,19 @@ var DAY_UNIT = 'day';
 var WEEK_UNIT = 'week';
 var MONTH_UNIT = 'month';
 var YEAR_UNIT = 'year';
-export var YEAR_DATE_TIME_SECOND_FORMAT = 'YYYY/MM/DD HH:mm:ss';
-export var YEAR_DATE_TIME_FORMAT = 'YYYY/MM/DD HH:mm';
+export var YEAR_DATE_TIME_SECOND_FORMAT = 'MM/DD/YYYY HH:mm:ss';
+export var YEAR_DATE_TIME_FORMAT = 'MM/DD/YYYY HH:mm';
 export var DATE_TIME_SECOND_FORMAT = 'MM/DD HH:mm:ss';
 export var DATE_TIME_FORMAT = 'MM/DD HH:mm';
+export var DATE_TIME_MONTH_FORMAT = 'MM/DD/YYYY';
 export var YEAR_DATE_TIME_SECOND_FORMAT_CN = 'YYYY-MM-DD HH:mm:ss';
 export var YEAR_DATE_TIME_FORMAT_CN = 'YYYY-MM-DD HH:mm';
+export var DATE_TIME_MONTH_FORMAT_CN = 'YYYY-MM-DD';
 export var DATE_TIME_SECOND_FORMAT_CN = 'MM-DD HH:mm:ss';
 export var DATE_TIME_FORMAT_CN = 'MM-DD HH:mm';
 export var NEAR_1_MINUTES = {
   label: '近 1 分钟',
+  enLabel: 'Last 1 Minute',
   rangeLabel: '1m',
   name: 'NEAR_1_MINUTES',
   range: function range() {
@@ -28,6 +31,7 @@ export var NEAR_1_MINUTES = {
 };
 export var NEAR_5_MINUTES = {
   label: '近 5 分钟',
+  enLabel: 'Last 5 Minutes',
   rangeLabel: '5m',
   name: 'NEAR_5_MINUTES',
   range: function range() {
@@ -37,6 +41,7 @@ export var NEAR_5_MINUTES = {
 };
 export var NEAR_10_MINUTES = {
   label: '近 10 分钟',
+  enLabel: 'Last 10 Minutes',
   rangeLabel: '10m',
   name: 'NEAR_10_MINUTES',
   range: function range() {
@@ -46,6 +51,7 @@ export var NEAR_10_MINUTES = {
 };
 export var NEAR_20_MINUTES = {
   label: '近 20 分钟',
+  enLabel: 'Last 20 Minutes',
   rangeLabel: '20m',
   name: 'NEAR_20_MINUTES',
   range: function range() {
@@ -55,6 +61,7 @@ export var NEAR_20_MINUTES = {
 };
 export var NEAR_30_MINUTES = {
   label: '近 30 分钟',
+  enLabel: 'Last 30 Minutes',
   rangeLabel: '30m',
   name: 'NEAR_30_MINUTES',
   range: function range() {
@@ -64,6 +71,7 @@ export var NEAR_30_MINUTES = {
 };
 export var NEAR_1_HOURS = {
   label: '近 1 小时',
+  enLabel: 'Last 1 Hour',
   rangeLabel: '1h',
   name: 'NEAR_1_HOURS',
   range: function range() {
@@ -73,6 +81,7 @@ export var NEAR_1_HOURS = {
 };
 export var NEAR_2_HOURS = {
   label: '近 2 小时',
+  enLabel: 'Last 2 Hours',
   rangeLabel: '2h',
   name: 'NEAR_2_HOURS',
   range: function range() {
@@ -82,6 +91,7 @@ export var NEAR_2_HOURS = {
 };
 export var NEAR_3_HOURS = {
   label: '近 3 小时',
+  enLabel: 'Last 3 Hours',
   rangeLabel: '3h',
   name: 'NEAR_3_HOURS',
   range: function range() {
@@ -91,6 +101,7 @@ export var NEAR_3_HOURS = {
 };
 export var NEAR_6_HOURS = {
   label: '近 6 小时',
+  enLabel: 'Last 6 Hours',
   rangeLabel: '6h',
   name: 'NEAR_6_HOURS',
   range: function range() {
@@ -98,8 +109,19 @@ export var NEAR_6_HOURS = {
     return [current.clone().subtract(6, 'hour'), current.clone()];
   }
 };
+export var NEAR_12_HOURS = {
+  label: '近 12 小时',
+  enLabel: 'Last 12 Hours',
+  rangeLabel: '12h',
+  name: 'NEAR_12_HOURS',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().subtract(12, 'hour'), current.clone()];
+  }
+};
 export var TODAY = {
   label: '今天',
+  enLabel: 'Today',
   rangeLabel: '1d',
   name: 'TODAY',
   range: function range() {
@@ -109,6 +131,7 @@ export var TODAY = {
 };
 export var YESTERDAY = {
   label: '昨天',
+  enLabel: 'Yesterday',
   rangeLabel: '1d',
   name: 'YESTERDAY',
   range: function range() {
@@ -116,8 +139,19 @@ export var YESTERDAY = {
     return [current.clone().startOf(DAY_UNIT).add(-1, DAY_UNIT), current.clone().endOf(DAY_UNIT).add(-1, DAY_UNIT)];
   }
 };
+export var LAST_1_DAY = {
+  label: '近 1 天',
+  enLabel: 'Last 1 Day',
+  rangeLabel: '1d',
+  name: 'LAST_1_DAY',
+  range: function range() {
+    var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : moment();
+    return [current.clone().subtract(1, 'days'), current.clone()];
+  }
+};
 export var LAST_3_DAYS = {
   label: '近 3 天',
+  enLabel: 'Last 3 Days',
   rangeLabel: '3d',
   name: 'LAST_3_DAYS',
   range: function range() {
@@ -127,6 +161,7 @@ export var LAST_3_DAYS = {
 };
 export var THIS_WEEK = {
   label: '近一周',
+  enLabel: 'Nearly a week',
   rangeLabel: '1w',
   name: 'THIS_WEEK',
   range: function range() {
@@ -136,6 +171,7 @@ export var THIS_WEEK = {
 };
 export var LAST_WEEK = {
   label: '上周',
+  enLabel: 'Last week',
   rangeLabel: 'last week',
   name: 'LAST_WEEK',
   range: function range() {
@@ -145,6 +181,7 @@ export var LAST_WEEK = {
 };
 export var THIS_MONTH = {
   label: '本月',
+  enLabel: 'This month',
   rangeLabel: '1mo',
   name: 'THIS_MONTH',
   range: function range() {
@@ -154,6 +191,7 @@ export var THIS_MONTH = {
 };
 export var LAST_MONTH = {
   label: '上月',
+  enLabel: 'Last month',
   rangeLabel: '1mo',
   name: 'LAST_MONTH',
   range: function range() {
@@ -163,6 +201,7 @@ export var LAST_MONTH = {
 };
 export var THIS_YEAR = {
   label: '今年',
+  enLabel: 'This year',
   rangeLabel: '1y',
   name: 'THIS_YEAR',
   range: function range() {
@@ -172,6 +211,7 @@ export var THIS_YEAR = {
 };
 export var LAST_YEAR = {
   label: '去年',
+  enLabel: 'Last year',
   rangeLabel: '1y',
   name: 'LAST_YEAR',
   range: function range() {
@@ -181,6 +221,7 @@ export var LAST_YEAR = {
 };
 export var NEXT_YEAR = {
   label: '明年',
+  enLabel: 'Next year',
   rangeLabel: '1y',
   name: 'NEXT_YEAR',
   range: function range() {
@@ -188,4 +229,4 @@ export var NEXT_YEAR = {
     return [current.clone().startOf(YEAR_UNIT).add(1, YEAR_UNIT), current.clone().endOf(YEAR_UNIT).add(1, YEAR_UNIT)];
   }
 };
-export var NEAR_TIME_LIST = [NEAR_1_MINUTES, NEAR_5_MINUTES, NEAR_10_MINUTES, NEAR_20_MINUTES, NEAR_30_MINUTES, NEAR_1_HOURS, NEAR_2_HOURS, NEAR_3_HOURS, NEAR_6_HOURS, LAST_3_DAYS, TODAY, YESTERDAY, THIS_MONTH, LAST_MONTH, THIS_YEAR, LAST_YEAR, NEXT_YEAR];
+export var NEAR_TIME_LIST = [NEAR_1_MINUTES, NEAR_5_MINUTES, NEAR_10_MINUTES, NEAR_20_MINUTES, NEAR_30_MINUTES, NEAR_1_HOURS, NEAR_2_HOURS, NEAR_3_HOURS, NEAR_6_HOURS, NEAR_12_HOURS, LAST_1_DAY, LAST_3_DAYS, TODAY, YESTERDAY, THIS_WEEK, LAST_WEEK, THIS_MONTH, LAST_MONTH, THIS_YEAR, LAST_YEAR, NEXT_YEAR];

package/es/DateRanger/index.d.ts

@@ -1,3 +1,26 @@
+/// <reference types="react" />
 export * from './Ranger';
-declare const DateRanger: any;
+declare const DateRanger: import("react").ForwardRefExoticComponent<import("./Ranger").DateRangerProps & import("react").RefAttributes<unknown>> & {
+    NEAR_1_MINUTES: import("./typing").RangeOption;
+    NEAR_5_MINUTES: import("./typing").RangeOption;
+    NEAR_10_MINUTES: import("./typing").RangeOption;
+    NEAR_20_MINUTES: import("./typing").RangeOption;
+    NEAR_30_MINUTES: import("./typing").RangeOption;
+    NEAR_1_HOURS: import("./typing").RangeOption;
+    NEAR_2_HOURS: import("./typing").RangeOption;
+    NEAR_3_HOURS: import("./typing").RangeOption;
+    NEAR_6_HOURS: import("./typing").RangeOption;
+    NEAR_12_HOURS: import("./typing").RangeOption;
+    TODAY: import("./typing").RangeOption;
+    LAST_1_DAY: import("./typing").RangeOption;
+    LAST_3_DAYS: import("./typing").RangeOption;
+    YESTERDAY: import("./typing").RangeOption;
+    THIS_WEEK: import("./typing").RangeOption;
+    LAST_WEEK: import("./typing").RangeOption;
+    THIS_MONTH: import("./typing").RangeOption;
+    LAST_MONTH: import("./typing").RangeOption;
+    THIS_YEAR: import("./typing").RangeOption;
+    LAST_YEAR: import("./typing").RangeOption;
+    NEXT_YEAR: import("./typing").RangeOption;
+};
 export default DateRanger;

package/es/DateRanger/index.js

@@ -1,26 +1,27 @@
-import { LAST_3_DAYS, LAST_MONTH, LAST_WEEK, LAST_YEAR, NEAR_10_MINUTES, NEAR_1_HOURS, NEAR_1_MINUTES, NEAR_20_MINUTES, NEAR_2_HOURS, NEAR_30_MINUTES, NEAR_3_HOURS, NEAR_5_MINUTES, NEAR_6_HOURS, NEXT_YEAR, THIS_MONTH, THIS_WEEK, THIS_YEAR, TODAY, YESTERDAY } from "./constant";
+import { LAST_1_DAY, LAST_3_DAYS, LAST_MONTH, LAST_WEEK, LAST_YEAR, NEAR_10_MINUTES, NEAR_12_HOURS, NEAR_1_HOURS, NEAR_1_MINUTES, NEAR_20_MINUTES, NEAR_2_HOURS, NEAR_30_MINUTES, NEAR_3_HOURS, NEAR_5_MINUTES, NEAR_6_HOURS, NEXT_YEAR, THIS_MONTH, THIS_WEEK, THIS_YEAR, TODAY, YESTERDAY } from "./constant";
 import InternalDateRanger from "./Ranger";
 export * from "./Ranger";
-var DateRanger = InternalDateRanger;
-
-// 内置 ranges
-DateRanger.NEAR_1_MINUTES = NEAR_1_MINUTES;
-DateRanger.NEAR_5_MINUTES = NEAR_5_MINUTES;
-DateRanger.NEAR_10_MINUTES = NEAR_10_MINUTES;
-DateRanger.NEAR_20_MINUTES = NEAR_20_MINUTES;
-DateRanger.NEAR_30_MINUTES = NEAR_30_MINUTES;
-DateRanger.NEAR_1_HOURS = NEAR_1_HOURS;
-DateRanger.NEAR_2_HOURS = NEAR_2_HOURS;
-DateRanger.NEAR_3_HOURS = NEAR_3_HOURS;
-DateRanger.NEAR_6_HOURS = NEAR_6_HOURS;
-DateRanger.TODAY = TODAY;
-DateRanger.LAST_3_DAYS = LAST_3_DAYS;
-DateRanger.YESTERDAY = YESTERDAY;
-DateRanger.THIS_WEEK = THIS_WEEK;
-DateRanger.LAST_WEEK = LAST_WEEK;
-DateRanger.THIS_MONTH = THIS_MONTH;
-DateRanger.LAST_MONTH = LAST_MONTH;
-DateRanger.THIS_YEAR = THIS_YEAR;
-DateRanger.LAST_YEAR = LAST_YEAR;
-DateRanger.NEXT_YEAR = NEXT_YEAR;
+var DateRanger = Object.assign(InternalDateRanger, {
+  NEAR_1_MINUTES: NEAR_1_MINUTES,
+  NEAR_5_MINUTES: NEAR_5_MINUTES,
+  NEAR_10_MINUTES: NEAR_10_MINUTES,
+  NEAR_20_MINUTES: NEAR_20_MINUTES,
+  NEAR_30_MINUTES: NEAR_30_MINUTES,
+  NEAR_1_HOURS: NEAR_1_HOURS,
+  NEAR_2_HOURS: NEAR_2_HOURS,
+  NEAR_3_HOURS: NEAR_3_HOURS,
+  NEAR_6_HOURS: NEAR_6_HOURS,
+  NEAR_12_HOURS: NEAR_12_HOURS,
+  TODAY: TODAY,
+  LAST_1_DAY: LAST_1_DAY,
+  LAST_3_DAYS: LAST_3_DAYS,
+  YESTERDAY: YESTERDAY,
+  THIS_WEEK: THIS_WEEK,
+  LAST_WEEK: LAST_WEEK,
+  THIS_MONTH: THIS_MONTH,
+  LAST_MONTH: LAST_MONTH,
+  THIS_YEAR: THIS_YEAR,
+  LAST_YEAR: LAST_YEAR,
+  NEXT_YEAR: NEXT_YEAR
+});
 export default DateRanger;

package/es/DateRanger/index.less

@@ -14,11 +14,23 @@
     // FIXED: 存在不生效情况
     .@{prefix}-picker {
       padding-left: 0px;
+      padding-right: 16px;
       border: 0px;
-      pointer-events: none;
+      &:focus,
+      &:focus-within {
+        box-shadow: none;
+      }
       input {
         text-align: center;
       }
+      // 覆盖默认 antd 样式，定制出 RangerPicker 整体的感觉
+      .@{prefixCls}-picker-active-bar {
+        height: 0;
+      }
+
+      .@{prefixCls}-picker-input > input {
+        cursor: pointer;
+      }
     }
 
     &:hover {
@@ -99,6 +111,9 @@
   }
 
   .@{prefix}-playback-control {
+    display: flex;
+    flex-wrap: nowrap;
+
     .@{prefixCls}-radio-button-wrapper {
       padding-inline: 8px;
       color: @colorTextSecondary;

package/es/DateRanger/locale/en-US.js

@@ -8,13 +8,13 @@ import en_US from 'rc-picker/es/locale/en_US';
 export default _objectSpread({
   customize: 'Custom',
   customTime: 'Custom Time',
-  startDate: 'Start date',
-  startTime: 'Start time',
-  endDate: 'End date',
-  endTime: 'End time',
-  cancel: 'cancel',
-  confirm: 'confirm',
-  current: 'current',
+  startDate: 'Start Date',
+  startTime: 'Start Time',
+  endDate: 'End Date',
+  endTime: 'End Time',
+  cancel: 'Cancel',
+  confirm: 'Confirm',
+  current: 'Current',
   jumpBack: 'Previous Interval',
   jumpForward: 'Next Interval'
 }, en_US);

package/es/DateRanger/typing.d.ts

@@ -5,6 +5,10 @@ export interface RangeOption {
      * @description 选项展示名称
      */
     label: string;
+    /**
+     * @description 选项英文展示名称，用来兼容内部国际化，外部传入的选项直接对 label 做国际化即可
+     */
+    enLabel?: string;
     /**
      * @description 选项 key
      */

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: ("go" | "ruby" | "css" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "json" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "go" | "java" | "json" | "bash" | "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/ProCard/index.d.ts

@@ -0,0 +1,5 @@
+import { ProCard as AntProCard } from '@ant-design/pro-components';
+import type { ProCardProps } from '@ant-design/pro-components';
+export { ProCardProps };
+declare const ProCard: typeof AntProCard;
+export default ProCard;

package/es/ProCard/index.js

@@ -0,0 +1,52 @@
+var _excluded = ["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); }
+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 _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';
+import { ProCard as AntProCard } from '@ant-design/pro-components';
+import { ConfigProvider } from '@oceanbase/design';
+import classNames from 'classnames';
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-ignore
+var ProCard = function ProCard(_ref) {
+  var title = _ref.title,
+    tabs = _ref.tabs,
+    headerBordered = _ref.headerBordered,
+    bodyStyle = _ref.bodyStyle,
+    customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-card', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    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 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,
+    title: title,
+    tabs: _typeof(tabs) === 'object' ? _objectSpread({
+      size: 'large'
+    }, tabs) : tabs,
+    headerBordered: headerBordered,
+    bodyStyle: bodyStyle,
+    className: proCardCls
+  }, restProps)));
+};
+if (process.env.NODE_ENV !== 'production') {
+  ProCard.displayName = AntProCard.displayName;
+}
+ProCard.isProCard = AntProCard.isProCard;
+ProCard.Divider = AntProCard.Divider;
+ProCard.TabPane = AntProCard.TabPane;
+ProCard.Group = AntProCard.Group;
+export default ProCard;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export declare const genProCardStyle: GenerateStyle<OBToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};
+export default _default;

package/es/ProCard/style/index.js

@@ -0,0 +1,40 @@
+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 { Card, Tabs } from '@oceanbase/design';
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genProCardStyle = function genProCardStyle(token) {
+  var componentCls = token.componentCls,
+    antCls = token.antCls,
+    prefixCls = token.prefixCls;
+  var tabsComponentCls = "".concat(antCls, "-tabs");
+  var tabsPrefixCls = "".concat(prefixCls, "-tabs");
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "div".concat(componentCls), {
+    borderRadius: token.borderRadiusLG
+  }), "".concat(componentCls, ":not(").concat(componentCls, "-border)"), {
+    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"), {
+    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"), {
+    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
+  }), Card.genTableStyle(token.paddingSM, token))), "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tabs"), _objectSpread(_defineProperty({}, "".concat(tabsComponentCls, "-top, ").concat(tabsComponentCls, "-bottom"), _defineProperty({}, ">".concat(tabsComponentCls, "-nav ").concat(tabsComponentCls, "-nav-list"), {
+    marginBlockStart: 0,
+    paddingInlineStart: token.marginLG
+  })), Tabs.genTabsStyle(_objectSpread(_objectSpread({}, token), {}, {
+    componentCls: tabsComponentCls,
+    prefixCls: tabsPrefixCls
+  })))));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('ProCard', function (token) {
+    return [genProCardStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from '@oceanbase/design/es/theme';
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { FullToken } from '@oceanbase/design/es/theme';
 export type TagSelectToken = FullToken<any>;
-export declare const genTagSelectStyle: GenerateStyle<TagSelectToken>;
+export declare const genTagSelectStyle: (token: TagSelectToken) => CSSObject;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
     hashId: string;

package/es/_util/genComponentStyleHook.js

@@ -14,7 +14,7 @@ export function genComponentStyleHook(componentName, styleFn) {
       iconPrefixCls = _React$useContext.iconPrefixCls;
     var rootPrefixCls = getPrefixCls();
     var componentCls = ".".concat(prefixCls);
-    return useStyle(componentName, function (token) {
+    return useStyle("OB-".concat(componentName), function (token) {
       var mergedToken = _objectSpread(_objectSpread({}, token), {}, {
         componentCls: componentCls,
         prefixCls: prefixCls,

package/es/index.d.ts

@@ -40,6 +40,8 @@ export { default as FooterToolbar } from './FooterToolbar';
 export type { FooterToolbarProps } from './FooterToolbar';
 export { default as ProTable } from './ProTable';
 export type { ProTableProps } from './ProTable';
+export { default as ProCard } from './ProCard';
+export type { ProCardProps } from './ProCard';
 export { default as LightFilter } from './LightFilter';
 export type { LightFilterProps } from './LightFilter';
 export { default as Password } from './Password';

package/es/index.js

@@ -22,6 +22,7 @@ export { default as PageContainer } from "./PageContainer";
 export { default as PageLoading } from "./PageLoading";
 export { default as FooterToolbar } from "./FooterToolbar";
 export { default as ProTable } from "./ProTable";
+export { default as ProCard } from "./ProCard";
 export { default as LightFilter } from "./LightFilter";
 export { default as Password } from "./Password";
 export { default as Ranger } from "./Ranger";

package/es/locale/LocaleWrapper.js

@@ -43,7 +43,10 @@ export default (function (_ref) {
           // @ts-ignore
           var antLocale = this.context.locale;
           var localeFromContext = componentName && antLocale ? antLocale[componentName] : {};
-          var localeData = _objectSpread(_objectSpread({}, defaultLocale), localeFromContext || {});
+          var localeData = _objectSpread(_objectSpread(_objectSpread({}, defaultLocale), localeFromContext || {}), {}, {
+            // 这里使用 antLocale，不能直接顶掉 locale 属性，有些组件内部会维护一个 locale 去做特殊判断
+            antLocale: (antLocale === null || antLocale === void 0 ? void 0 : antLocale.locale) || 'zh-cn'
+          });
           return (
             /*#__PURE__*/
             // @ts-ignore

package/lib/Action/Group.d.ts

@@ -1,16 +1,17 @@
-import type { ButtonSize } from '@oceanbase/design/es/button';
 import React from 'react';
+import type { ButtonSize } from '@oceanbase/design/es/button';
 import type { BaseProps } from './Item';
 export interface GroupProps {
+    prefixCls?: string;
     size?: number;
     dropDownPlacement?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
     children: React.ReactElement<BaseProps> | React.ReactElement<BaseProps>[];
     shouldVisible?: (key: string) => boolean;
     shouldDisabled?: (key: string) => boolean;
     enableLoading?: boolean;
-    /** 更多操作的自定义展示 */
     moreText?: React.ReactNode;
+    moreType?: 'button' | 'link';
     buttonSize?: ButtonSize;
 }
-declare const _default: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, buttonSize, }: GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: ({ prefixCls: customizePrefixCls, size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, moreType, buttonSize, }: GroupProps) => React.JSX.Element;
 export default _default;