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

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/ProCard/index.js

@@ -32,13 +32,14 @@ __export(ProCard_exports, {
   default: () => ProCard_default
 });
 module.exports = __toCommonJS(ProCard_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_pro_components = require("@ant-design/pro-components");
 var import_design = require("@oceanbase/design");
 var import_util = require("@oceanbase/design/es/_util");
 var import_icons = require("@oceanbase/icons");
 var import_classnames = __toESM(require("classnames"));
 var import_style = __toESM(require("./style"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var ProCard = ({
   loading,
   bordered,
@@ -72,10 +73,10 @@ var ProCard = ({
     className
   );
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_pro_components.ProCard,
       {
-        loading: loading === true ? /* @__PURE__ */ import_react.default.createElement(import_design.Skeleton, { active: true, title: false, paragraph: { rows: 4 } }) : loading,
+        loading: loading === true ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Skeleton, { active: true, title: false, paragraph: { rows: 4 } }) : loading,
         prefixCls: customizePrefixCls,
         bordered: bordered ?? ((contextCard == null ? void 0 : contextCard.variant) ? (contextCard == null ? void 0 : contextCard.variant) === "outlined" : void 0),
         ghost,
@@ -92,7 +93,7 @@ var ProCard = ({
           ...style
         },
         collapsibleIconRender: ({ collapsed }) => {
-          return /* @__PURE__ */ import_react.default.createElement(
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_icons.CaretRightFilled,
             {
               className: `${iconPrefixCls} ${iconPrefixCls}-right ${prefixCls}-collapsible-icon`,

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

@@ -25,8 +25,9 @@ __export(style_exports, {
 module.exports = __toCommonJS(style_exports);
 var import_design = require("@oceanbase/design");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genProCardStyle = (token) => {
-  const { componentCls, antCls, prefixCls } = token;
+var genProCardStyle = (token, outerComponentCls) => {
+  const { componentCls: innerComponentCls, antCls, prefixCls } = token;
+  const componentCls = outerComponentCls || innerComponentCls;
   const tableComponentCls = `${antCls}-table`;
   const tabsComponentCls = `${antCls}-tabs`;
   const tabsPrefixCls = `${prefixCls}-tabs`;

package/lib/ProTable/index.js

@@ -32,13 +32,14 @@ __export(ProTable_exports, {
   default: () => ProTable_default
 });
 module.exports = __toCommonJS(ProTable_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_pro_components = require("@ant-design/pro-components");
 var import_design = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
 var import_lodash = require("lodash");
 var import_style = __toESM(require("../LightFilter/style"));
 var import_style2 = __toESM(require("./style"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function ProTable({
   form,
   headerTitle,
@@ -79,7 +80,7 @@ function ProTable({
   const prefixCls = getPrefixCls("pro-table", customizePrefixCls);
   const { wrapSSR } = (0, import_style2.default)(prefixCls);
   const proTableCls = (0, import_classnames.default)(className);
-  const { emptyText = /* @__PURE__ */ import_react.default.createElement(import_design.Empty, { image: import_design.Empty.PRESENTED_IMAGE_SIMPLE }), ...restLocale } = locale || {};
+  const { emptyText = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Empty, { image: import_design.Empty.PRESENTED_IMAGE_SIMPLE }), ...restLocale } = locale || {};
   const cardProps = (0, import_lodash.merge)(
     {},
     contextCard,
@@ -89,7 +90,7 @@ function ProTable({
   return tableWrapSSR(
     lightFilterWrapSSR(
       wrapSSR(
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_pro_components.ProTable,
           {
             defaultSize: "large",
@@ -131,7 +132,7 @@ function ProTable({
             footer,
             locale: {
               ...restLocale,
-              emptyText: /* @__PURE__ */ import_react.default.createElement("div", { className: `${tablePrefixCls}-empty-wrapper` }, typeof emptyText === "function" ? emptyText() : emptyText)
+              emptyText: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${tablePrefixCls}-empty-wrapper`, children: typeof emptyText === "function" ? emptyText() : emptyText })
             },
             prefixCls: customizePrefixCls,
             tableClassName: tableCls,

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

@@ -25,6 +25,7 @@ __export(style_exports, {
 module.exports = __toCommonJS(style_exports);
 var import_design = require("@oceanbase/design");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var import_style = require("../../ProCard/style");
 var genProTableStyle = (token) => {
   const { antCls, componentCls, proComponentsCls } = token;
   const proCardComponentCls = `${proComponentsCls}-card`;
@@ -36,12 +37,9 @@ var genProTableStyle = (token) => {
           flexDirection: "row-reverse"
         }
       },
-      [`${proCardComponentCls}:not(${proCardComponentCls}-no-divider)`]: {
-        [`${proCardComponentCls}-body`]: {
-          [`${componentCls}-list-toolbar-container`]: {
-            borderBottom: `${token.lineWidth}px solid ${token.colorBorderSecondary}`
-          }
-        }
+      // Remove nested ProCard box-shadow
+      [`& > ${proCardComponentCls}, ${proCardComponentCls}${componentCls}-search-light-filter`]: {
+        boxShadow: "none !important"
       },
       [`${proCardComponentCls}${proCardComponentCls}-no-padding`]: {
         [`${proCardComponentCls}-body`]: {
@@ -55,7 +53,8 @@ var genProTableStyle = (token) => {
           componentCls: proCardComponentCls
         })
       }
-    }
+    },
+    ...(0, import_style.genProCardStyle)(token, proCardComponentCls)
   };
 };
 var style_default = (prefixCls) => {

package/lib/Ranger/QuickPicker.js

@@ -38,9 +38,10 @@ var import_classnames = __toESM(require("classnames"));
 var import_dayjs = __toESM(require("dayjs"));
 var import_lodash = require("lodash");
 var import_moment = __toESM(require("moment"));
-var import_react = __toESM(require("react"));
+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,
@@ -50,19 +51,25 @@ var RangeDropdown = ({
   locale = {},
   ...rest
 }) => {
-  const menu = /* @__PURE__ */ import_react.default.createElement(
+  const menu = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_design.Menu,
     {
       onClick: (e) => {
         onChange(e.key);
       },
-      style: { minWidth: 120 }
-    },
-    selects.map((item) => /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Item, { key: item.name }, locale[item.name] || item.name)),
-    customable && /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Item, { key: import_constant.CUSTOMIZE }, locale.customize)
+      style: { minWidth: 120 },
+      children: [
+        selects.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu.Item, { children: locale[item.name] || item.name }, item.name)),
+        customable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu.Item, { children: locale.customize }, import_constant.CUSTOMIZE)
+      ]
+    }
   );
   const match = selects.find((item) => item.name === value);
-  return /* @__PURE__ */ import_react.default.createElement(import_design.Dropdown, { overlay: menu, ...rest }, /* @__PURE__ */ import_react.default.createElement(import_design.Space, { style: { cursor: "pointer" }, className: (0, import_classnames.default)(prefix, `${prefix}-dropdown`) }, /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleOutlined, null), locale[match == null ? void 0 : match.name] || (match == null ? void 0 : match.name), /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Dropdown, { overlay: menu, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { style: { cursor: "pointer" }, className: (0, import_classnames.default)(prefix, `${prefix}-dropdown`), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClockCircleOutlined, {}),
+    locale[match == null ? void 0 : match.name] || (match == null ? void 0 : match.name),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DownOutlined, {})
+  ] }) });
 };
 var RangeSelect = ({
   selects,
@@ -76,7 +83,7 @@ var RangeSelect = ({
   const handleChange = (nextValue) => {
     onChange(nextValue);
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_design.Select,
     {
       className: (0, import_classnames.default)(prefix, `${prefix}-select`),
@@ -84,12 +91,14 @@ var RangeSelect = ({
       onSelect: handleChange,
       value,
       size,
-      ...rest
-    },
-    selects.map((item) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_design.Select.Option, { key: item.name, value: item.name }, locale[item.name] || item.name);
-    }),
-    customable && /* @__PURE__ */ import_react.default.createElement(import_design.Select.Option, { key: import_constant.CUSTOMIZE, value: import_constant.CUSTOMIZE }, locale.customize)
+      ...rest,
+      children: [
+        selects.map((item) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Select.Option, { value: item.name, children: locale[item.name] || item.name }, item.name);
+        }),
+        customable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Select.Option, { value: import_constant.CUSTOMIZE, children: locale.customize }, import_constant.CUSTOMIZE)
+      ]
+    }
   );
 };
 var QuickPicker_default = (props) => {
@@ -118,5 +127,5 @@ var QuickPicker_default = (props) => {
     }
     onNameChange(value);
   };
-  return type === "select" ? /* @__PURE__ */ import_react.default.createElement(RangeSelect, { value: innerName, selects, onChange: handleChange, ...rest }) : /* @__PURE__ */ import_react.default.createElement(RangeDropdown, { value: innerName, selects, onChange: handleChange, ...rest });
+  return type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RangeSelect, { value: innerName, selects, onChange: handleChange, ...rest }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RangeDropdown, { value: innerName, selects, onChange: handleChange, ...rest });
 };

package/lib/Ranger/Ranger.js

@@ -37,13 +37,14 @@ var import_dayjs = __toESM(require("dayjs"));
 var import_lodash = require("lodash");
 var import_moment = __toESM(require("moment"));
 var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
+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_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;
@@ -121,7 +122,7 @@ var Ranger = (props) => {
   }
   const showRange = mode === "default" || rangeName === import_constant.CUSTOMIZE;
   const showQuickPicker = selects.length !== 0;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_design.Space,
     {
       size: 0,
@@ -131,38 +132,40 @@ var Ranger = (props) => {
         },
         prefix
       ),
-      style: rest.style
-    },
-    showQuickPicker && /* @__PURE__ */ import_react.default.createElement(
-      import_QuickPicker.default,
-      {
-        customable: true,
-        type: internalQuickType,
-        onChange: rangeChange,
-        onNameChange: handleNameChange,
-        selects,
-        name: rangeName,
-        locale,
-        isMoment,
-        size,
-        ...quickPickerProps
-      }
-    ),
-    showRange && // @ts-ignore
-    /* @__PURE__ */ import_react.default.createElement(
-      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: `${prefix}-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/SideTip/Dragger.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(Dragger_exports);
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_utils = require("./utils");
+var import_jsx_runtime = require("react/jsx-runtime");
 var INIT_RIGHT = 32;
 var INIT_BOTTOM = 32;
 var Draggable = class extends import_react.default.Component {
@@ -245,7 +246,7 @@ var Draggable = class extends import_react.default.Component {
       [`${containerPrefix}-hide`]: hide,
       [`${containerPrefix}-hide-not-dragged`]: hide && !dragged
     });
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         id,
@@ -254,9 +255,9 @@ var Draggable = class extends import_react.default.Component {
         onMouseEnter,
         onMouseLeave,
         style: hide ? { ...containerStyle, right: -width / 1.5 } : containerStyle,
-        className: containerClassName
-      },
-      children
+        className: containerClassName,
+        children
+      }
     );
   }
 };

package/lib/SideTip/IconLoading.js

@@ -32,9 +32,9 @@ __export(IconLoading_exports, {
   default: () => IconLoading_default
 });
 module.exports = __toCommonJS(IconLoading_exports);
-var import_react = __toESM(require("react"));
 var import_icons = __toESM(require("@oceanbase/icons"));
-var LoadingSvg = () => /* @__PURE__ */ import_react.default.createElement(
+var import_jsx_runtime = require("react/jsx-runtime");
+var LoadingSvg = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     version: "1.1",
@@ -46,31 +46,31 @@ var LoadingSvg = () => /* @__PURE__ */ import_react.default.createElement(
     height: "1em",
     stroke: "currentColor",
     viewBox: "3 3 34 34",
-    preserveAspectRatio: "xMinYMin meet"
-  },
-  /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      strokeWidth: "1",
-      strokeMiterlimit: "10",
-      d: "M5.203,20\n			c0-8.159,6.638-14.797,14.797-14.797V5C11.729,5,5,11.729,5,20s6.729,15,15,15v-0.203C11.841,34.797,5.203,28.159,5.203,20z",
-      transform: "rotate(278.217 20 20)"
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "animateTransform",
+    preserveAspectRatio: "xMinYMin meet",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
       {
-        attributeName: "transform",
-        type: "rotate",
-        from: "0 20 20",
-        to: "360 20 20",
-        calcMode: "spline",
-        keySplines: "0.2, 0.2, 0.2, 0.2",
-        keyTimes: "0;1",
-        dur: "1.2s",
-        repeatCount: "indefinite"
+        strokeWidth: "1",
+        strokeMiterlimit: "10",
+        d: "M5.203,20\n			c0-8.159,6.638-14.797,14.797-14.797V5C11.729,5,5,11.729,5,20s6.729,15,15,15v-0.203C11.841,34.797,5.203,28.159,5.203,20z",
+        transform: "rotate(278.217 20 20)",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            type: "rotate",
+            from: "0 20 20",
+            to: "360 20 20",
+            calcMode: "spline",
+            keySplines: "0.2, 0.2, 0.2, 0.2",
+            keyTimes: "0;1",
+            dur: "1.2s",
+            repeatCount: "indefinite"
+          }
+        )
       }
     )
-  )
+  }
 );
-var iconLoading = (props) => /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: LoadingSvg, ...props });
+var iconLoading = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.default, { component: LoadingSvg, ...props });
 var IconLoading_default = iconLoading;

package/lib/SideTip/index.js

@@ -42,6 +42,7 @@ var import_Dragger = __toESM(require("./Dragger"));
 var import_IconLoading = __toESM(require("./IconLoading"));
 var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_index = require("./index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 var STORE_SIDETIP_HIDE = "ob-sidetip-hide";
 var getLocalStorageKey = (id) => {
   return [`${STORE_SIDETIP_HIDE}`, id].join("-");
@@ -132,7 +133,7 @@ var SideTip = (props) => {
     typeCls && `${buttonPrefix}-icon-${typeCls}`,
     sizeCls && `${buttonPrefix}-icon-${sizeCls}`
   );
-  const iconDom = /* @__PURE__ */ import_react.default.createElement("span", { className: iconClassName }, import_react.default.isValidElement(icon) ? icon : /* @__PURE__ */ import_react.default.createElement("img", { src: icon, alt: "icon", width: "100%", height: "100%" }));
+  const iconDom = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: iconClassName, children: import_react.default.isValidElement(icon) ? icon : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: icon, alt: "icon", width: "100%", height: "100%" }) });
   const closeClassName = (0, import_classnames.default)(`${buttonPrefix}-close`, {
     [`${buttonPrefix}-close-show`]: open || visible,
     [`${buttonPrefix}-close-${typeCls}`]: typeCls,
@@ -147,13 +148,19 @@ var SideTip = (props) => {
     [`${buttonPrefix}-loading-${typeCls}`]: typeCls,
     [`${buttonPrefix}-loading-${sizeCls}`]: sizeCls
   });
-  const InnerButton = /* @__PURE__ */ import_react.default.createElement("div", { className: buttonClassName, ref: buttonRef, style: buttonStyle }, loading && /* @__PURE__ */ import_react.default.createElement(import_IconLoading.default, { className: loadingClassName }), /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, iconDom, /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, { className: closeClassName })));
-  const BadgeButton = badge ? /* @__PURE__ */ import_react.default.createElement(import_design.Badge, { offset: [-6, 6], ...badge }, InnerButton) : InnerButton;
+  const InnerButton = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: buttonClassName, ref: buttonRef, style: buttonStyle, children: [
+    loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconLoading.default, { className: loadingClassName }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      iconDom,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, { className: closeClassName })
+    ] })
+  ] });
+  const BadgeButton = badge ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Badge, { offset: [-6, 6], ...badge, children: InnerButton }) : InnerButton;
   const hideIconClassName = (0, import_classnames.default)(`${prefix}-hide`, {
     [`${prefix}-hide-hovered`]: hovered
   });
-  const hideIcon = /* @__PURE__ */ import_react.default.createElement("div", { id: "ui-mini-hide", onClick: hideSideTip, className: hideIconClassName }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-hide-icon` }));
-  return /* @__PURE__ */ import_react.default.createElement(
+  const hideIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "ui-mini-hide", onClick: hideSideTip, className: hideIconClassName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefix}-hide-icon` }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_Dragger.default,
     {
       id,
@@ -171,11 +178,13 @@ var SideTip = (props) => {
       onDrag,
       getPopupContainer,
       className,
-      draggable
-    },
-    tooltip && tooltip.title ? /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { ...tooltip, getPopupContainer: () => buttonRef.current }, BadgeButton) : BadgeButton,
-    hideable && hideIcon,
-    children
+      draggable,
+      children: [
+        tooltip && tooltip.title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { ...tooltip, getPopupContainer: () => buttonRef.current, children: BadgeButton }) : BadgeButton,
+        hideable && hideIcon,
+        children
+      ]
+    }
   );
 };
 var SideTip_default = (0, import_LocaleWrapper.default)({

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -0,0 +1,25 @@
+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/SideTip/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 = {};