@oceanbase/ui 1.0.0-alpha.3 → 1.0.0-alpha.5

package/lib/NavMenu/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 NavMenuToken = OBToken;
+export declare const genNavMenuStyle: GenerateStyle<NavMenuToken>;
+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/lib/NavMenu/style/index.js

@@ -0,0 +1,78 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/NavMenu/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genNavMenuStyle: () => genNavMenuStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genNavMenuStyle = (token) => {
+  const { componentCls, antCls } = token;
+  return {
+    [`${componentCls}-container`]: {
+      marginTop: 21,
+      backgroundColor: "transparent",
+      userSelect: "none",
+      ul: {
+        backgroundColor: "transparent",
+        li: {
+          paddingRight: "0 !important",
+          [`${antCls}-menu-title-content`]: {
+            padding: "0 20px",
+            borderRadius: 10,
+            transition: "0.6s",
+            "&:hover": {
+              backgroundColor: "#e4e8f5"
+            }
+          }
+        },
+        [`${antCls}-menu-item:not(${antCls}-menu-item-selected):hover`]: {
+          backgroundColor: "transparent !important"
+        },
+        [`${antCls}-menu-item-selected`]: {
+          backgroundColor: "transparent !important",
+          [`${antCls}-menu-title-content`]: {
+            backgroundColor: "#d7e2fc",
+            a: {
+              color: "transparent",
+              fontFamily: "SourceSansPro-Semibold, SourceSansPro-Regular",
+              background: "linear-gradient(-45deg, #002bff 0%, #0080ff 100%)",
+              backgroundClip: "text"
+            }
+          },
+          "&::after": {
+            display: "none"
+          }
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("NavMenu", (token) => {
+    return [genNavMenuStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genNavMenuStyle
+});

package/lib/PageContainer/locale/ja-JP.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    reload: string;
+};
+export default _default;

package/lib/PageContainer/locale/ja-JP.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/PageContainer/locale/ja-JP.ts
+var ja_JP_exports = {};
+__export(ja_JP_exports, {
+  default: () => ja_JP_default
+});
+module.exports = __toCommonJS(ja_JP_exports);
+var ja_JP_default = {
+  reload: "更新"
+};

package/lib/PageContainer/style/index.js

@@ -45,9 +45,9 @@ var genPageContainerStyle = (token) => {
       },
       [`${componentCls}-warp-page-header,${componentCls}-wrap-page-header`]: {
         // 减小内容区左右两侧间距
-        paddingInlineStart: `${paddingLG}px !important`,
-        paddingInlineEnd: `${paddingLG}px !important`,
-        paddingBlockStart: `${padding}px !important`,
+        paddingInlineStart: `${token.paddingXL}px !important`,
+        paddingInlineEnd: `${token.paddingXL}px !important`,
+        paddingBlockStart: `${paddingLG}px !important`,
         paddingBlockEnd: `${padding}px !important`,
         [`${antCls}-page-header-breadcrumb`]: {
           // overwritten pro-components style
@@ -77,9 +77,9 @@ var genPageContainerStyle = (token) => {
         }
       },
       [`${componentCls}-children-container`]: {
-        paddingInline: paddingLG,
+        paddingInline: token.paddingXL,
         paddingBlockStart: 0,
-        paddingBlockEnd: paddingLG,
+        paddingBlockEnd: padding,
         // set top tabs style when it is PageContainer's first child
         [`& > ${antCls}-tabs-top:not(${antCls}-tabs-card):first-child`]: {
           // equal to page header paddingBlockEnd

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

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

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

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Password/locale/ja-JP.ts
+var ja_JP_exports = {};
+__export(ja_JP_exports, {
+  default: () => ja_JP_default
+});
+module.exports = __toCommonJS(ja_JP_exports);
+var ja_JP_default = {
+  lengthRuleMessage: "長さは 8~32 文字",
+  charRuleMessage: '英字、数字、特殊文字（~!@#%^&*_-+=|(){}[]:;,.?/`$"<>\\）のみを含むことができます',
+  strengthRuleMessage: "大文字、小文字、数字、特殊文字をそれぞれ少なくとも 2 文字含む必要があります",
+  placeholder: "パスワードを入力してください",
+  generatePlaceholder: "入力するかランダム生成",
+  randomlyGenerate: "ランダム生成",
+  pleaseRememberYourPassword: "パスワードを覚えて適切に保存してください",
+  copySuccessfully: "コピー成功",
+  copyPassword: "パスワードをコピー",
+  andKeepItProperly: "適切に保存"
+};

package/lib/Ranger/QuickPicker.js

@@ -39,10 +39,8 @@ var import_dayjs = __toESM(require("dayjs"));
 var import_lodash = require("lodash");
 var import_moment = __toESM(require("moment"));
 var import_react = require("react");
-var import_util = require("../_util");
 var import_constant = require("./constant");
 var import_jsx_runtime = require("react/jsx-runtime");
-var prefix = (0, import_util.getPrefix)("ranger-quick-picker");
 var RangeDropdown = ({
   selects,
   onChange,
@@ -51,6 +49,8 @@ var RangeDropdown = ({
   locale = {},
   ...rest
 }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const prefix = getPrefixCls("ranger-quick-picker");
   const menu = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_design.Menu,
     {
@@ -80,6 +80,8 @@ var RangeSelect = ({
   size,
   ...rest
 }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const prefix = getPrefixCls("ranger-quick-picker");
   const handleChange = (nextValue) => {
     onChange(nextValue);
   };

package/lib/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/lib/Ranger/Ranger.js

@@ -39,13 +39,11 @@ var import_moment = __toESM(require("moment"));
 var import_classnames = __toESM(require("classnames"));
 var import_react = require("react");
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
-var import_util = require("../_util");
 var import_constant = require("./constant");
-var import_index = require("./index.less");
+var import_style = __toESM(require("./style"));
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_QuickPicker = __toESM(require("./QuickPicker"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var prefix = (0, import_util.getPrefix)("ranger");
 var Ranger = (props) => {
   var _a;
   const {
@@ -65,6 +63,9 @@ var Ranger = (props) => {
     quickPickerProps = {},
     ...rest
   } = props;
+  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("ranger");
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
   const isMoment = import_moment.default.isMoment(defaultValue == null ? void 0 : defaultValue[0]) || import_moment.default.isMoment(defaultValue == null ? void 0 : defaultValue[1]) || import_moment.default.isMoment(value == null ? void 0 : value[0]) || import_moment.default.isMoment(value == null ? void 0 : value[1]);
   const [innerValue, setInnerValue] = (0, import_react.useState)(value ?? defaultValue);
   const [rangeName, setRangeName] = (0, import_react.useState)(
@@ -122,50 +123,52 @@ var Ranger = (props) => {
   }
   const showRange = mode === "default" || rangeName === import_constant.CUSTOMIZE;
   const showQuickPicker = selects.length !== 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_design.Space,
-    {
-      size: 0,
-      className: (0, import_classnames.default)(
-        {
-          [`${prefix}-show-range`]: showRange
-        },
-        prefix
-      ),
-      style: rest.style,
-      children: [
-        showQuickPicker && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_QuickPicker.default,
+  return wrapSSR(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_design.Space,
+      {
+        size: 0,
+        className: (0, import_classnames.default)(
           {
-            customable: true,
-            type: internalQuickType,
-            onChange: rangeChange,
-            onNameChange: handleNameChange,
-            selects,
-            name: rangeName,
-            locale,
-            isMoment,
-            size,
-            ...quickPickerProps
-          }
+            [`${prefixCls}-show-range`]: showRange
+          },
+          prefixCls
         ),
-        showRange && // @ts-ignore
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.DatePicker.RangePicker,
-          {
-            disabledDate: pastOnly ? disabledFuture : disabledDate,
-            format: import_constant.DATE_TIME_FORMAT,
-            defaultValue,
-            value: innerValue || defaultInternalValue,
-            onChange: datePickerChange,
-            showTime: true,
-            className: `${prefix}-range-picker`,
-            size,
-            ...(0, import_lodash.omit)(rest, "value", "onChange")
-          }
-        )
-      ]
-    }
+        style: rest.style,
+        children: [
+          showQuickPicker && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_QuickPicker.default,
+            {
+              customable: true,
+              type: internalQuickType,
+              onChange: rangeChange,
+              onNameChange: handleNameChange,
+              selects,
+              name: rangeName,
+              locale,
+              isMoment,
+              size,
+              ...quickPickerProps
+            }
+          ),
+          showRange && // @ts-ignore
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_design.DatePicker.RangePicker,
+            {
+              disabledDate: pastOnly ? disabledFuture : disabledDate,
+              format: import_constant.DATE_TIME_FORMAT,
+              defaultValue,
+              value: innerValue || defaultInternalValue,
+              onChange: datePickerChange,
+              showTime: true,
+              className: `${prefixCls}-range-picker`,
+              size,
+              ...(0, import_lodash.omit)(rest, "value", "onChange")
+            }
+          )
+        ]
+      }
+    )
   );
 };
 var Ranger_default = (0, import_LocaleWrapper.default)({

package/lib/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/lib/Ranger/locale/ja-JP.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Ranger/locale/ja-JP.ts
+var ja_JP_exports = {};
+__export(ja_JP_exports, {
+  default: () => ja_JP_default
+});
+module.exports = __toCommonJS(ja_JP_exports);
+var ja_JP_default = {
+  customize: "カスタム時間",
+  // 为保证和之前的逻辑兼容，仍然使用中文作为 key
+  // TODO: 后续需要替换为英文 key
+  "近 1 分钟": "過去 1 分",
+  "近 5 分钟": "過去 5 分",
+  "近 10 分钟": "過去 10 分",
+  "近 20 分钟": "過去 20 分",
+  "近 30 分钟": "過去 30 分",
+  "近 1 小时": "過去 1 時間",
+  "近 2 小时": "過去 2 時間",
+  "近 3 小时": "過去 3 時間",
+  "近 6 小时": "過去 6 時間",
+  今天: "今日",
+  昨天: "昨日",
+  明天: "明日",
+  本周: "今週",
+  上周: "先週",
+  下周: "来週",
+  本月: "今月",
+  上月: "先月",
+  下月: "来月",
+  本季度: "今四半期",
+  上季度: "前四半期",
+  下季度: "次四半期",
+  今年: "今年",
+  去年: "去年",
+  明年: "来年"
+};

package/lib/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/lib/Ranger/style/index.js

@@ -0,0 +1,82 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Ranger/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genRangerStyle: () => genRangerStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genRangerStyle = (token) => {
+  const { componentCls, antCls } = token;
+  return {
+    [`${componentCls}`]: {
+      [`${antCls}-space-item:nth-child(2)`]: {
+        flex: 1,
+        width: "100%",
+        [`${antCls}-picker, ${antCls}-picker-range, ${componentCls}-range-picker`]: {
+          width: "100%",
+          borderTopLeftRadius: 0,
+          borderBottomLeftRadius: 0,
+          input: {
+            textAlign: "center"
+          }
+        }
+      },
+      [`${componentCls}-date-picker`]: {
+        [`${antCls}-select-selector`]: {
+          borderTopLeftRadius: 0,
+          borderBottomLeftRadius: 0,
+          "&:hover": {
+            zIndex: 1
+          }
+        },
+        [`${antCls}-select-arrow`]: {
+          zIndex: 1
+        }
+      }
+    },
+    [`${componentCls}-show-range`]: {
+      [`${componentCls}-quick-picker.${componentCls}-quick-picker-select`]: {
+        marginRight: -1,
+        [`${antCls}-select-selector`]: {
+          borderTopRightRadius: "0 !important",
+          borderBottomRightRadius: "0 !important",
+          "&:hover": {
+            zIndex: 1
+          }
+        },
+        [`${antCls}-select-arrow`]: {
+          zIndex: 1
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Ranger", (token) => {
+    return [genRangerStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genRangerStyle
+});

package/lib/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 {