@oceanbase/ui 0.2.18 → 0.2.20

package/es/Action/Group.d.ts

@@ -10,5 +10,5 @@ export interface GroupProps {
     /** 更多操作的自定义展示 */
     moreText?: string | React.ReactElement;
 }
-declare const _default: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: GroupProps) => React.JSX.Element;
+declare const _default: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default _default;

package/es/Action/Group.js

@@ -1,5 +1,4 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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; }
@@ -9,6 +8,8 @@ import { Button, Dropdown, Menu, Space, Tooltip, Typography } from '@oceanbase/d
 import { EllipsisOutlined, LoadingOutlined } from '@oceanbase/icons';
 import { isBoolean, max, omit } from 'lodash';
 import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var getOrder = function getOrder(_ref) {
   var type = _ref.type,
     fixed = _ref.fixed;
@@ -66,47 +67,55 @@ export default (function (_ref2) {
   };
   var moreDom;
   if (ellipsisType === 'default') {
-    moreDom = /*#__PURE__*/React.createElement(Button, {
-      type: ellipsisType
-    }, moreText !== null && moreText !== void 0 ? moreText : /*#__PURE__*/React.createElement(EllipsisOutlined, {
-      style: {
-        cursor: 'pointer'
-      }
-    }));
+    moreDom = /*#__PURE__*/_jsx(Button, {
+      type: ellipsisType,
+      children: moreText !== null && moreText !== void 0 ? moreText : /*#__PURE__*/_jsx(EllipsisOutlined, {
+        style: {
+          cursor: 'pointer'
+        }
+      })
+    });
   } else {
-    moreDom = /*#__PURE__*/React.createElement(Typography.Link, null, moreText !== null && moreText !== void 0 ? moreText : /*#__PURE__*/React.createElement(EllipsisOutlined, {
-      style: {
-        cursor: 'pointer'
-      }
-    }));
-  }
-  return /*#__PURE__*/React.createElement(Space, {
-    size: 8
-  }, mainActions.map(function (action) {
-    return /*#__PURE__*/React.cloneElement(action, _objectSpread(_objectSpread({}, action.props), {}, {
-      enableLoading: enableLoading,
-      disabled: isBoolean(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
-    }));
-  }), ellipsisActions.length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
-    placement: dropDownPlacement,
-    overlay: /*#__PURE__*/React.createElement(Menu, null, ellipsisActions.map(function (action, index) {
-      var _ref3;
-      var actionKey = action.key;
-      var disabled = false;
-      if (isBoolean(action.props.disabled)) disabled = action.props.disabled;else if (shouldDisabled) disabled = shouldDisabled(action.key);
-      // 当用户传入loading 或者 传入 disabled 的情况都要禁用按钮
-      var actionDisabled = action.props.loading || (isBoolean(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key));
-      return /*#__PURE__*/React.createElement(Menu.Item, _extends({
-        key: (_ref3 = actionKey) !== null && _ref3 !== void 0 ? _ref3 : index.toString(),
-        onClick: action.props.onClick,
+    moreDom = /*#__PURE__*/_jsx(Typography.Link, {
+      children: moreText !== null && moreText !== void 0 ? moreText : /*#__PURE__*/_jsx(EllipsisOutlined, {
         style: {
-          minWidth: 120
+          cursor: 'pointer'
         }
-      }, omit(action.props, 'disabled'), {
-        disabled: actionDisabled
-      }), /*#__PURE__*/React.createElement(Tooltip, {
-        title: action.props.tooltip
-      }, action.props.loading && /*#__PURE__*/React.createElement(LoadingOutlined, null), " ", action.props.children));
-    }))
-  }, moreDom));
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(Space, {
+    size: 8,
+    children: [mainActions.map(function (action) {
+      return /*#__PURE__*/React.cloneElement(action, _objectSpread(_objectSpread({}, action.props), {}, {
+        enableLoading: enableLoading,
+        disabled: isBoolean(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
+      }));
+    }), ellipsisActions.length > 0 && /*#__PURE__*/_jsx(Dropdown, {
+      placement: dropDownPlacement,
+      overlay: /*#__PURE__*/_jsx(Menu, {
+        children: ellipsisActions.map(function (action, index) {
+          var _ref3;
+          var actionKey = action.key;
+          var disabled = false;
+          if (isBoolean(action.props.disabled)) disabled = action.props.disabled;else if (shouldDisabled) disabled = shouldDisabled(action.key);
+          // 当用户传入loading 或者 传入 disabled 的情况都要禁用按钮
+          var actionDisabled = action.props.loading || (isBoolean(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key));
+          return /*#__PURE__*/_jsx(Menu.Item, _objectSpread(_objectSpread({
+            onClick: action.props.onClick,
+            style: {
+              minWidth: 120
+            }
+          }, omit(action.props, 'disabled')), {}, {
+            disabled: actionDisabled,
+            children: /*#__PURE__*/_jsxs(Tooltip, {
+              title: action.props.tooltip,
+              children: [action.props.loading && /*#__PURE__*/_jsx(LoadingOutlined, {}), " ", action.props.children]
+            })
+          }), (_ref3 = actionKey) !== null && _ref3 !== void 0 ? _ref3 : index.toString());
+        })
+      }),
+      children: moreDom
+    })]
+  });
 });

package/es/Action/Item.d.ts

@@ -19,7 +19,7 @@ export declare class ActionButton extends React.PureComponent<BaseProps> {
     state: {
         loading: boolean;
     };
-    render(): React.JSX.Element;
+    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 }
 export declare class ActionLink extends React.PureComponent<BaseProps> {
     static __DISPLAY_NAME: string;
@@ -27,5 +27,5 @@ export declare class ActionLink extends React.PureComponent<BaseProps> {
         loading: boolean;
         disabled: boolean;
     };
-    render(): React.JSX.Element;
+    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 }

package/es/Action/Item.js

@@ -15,6 +15,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { LoadingOutlined } from '@oceanbase/icons';
 import { Button, Tooltip, Typography } from '@oceanbase/design';
 import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ActionButton = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ActionButton, _React$PureComponent);
   var _super = _createSuper(ActionButton);
@@ -45,29 +47,31 @@ export var ActionButton = /*#__PURE__*/function (_React$PureComponent) {
         tooltip = _this$props.tooltip,
         loading = _this$props.loading,
         danger = _this$props.danger;
-      return /*#__PURE__*/React.createElement(Tooltip, {
+      return /*#__PURE__*/_jsx(Tooltip, {
         placement: "top",
-        title: tooltip
-      }, /*#__PURE__*/React.createElement(Button, {
-        className: className,
-        loading: enableLoading && (loading || this.state.loading),
-        type: type,
-        danger: danger,
-        disabled: disabled,
-        onClick: function onClick(_) {
-          var handle = _onClick === null || _onClick === void 0 ? void 0 : _onClick();
-          if (enableLoading && handle !== null && handle !== void 0 && handle.then) {
-            _this2.setState({
-              loading: true
-            });
-            handle.then(function () {
+        title: tooltip,
+        children: /*#__PURE__*/_jsx(Button, {
+          className: className,
+          loading: enableLoading && (loading || this.state.loading),
+          type: type,
+          danger: danger,
+          disabled: disabled,
+          onClick: function onClick(_) {
+            var handle = _onClick === null || _onClick === void 0 ? void 0 : _onClick();
+            if (enableLoading && handle !== null && handle !== void 0 && handle.then) {
               _this2.setState({
-                loading: false
+                loading: true
               });
-            });
-          }
-        }
-      }, children));
+              handle.then(function () {
+                _this2.setState({
+                  loading: false
+                });
+              });
+            }
+          },
+          children: children
+        })
+      });
     }
   }]);
   return ActionButton;
@@ -102,7 +106,7 @@ export var ActionLink = /*#__PURE__*/function (_React$PureComponent2) {
         enableLoading = _this$props2$enableLo === void 0 ? true : _this$props2$enableLo,
         tooltip = _this$props2.tooltip,
         loading = _this$props2.loading;
-      return /*#__PURE__*/React.createElement(Typography.Link, {
+      return /*#__PURE__*/_jsx(Typography.Link, {
         className: className,
         style: {
           padding: 0
@@ -122,11 +126,13 @@ export var ActionLink = /*#__PURE__*/function (_React$PureComponent2) {
               });
             });
           }
-        }
-      }, /*#__PURE__*/React.createElement(Tooltip, {
-        placement: "top",
-        title: tooltip
-      }, loading || this.state.disabled ? /*#__PURE__*/React.createElement(LoadingOutlined, null) : '', " ", children));
+        },
+        children: /*#__PURE__*/_jsxs(Tooltip, {
+          placement: "top",
+          title: tooltip,
+          children: [loading || this.state.disabled ? /*#__PURE__*/_jsx(LoadingOutlined, {}) : '', " ", children]
+        })
+      });
     }
   }]);
   return ActionLink;

package/es/Action/index.d.ts

@@ -1,7 +1,6 @@
-/// <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;
+    Group: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: import("./Group").GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     Button: typeof ActionButton;
     Link: typeof ActionLink;
 };

package/es/BackgroundTaskManager/RefreshMan.js

@@ -8,6 +8,8 @@ import { useInterval, useTimeout } from 'ahooks';
 import { Spin } from '@oceanbase/design';
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';
 import { REFRESH_FREQUENCY } from "./constants";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var RefreshMan = /*#__PURE__*/forwardRef(function (props, ref) {
   var run = props.run,
     _props$timeout = props.timeout,
@@ -60,7 +62,10 @@ export var RefreshMan = /*#__PURE__*/forwardRef(function (props, ref) {
       stopLoop();
     };
   }, [startLoop, stopLoop, timeout]);
-  return /*#__PURE__*/React.createElement(Spin, {
-    spinning: spinning && refreshManLoading
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, children));
+  return /*#__PURE__*/_jsx(Spin, {
+    spinning: spinning && refreshManLoading,
+    children: /*#__PURE__*/_jsx(_Fragment, {
+      children: children
+    })
+  });
 });

package/es/BackgroundTaskManager/index.js

@@ -16,6 +16,8 @@ import { REFRESH_FREQUENCY } from "./constants";
 import { RefreshMan } from "./RefreshMan";
 
 // antd Notification组件支持的api种类
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export var NotificationApi = /*#__PURE__*/function (NotificationApi) {
   NotificationApi["success"] = "success";
   NotificationApi["error"] = "error";
@@ -148,8 +150,10 @@ export default /*#__PURE__*/forwardRef(function (props, ref) {
       window.removeEventListener('beforeunload', onUnload);
     };
   }, [queue, preset]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!taskQueue.length && /*#__PURE__*/React.createElement(RefreshMan, {
-    run: run,
-    rollingFrequency: rollingFrequency
-  }));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: !!taskQueue.length && /*#__PURE__*/_jsx(RefreshMan, {
+      run: run,
+      rollingFrequency: rollingFrequency
+    })
+  });
 });