@oceanbase/ui 0.2.19 → 0.2.21

package/es/SideTip/IconLoading.js

@@ -1,8 +1,14 @@
-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 _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 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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import Icon from '@oceanbase/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
 var LoadingSvg = function LoadingSvg() {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     version: "1.1",
     id: "dc-spinner",
     xmlns: "http://www.w3.org/2000/svg",
@@ -12,26 +18,28 @@ var LoadingSvg = function LoadingSvg() {
     height: "1em",
     stroke: "currentColor",
     viewBox: "3 3 34 34",
-    preserveAspectRatio: "xMinYMin meet"
-  }, /*#__PURE__*/React.createElement("path", {
-    strokeWidth: "1",
-    strokeMiterlimit: "10",
-    d: "M5.203,20 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("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"
-  })));
+    preserveAspectRatio: "xMinYMin meet",
+    children: /*#__PURE__*/_jsx("path", {
+      strokeWidth: "1",
+      strokeMiterlimit: "10",
+      d: "M5.203,20 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__*/_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 = function iconLoading(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
+  return /*#__PURE__*/_jsx(Icon, _objectSpread({
     component: LoadingSvg
   }, props));
 };

package/es/SideTip/index.js

@@ -1,5 +1,6 @@
 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; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -20,6 +21,9 @@ import IconLoading from "./IconLoading";
 import zhCN from "./locale/zh-CN";
 // @ts-ignore
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var STORE_SIDETIP_HIDE = 'ob-sidetip-hide';
 var getLocalStorageKey = function getLocalStorageKey(id) {
   return ["".concat(STORE_SIDETIP_HIDE), id].join('-');
@@ -110,14 +114,15 @@ var SideTip = function SideTip(props) {
   // icon
   var iconClassName = classnames("".concat(buttonPrefix, "-icon"), (open || visible) && "".concat(buttonPrefix, "-icon-open"), disabled && "".concat(buttonPrefix, "-icon-disabled"), typeCls && "".concat(buttonPrefix, "-icon-").concat(typeCls), sizeCls && "".concat(buttonPrefix, "-icon-").concat(sizeCls));
   // 接受三种形式的icon
-  var iconDom = /*#__PURE__*/React.createElement("span", {
-    className: iconClassName
-  }, /*#__PURE__*/React.isValidElement(icon) ? icon : /*#__PURE__*/React.createElement("img", {
-    src: icon,
-    alt: "icon",
-    width: "100%",
-    height: "100%"
-  }));
+  var iconDom = /*#__PURE__*/_jsx("span", {
+    className: iconClassName,
+    children: /*#__PURE__*/React.isValidElement(icon) ? icon : /*#__PURE__*/_jsx("img", {
+      src: icon,
+      alt: "icon",
+      width: "100%",
+      height: "100%"
+    })
+  });
 
   // close 按钮
   var closeClassName = classnames("".concat(buttonPrefix, "-close"), (_classnames = {}, _defineProperty(_classnames, "".concat(buttonPrefix, "-close-show"), open || visible), _defineProperty(_classnames, "".concat(buttonPrefix, "-close-").concat(typeCls), typeCls), _defineProperty(_classnames, "".concat(buttonPrefix, "-close-").concat(sizeCls), sizeCls), _classnames));
@@ -125,31 +130,37 @@ var SideTip = function SideTip(props) {
   var loadingClassName = classnames("".concat(buttonPrefix, "-loading"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(buttonPrefix, "-loading-").concat(typeCls), typeCls), _defineProperty(_classnames3, "".concat(buttonPrefix, "-loading-").concat(sizeCls), sizeCls), _classnames3));
 
   // 内部 Icon
-  var InnerButton = /*#__PURE__*/React.createElement("div", {
+  var InnerButton = /*#__PURE__*/_jsxs("div", {
     className: buttonClassName,
     ref: buttonRef,
-    style: buttonStyle
-  }, loading && /*#__PURE__*/React.createElement(IconLoading, {
-    className: loadingClassName
-  }), /*#__PURE__*/React.createElement(React.Fragment, null, iconDom, /*#__PURE__*/React.createElement(CloseOutlined, {
-    className: closeClassName
-  })));
+    style: buttonStyle,
+    children: [loading && /*#__PURE__*/_jsx(IconLoading, {
+      className: loadingClassName
+    }), /*#__PURE__*/_jsxs(_Fragment, {
+      children: [iconDom, /*#__PURE__*/_jsx(CloseOutlined, {
+        className: closeClassName
+      })]
+    })]
+  });
 
   // 徽标
-  var BadgeButton = badge ? /*#__PURE__*/React.createElement(Badge, _extends({
+  var BadgeButton = badge ? /*#__PURE__*/_jsx(Badge, _objectSpread(_objectSpread({
     offset: [-6, 6]
-  }, badge), InnerButton) : InnerButton;
+  }, badge), {}, {
+    children: InnerButton
+  })) : InnerButton;
   var hideIconClassName = classnames("".concat(prefix, "-hide"), _defineProperty({}, "".concat(prefix, "-hide-hovered"), hovered));
 
   // 隐藏按钮
-  var hideIcon = /*#__PURE__*/React.createElement("div", {
+  var hideIcon = /*#__PURE__*/_jsx("div", {
     id: "ui-mini-hide",
     onClick: hideSideTip,
-    className: hideIconClassName
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-hide-icon")
-  }));
-  return /*#__PURE__*/React.createElement(Dragger, {
+    className: hideIconClassName,
+    children: /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefix, "-hide-icon")
+    })
+  });
+  return /*#__PURE__*/_jsxs(Dragger, {
     id: id,
     open: open || visible,
     hide: hide,
@@ -164,12 +175,14 @@ var SideTip = function SideTip(props) {
     onDragEnd: onDragEnd,
     onDrag: onDrag,
     getPopupContainer: getPopupContainer,
-    className: className
-  }, tooltip && tooltip.title ? /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltip, {
-    getPopupContainer: function getPopupContainer() {
-      return buttonRef.current;
-    }
-  }), BadgeButton) : BadgeButton, hideable && hideIcon, children);
+    className: className,
+    children: [tooltip && tooltip.title ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltip), {}, {
+      getPopupContainer: function getPopupContainer() {
+        return buttonRef.current;
+      },
+      children: BadgeButton
+    })) : BadgeButton, hideable && hideIcon, children]
+  });
 };
 export default LocaleWrapper({
   componentName: 'SideTip',

package/es/SideTip/index.less

@@ -71,7 +71,10 @@
     border-radius: 50%;
     box-shadow: @boxShadowSecondary;
     cursor: pointer;
-    transition: background-color 0.2s ease 0.1s, opacity 0.2s ease 0s, transform 0.2s ease 0.1s;
+    transition:
+      background-color 0.2s ease 0.1s,
+      opacity 0.2s ease 0s,
+      transform 0.2s ease 0.1s;
     user-select: none;
 
     &.@{prefix}-button-primary {

package/es/TagSelect/Group.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export type TagSelectValueType = string | number;
+export type TagSelectValueType = string | number | readonly string[];
 export interface TagSelectOptionType {
     label: React.ReactNode;
     value: TagSelectValueType;

package/es/TagSelect/Group.js

@@ -17,6 +17,8 @@ import React, { useMemo, useState, useEffect } from 'react';
 import TagSelectContext from "./TagSelectContext";
 import Item from "./Item";
 import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function toArray(value) {
   var res = value;
   if (value === undefined) {
@@ -100,22 +102,25 @@ var Group = function Group(_ref) {
     });
   }, [options]);
   var childrenNode = options.length ? memoOptions.map(function (option) {
-    return /*#__PURE__*/React.createElement(Item, {
-      key: option.value.toString(),
+    return /*#__PURE__*/_jsx(Item, {
       disabled: 'disabled' in option ? option.disabled : restProps.disabled,
       value: option.value,
       onChange: option.onChange,
       style: option.style,
-      checked: value === null || value === void 0 ? void 0 : value.includes(option.value)
-    }, option.label);
+      checked: value === null || value === void 0 ? void 0 : value.includes(option.value),
+      children: option.label
+    }, option.value.toString());
   }) : children;
   var groupCls = classNames("".concat(prefix, "-container"), hashId, className);
-  return wrapSSR( /*#__PURE__*/React.createElement(TagSelectContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement("div", {
-    className: groupCls
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-title")
-  }, title), childrenNode)));
+  return wrapSSR( /*#__PURE__*/_jsx(TagSelectContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: groupCls,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "".concat(prefix, "-title"),
+        children: title
+      }), childrenNode]
+    })
+  }));
 };
 export default Group;

package/es/TagSelect/Item.d.ts

@@ -3,7 +3,7 @@ import type { TagSelectValueType } from './Group';
 export interface TagSelectItemProps {
     children?: React.ReactNode;
     cover?: React.ReactNode;
-    value?: string | number;
+    value?: TagSelectValueType;
     defaultChecked?: boolean;
     checked?: boolean;
     title?: string;

package/es/TagSelect/Item.js

@@ -1,5 +1,6 @@
 var _excluded = ["children", "handleChange", "onChange", "cover"];
-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; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -19,6 +20,8 @@ import React, { useEffect, useState } from 'react';
 import useStyle from "./style";
 import { getPrefix } from "../_util";
 import TagSelectContext from "./TagSelectContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Item = function Item(_ref) {
   var _classNames;
   var children = _ref.children,
@@ -55,30 +58,34 @@ var Item = function Item(_ref) {
     }
   }, [tagSelectGroup.value, restProps.value]);
   var renderCover = function renderCover() {
-    return coverType === 'string' ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-cover")
-    }, /*#__PURE__*/React.createElement("img", {
-      src: cover,
-      alt: "tagselect"
-    })) : cover;
+    return coverType === 'string' ? /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-cover"),
+      children: /*#__PURE__*/_jsx("img", {
+        src: cover,
+        alt: "tagselect"
+      })
+    }) : cover;
   };
-  return wrapSSR( /*#__PURE__*/React.createElement("label", {
+  return wrapSSR( /*#__PURE__*/_jsxs("label", {
     className: wrapperClassName,
-    style: restProps.style
-  }, /*#__PURE__*/React.createElement(RcCheckBox, _extends({}, restProps, {
-    checked: checked,
-    prefixCls: prefixCls,
-    onChange: function onChange(e) {
-      if (!('checked' in restProps) && !Object.keys(tagSelectGroup).length) {
-        setChecked(e.target.checked);
+    style: restProps.style,
+    children: [/*#__PURE__*/_jsx(RcCheckBox, _objectSpread(_objectSpread({}, restProps), {}, {
+      checked: checked,
+      prefixCls: prefixCls,
+      onChange: function onChange(e) {
+        if (!('checked' in restProps) && !Object.keys(tagSelectGroup).length) {
+          setChecked(e.target.checked);
+        }
+        if (_onChange) {
+          _onChange(e);
+        }
+        if (tagSelectGroup.handleValueChange) {
+          tagSelectGroup.handleValueChange(e.target.value);
+        }
       }
-      if (_onChange) {
-        _onChange(e);
-      }
-      if (tagSelectGroup.handleValueChange) {
-        tagSelectGroup.handleValueChange(e.target.value);
-      }
-    }
-  })), cover ? renderCover() : /*#__PURE__*/React.createElement("span", null, children)));
+    })), cover ? renderCover() : /*#__PURE__*/_jsx("span", {
+      children: children
+    })]
+  }));
 };
 export default Item;

package/es/TagSelect/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/lib/theme/internal';
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
 export type TagSelectToken = FullToken<any>;
 export declare const genTagSelectStyle: GenerateStyle<TagSelectToken>;
 declare const _default: (prefixCls: string) => {

package/es/TaskGraph/Graph.js

@@ -24,6 +24,8 @@ import { getPrefix } from "../_util";
 import zhCN from "./locale/zh-CN";
 import register from "./register";
 import "./graph.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Text = Typography.Text;
 var prefix = getPrefix('task-graph-item');
 var TaskGraph = /*#__PURE__*/function (_React$PureComponent) {
@@ -214,42 +216,48 @@ var TaskGraph = /*#__PURE__*/function (_React$PureComponent) {
       var filterMenus = menus.filter(function (item) {
         return operations.includes(item.value);
       });
-      var menu = /*#__PURE__*/React.createElement(Menu, {
+      var menu = /*#__PURE__*/_jsx(Menu, {
         id: "menu",
         onClick: this.handleMenuClick,
         style: {
           left: -1500
-        }
-      }, filterMenus.map(function (item) {
-        return item.value === 'taskId' ? /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefix, "-task-id-wrapper")
-          // 下拉菜单数 > 1 时才有下边框
+        },
+        children: filterMenus.map(function (item) {
+          return item.value === 'taskId' ? /*#__PURE__*/_jsx("div", {
+            className: "".concat(prefix, "-task-id-wrapper")
+            // 下拉菜单数 > 1 时才有下边框
+            ,
+            style: filterMenus.length > 1 ? {
+              borderBottom: '1px solid #e8e8e8'
+            } : {},
+            children: /*#__PURE__*/_jsx(Text, {
+              copyable: true,
+              children: "ID: ".concat(currentSubTask && currentSubTask.id)
+            })
+          }) : /*#__PURE__*/_jsx(Menu.Item, {
+            children: item.label
+          }, item.value);
+        })
+      });
+      return /*#__PURE__*/_jsxs("div", {
+        children: [this.graph && /*#__PURE__*/_jsx(GraphToolbar, {
+          mode: "fixed",
+          graph: this.graph
+        }), /*#__PURE__*/_jsx("div", {
+          id: "container",
+          ref: function ref(node) {
+            _this2.main = node;
+          }
+        }), /*#__PURE__*/_jsx(Dropdown, {
+          visible: true
+          // Support for antd 5.0
           ,
-          style: filterMenus.length > 1 ? {
-            borderBottom: '1px solid #e8e8e8'
-          } : {}
-        }, /*#__PURE__*/React.createElement(Text, {
-          copyable: true
-        }, "ID: ".concat(currentSubTask && currentSubTask.id))) : /*#__PURE__*/React.createElement(Menu.Item, {
-          key: item.value
-        }, item.label);
-      }));
-      return /*#__PURE__*/React.createElement("div", null, this.graph && /*#__PURE__*/React.createElement(GraphToolbar, {
-        mode: "fixed",
-        graph: this.graph
-      }), /*#__PURE__*/React.createElement("div", {
-        id: "container",
-        ref: function ref(node) {
-          _this2.main = node;
-        }
-      }), /*#__PURE__*/React.createElement(Dropdown, {
-        visible: true
-        // Support for antd 5.0
-        ,
-        open: true,
-        overlay: menu,
-        overlayClassName: "".concat(prefix, "-menu")
-      }, /*#__PURE__*/React.createElement("span", null)));
+          open: true,
+          overlay: menu,
+          overlayClassName: "".concat(prefix, "-menu"),
+          children: /*#__PURE__*/_jsx("span", {})
+        })]
+      });
     }
   }]);
   return TaskGraph;

package/es/TaskGraph/index.js

@@ -1,5 +1,10 @@
+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); }
 var _excluded = ["logLoading", "subTaskLog", "onTabsChange", "onTabsEdit"];
-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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -23,6 +28,8 @@ import { getPrefix } from "../_util";
 import Graph from "./Graph";
 import "./index.less";
 import zhCN from "./locale/zh-CN";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var TabPane = Tabs.TabPane;
 var MIN_SIZE = 56;
 var DEFAULT_SIZE = 240;
@@ -86,7 +93,7 @@ var TaskGraph = function TaskGraph(_ref) {
       onTabsEdit(targetKey, action);
     }
   }
-  return /*#__PURE__*/React.createElement(SplitPane, {
+  return /*#__PURE__*/_jsxs(SplitPane, {
     split: "horizontal",
     primary: "second"
     // 折叠状态最小高度为 MIN_SIZE，否则为 160
@@ -104,62 +111,66 @@ var TaskGraph = function TaskGraph(_ref) {
         setCollapsed(false);
       }
     },
-    className: "".concat(prefix, "-split-pane")
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'absolute',
-      width: '100%'
-    }
-  }, /*#__PURE__*/React.createElement(Graph, _extends({
-    onLogAdd: function onLogAdd(subTask) {
-      var isExisted = find(panes, function (item) {
-        return item.id === subTask.id;
-      });
-      if (!isExisted) {
-        setPanes([].concat(_toConsumableArray(panes), [subTask]));
-      }
-      setCollapsed(false);
-      if (size === MIN_SIZE) {
-        setSize(DEFAULT_SIZE);
-      }
-      setActiveKey(subTask && "".concat(subTask.id));
-    }
-  }, restProps))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-tabs-wrapper")
-  }, /*#__PURE__*/React.createElement(Tabs, {
-    type: "editable-card",
-    hideAdd: true,
-    activeKey: activeKey,
-    onChange: function onChange(key) {
-      setActiveKey(key);
-      if (onTabsChange) {
-        onTabsChange(key);
-      }
-    },
-    onEdit: handleEditLogWindow,
-    tabBarExtraContent: collapsed ? /*#__PURE__*/React.createElement(UpOutlined, {
-      onClick: function onClick() {
-        setCollapsed(!collapsed);
-        if (size === MIN_SIZE) {
-          setSize(DEFAULT_SIZE);
+    className: "".concat(prefix, "-split-pane"),
+    children: [/*#__PURE__*/_jsx("div", {
+      style: {
+        position: 'absolute',
+        width: '100%'
+      },
+      children: /*#__PURE__*/_jsx(Graph, _objectSpread({
+        onLogAdd: function onLogAdd(subTask) {
+          var isExisted = find(panes, function (item) {
+            return item.id === subTask.id;
+          });
+          if (!isExisted) {
+            setPanes([].concat(_toConsumableArray(panes), [subTask]));
+          }
+          setCollapsed(false);
+          if (size === MIN_SIZE) {
+            setSize(DEFAULT_SIZE);
+          }
+          setActiveKey(subTask && "".concat(subTask.id));
         }
-      }
-    }) : /*#__PURE__*/React.createElement(DownOutlined, {
-      onClick: function onClick() {
-        setCollapsed(!collapsed);
-        if (size === MIN_SIZE) {
-          setSize(DEFAULT_SIZE);
-        }
-      }
-    })
-  }, panes.map(function (item) {
-    return /*#__PURE__*/React.createElement(TabPane, {
-      key: "".concat(item.id),
-      tab: "".concat(item.name, " (ID: ").concat(item.id, ")")
-    }, logLoading && item.status !== 'RUNNING' ? /*#__PURE__*/React.createElement(Spin, null) : subTaskLog, /*#__PURE__*/React.createElement(Spin, {
-      spinning: item.status === 'RUNNING'
-    }));
-  }))));
+      }, restProps))
+    }), /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefix, "-tabs-wrapper"),
+      children: /*#__PURE__*/_jsx(Tabs, {
+        type: "editable-card",
+        hideAdd: true,
+        activeKey: activeKey,
+        onChange: function onChange(key) {
+          setActiveKey(key);
+          if (onTabsChange) {
+            onTabsChange(key);
+          }
+        },
+        onEdit: handleEditLogWindow,
+        tabBarExtraContent: collapsed ? /*#__PURE__*/_jsx(UpOutlined, {
+          onClick: function onClick() {
+            setCollapsed(!collapsed);
+            if (size === MIN_SIZE) {
+              setSize(DEFAULT_SIZE);
+            }
+          }
+        }) : /*#__PURE__*/_jsx(DownOutlined, {
+          onClick: function onClick() {
+            setCollapsed(!collapsed);
+            if (size === MIN_SIZE) {
+              setSize(DEFAULT_SIZE);
+            }
+          }
+        }),
+        children: panes.map(function (item) {
+          return /*#__PURE__*/_jsxs(TabPane, {
+            tab: "".concat(item.name, " (ID: ").concat(item.id, ")"),
+            children: [logLoading && item.status !== 'RUNNING' ? /*#__PURE__*/_jsx(Spin, {}) : subTaskLog, /*#__PURE__*/_jsx(Spin, {
+              spinning: item.status === 'RUNNING'
+            })]
+          }, "".concat(item.id));
+        })
+      })
+    })]
+  });
 };
 export default LocaleWrapper({
   componentName: 'TaskGraph',