@oceanbase/ui 0.2.3 → 0.2.5

package/es/Action/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionButton, ActionLink } from './Item';
 declare const _default: {
     Group: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: import("./Group").GroupProps) => import("react").JSX.Element;

package/es/BackgroundTaskManager/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import type { GlobalConfigProps, NotificationInstance } from 'antd/es/notification/interface';
+import React from 'react';
 export declare enum NotificationApi {
     success = "success",
     error = "error",
@@ -45,5 +45,5 @@ interface IProps {
     rollingFrequency?: number;
     prefix: Namespace;
 }
-declare const _default: import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<BackgroundTaskManagerRef>>;
+declare const _default: React.ForwardRefExoticComponent<IProps & React.RefAttributes<BackgroundTaskManagerRef>>;
 export default _default;

package/es/BackgroundTaskManager/index.js

@@ -11,7 +11,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { notification } from '@oceanbase/design';
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import { REFRESH_FREQUENCY } from "./constants";
 import { RefreshMan } from "./RefreshMan";
 

package/es/DocDialog/index.js

@@ -11,7 +11,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { debounce } from 'lodash';
-import { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 import Dialog from "../Dialog";
 import LocaleWrapper from "../locale/LocaleWrapper";

package/es/PageContainer/style/index.js

@@ -43,8 +43,8 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
   }), _$concat)), _defineProperty(_$concat2, "".concat(antCls, "-page-header-footer"), {
     marginBlockStart: 0
   }), _$concat2)), _defineProperty(_$concat3, "".concat(componentCls, "-warp-page-header"), {
-    paddingInline: paddingLG,
-    paddingBlock: padding
+    paddingInline: "".concat(paddingLG, "px !important"),
+    paddingBlock: "".concat(padding, "px !important")
   }), _defineProperty(_$concat3, "".concat(componentCls, "-children-container"), {
     paddingInline: paddingLG,
     paddingBlockStart: 0,

package/es/Ranger/QuickPicker.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare type QuickType = 'select' | 'dropdown';
-declare const _default: (props: any) => import("react").JSX.Element;
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/es/Ranger/QuickPicker.js

@@ -14,7 +14,7 @@ import classnames from 'classnames';
 import dayjs from 'dayjs';
 import { noop } from 'lodash';
 import moment from 'moment';
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { getPrefix } from "../_util";
 import { CUSTOMIZE } from "./constant";
 var prefix = getPrefix('ranger-quick-picker');

package/es/Ranger/Ranger.js

@@ -12,7 +12,7 @@ import { DatePicker, Space } from '@oceanbase/design';
 import dayjs from 'dayjs';
 import { isNil, noop, omit } from 'lodash';
 import moment from 'moment';
-import { useEffect, useMemo, useState } from 'react';
+import React, { 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";

package/es/SideTip/IconLoading.d.ts

@@ -1,2 +1,3 @@
-declare const iconLoading: (props: any) => import("react").JSX.Element;
+import React from 'react';
+declare const iconLoading: (props: any) => React.JSX.Element;
 export default iconLoading;

package/es/SideTip/IconLoading.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
 import Icon from '@oceanbase/icons';
 var LoadingSvg = function LoadingSvg() {
   return /*#__PURE__*/React.createElement("svg", {

package/es/index.less

@@ -5,6 +5,7 @@ body {
   height: 100%;
   margin: 0;
   padding: 0;
+  background-color: @colorBgLayout;
 }
 
 #root {

package/lib/Action/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionButton, ActionLink } from './Item';
 declare const _default: {
     Group: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: import("./Group").GroupProps) => import("react").JSX.Element;

package/lib/Action/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/Action/index.tsx
+// src/Action/index.ts
 var Action_exports = {};
 __export(Action_exports, {
   default: () => Action_default

package/lib/BackgroundTaskManager/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import type { GlobalConfigProps, NotificationInstance } from 'antd/es/notification/interface';
+import React from 'react';
 export declare enum NotificationApi {
     success = "success",
     error = "error",
@@ -45,5 +45,5 @@ interface IProps {
     rollingFrequency?: number;
     prefix: Namespace;
 }
-declare const _default: import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<BackgroundTaskManagerRef>>;
+declare const _default: React.ForwardRefExoticComponent<IProps & React.RefAttributes<BackgroundTaskManagerRef>>;
 export default _default;

package/lib/BackgroundTaskManager/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/BackgroundTaskManager/index.tsx
@@ -25,7 +35,7 @@ __export(BackgroundTaskManager_exports, {
 });
 module.exports = __toCommonJS(BackgroundTaskManager_exports);
 var import_design = require("@oceanbase/design");
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_constants = require("./constants");
 var import_RefreshMan = require("./RefreshMan");
 var NotificationApi = /* @__PURE__ */ ((NotificationApi2) => {
@@ -152,7 +162,7 @@ var BackgroundTaskManager_default = (0, import_react.forwardRef)((props, ref) =>
       window.removeEventListener("beforeunload", onUnload);
     };
   }, [queue, preset]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, !!taskQueue.length && /* @__PURE__ */ React.createElement(import_RefreshMan.RefreshMan, { run, rollingFrequency }));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !!taskQueue.length && /* @__PURE__ */ import_react.default.createElement(import_RefreshMan.RefreshMan, { run, rollingFrequency }));
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/Boundary/index.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/Boundary/index.tsx
+// src/Boundary/index.ts
 var Boundary_exports = {};
 __export(Boundary_exports, {
   default: () => Boundary_default

package/lib/DocDialog/index.js

@@ -33,7 +33,7 @@ __export(DocDialog_exports, {
 });
 module.exports = __toCommonJS(DocDialog_exports);
 var import_lodash = require("lodash");
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_react_router_dom = require("react-router-dom");
 var import_Dialog = __toESM(require("../Dialog"));
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
@@ -127,7 +127,7 @@ var DocDialogComp = (props) => {
     setRootWidth,
     setVisible
   ]);
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Dialog.default, { ...DialogProps }, /* @__PURE__ */ React.createElement("iframe", { src: currentLink })));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Dialog.default, { ...DialogProps }, /* @__PURE__ */ import_react.default.createElement("iframe", { src: currentLink })));
 };
 var DocDialog_default = (0, import_LocaleWrapper.default)({
   componentName: "DocDialog",

package/lib/PageContainer/style/index.js

@@ -79,8 +79,8 @@ var genPageContainerStyle = (token) => {
       },
       // 减小内容区左右两侧间距
       [`${componentCls}-warp-page-header`]: {
-        paddingInline: paddingLG,
-        paddingBlock: padding
+        paddingInline: `${paddingLG}px !important`,
+        paddingBlock: `${padding}px !important`
       },
       [`${componentCls}-children-container`]: {
         paddingInline: paddingLG,

package/lib/Ranger/QuickPicker.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare type QuickType = 'select' | 'dropdown';
-declare const _default: (props: any) => import("react").JSX.Element;
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/lib/Ranger/QuickPicker.js

@@ -38,12 +38,12 @@ 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 = require("react");
+var import_react = __toESM(require("react"));
 var import_util = require("../_util");
 var import_constant = require("./constant");
 var prefix = (0, import_util.getPrefix)("ranger-quick-picker");
 var RangeDropdown = ({ selects, onChange, value, customable, locale = {} }) => {
-  const menu = /* @__PURE__ */ React.createElement(
+  const menu = /* @__PURE__ */ import_react.default.createElement(
     import_design.Menu,
     {
       onClick: (e) => {
@@ -51,17 +51,17 @@ var RangeDropdown = ({ selects, onChange, value, customable, locale = {} }) => {
       },
       style: { minWidth: 120 }
     },
-    selects.map((item) => /* @__PURE__ */ React.createElement(import_design.Menu.Item, { key: item.name }, locale[item.name] || item.name)),
-    customable && /* @__PURE__ */ React.createElement(import_design.Menu.Item, { key: import_constant.CUSTOMIZE }, locale.customize)
+    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)
   );
   const match = selects.find((item) => item.name === value);
-  return /* @__PURE__ */ React.createElement(import_design.Dropdown, { overlay: menu }, /* @__PURE__ */ React.createElement(import_design.Space, { style: { cursor: "pointer" }, className: (0, import_classnames.default)(prefix, `${prefix}-dropdown`) }, /* @__PURE__ */ React.createElement(import_icons.ClockCircleOutlined, null), locale[match == null ? void 0 : match.name] || (match == null ? void 0 : match.name), /* @__PURE__ */ React.createElement(import_icons.DownOutlined, null)));
+  return /* @__PURE__ */ import_react.default.createElement(import_design.Dropdown, { overlay: menu }, /* @__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)));
 };
 var RangeSelect = ({ selects, onChange, value, customable, locale = {}, size }) => {
   const handleChange = (nextValue) => {
     onChange(nextValue);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     import_design.Select,
     {
       className: (0, import_classnames.default)(prefix, `${prefix}-select`),
@@ -71,9 +71,9 @@ var RangeSelect = ({ selects, onChange, value, customable, locale = {}, size })
       size
     },
     selects.map((item) => {
-      return /* @__PURE__ */ React.createElement(import_design.Select.Option, { key: item.name, value: item.name }, locale[item.name] || item.name);
+      return /* @__PURE__ */ import_react.default.createElement(import_design.Select.Option, { key: item.name, value: item.name }, locale[item.name] || item.name);
     }),
-    customable && /* @__PURE__ */ React.createElement(import_design.Select.Option, { key: import_constant.CUSTOMIZE, value: import_constant.CUSTOMIZE }, locale.customize)
+    customable && /* @__PURE__ */ import_react.default.createElement(import_design.Select.Option, { key: import_constant.CUSTOMIZE, value: import_constant.CUSTOMIZE }, locale.customize)
   );
 };
 var QuickPicker_default = (props) => {
@@ -102,5 +102,5 @@ var QuickPicker_default = (props) => {
     }
     onNameChange(value);
   };
-  return type === "select" ? /* @__PURE__ */ React.createElement(RangeSelect, { value: innerName, selects, onChange: handleChange, ...rest }) : /* @__PURE__ */ React.createElement(RangeDropdown, { value: innerName, selects, onChange: handleChange, ...rest });
+  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 });
 };

package/lib/Ranger/Ranger.js

@@ -36,7 +36,7 @@ var import_design = require("@oceanbase/design");
 var import_dayjs = __toESM(require("dayjs"));
 var import_lodash = require("lodash");
 var import_moment = __toESM(require("moment"));
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
 var import_util = require("../_util");
 var import_constant = require("./constant");
@@ -118,7 +118,7 @@ var Ranger = (props) => {
   }
   const showRange = mode === "default" || rangeName === import_constant.CUSTOMIZE;
   const showQuickPicker = selects.length !== 0;
-  return /* @__PURE__ */ React.createElement(import_design.Space, { size: 0, className: prefix, style: rest.style }, showQuickPicker && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: 0, className: prefix, style: rest.style }, showQuickPicker && /* @__PURE__ */ import_react.default.createElement(
     import_QuickPicker.default,
     {
       customable: true,
@@ -132,7 +132,7 @@ var Ranger = (props) => {
       size
     }
   ), showRange && // @ts-ignore
-  /* @__PURE__ */ React.createElement(
+  /* @__PURE__ */ import_react.default.createElement(
     import_design.DatePicker.RangePicker,
     {
       disabledDate: pastOnly ? disabledFuture : disabledDate,

package/lib/Ranger/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/Ranger/index.tsx
+// src/Ranger/index.ts
 var Ranger_exports = {};
 __export(Ranger_exports, {
   default: () => Ranger_default

package/lib/SideTip/IconLoading.d.ts

@@ -1,2 +1,3 @@
-declare const iconLoading: (props: any) => import("react").JSX.Element;
+import React from 'react';
+declare const iconLoading: (props: any) => React.JSX.Element;
 export default iconLoading;

package/lib/SideTip/IconLoading.js

@@ -32,8 +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__ */ React.createElement(
+var LoadingSvg = () => /* @__PURE__ */ import_react.default.createElement(
   "svg",
   {
     version: "1.1",
@@ -47,7 +48,7 @@ var LoadingSvg = () => /* @__PURE__ */ React.createElement(
     viewBox: "3 3 34 34",
     preserveAspectRatio: "xMinYMin meet"
   },
-  /* @__PURE__ */ React.createElement(
+  /* @__PURE__ */ import_react.default.createElement(
     "path",
     {
       strokeWidth: "1",
@@ -55,7 +56,7 @@ var LoadingSvg = () => /* @__PURE__ */ React.createElement(
       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__ */ React.createElement(
+    /* @__PURE__ */ import_react.default.createElement(
       "animateTransform",
       {
         attributeName: "transform",
@@ -71,5 +72,5 @@ var LoadingSvg = () => /* @__PURE__ */ React.createElement(
     )
   )
 );
-var iconLoading = (props) => /* @__PURE__ */ React.createElement(import_icons.default, { component: LoadingSvg, ...props });
+var iconLoading = (props) => /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: LoadingSvg, ...props });
 var IconLoading_default = iconLoading;

package/lib/index.less

@@ -5,6 +5,7 @@ body {
   height: 100%;
   margin: 0;
   padding: 0;
+  background-color: @colorBgLayout;
 }
 
 #root {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "OceanBase",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@ant-design/cssinjs": "^1.9.1",
     "@ant-design/pro-components": "^2.4.12",
-    "@oceanbase/design": "^0.2.3",
+    "@oceanbase/design": "^0.2.5",
     "@oceanbase/icons": "^0.2.1",
     "@oceanbase/util": "^0.2.2",
     "ahooks": "^2.10.0",
@@ -67,5 +67,5 @@
     "react-dom": "^16.9.0",
     "react-router-dom": ">=5.2.0"
   },
-  "gitHead": "5a88960beda0d6a5b64ab4454e79c784b1535adb"
+  "gitHead": "fa3eea6c268ba32858604c74c853147006c20e98"
 }