@oceanbase/design 0.1.0

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -0,0 +1,27 @@
+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/FullscreenBox/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 = {};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -0,0 +1,27 @@
+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/FullscreenBox/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 = {};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -0,0 +1,27 @@
+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/FullscreenBox/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 = {};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/GraphToolbar/index.d.ts

@@ -0,0 +1,26 @@
+import type { Graph } from '@antv/g6';
+import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
+import './index.less';
+export declare function getCenterPointByGraph(graph: any): {
+    x: number;
+    y: number;
+};
+export interface GraphToolbarLocale {
+    fullscreen: string;
+    shrink: string;
+    enlarge: string;
+    reset: string;
+    fitView: string;
+    refresh: string;
+}
+export interface GraphToolbarProps extends LocaleWrapperProps {
+    mode?: 'fixed' | 'embed';
+    graph?: Graph;
+    showFullscreen?: boolean;
+    onFullscreen?: () => void;
+    onReload?: () => void;
+    locale?: GraphToolbarLocale;
+    className?: string;
+}
+declare const _default: any;
+export default _default;

package/lib/GraphToolbar/index.js

@@ -0,0 +1,154 @@
+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/GraphToolbar/index.tsx
+var GraphToolbar_exports = {};
+__export(GraphToolbar_exports, {
+  default: () => GraphToolbar_default,
+  getCenterPointByGraph: () => getCenterPointByGraph
+});
+module.exports = __toCommonJS(GraphToolbar_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_lodash = require("lodash");
+var import_util = require("@oceanbase/util");
+var import_icons = require("@ant-design/icons");
+var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
+var import_zh_CN = __toESM(require("./locale/zh-CN"));
+var import_util2 = require("../_util");
+var import_graph_fit_view_icon = __toESM(require("../assets/graph_fit_view_icon.svg"));
+var import_graph_reset_icon = __toESM(require("../assets/graph_reset_icon.svg"));
+var import_index = require("./index.less");
+function getCenterPointByGraph(graph) {
+  const group = graph == null ? void 0 : graph.get("group");
+  if (group) {
+    const { minX, minY, maxX, maxY } = group.getCanvasBBox();
+    return {
+      x: (minX + maxX) / 2,
+      y: (minY + maxY) / 2
+    };
+  }
+  return void 0;
+}
+var prefix = (0, import_util2.getPrefix)("graph-toolbar");
+var GraphToolbar = ({
+  mode = "fixed",
+  graph,
+  showFullscreen,
+  onFullscreen,
+  onReload,
+  locale,
+  className
+}) => {
+  const [zoom, setZoom] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    const initialZoom = (graph == null ? void 0 : graph.getZoom()) > 2 ? 2 : graph == null ? void 0 : graph.getZoom();
+    graph == null ? void 0 : graph.zoomTo(initialZoom, getCenterPointByGraph(graph));
+    setZoom(initialZoom);
+    graph == null ? void 0 : graph.on(
+      "wheelzoom",
+      // 使用防抖函数，避免状态改变过于频繁，影响页面交互流畅
+      // 设置延迟时间为 16ms，为渲染一帧所需时间
+      (0, import_lodash.debounce)(() => {
+        setZoom(graph == null ? void 0 : graph.getZoom());
+      }, 16)
+    );
+  }, [graph]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 16, className: `${prefix} ${`${prefix}-${mode}`} ${className}` }, showFullscreen && /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: locale.fullscreen }, /* @__PURE__ */ import_react.default.createElement(
+    import_icons.FullscreenOutlined,
+    {
+      className: "pointable",
+      onClick: () => {
+        if (onFullscreen) {
+          onFullscreen();
+        }
+      }
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-zoom-wrapper` }, /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: locale.shrink }, /* @__PURE__ */ import_react.default.createElement(
+    import_icons.MinusOutlined,
+    {
+      className: zoom >= 0.3 ? `${prefix}-pointable` : `${prefix}-disabled`,
+      onClick: () => {
+        if (zoom >= 0.3) {
+          const newZoom = zoom - 0.1;
+          setZoom(newZoom);
+          graph == null ? void 0 : graph.zoomTo(newZoom, getCenterPointByGraph(graph));
+        }
+      }
+    }
+  )), (0, import_util.toPercent)(zoom), /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: locale.enlarge }, /* @__PURE__ */ import_react.default.createElement(
+    import_icons.PlusOutlined,
+    {
+      className: zoom <= 0.9 ? `${prefix}-pointable` : `${prefix}-disabled`,
+      onClick: () => {
+        if (zoom <= 0.9) {
+          const newZoom = zoom + 0.1;
+          setZoom(newZoom);
+          graph == null ? void 0 : graph.zoomTo(newZoom, getCenterPointByGraph(graph));
+        }
+      }
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: locale.reset }, /* @__PURE__ */ import_react.default.createElement(
+    "img",
+    {
+      src: import_graph_reset_icon.default,
+      alt: "",
+      className: `${prefix}-pointable`,
+      onClick: () => {
+        setZoom(1);
+        graph == null ? void 0 : graph.zoomTo(1, getCenterPointByGraph(graph));
+      }
+    }
+  )), /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: locale.fitView }, /* @__PURE__ */ import_react.default.createElement(
+    "img",
+    {
+      src: import_graph_fit_view_icon.default,
+      alt: "",
+      className: `${prefix}-pointable`,
+      onClick: () => {
+        graph == null ? void 0 : graph.fitView();
+      }
+    }
+  )), onReload && /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical", className: `${prefix}-divider` })), onReload && /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: locale.refresh }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(
+    import_icons.SyncOutlined,
+    {
+      className: `${prefix}-pointable`,
+      onClick: () => {
+        onReload();
+      }
+    }
+  ))));
+};
+var GraphToolbar_default = (0, import_LocaleWrapper.default)({
+  componentName: "GraphToolbar",
+  defaultLocale: import_zh_CN.default
+})(GraphToolbar);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getCenterPointByGraph
+});

package/lib/GraphToolbar/index.less

@@ -0,0 +1,65 @@
+@import '../variable.less';
+
+@prefix: ob-graph-toolbar;
+
+.@{prefix} {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .@{prefix}-pointable {
+    cursor: pointer;
+  }
+
+  .@{prefix}-disabled {
+    color: @colorTextQuaternary;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  span,
+  img {
+    // 防止加减 zoom 过快时会选中文本 和 img 图标
+    user-select: none;
+  }
+
+  > span:not(:last-child) {
+    margin-right: 16px;
+  }
+
+  img:not(:last-child) {
+    margin-right: 16px;
+  }
+
+  .@{prefix}-divider {
+    margin: 0;
+  }
+
+  .@{prefix}-zoom-wrapper {
+    display: inline-flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 90px;
+    height: 24px;
+    padding: 0 8px;
+    color: @colorTextSecondary;
+    font-size: 12px;
+    background-color: #f5f6fa;
+    border-radius: ~'@{borderRadius}px';
+
+    .@{iconPrefixCls} {
+      font-size: 12px;
+    }
+  }
+}
+
+.@{prefix}-fixed {
+  position: absolute;
+  top: 24px;
+  right: 24px;
+  height: 40px;
+  padding: 8px 24px;
+  background: #fff;
+  border-radius: 20px;
+  box-shadow: @boxShadowSecondary;
+}

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    fullscreen: string;
+    shrink: string;
+    enlarge: string;
+    reset: string;
+    fitView: string;
+    refresh: string;
+};
+export default _default;

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

@@ -0,0 +1,34 @@
+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/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 = {
+  fullscreen: "Fullscreen",
+  shrink: "Shrink",
+  enlarge: "Enlarge",
+  reset: "Reset",
+  fitView: "Fit view",
+  refresh: "Refresh"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    fullscreen: string;
+    shrink: string;
+    enlarge: string;
+    reset: string;
+    fitView: string;
+    refresh: string;
+};
+export default _default;

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

@@ -0,0 +1,34 @@
+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-CN.ts
+var zh_CN_exports = {};
+__export(zh_CN_exports, {
+  default: () => zh_CN_default
+});
+module.exports = __toCommonJS(zh_CN_exports);
+var zh_CN_default = {
+  fullscreen: "进入全屏",
+  shrink: "缩小",
+  enlarge: "放大",
+  reset: "显示原始比例",
+  fitView: "自适应画布",
+  refresh: "刷新"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    fullscreen: string;
+    shrink: string;
+    enlarge: string;
+    reset: string;
+    fitView: string;
+    refresh: string;
+};
+export default _default;

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

@@ -0,0 +1,34 @@
+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: "刷新"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Highlight/DiffView/DiffCells.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface DiffCellsProps {
+    diffPrefixCls: string;
+    data: {
+        index: number;
+        type: 'add' | 'remove' | 'keep';
+        value: string;
+    };
+    emptyText?: string;
+    width: string;
+    /** User can not selection code when lock is enabled */
+    lock?: boolean;
+    rowOffset?: number;
+    onMouseDown?: React.MouseEventHandler;
+    hashId: string;
+}
+export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): React.JSX.Element;

package/lib/Highlight/DiffView/DiffCells.js

@@ -0,0 +1,72 @@
+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/Highlight/DiffView/DiffCells.tsx
+var DiffCells_exports = {};
+__export(DiffCells_exports, {
+  default: () => DiffCells
+});
+module.exports = __toCommonJS(DiffCells_exports);
+var React = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+function DiffCells({
+  diffPrefixCls,
+  data,
+  emptyText,
+  width,
+  lock,
+  rowOffset = 0,
+  onMouseDown,
+  hashId
+}) {
+  const cellEmptyClassName = `${diffPrefixCls}-cell-empty`;
+  const cellAddClassName = `${diffPrefixCls}-cell-add`;
+  const cellRemoveClassName = `${diffPrefixCls}-cell-remove`;
+  const add = (data == null ? void 0 : data.type) === "add";
+  const remove = (data == null ? void 0 : data.type) === "remove";
+  const mergedClassName = {
+    [cellEmptyClassName]: !data,
+    [cellAddClassName]: add,
+    [cellRemoveClassName]: remove
+  };
+  let rowIndex = data == null ? void 0 : data.index;
+  if (rowIndex !== void 0) {
+    rowIndex += rowOffset;
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("td", { className: (0, import_classnames.default)(`${diffPrefixCls}-index`, mergedClassName, hashId) }, rowIndex), /* @__PURE__ */ React.createElement("td", { className: (0, import_classnames.default)(`${diffPrefixCls}-mark`, mergedClassName, hashId) }, add && "+", remove && "-"), /* @__PURE__ */ React.createElement(
+    "td",
+    {
+      onMouseDown,
+      style: { width, userSelect: lock ? "none" : void 0 },
+      className: (0, import_classnames.default)(`${diffPrefixCls}-code`, mergedClassName, hashId),
+      dangerouslySetInnerHTML: { __html: (data == null ? void 0 : data.value) ?? (emptyText || "") }
+    }
+  ));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Highlight/DiffView/index.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import type { HighlightProps } from '..';
+import '../index.less';
+export interface DiffViewProps extends Omit<HighlightProps, 'children' | 'innerHTML'> {
+    /**
+     * @description 自定义前缀
+     * @ignore
+     */
+    prefixCls?: string;
+    /**
+     * @description 样式
+     * @ignore
+     */
+    style?: React.CSSProperties;
+    /**
+     * @description className 类名
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @title 原始代码
+     * @renderType json
+     * @description 原始代码
+     */
+    source: string;
+    /**
+     * @title 目标代码
+     * @renderType json
+     * @description 目标代码
+     */
+    target: string;
+    /**
+     * @title 是否分割展示
+     * @description 是否分割展示
+     */
+    split?: boolean;
+    /**
+     * @title 起始行号
+     * @description 起始行号，默认为 1，也可以分别对左右两侧起始行号进行配置
+     */
+    startRowIndex?: number | number[];
+}
+declare const DiffView: React.FC<DiffViewProps>;
+export default DiffView;