@oceanbase/ui 1.0.0-alpha.2 → 1.0.0-alpha.20

package/es/Password/locale/ja-JP.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    lengthRuleMessage: string;
+    charRuleMessage: string;
+    strengthRuleMessage: string;
+    placeholder: string;
+    generatePlaceholder: string;
+    randomlyGenerate: string;
+    pleaseRememberYourPassword: string;
+    copySuccessfully: string;
+    copyPassword: string;
+    passwordStrengthRules: string;
+    andKeepItProperly: string;
+};
+export default _default;

package/es/Password/locale/ja-JP.js

@@ -0,0 +1,13 @@
+export default {
+  lengthRuleMessage: '長さは 8~32 文字',
+  charRuleMessage: '英字、数字、および特殊文字（~!@#%^&*_-+= (){}[]:;,.?/`$"<>\）のみ使用可能',
+  strengthRuleMessage: '大文字・小文字・数字・特殊文字をそれぞれ2文字以上含める必要があります',
+  placeholder: 'パスワードを入力してください',
+  generatePlaceholder: '入力またはランダム生成',
+  randomlyGenerate: 'ランダム生成',
+  pleaseRememberYourPassword: 'パスワードを必ず保存してください',
+  copySuccessfully: 'コピー成功',
+  copyPassword: 'パスワードをコピーし',
+  passwordStrengthRules: 'パスワード強度ルール',
+  andKeepItProperly: '適切に保管してください'
+};

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

@@ -8,6 +8,7 @@ declare const _default: {
     pleaseRememberYourPassword: string;
     copySuccessfully: string;
     copyPassword: string;
+    passwordStrengthRules: string;
     andKeepItProperly: string;
 };
 export default _default;

package/es/Password/locale/zh-CN.js

@@ -8,5 +8,6 @@ export default {
   pleaseRememberYourPassword: '请牢记并妥善保存密码',
   copySuccessfully: '复制成功',
   copyPassword: '复制密码',
+  passwordStrengthRules: '密码强度规则',
   andKeepItProperly: '并妥善保存'
 };

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

@@ -8,5 +8,6 @@ declare const _default: {
     pleaseRememberYourPassword: string;
     copySuccessfully: string;
     copyPassword: string;
+    passwordStrengthRules: string;
 };
 export default _default;

package/es/Password/locale/zh-TW.js

@@ -7,5 +7,6 @@ export default {
   randomlyGenerate: '隨機生成',
   pleaseRememberYourPassword: '請牢記並妥善保存密碼',
   copySuccessfully: '複製成功',
-  copyPassword: '複製密碼'
+  copyPassword: '複製密碼',
+  passwordStrengthRules: '密碼強度規則'
 };

package/es/ProCard/index.js

@@ -1,3 +1,4 @@
+"use client";
 var _excluded = ["loading", "bordered", "ghost", "title", "tabs", "headerBordered", "bodyStyle", "prefixCls", "className", "style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; }

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { CSSObject } from '@ant-design/cssinjs';
 import type { OBToken } from '../../_util/genComponentStyleHook';
-export declare const genProCardStyle: GenerateStyle<OBToken>;
+export declare const genProCardStyle: (token: OBToken, outerComponentCls?: string) => 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/ProCard/style/index.js

@@ -6,16 +6,22 @@ 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); }
 import { Card, Tabs } from '@oceanbase/design';
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
-export var genProCardStyle = function genProCardStyle(token) {
-  var componentCls = token.componentCls,
+export var genProCardStyle = function genProCardStyle(token, outerComponentCls) {
+  var _token$Table, _ref;
+  var innerComponentCls = token.componentCls,
     antCls = token.antCls,
     prefixCls = token.prefixCls;
+  var componentCls = outerComponentCls || innerComponentCls;
   var tableComponentCls = "".concat(antCls, "-table");
   var tabsComponentCls = "".concat(antCls, "-tabs");
   var tabsPrefixCls = "".concat(prefixCls, "-tabs");
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "div".concat(componentCls), {
+  return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "div".concat(componentCls), {
     borderRadius: token.borderRadiusLG
-  }), "".concat(componentCls).concat(componentCls, "-border"), {
+  }), "".concat(componentCls).concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-header"), {
+    paddingBlockStart: token.paddingLG
+  })), "".concat(componentCls).concat(componentCls, "-size-small").concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-header"), {
+    paddingBlockStart: token.paddingSM
+  })), "".concat(componentCls).concat(componentCls, "-border"), {
     border: "".concat(token.lineWidth, "px solid ").concat(token.colorBorderSecondary)
   }), "".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)'
@@ -29,12 +35,12 @@ export var genProCardStyle = function genProCardStyle(token) {
     paddingBlock: 0,
     paddingInline: 0
   })), "&".concat(componentCls, "-has-title").concat(componentCls, "-no-divider:not(").concat(componentCls, "-contain-tabs)"), _defineProperty({}, "".concat(componentCls, "-body"), _defineProperty({}, "& > ".concat(tableComponentCls, "-wrapper ").concat(tableComponentCls, ":not(").concat(tableComponentCls, "-bordered):first-child"), {
-    marginTop: -token.marginSM
+    marginTop: -((_token$Table = token.Table) === null || _token$Table === void 0 ? void 0 : _token$Table.cellPaddingBlock)
   }))), "".concat(componentCls).concat(componentCls, "-no-body-horizontal-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-horizontal-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"), {
+  }), Card.genTableStyle(token.paddingSM, token))), _defineProperty(_ref, "".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), {}, {

package/es/ProTable/index.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["form", "headerTitle", "options", "optionsRender", "toolbar", "toolBarRender", "size", "bordered", "innerBordered", "cardBordered", "expandable", "rowSelection", "pagination", "footer", "locale", "cardProps", "prefixCls", "tableClassName", "className"],
   _excluded2 = ["emptyText"];
@@ -6,6 +7,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';
@@ -46,7 +53,8 @@ function ProTable(_ref) {
   // customize Table style
   var tablePrefixCls = getPrefixCls('table', customizePrefixCls);
   var _Table$useStyle = Table.useStyle(tablePrefixCls),
-    tableWrapSSR = _Table$useStyle.wrapSSR;
+    _Table$useStyle2 = _slicedToArray(_Table$useStyle, 1),
+    tableWrapCSSVar = _Table$useStyle2[0];
   var pagination = Table.useDefaultPagination(customPagination);
   var tableCls = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(tablePrefixCls, "-expandable"), !isEmpty(expandable)), "".concat(tablePrefixCls, "-selectable"), !!rowSelection), "".concat(tablePrefixCls, "-has-footer"), !!footer), "".concat(tablePrefixCls, "-inner-bordered"), innerBordered), tableClassName);
 
@@ -66,7 +74,7 @@ function ProTable(_ref) {
     restLocale = _objectWithoutProperties(_ref2, _excluded2);
   var cardProps = merge({}, contextCard, typeof outerCardProps === 'boolean' ? {} : outerCardProps);
   var proCardCls = getPrefixCls('pro-card', customizePrefixCls);
-  return tableWrapSSR(lightFilterWrapSSR(wrapSSR( /*#__PURE__*/_jsx(AntProTable
+  return tableWrapCSSVar(lightFilterWrapSSR(wrapSSR( /*#__PURE__*/_jsx(AntProTable
   // default size change to `large` as same as Table
   , _objectSpread({
     defaultSize: "large",

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { CSSObject } from '@ant-design/cssinjs';
 import type { OBToken } from '../../_util/genComponentStyleHook';
-export declare const genProTableStyle: GenerateStyle<OBToken>;
+export declare const genProTableStyle: (token: OBToken) => 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/ProTable/style/index.js

@@ -6,22 +6,27 @@ 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); }
 import { Card } from '@oceanbase/design';
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+import { genProCardStyle } from "../../ProCard/style";
 export var genProTableStyle = function genProTableStyle(token) {
   var antCls = token.antCls,
     componentCls = token.componentCls,
     proComponentsCls = token.proComponentsCls;
   var proCardComponentCls = "".concat(proComponentsCls, "-card");
-  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({}, "".concat(proComponentsCls, "-query-filter-actions"), _defineProperty({}, "".concat(antCls, "-space").concat(antCls, "-space-horizontal").concat(antCls, "-space-align-center"), {
+  return _objectSpread(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(proComponentsCls, "-query-filter-actions"), _defineProperty({}, "".concat(antCls, "-space").concat(antCls, "-space-horizontal").concat(antCls, "-space-align-center"), {
     flexDirection: 'row-reverse'
-  })), "".concat(proCardComponentCls, ":not(").concat(proCardComponentCls, "-no-divider)"), _defineProperty({}, "".concat(proCardComponentCls, "-body"), _defineProperty({}, "".concat(componentCls, "-list-toolbar-container"), {
+  })), "& > ".concat(proCardComponentCls, ", ").concat(proCardComponentCls).concat(componentCls, "-search-light-filter"), {
+    boxShadow: 'none !important'
+  }), "".concat(proCardComponentCls, ":not(").concat(proCardComponentCls, "-no-divider)"), _defineProperty({}, "".concat(proCardComponentCls, "-body"), _defineProperty({}, "".concat(componentCls, "-list-toolbar-container"), {
     borderBottom: "".concat(token.lineWidth, "px solid ").concat(token.colorBorderSecondary)
   }))), "".concat(proCardComponentCls).concat(proCardComponentCls, "-no-padding"), _objectSpread(_defineProperty({}, "".concat(proCardComponentCls, "-body"), _defineProperty({
     paddingInline: 0
-  }, "".concat(componentCls, "-list-toolbar-container"), {
+  }, "".concat(componentCls, "-list-toolbar-container"), _defineProperty({
     paddingInline: token.paddingLG
-  })), Card.genTableStyle(token.paddingLG, _objectSpread(_objectSpread({}, token), {}, {
+  }, "".concat(componentCls, "-list-toolbar-title"), {
+    fontWeight: token.fontWeightStrong
+  }))), Card.genTableStyle(token.paddingLG, _objectSpread(_objectSpread({}, token), {}, {
     componentCls: proCardComponentCls
-  })))));
+  }))))), genProCardStyle(token, proCardComponentCls));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('ProTable', function (token) {

package/es/Ranger/QuickPicker.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 = ["selects", "onChange", "value", "customable", "locale"],
   _excluded2 = ["selects", "onChange", "value", "customable", "locale", "size"],
@@ -16,17 +17,15 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 { ClockCircleOutlined, DownOutlined } from '@oceanbase/icons';
-import { Dropdown, Menu, Select, Space } from '@oceanbase/design';
+import { ConfigProvider, Dropdown, Menu, Select, Space } from '@oceanbase/design';
 import classnames from 'classnames';
 import dayjs from 'dayjs';
 import { noop } from 'lodash';
 import moment from 'moment';
-import React, { useEffect, useState } from 'react';
-import { getPrefix } from "../_util";
+import React, { useContext, useEffect, useState } from 'react';
 import { CUSTOMIZE } from "./constant";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var prefix = getPrefix('ranger-quick-picker');
 var RangeDropdown = function RangeDropdown(_ref) {
   var selects = _ref.selects,
     onChange = _ref.onChange,
@@ -35,6 +34,9 @@ var RangeDropdown = function RangeDropdown(_ref) {
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? {} : _ref$locale,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefix = getPrefixCls('ranger-quick-picker');
   var menu = /*#__PURE__*/_jsxs(Menu, {
     onClick: function onClick(e) {
       onChange(e.key);
@@ -74,6 +76,9 @@ var RangeSelect = function RangeSelect(_ref2) {
     locale = _ref2$locale === void 0 ? {} : _ref2$locale,
     size = _ref2.size,
     rest = _objectWithoutProperties(_ref2, _excluded2);
+  var _useContext2 = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext2.getPrefixCls;
+  var prefix = getPrefixCls('ranger-quick-picker');
   var handleChange = function handleChange(nextValue) {
     onChange(nextValue);
   };

package/es/Ranger/Ranger.d.ts

@@ -1,7 +1,6 @@
 import type { RangePickerProps } from '@oceanbase/design/es/date-picker';
 import type { Dayjs } from 'dayjs';
 import type { Moment } from 'moment';
-import './index.less';
 import type { QuickPickerProps } from './QuickPicker';
 import type { RangeOption } from './typing';
 export type RangeName = 'customize' | string;

package/es/Ranger/Ranger.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 = ["selects", "value", "defaultValue", "defaultQuickValue", "mode", "quickType", "pastOnly", "onChange", "disabledDate", "locale", "size", "stickRangeName", "quickPickerProps"];
 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; }
@@ -13,21 +14,19 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { DatePicker, Space } from '@oceanbase/design';
+import { ConfigProvider, DatePicker, Space } from '@oceanbase/design';
 import dayjs from 'dayjs';
 import { isNil, noop, omit } from 'lodash';
 import moment from 'moment';
 import classNames from 'classnames';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
 import LocaleWrapper from "../locale/LocaleWrapper";
-import { getPrefix } from "../_util";
 import { CUSTOMIZE, DATE_TIME_FORMAT, NEAR_1_HOURS, NEAR_1_MINUTES, NEAR_30_MINUTES } from "./constant";
-import "./index.less";
+import useStyle from "./style";
 import zhCN from "./locale/zh-CN";
 import QuickPicker from "./QuickPicker";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var prefix = getPrefix('ranger');
 var Ranger = function Ranger(props) {
   var _selects$;
   var _props$selects = props.selects,
@@ -51,6 +50,11 @@ var Ranger = function Ranger(props) {
     _props$quickPickerPro = props.quickPickerProps,
     quickPickerProps = _props$quickPickerPro === void 0 ? {} : _props$quickPickerPro,
     rest = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('ranger');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR;
   // 是否为 moment 时间对象
   var isMoment = moment.isMoment(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[0]) || moment.isMoment(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[1]) || moment.isMoment(value === null || value === void 0 ? void 0 : value[0]) || moment.isMoment(value === null || value === void 0 ? void 0 : value[1]);
   var _useState = useState(value !== null && value !== void 0 ? value : defaultValue),
@@ -116,9 +120,9 @@ var Ranger = function Ranger(props) {
   var showRange = mode === 'default' || rangeName === CUSTOMIZE;
   // 没有 selects 时，回退到普通 RangePicker
   var showQuickPicker = selects.length !== 0;
-  return /*#__PURE__*/_jsxs(Space, {
+  return wrapSSR( /*#__PURE__*/_jsxs(Space, {
     size: 0,
-    className: classNames(_defineProperty({}, "".concat(prefix, "-show-range"), showRange), prefix),
+    className: classNames(_defineProperty({}, "".concat(prefixCls, "-show-range"), showRange), prefixCls),
     style: rest.style,
     children: [showQuickPicker && /*#__PURE__*/_jsx(QuickPicker, _objectSpread({
       customable: true,
@@ -140,11 +144,11 @@ var Ranger = function Ranger(props) {
       value: innerValue || defaultInternalValue,
       onChange: datePickerChange,
       showTime: true,
-      className: "".concat(prefix, "-range-picker"),
+      className: "".concat(prefixCls, "-range-picker"),
       size: size
       // 透传 props 到 antd Ranger
     }, omit(rest, 'value', 'onChange')))]
-  });
+  }));
 };
 export default LocaleWrapper({
   componentName: 'Ranger',

package/es/Ranger/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { LAST_MONTH, LAST_QUARTER, 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_MONTH, NEXT_QUARTER, NEXT_WEEK, NEXT_YEAR, THIS_MONTH, THIS_QUARTER, THIS_WEEK, THIS_YEAR, TODAY, TOMORROW, YESTERDAY } from "./constant";
 import QuickPicker from "./QuickPicker";
 import InternalRanger from "./Ranger";

package/es/Ranger/locale/ja-JP.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    customize: string;
+    '\u8FD1 1 \u5206\u949F': string;
+    '\u8FD1 5 \u5206\u949F': string;
+    '\u8FD1 10 \u5206\u949F': string;
+    '\u8FD1 20 \u5206\u949F': string;
+    '\u8FD1 30 \u5206\u949F': string;
+    '\u8FD1 1 \u5C0F\u65F6': string;
+    '\u8FD1 2 \u5C0F\u65F6': string;
+    '\u8FD1 3 \u5C0F\u65F6': string;
+    '\u8FD1 6 \u5C0F\u65F6': string;
+    今天: string;
+    昨天: string;
+    明天: string;
+    本周: string;
+    上周: string;
+    下周: string;
+    本月: string;
+    上月: string;
+    下月: string;
+    本季度: string;
+    上季度: string;
+    下季度: string;
+    今年: string;
+    去年: string;
+    明年: string;
+};
+export default _default;

package/es/Ranger/locale/ja-JP.js

@@ -0,0 +1,29 @@
+export default {
+  customize: 'カスタム時間',
+  // 为保证和之前的逻辑兼容，仍然使用中文作为 key
+  // TODO: 后续需要替换为英文 key
+  '近 1 分钟': '過去 1 分',
+  '近 5 分钟': '過去 5 分',
+  '近 10 分钟': '過去 10 分',
+  '近 20 分钟': '過去 20 分',
+  '近 30 分钟': '過去 30 分',
+  '近 1 小时': '過去 1 時間',
+  '近 2 小时': '過去 2 時間',
+  '近 3 小时': '過去 3 時間',
+  '近 6 小时': '過去 6 時間',
+  今天: '今日',
+  昨天: '昨日',
+  明天: '明日',
+  本周: '今週',
+  上周: '先週',
+  下周: '来週',
+  本月: '今月',
+  上月: '先月',
+  下月: '来月',
+  本季度: '今四半期',
+  上季度: '前四半期',
+  下季度: '次四半期',
+  今年: '今年',
+  去年: '去年',
+  明年: '来年'
+};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export type RangerToken = OBToken;
+export declare const genRangerStyle: GenerateStyle<RangerToken>;
+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/Ranger/style/index.js

@@ -0,0 +1,44 @@
+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); }
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genRangerStyle = function genRangerStyle(token) {
+  var componentCls = token.componentCls,
+    antCls = token.antCls;
+  return _defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty({}, "".concat(antCls, "-space-item:nth-child(2)"), _defineProperty({
+    flex: 1,
+    width: '100%'
+  }, "".concat(antCls, "-picker, ").concat(antCls, "-picker-range, ").concat(componentCls, "-range-picker"), {
+    width: '100%',
+    borderTopLeftRadius: 0,
+    borderBottomLeftRadius: 0,
+    input: {
+      textAlign: 'center'
+    }
+  })), "".concat(componentCls, "-date-picker"), _defineProperty(_defineProperty({}, "".concat(antCls, "-select-selector"), {
+    borderTopLeftRadius: 0,
+    borderBottomLeftRadius: 0,
+    '&:hover': {
+      zIndex: 1
+    }
+  }), "".concat(antCls, "-select-arrow"), {
+    zIndex: 1
+  }))), "".concat(componentCls, "-show-range"), _defineProperty({}, "".concat(componentCls, "-quick-picker").concat(componentCls, "-quick-picker-select"), _defineProperty(_defineProperty({
+    marginRight: -1
+  }, "".concat(antCls, "-select-selector"), {
+    borderTopRightRadius: '0 !important',
+    borderBottomRightRadius: '0 !important',
+    '&:hover': {
+      zIndex: 1
+    }
+  }), "".concat(antCls, "-select-arrow"), {
+    zIndex: 1
+  })));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Ranger', function (token) {
+    return [genRangerStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/SideTip/Dragger.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); }
 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; }
@@ -184,8 +185,9 @@ var Draggable = /*#__PURE__*/function (_React$Component) {
 
       // 非组件左键点按之后的事件不处理
       if (dragged) {
+        var _e$target, _e$target$closest;
         var interval = new Date().getTime() - _this.intervalStart;
-        if (interval < 200 && e.target.id !== 'ui-mini-hide') {
+        if (interval < 200 && !((_e$target = e.target) !== null && _e$target !== void 0 && (_e$target$closest = _e$target.closest) !== null && _e$target$closest !== void 0 && _e$target$closest.call(_e$target, '#ui-mini-hide'))) {
           _this.props.onClick(e);
           _this.setState({
             dragged: false

package/es/SideTip/IconLoading.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); }
 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; }

package/es/SideTip/index.d.ts

@@ -2,7 +2,6 @@ import type { BadgeProps } from '@oceanbase/design/es/badge/index';
 import type { TooltipPropsWithTitle } from '@oceanbase/design/es/tooltip/index';
 import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
-import './index.less';
 export type SideTipType = 'primary' | 'default';
 export type SideTipSize = 'small' | 'default';
 export interface Position {