@oceanbase/ui 1.0.0-alpha.5 → 1.0.0-alpha.7

package/lib/GraphToolbar/locale/zh-TW.js

@@ -1,32 +0,0 @@
-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/GraphToolbar/locale/zh-TW.ts
-var zh_TW_exports = {};
-__export(zh_TW_exports, {
-  default: () => zh_TW_default
-});
-module.exports = __toCommonJS(zh_TW_exports);
-var zh_TW_default = {
-  fullscreen: "進入全屏",
-  shrink: "縮小",
-  enlarge: "放大",
-  reset: "顯示原始比例",
-  fitView: "自我調整畫布",
-  refresh: "刷新"
-};

package/lib/GraphToolbar/style/index.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { GenerateStyle } from '@oceanbase/design/es/theme';
-import type { OBToken } from '../../_util/genComponentStyleHook';
-export type GraphToolbarToken = OBToken;
-export declare const genGraphToolbarStyle: GenerateStyle<GraphToolbarToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
-    hashId: string;
-};
-export default _default;

package/lib/GraphToolbar/style/index.js

@@ -1,91 +0,0 @@
-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/GraphToolbar/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genGraphToolbarStyle: () => genGraphToolbarStyle
-});
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genGraphToolbarStyle = (token) => {
-  const { componentCls, iconCls, colorTextQuaternary, colorTextSecondary, borderRadius, boxShadowSecondary } = token;
-  return {
-    [`${componentCls}`]: {
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      [`${componentCls}-pointable`]: {
-        cursor: "pointer"
-      },
-      [`${componentCls}-disabled`]: {
-        color: colorTextQuaternary,
-        cursor: "not-allowed",
-        pointerEvents: "none"
-      },
-      "span, img": {
-        userSelect: "none"
-      },
-      "> span:not(:last-child)": {
-        marginRight: 16
-      },
-      "img:not(:last-child)": {
-        marginRight: 16
-      },
-      [`${componentCls}-divider`]: {
-        margin: 0
-      },
-      [`${componentCls}-zoom-wrapper`]: {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        width: 90,
-        height: 24,
-        padding: "0 8px",
-        color: colorTextSecondary,
-        fontSize: 12,
-        backgroundColor: "#f5f6fa",
-        borderRadius,
-        [`${iconCls}`]: {
-          fontSize: 12
-        }
-      }
-    },
-    [`${componentCls}-fixed`]: {
-      position: "absolute",
-      top: 24,
-      right: 24,
-      height: 40,
-      padding: "8px 24px",
-      background: "#fff",
-      borderRadius: 20,
-      boxShadow: boxShadowSecondary
-    }
-  };
-};
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("GraphToolbar", (token) => {
-    return [genGraphToolbarStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genGraphToolbarStyle
-});

package/lib/TaskGraph/Graph/style/index.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { GenerateStyle } from '@oceanbase/design/es/theme';
-import type { OBToken } from '../../../_util/genComponentStyleHook';
-export type TaskGraphItemToken = OBToken;
-export declare const genTaskGraphItemStyle: GenerateStyle<TaskGraphItemToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
-    hashId: string;
-};
-export default _default;

package/lib/TaskGraph/Graph/style/index.js

@@ -1,56 +0,0 @@
-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/TaskGraph/Graph/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genTaskGraphItemStyle: () => genTaskGraphItemStyle
-});
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../../_util/genComponentStyleHook");
-var genTaskGraphItemStyle = (token) => {
-  const { componentCls, antCls, colorTextTertiary } = token;
-  return {
-    [`${componentCls}-menu`]: {
-      position: "fixed",
-      [`${componentCls}-task-id-wrapper`]: {
-        padding: "5px 12px",
-        [`${antCls}-typography`]: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          color: colorTextTertiary,
-          [`${antCls}-typography-copy`]: {
-            color: colorTextTertiary
-          }
-        }
-      }
-    }
-  };
-};
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("TaskGraphItem", (token) => {
-    return [genTaskGraphItemStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genTaskGraphItemStyle
-});

package/lib/TaskGraph/Graph.d.ts

@@ -1,23 +0,0 @@
-import type { GraphData } from '@antv/g6/lib/types';
-import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
-export interface TaskGraphLocale {
-    successful: string;
-    running: string;
-    failed: string;
-    pending: string;
-    taskId: string;
-    log: string;
-    parameter: string;
-    stop: string;
-    retry: string;
-    skip: string;
-}
-export interface TaskGraphProps extends LocaleWrapperProps {
-    data: GraphData;
-    onMenuClick: (key: string, subTask: any, onSuccess: () => void) => void;
-    onLogAdd: (subTask: any) => void;
-    assetsPath?: string;
-    locale?: TaskGraphLocale;
-}
-declare const _default: any;
-export default _default;

package/lib/TaskGraph/Graph.js

@@ -1,275 +0,0 @@
-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)
-    __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 __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/TaskGraph/Graph.tsx
-var Graph_exports = {};
-__export(Graph_exports, {
-  default: () => Graph_default
-});
-module.exports = __toCommonJS(Graph_exports);
-var import_util = require("@oceanbase/util");
-var import_design = require("@oceanbase/design");
-var import_lodash = require("lodash");
-var import_react = __toESM(require("react"));
-var import_design2 = require("@oceanbase/design");
-var import_GraphToolbar = __toESM(require("../GraphToolbar"));
-var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
-var import_style = __toESM(require("./Graph/style"));
-var import_zh_CN = __toESM(require("./locale/zh-CN"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var { Text } = import_design.Typography;
-var GraphWrapper = ({
-  prefixCls,
-  children
-}) => {
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }));
-};
-var TaskGraph = class extends import_react.default.PureComponent {
-  constructor(props) {
-    super(props);
-    this.main = null;
-    this.menu = null;
-    this.drawGraph = () => {
-      const { data } = this.props;
-      if (this.graph && this.graph.changeData) {
-        this.graph.changeData(data);
-      } else {
-        const splitPane = document.getElementsByClassName("SplitPane") && document.getElementsByClassName("SplitPane")[0];
-        const width = this.main && this.main.scrollWidth || 1200;
-        const height = (this.main && this.main.scrollHeight || splitPane.scrollHeight || 500) - 65;
-        import("@antv/g6").then((G6) => {
-          const graph = new G6.Graph({
-            container: "container",
-            width,
-            height,
-            minZoom: 0.2,
-            maxZoom: 2,
-            layout: {
-              type: "dagre",
-              nodesep: 90,
-              ranksep: 40,
-              controlPoints: false
-            },
-            defaultNode: {
-              type: "subTaskNode",
-              anchorPoints: [
-                [0.5, 0],
-                [0.5, 1]
-              ]
-            },
-            defaultEdge: {
-              type: "subTaskEdge"
-            },
-            nodeStateStyles: {
-              hover: {
-                lineWidth: 2,
-                stroke: import_design2.token.colorPrimary,
-                fill: "#e6f7ff"
-              }
-            },
-            modes: {
-              default: ["drag-canvas", "zoom-canvas", "click-select"]
-            }
-          });
-          const canvas = graph.get("canvas");
-          canvas.set("localRefresh", false);
-          graph.data(data);
-          graph.render();
-          graph.fitView();
-          canvas.on("moreGroup:click", (e) => {
-            const subTaskNode = e.currentTarget && e.currentTarget.getParent();
-            const model = subTaskNode && subTaskNode.get("item") && subTaskNode.get("item").getModel();
-            this.setState(
-              {
-                currentSubTask: model
-              },
-              () => {
-                if (!this.menu) {
-                  this.menu = document.getElementById("menu");
-                }
-                this.menu.style.left = `${e.x}px`;
-                this.menu.style.top = `${e.y - height - 5}px`;
-              }
-            );
-          });
-          graph.on("node:mouseleave", () => {
-            if (!this.menu) {
-              this.menu = document.getElementById("menu");
-            }
-            this.menu.style.left = "-1500px";
-          });
-          this.graph = graph;
-          this.forceUpdate();
-        });
-      }
-    };
-    this.handleMenuClick = ({ key }) => {
-      const { onMenuClick } = this.props;
-      const { currentSubTask } = this.state;
-      const onSuccess = () => {
-        this.setState({
-          currentSubTask: null
-        });
-      };
-      if (key === "log") {
-        this.log();
-      }
-      if (onMenuClick) {
-        onMenuClick(key, currentSubTask, onSuccess);
-      }
-      if (this.menu) {
-        this.menu.style.left = "-1500px";
-      }
-    };
-    this.log = () => {
-      const { onLogAdd } = this.props;
-      const { currentSubTask } = this.state;
-      if (onLogAdd) {
-        onLogAdd(currentSubTask);
-      }
-    };
-    const { locale } = props;
-    this.state = {
-      currentSubTask: null,
-      statusList: [
-        {
-          label: locale.successful,
-          value: "SUCCESSFUL",
-          color: "#9adc78",
-          operations: ["taskId", "log", "parameter"]
-        },
-        {
-          label: locale.running,
-          value: "RUNNING",
-          color: "#80c3fc",
-          operations: ["taskId", "log", "parameter", "stop"]
-        },
-        {
-          label: locale.failed,
-          value: "FAILED",
-          color: "#fca4a2",
-          operations: ["taskId", "log", "parameter", "retry", "skip"]
-        },
-        {
-          label: locale.pending,
-          value: "PENDING",
-          color: "#cccccc",
-          operations: ["taskId", "parameter"]
-        }
-      ]
-    };
-  }
-  componentDidMount() {
-    const { assetsPath = "/assets" } = this.props;
-    const { statusList } = this.state;
-    import("./register").then((register) => {
-      register.default(statusList, assetsPath);
-      this.menu = document.getElementById("menu");
-      this.drawGraph();
-    });
-  }
-  componentDidUpdate(prevProps) {
-    const { data } = this.props;
-    if (!(0, import_lodash.isEqual)(data, prevProps.data)) {
-      this.drawGraph();
-    }
-  }
-  render() {
-    const { locale } = this.props;
-    const { statusList, currentSubTask } = this.state;
-    const { getPrefixCls } = this.context || {};
-    const prefixCls = getPrefixCls == null ? void 0 : getPrefixCls("task-graph-item");
-    const operations = (0, import_util.findByValue)(statusList, currentSubTask && currentSubTask.status).operations || [];
-    const menus = [
-      {
-        label: locale.taskId,
-        value: "taskId"
-      },
-      {
-        label: locale.log,
-        value: "log"
-      },
-      {
-        label: locale.parameter,
-        value: "parameter"
-      },
-      {
-        label: locale.stop,
-        value: "stop"
-      },
-      {
-        label: locale.retry,
-        value: "retry"
-      },
-      {
-        label: locale.skip,
-        value: "skip"
-      }
-    ];
-    const filterMenus = menus.filter((item) => operations.includes(item.value));
-    const menu = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu, { id: "menu", onClick: this.handleMenuClick, style: { left: -1500 }, children: filterMenus.map(
-      (item) => item.value === "taskId" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className: `${prefixCls}-task-id-wrapper`,
-          style: filterMenus.length > 1 ? { borderBottom: "1px solid #e8e8e8" } : {},
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { copyable: true, children: `ID: ${currentSubTask && currentSubTask.id}` })
-        },
-        "task-id"
-      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu.Item, { children: item.label }, item.value)
-    ) });
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GraphWrapper, { prefixCls, children: [
-      this.graph && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GraphToolbar.default, { mode: "fixed", graph: this.graph }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          id: "container",
-          ref: (node) => {
-            this.main = node;
-          }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_design.Dropdown,
-        {
-          visible: true,
-          open: true,
-          overlay: menu,
-          overlayClassName: `${prefixCls}-menu`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {})
-        }
-      )
-    ] });
-  }
-};
-TaskGraph.contextType = import_design.ConfigProvider.ConfigContext;
-var Graph_default = (0, import_LocaleWrapper.default)({
-  componentName: "TaskGraph",
-  defaultLocale: import_zh_CN.default
-})(TaskGraph);

package/lib/TaskGraph/index.d.ts

@@ -1,15 +0,0 @@
-import type { GraphData } from '@antv/g6/lib/types';
-import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
-import type { TaskGraphLocale } from './Graph';
-export interface TaskGraphProps extends LocaleWrapperProps {
-    data: GraphData;
-    logLoading?: boolean;
-    subTaskLog: string;
-    onMenuClick: (key: string, subTask: any, onSuccess: () => void) => void;
-    onTabsChange?: (targetKey: string) => void;
-    onTabsEdit?: (targetKey: string, action: 'add' | 'remove') => void;
-    assetsPath?: string;
-    locale?: TaskGraphLocale;
-}
-declare const _default: any;
-export default _default;

package/lib/TaskGraph/index.js

@@ -1,171 +0,0 @@
-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)
-    __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 __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/TaskGraph/index.tsx
-var TaskGraph_exports = {};
-__export(TaskGraph_exports, {
-  default: () => TaskGraph_default
-});
-module.exports = __toCommonJS(TaskGraph_exports);
-var import_icons = require("@oceanbase/icons");
-var import_design = require("@oceanbase/design");
-var import_lodash = require("lodash");
-var import_react = require("react");
-var import_react_split_pane = __toESM(require("react-split-pane"));
-var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
-var import_style = __toESM(require("./style"));
-var import_Graph = __toESM(require("./Graph"));
-var import_zh_CN = __toESM(require("./locale/zh-CN"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var { TabPane } = import_design.Tabs;
-var MIN_SIZE = 56;
-var DEFAULT_SIZE = 240;
-var TaskGraph = ({
-  logLoading = false,
-  subTaskLog,
-  onTabsChange = import_lodash.noop,
-  onTabsEdit = import_lodash.noop,
-  ...restProps
-}) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("task-graph");
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const [size, setSize] = (0, import_react.useState)(DEFAULT_SIZE);
-  const [activeKey, setActiveKey] = (0, import_react.useState)(void 0);
-  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) => {
-        if (`${item.id}` === targetKey) {
-          lastIndex = i - 1;
-        }
-      });
-      const newPanes = panes.filter((item) => `${item.id}` !== targetKey);
-      if (newPanes.length > 0 && activeKey === targetKey) {
-        if (lastIndex >= 0) {
-          setActiveKey(`${(_a = newPanes == null ? void 0 : newPanes[lastIndex]) == null ? void 0 : _a.id}`);
-        } else {
-          setActiveKey(`${(_b = newPanes == null ? void 0 : newPanes[0]) == null ? void 0 : _b.id}`);
-        }
-      }
-      setPanes(newPanes);
-      if (newPanes.length === 0) {
-        setActiveKey("");
-        setCollapsed(true);
-      }
-    }
-    if (onTabsEdit) {
-      onTabsEdit(targetKey, action);
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_react_split_pane.default,
-    {
-      split: "horizontal",
-      primary: "second",
-      minSize: collapsed ? MIN_SIZE : 160,
-      maxSize: 480,
-      size: collapsed ? MIN_SIZE : size,
-      onChange: (value) => {
-        setSize(value);
-        if (value === MIN_SIZE) {
-          setCollapsed(true);
-        } else if (value > MIN_SIZE && collapsed) {
-          setCollapsed(false);
-        }
-      },
-      className: `${prefixCls}-split-pane`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "absolute", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_Graph.default,
-          {
-            onLogAdd: (subTask) => {
-              const isExisted = (0, import_lodash.find)(panes, (item) => item.id === subTask.id);
-              if (!isExisted) {
-                setPanes([...panes, subTask]);
-              }
-              setCollapsed(false);
-              if (size === MIN_SIZE) {
-                setSize(DEFAULT_SIZE);
-              }
-              setActiveKey(subTask && `${subTask.id}`);
-            },
-            ...restProps
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-tabs-wrapper`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_design.Tabs,
-          {
-            type: "editable-card",
-            hideAdd: true,
-            activeKey,
-            onChange: (key) => {
-              setActiveKey(key);
-              if (onTabsChange) {
-                onTabsChange(key);
-              }
-            },
-            onEdit: handleEditLogWindow,
-            tabBarExtraContent: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_icons.UpOutlined,
-              {
-                onClick: () => {
-                  setCollapsed(!collapsed);
-                  if (size === MIN_SIZE) {
-                    setSize(DEFAULT_SIZE);
-                  }
-                }
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_icons.DownOutlined,
-              {
-                onClick: () => {
-                  setCollapsed(!collapsed);
-                  if (size === MIN_SIZE) {
-                    setSize(DEFAULT_SIZE);
-                  }
-                }
-              }
-            ),
-            children: panes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TabPane, { tab: `${item.name} (ID: ${item.id})`, children: [
-              logLoading && item.status !== "RUNNING" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Spin, {}) : subTaskLog,
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Spin, { spinning: item.status === "RUNNING" })
-            ] }, `${item.id}`))
-          }
-        ) })
-      ]
-    }
-  );
-};
-var TaskGraph_default = (0, import_LocaleWrapper.default)({
-  componentName: "TaskGraph",
-  defaultLocale: import_zh_CN.default
-})(TaskGraph);