@oceanbase/design 0.1.2 → 0.2.1

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_util = require("@oceanbase/util");
-var import_lodash = require("lodash");
-var import_g6 = __toESM(require("@antv/g6"));
-var import_StaticFunction = require("../StaticFunction");
-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_StaticFunction.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_StaticFunction.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/TreeSearch/index.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import type { DataNode } from 'antd/es/tree';
-export interface Node {
-    originTitle?: string;
-    value?: string;
-    title?: string;
-    icon?: React.ReactNode;
-    children?: Node[];
-}
-export interface TreeNode extends Node {
-    originTitle: string;
-    key: string;
-    children?: TreeNode[];
-}
-export interface TreeSearchRef {
-    reset: () => void;
-    checkAll: () => void;
-    invertSelect: () => void;
-}
-interface IProps {
-    treeData: Node[];
-    titleRender?: (nodeData: DataNode) => React.ReactNode;
-    checkable?: boolean;
-    onChange?: (nodes: Node[]) => void;
-    width?: number | string;
-    height?: number;
-    /**
-     * 是否默认展开所有节点
-     */
-    defaultExpandAll?: boolean;
-    /** onChange 时只关注叶子节点的变化 */
-    followLeaf?: boolean;
-    /** 异步请求节点数据的回调函数 */
-    loadData?: (data: unknown) => Promise<void>;
-    searchStyle?: {};
-}
-declare const _default: React.ForwardRefExoticComponent<IProps & React.RefAttributes<TreeSearchRef>>;
-export default _default;

package/lib/TreeSearch/index.js

@@ -1,135 +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/TreeSearch/index.tsx
-var TreeSearch_exports = {};
-__export(TreeSearch_exports, {
-  default: () => TreeSearch_default
-});
-module.exports = __toCommonJS(TreeSearch_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_icons = require("@ant-design/icons");
-var import_util = require("./util");
-var TreeSearch_default = (0, import_react.forwardRef)(
-  ({
-    treeData = [],
-    width,
-    checkable = true,
-    titleRender,
-    onChange,
-    followLeaf = true,
-    height,
-    defaultExpandAll,
-    loadData,
-    searchStyle = {}
-  }, ref) => {
-    const memoTreeData = (0, import_react.useMemo)(() => (0, import_util.nodes2treeNodes)(treeData), [treeData]);
-    const [searchData, setSearchData] = (0, import_react.useState)(memoTreeData);
-    const treeWrapperDOM = (0, import_react.useRef)(null);
-    const [innerHeight, setInnerHeight] = (0, import_react.useState)(height);
-    const [checkedKeys, setCheckedKeys] = (0, import_react.useState)([]);
-    const [searchStr, setSearchStr] = (0, import_react.useState)("");
-    const [form] = import_antd.Form.useForm();
-    (0, import_react.useEffect)(() => {
-      var _a;
-      if (height === void 0 && (treeWrapperDOM == null ? void 0 : treeWrapperDOM.current)) {
-        const containerheight = (_a = treeWrapperDOM == null ? void 0 : treeWrapperDOM.current) == null ? void 0 : _a.clientHeight;
-        setInnerHeight(containerheight);
-      }
-    }, []);
-    (0, import_react.useEffect)(() => {
-      if (!searchData || searchData.length === 0) {
-        setSearchData(memoTreeData);
-      }
-      onSearch({ searchKey: searchStr });
-    }, [memoTreeData]);
-    const reset = () => {
-      form.resetFields();
-      setCheckedKeys([]);
-    };
-    const checkAll = () => {
-      const allOptions = (0, import_util.getAllOptions)(memoTreeData);
-      setCheckedKeys(allOptions.map((node) => node.key));
-      onChange(allOptions);
-    };
-    const invertSelect = () => {
-      const allOptions = (0, import_util.getAllOptions)(memoTreeData);
-      const notCheckedOptions = allOptions.filter((item) => !checkedKeys.includes(item.key));
-      setCheckedKeys(notCheckedOptions.map((item) => item.key));
-      onChange(allOptions.filter((node) => !checkedKeys.includes(node.key)));
-    };
-    (0, import_react.useImperativeHandle)(ref, () => ({
-      reset,
-      checkAll,
-      invertSelect
-    }));
-    const onSearch = ({ searchKey }) => {
-      setSearchStr(searchKey);
-      const next = (0, import_util.deepFilter)(memoTreeData, (node) => {
-        const titleIsStr = typeof node.title === "string";
-        return (titleIsStr ? node.title : node.value).includes(searchKey);
-      });
-      setSearchData(next);
-    };
-    const onCheck = (keys) => {
-      let treeNodes = keys.map((key) => (0, import_util.findFromTree)(key, memoTreeData));
-      if (followLeaf) {
-        treeNodes = treeNodes.filter((node) => !(node == null ? void 0 : node.children));
-      }
-      setCheckedKeys(treeNodes.map((node) => node.key));
-      onChange(treeNodes.map(import_util.treeNode2node));
-    };
-    const treeHeight = innerHeight ? innerHeight - (32 + 12 * 2 + 1) : 0;
-    const defaultSearchStyle = { padding: "0 12px" };
-    return /* @__PURE__ */ import_react.default.createElement("div", { ref: treeWrapperDOM, style: { width, height: height ?? "100%" } }, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Form,
-      {
-        form,
-        onValuesChange: onSearch,
-        style: Object.assign(defaultSearchStyle, searchStyle)
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { noStyle: true, name: "searchKey" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { "data-testid": "search", prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, null) }))
-    ), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "12px 0" } }), searchData.length !== 0 ? /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Tree,
-      {
-        height: treeHeight,
-        showIcon: true,
-        checkable,
-        blockNode: true,
-        selectable: false,
-        checkedKeys,
-        onCheck,
-        titleRender,
-        defaultExpandAll,
-        treeData: form.getFieldValue("searchKey") ? searchData : memoTreeData,
-        loadData
-      }
-    ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, { image: import_antd.Empty.PRESENTED_IMAGE_SIMPLE }));
-  }
-);

package/lib/TreeSearch/util.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import type { Node, TreeNode } from '.';
-/** 根据 key 判断节点是否为叶子节点 */
-export declare const isLeaf: (node: TreeNode) => boolean;
-/** 将传入格式的 node 处理为组件内需要的内容 */
-export declare const nodes2treeNodes: (nodes?: Node[], parentKey?: string) => TreeNode[];
-export declare const treeNode2node: (treeNode: TreeNode) => Node;
-export declare const deepFilter: (treeNodes: TreeNode[], cb: (treeNode: TreeNode) => boolean) => {
-    originTitle: string;
-    key: string;
-    children?: TreeNode[];
-    value?: string;
-    title?: string;
-    icon?: import("react").ReactNode;
-}[];
-/** 根据 node key 取得 node 节点 */
-export declare const findFromTree: (key: string, treeNodes: TreeNode[]) => TreeNode;
-/** 获取所有的选项
- *  如果有子项，则获取子项，否则取本级
- */
-export declare const getAllOptions: (treeNodes: TreeNode[]) => any;

package/lib/TreeSearch/util.js

@@ -1,110 +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/TreeSearch/util.ts
-var util_exports = {};
-__export(util_exports, {
-  deepFilter: () => deepFilter,
-  findFromTree: () => findFromTree,
-  getAllOptions: () => getAllOptions,
-  isLeaf: () => isLeaf,
-  nodes2treeNodes: () => nodes2treeNodes,
-  treeNode2node: () => treeNode2node
-});
-module.exports = __toCommonJS(util_exports);
-var import_lodash = require("lodash");
-var generateKey = (values) => {
-  return `${values.join("$$")}`;
-};
-var splitKey = (value) => {
-  const [...values] = value.split("$$");
-  return { values };
-};
-var isLeaf = (node) => {
-  return !(node == null ? void 0 : node.children);
-};
-var nodes2treeNodes = (nodes, parentKey) => {
-  if (!nodes)
-    return void 0;
-  return nodes.map((node) => {
-    let values = [];
-    if (parentKey) {
-      values = [...splitKey(parentKey).values];
-    }
-    const key = generateKey([...values, node.value ?? node.originTitle ?? node.title]);
-    const next = {
-      ...node,
-      key,
-      // 补齐 originTitle
-      originTitle: node.originTitle ?? node.title,
-      children: nodes2treeNodes(node.children, key)
-    };
-    return next;
-  });
-};
-var treeNode2node = (treeNode) => (0, import_lodash.omit)(treeNode, "key");
-var deepFilter = (treeNodes, cb) => {
-  const filtered = treeNodes.map((treeNode) => {
-    var _a;
-    const next = { ...treeNode };
-    if (cb(treeNode)) {
-      return next;
-    }
-    if ((_a = treeNode.children) == null ? void 0 : _a.length) {
-      next.children = deepFilter(treeNode.children, cb);
-    }
-    return next;
-  });
-  return filtered.filter((treeNode) => {
-    var _a;
-    return ((_a = treeNode == null ? void 0 : treeNode.children) == null ? void 0 : _a.length) || cb(treeNode);
-  });
-};
-var findFromTree = (key, treeNodes) => {
-  var _a;
-  const { values } = splitKey(key);
-  let node;
-  let i = 0;
-  for (; i < values.length; i += 1) {
-    const value = values[i];
-    if (!node) {
-      node = treeNodes.find((e) => e.value === value);
-    } else {
-      node = (_a = node.children) == null ? void 0 : _a.find((e) => e.value === value);
-    }
-  }
-  return node;
-};
-var getAllOptions = (treeNodes) => {
-  const allOptions = treeNodes.map(
-    (node) => {
-      var _a;
-      return ((_a = node == null ? void 0 : node.children) == null ? void 0 : _a.length) > 0 ? getAllOptions(node == null ? void 0 : node.children) : node;
-    }
-  );
-  return allOptions.flat();
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  deepFilter,
-  findFromTree,
-  getAllOptions,
-  isLeaf,
-  nodes2treeNodes,
-  treeNode2node
-});

package/lib/Welcome/index.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import type { ButtonProps } from 'antd/es/button';
-import './index.less';
-export interface IntroduceItem {
-    image: string;
-    title: string;
-    description: string;
-}
-export interface StepItem {
-    title: string;
-    description: string;
-}
-export interface HelpItem {
-    title: string;
-    link: string;
-    isMore?: boolean;
-}
-export interface WelcomeLocale {
-    helpTitle: string;
-    defaultOperation: string;
-}
-export declare type StepType = 'default' | 'card';
-export interface WelcomeProps {
-    title: string;
-    description: string;
-    bgImage: string;
-    introduces: IntroduceItem[];
-    steps: StepItem[];
-    stepType?: StepType;
-    buttonText: string;
-    buttonProps?: ButtonProps;
-    helps: HelpItem[];
-    locale?: WelcomeLocale;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const _default: React.ForwardRefExoticComponent<WelcomeProps & React.RefAttributes<React.ComponentType<WelcomeProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<WelcomeProps>, {}>;
-export default _default;