@oceanbase/ui 0.2.4 → 0.2.6

package/es/Action/index.d.ts

@@ -1,3 +1,4 @@
+/// <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/Boundary/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const _default: {
     Code: any;

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

@@ -21,6 +21,7 @@ import zhCN from "./locale/zh-CN";
 import QuickPicker from "./QuickPicker";
 var prefix = getPrefix('ranger');
 var Ranger = function Ranger(props) {
+  var _selects$;
   var _props$selects = props.selects,
     selects = _props$selects === void 0 ? [NEAR_1_MINUTES, NEAR_30_MINUTES, NEAR_1_HOURS] : _props$selects,
     value = props.value,
@@ -46,7 +47,7 @@ var Ranger = function Ranger(props) {
     _useState2 = _slicedToArray(_useState, 2),
     innerValue = _useState2[0],
     setInnerValue = _useState2[1];
-  var _useState3 = useState(value || defaultValue ? CUSTOMIZE : defaultQuickValue !== null && defaultQuickValue !== void 0 ? defaultQuickValue : selects[0].name),
+  var _useState3 = useState(value || defaultValue ? CUSTOMIZE : defaultQuickValue !== null && defaultQuickValue !== void 0 ? defaultQuickValue : selects === null || selects === void 0 ? void 0 : (_selects$ = selects[0]) === null || _selects$ === void 0 ? void 0 : _selects$.name),
     _useState4 = _slicedToArray(_useState3, 2),
     rangeName = _useState4[0],
     setRangeName = _useState4[1];

package/es/TaskGraph/index.js

@@ -68,9 +68,11 @@ var TaskGraph = function TaskGraph(_ref) {
       // 关闭当前打开的 tab 页
       if (newPanes.length > 0 && activeKey === targetKey) {
         if (lastIndex >= 0) {
-          setActiveKey("".concat(newPanes[lastIndex].id));
+          var _newPanes$lastIndex;
+          setActiveKey("".concat(newPanes === null || newPanes === void 0 ? void 0 : (_newPanes$lastIndex = newPanes[lastIndex]) === null || _newPanes$lastIndex === void 0 ? void 0 : _newPanes$lastIndex.id));
         } else {
-          setActiveKey("".concat(newPanes[0].id));
+          var _newPanes$;
+          setActiveKey("".concat(newPanes === null || newPanes === void 0 ? void 0 : (_newPanes$ = newPanes[0]) === null || _newPanes$ === void 0 ? void 0 : _newPanes$.id));
         }
       }
       setPanes(newPanes);

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,3 +1,4 @@
+/// <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/Boundary/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const _default: {
     Code: any;

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

@@ -45,6 +45,7 @@ var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_QuickPicker = __toESM(require("./QuickPicker"));
 var prefix = (0, import_util.getPrefix)("ranger");
 var Ranger = (props) => {
+  var _a;
   const {
     selects = [import_constant.NEAR_1_MINUTES, import_constant.NEAR_30_MINUTES, import_constant.NEAR_1_HOURS],
     value,
@@ -64,11 +65,11 @@ var Ranger = (props) => {
   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)(
-    value || defaultValue ? import_constant.CUSTOMIZE : defaultQuickValue ?? selects[0].name
+    value || defaultValue ? import_constant.CUSTOMIZE : defaultQuickValue ?? ((_a = selects == null ? void 0 : selects[0]) == null ? void 0 : _a.name)
   );
   const defaultInternalValue = (0, import_react.useMemo)(() => {
-    var _a;
-    return (_a = selects.find((item) => item.name === rangeName)) == null ? void 0 : _a.range(isMoment ? (0, import_moment.default)() : (0, import_dayjs.default)());
+    var _a2;
+    return (_a2 = selects.find((item) => item.name === rangeName)) == null ? void 0 : _a2.range(isMoment ? (0, import_moment.default)() : (0, import_dayjs.default)());
   }, [defaultValue]);
   const compare = (m1, m2) => {
     if (Array.isArray(m1) && !Array.isArray(m2))

package/lib/TaskGraph/index.js

@@ -58,6 +58,7 @@ var TaskGraph = ({
   const [panes, setPanes] = (0, import_react.useState)([]);
   const [collapsed, setCollapsed] = (0, import_react.useState)(true);
   function handleEditLogWindow(targetKey, action) {
+    var _a, _b;
     if (action === "remove") {
       let lastIndex = -1;
       panes.forEach((item, i) => {
@@ -68,9 +69,9 @@ var TaskGraph = ({
       const newPanes = panes.filter((item) => `${item.id}` !== targetKey);
       if (newPanes.length > 0 && activeKey === targetKey) {
         if (lastIndex >= 0) {
-          setActiveKey(`${newPanes[lastIndex].id}`);
+          setActiveKey(`${(_a = newPanes == null ? void 0 : newPanes[lastIndex]) == null ? void 0 : _a.id}`);
         } else {
-          setActiveKey(`${newPanes[0].id}`);
+          setActiveKey(`${(_b = newPanes == null ? void 0 : newPanes[0]) == null ? void 0 : _b.id}`);
         }
       }
       setPanes(newPanes);

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.4",
+  "version": "0.2.6",
   "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.4",
+    "@oceanbase/design": "^0.2.6",
     "@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": "1d271a0b8bfe3d9412495d63fa581a1eb9231ed9"
+  "gitHead": "ad719a3964434132196e732bb61004498ad829ee"
 }