@oceanbase/ui 1.0.0-alpha.6 → 1.0.0-alpha.8

package/lib/TaskGraph/locale/en-US.d.ts

@@ -1,13 +0,0 @@
-declare const _default: {
-    successful: string;
-    running: string;
-    failed: string;
-    pending: string;
-    taskId: string;
-    log: string;
-    parameter: string;
-    stop: string;
-    retry: string;
-    skip: string;
-};
-export default _default;

package/lib/TaskGraph/locale/en-US.js

@@ -1,36 +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/locale/en-US.ts
-var en_US_exports = {};
-__export(en_US_exports, {
-  default: () => en_US_default
-});
-module.exports = __toCommonJS(en_US_exports);
-var en_US_default = {
-  successful: "Successful",
-  running: "Running",
-  failed: "Failed",
-  pending: "Pending",
-  taskId: "Task ID",
-  log: "View Log",
-  parameter: "View parameter",
-  stop: "Stop",
-  retry: "Retry",
-  skip: "Skip"
-};

package/lib/TaskGraph/locale/ja-JP.d.ts

@@ -1,13 +0,0 @@
-declare const _default: {
-    successful: string;
-    running: string;
-    failed: string;
-    pending: string;
-    taskId: string;
-    log: string;
-    parameter: string;
-    stop: string;
-    retry: string;
-    skip: string;
-};
-export default _default;

package/lib/TaskGraph/locale/ja-JP.js

@@ -1,36 +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/locale/ja-JP.ts
-var ja_JP_exports = {};
-__export(ja_JP_exports, {
-  default: () => ja_JP_default
-});
-module.exports = __toCommonJS(ja_JP_exports);
-var ja_JP_default = {
-  successful: "完了",
-  running: "タスク実行中",
-  failed: "タスク失敗",
-  pending: "未開始",
-  taskId: "タスク ID",
-  log: "ログを表示",
-  parameter: "パラメータを表示",
-  stop: "実行を停止",
-  retry: "再実行",
-  skip: "成功に設定"
-};

package/lib/TaskGraph/locale/zh-CN.d.ts

@@ -1,13 +0,0 @@
-declare const _default: {
-    successful: string;
-    running: string;
-    failed: string;
-    pending: string;
-    taskId: string;
-    log: string;
-    parameter: string;
-    stop: string;
-    retry: string;
-    skip: string;
-};
-export default _default;

package/lib/TaskGraph/locale/zh-CN.js

@@ -1,36 +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/locale/zh-CN.ts
-var zh_CN_exports = {};
-__export(zh_CN_exports, {
-  default: () => zh_CN_default
-});
-module.exports = __toCommonJS(zh_CN_exports);
-var zh_CN_default = {
-  successful: "已完成",
-  running: "任务执行中",
-  failed: "任务失败",
-  pending: "未开始执行",
-  taskId: "任务 ID",
-  log: "查看日志",
-  parameter: "查看参数",
-  stop: "终止运行",
-  retry: "重新运行",
-  skip: "设置为成功"
-};

package/lib/TaskGraph/locale/zh-TW.d.ts

@@ -1,13 +0,0 @@
-declare const _default: {
-    successful: string;
-    running: string;
-    failed: string;
-    pending: string;
-    taskId: string;
-    log: string;
-    parameter: string;
-    stop: string;
-    retry: string;
-    skip: string;
-};
-export default _default;

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

@@ -1,36 +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/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 = {
-  successful: "已完成",
-  running: "任務執行中",
-  failed: "任務失敗",
-  pending: "未開始執行",
-  taskId: "任務 ID",
-  log: "查看日誌",
-  parameter: "查看參數",
-  stop: "終止運行",
-  retry: "重新運行",
-  skip: "設定為成功"
-};

package/lib/TaskGraph/register.d.ts

@@ -1,7 +0,0 @@
-export interface StatusItem {
-    label: string;
-    value: string;
-    color: string;
-    operations: string[];
-}
-export default function (statusList: StatusItem[], assetsPath: string): void;

package/lib/TaskGraph/register.js

@@ -1,205 +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/register.ts
-var register_exports = {};
-__export(register_exports, {
-  default: () => register_default
-});
-module.exports = __toCommonJS(register_exports);
-var import_g6 = __toESM(require("@antv/g6"));
-var import_design = require("@oceanbase/design");
-var import_util = require("@oceanbase/util");
-var import_lodash = require("lodash");
-var calcStrLen = (str) => {
-  let len = 0;
-  for (let i = 0; i < str.length; i++) {
-    if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128) {
-      len++;
-    } else {
-      len += 2;
-    }
-  }
-  return len;
-};
-var fittingString = (str, maxWidth, fontSize) => {
-  const fontWidth = fontSize * 1.3;
-  maxWidth *= 2;
-  const width = calcStrLen(str) * fontWidth;
-  const ellipsis = "…";
-  if (width > maxWidth) {
-    const actualLen = Math.floor((maxWidth - 10) / fontWidth);
-    const result = str.substring(0, actualLen) + ellipsis;
-    return result;
-  }
-  return str;
-};
-function register_default(statusList, assetsPath) {
-  import_g6.default.registerNode(
-    "subTaskNode",
-    {
-      drawShape(cfg, group) {
-        const defaultNodeWidth = 200;
-        let nodeWidth = defaultNodeWidth;
-        let offsetX = 0;
-        if (cfg.name) {
-          const ellipsisName = fittingString(cfg.name, 180, 12);
-          const nameShape = group.addShape("text", {
-            attrs: {
-              // 使用裁剪后的 name
-              text: ellipsisName,
-              x: -30,
-              y: -5,
-              fill: import_design.token.colorText,
-              fontSize: 14,
-              fontFamily: "SFProText-Medium"
-            }
-          });
-          const nameBBox = nameShape.getBBox();
-          nodeWidth = nameBBox.width + 100;
-          if (nodeWidth > 280) {
-            nodeWidth = 280;
-          } else if (nodeWidth < 200) {
-            nodeWidth = 200;
-          }
-          offsetX = -(nodeWidth - defaultNodeWidth) / 2;
-          nameShape.translate(offsetX, 0);
-        }
-        const rect = group.addShape("rect", {
-          name: "rect",
-          attrs: {
-            x: -nodeWidth / 2,
-            y: -34,
-            width: nodeWidth,
-            height: 62,
-            radius: 30,
-            fill: "#fff",
-            lineWidth: 3,
-            shadowColor: "#e1e3e6",
-            shadowBlur: 10,
-            shadowOffsetX: 0,
-            shadowOffsetY: 10
-          }
-        });
-        group.addShape("image", {
-          name: "statusImage",
-          attrs: {
-            x: -89 + offsetX,
-            y: -23,
-            width: 42,
-            height: 42,
-            // 任务状态图标的命名需要与状态名保持一致
-            img: `${assetsPath}/task_${(0, import_lodash.toLower)(cfg.status)}.svg`
-          }
-        });
-        group.addShape("text", {
-          name: "statusName",
-          attrs: {
-            text: (0, import_util.findByValue)(statusList, cfg.status).label,
-            x: -30 + offsetX,
-            y: 15,
-            fill: import_design.token.colorTextTertiary,
-            fontSize: 12,
-            fontFamily: "PingFangSC-Regular"
-          }
-        });
-        const moreGroup = group.addGroup({
-          name: "moreGroup"
-        });
-        moreGroup.addShape("image", {
-          attrs: {
-            // 右边距为 34
-            x: nodeWidth / 2 - 34 - 16,
-            y: 8,
-            width: 16,
-            height: 2.5,
-            cursor: "pointer",
-            img: `${assetsPath}/icon_ellipsis.svg`
-          }
-        });
-        moreGroup.addShape("rect", {
-          attrs: {
-            x: nodeWidth / 2 - 34 - 16,
-            y: 0,
-            width: 16,
-            height: 16,
-            cursor: "pointer",
-            fill: "transparent"
-          }
-        });
-        rect.toBack();
-        return rect;
-      },
-      update(cfg, node) {
-        const group = node.get("group");
-        const statusImage = group.findAllByName("statusImage") && group.findAllByName("statusImage")[0];
-        const statusName = group.findAllByName("statusName") && group.findAllByName("statusName")[0];
-        if (statusImage) {
-          statusImage.attr("img", `${assetsPath}/task_${(0, import_lodash.toLower)(cfg.status)}.svg`);
-        }
-        if (statusName) {
-          statusName.attr("text", (0, import_util.findByValue)(statusList, cfg.status).label);
-        }
-      }
-    },
-    "single-node"
-  );
-  import_g6.default.registerEdge(
-    "subTaskEdge",
-    {
-      curvePosition: [9 / 10, 1 / 10],
-      getShapeStyle(cfg) {
-        const targetNodeModel = cfg.targetNode && cfg.targetNode.get("model") || {};
-        const { status } = targetNodeModel;
-        const { startPoint, endPoint } = cfg;
-        const controlPoints = this.getControlPoints(cfg);
-        let points = [startPoint];
-        if (controlPoints) {
-          points = points.concat(controlPoints);
-        }
-        points.push(endPoint);
-        const path = this.getPath(points, cfg);
-        const statusColor = (0, import_util.findByValue)(statusList, status).color;
-        const style = {
-          ...import_g6.default.Global.defaultEdge.style,
-          path,
-          // 自定义结束箭头，箭头的边长为 10，夹角为 60 度
-          endArrow: {
-            path: `M${10 * Math.cos(Math.PI / 6)},${10 * Math.sin(Math.PI / 6)} L0,0 L${10 * Math.cos(Math.PI / 6)},-${10 * Math.sin(Math.PI / 6)}`,
-            fill: statusColor
-          },
-          lineWidth: 2,
-          stroke: statusColor,
-          ...cfg.style
-        };
-        return style;
-      }
-    },
-    "cubic-vertical"
-  );
-}

package/lib/TaskGraph/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 TaskGraphToken = OBToken;
-export declare const genTaskGraphStyle: GenerateStyle<TaskGraphToken>;
-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/style/index.js

@@ -1,143 +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/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genTaskGraphStyle: () => genTaskGraphStyle
-});
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genTaskGraphStyle = (token) => {
-  const {
-    componentCls,
-    proComponentsCls,
-    antCls,
-    colorText,
-    colorTextSecondary,
-    fontWeightStrong
-  } = token;
-  return {
-    "#container": {
-      position: "relative",
-      paddingBottom: "0 !important",
-      [`${antCls}-page-header`]: {
-        paddingTop: 12,
-        paddingBottom: 12
-      },
-      [`${proComponentsCls}-page-container-header-inner`]: {
-        backgroundColor: "#fafbff",
-        [`${antCls}-page-header-heading ${antCls}-page-header-heading-title`]: {
-          fontSize: 16
-        }
-      },
-      [`${componentCls}-split-pane`]: {
-        top: "auto !important",
-        height: "calc(100% - 36px) !important",
-        minHeight: "calc(100% - 36px) !important",
-        margin: -24,
-        [`${componentCls}-tabs-wrapper`]: {
-          width: "100%"
-        },
-        [`${antCls}-tabs`]: {
-          height: "100%",
-          [`${antCls}-tabs-nav-container`]: {
-            height: 32,
-            paddingTop: 4
-          },
-          [`${antCls}-tabs-bar`]: {
-            marginBottom: 0,
-            backgroundColor: "#fff",
-            borderBottom: "none"
-          },
-          [`${antCls}-tabs-tab`]: {
-            minWidth: 120,
-            height: 28,
-            margin: 0,
-            padding: 0,
-            fontSize: 12,
-            lineHeight: 28,
-            backgroundColor: "#fff",
-            border: "none",
-            borderBottom: "1px solid #e8e8e8",
-            borderRadius: 0,
-            transition: "none",
-            "&:hover": {
-              color: colorTextSecondary
-            },
-            div: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "space-between",
-              height: 20,
-              marginTop: 4,
-              padding: "0 8px",
-              borderLeft: "1px solid #e8e8e8"
-            }
-          },
-          [`${antCls}-tabs-tab:last-child`]: {
-            div: {
-              borderLeft: "none"
-            }
-          },
-          [`${antCls}-tabs-tab-active`]: {
-            color: colorText,
-            fontWeight: fontWeightStrong,
-            backgroundColor: "#f7f8fc",
-            borderBottom: "none",
-            borderLeft: "none",
-            borderRadius: 2,
-            div: {
-              borderLeft: "none"
-            },
-            [`& + ${antCls}-tabs-tab`]: {
-              div: {
-                borderLeft: "none"
-              }
-            }
-          },
-          [`${antCls}-tabs-extra-content`]: {
-            marginRight: 16,
-            lineHeight: 32
-          },
-          [`${antCls}-tabs-content`]: {
-            height: "calc(100% - 64px)",
-            padding: 16,
-            overflow: "scroll",
-            color: colorTextSecondary,
-            lineHeight: 22,
-            whiteSpace: "pre-wrap",
-            wordBreak: "break-all",
-            backgroundColor: "#f7f8fc"
-          }
-        }
-      }
-    }
-  };
-};
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("TaskGraph", (token) => {
-    return [genTaskGraphStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genTaskGraphStyle
-});