@oceanbase/ui 0.2.19 → 0.2.21

package/es/GraphToolbar/index.js

@@ -17,6 +17,8 @@ import fitViewIcon from "../assets/graph_fit_view_icon.svg";
 // @ts-ignore
 import resetIcon from "../assets/graph_reset_icon.svg";
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export function getCenterPointByGraph(graph) {
   var group = graph === null || graph === void 0 ? void 0 : graph.get('group');
   if (group) {
@@ -59,72 +61,84 @@ var GraphToolbar = function GraphToolbar(_ref) {
       setZoom(graph === null || graph === void 0 ? void 0 : graph.getZoom());
     }, 16));
   }, [graph]);
-  return /*#__PURE__*/React.createElement(Space, {
+  return /*#__PURE__*/_jsxs(Space, {
     size: 16,
-    className: "".concat(prefix, " ", "".concat(prefix, "-").concat(mode), " ").concat(className)
-  }, showFullscreen && /*#__PURE__*/React.createElement(Tooltip, {
-    title: locale.fullscreen
-  }, /*#__PURE__*/React.createElement(FullscreenOutlined, {
-    className: "pointable",
-    onClick: function onClick() {
-      if (onFullscreen) {
-        onFullscreen();
-      }
-    }
-  })), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-zoom-wrapper")
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: locale.shrink
-  }, /*#__PURE__*/React.createElement(MinusOutlined, {
-    className: zoom >= 0.3 ? "".concat(prefix, "-pointable") : "".concat(prefix, "-disabled"),
-    onClick: function onClick() {
-      if (zoom >= 0.3) {
-        var newZoom = zoom - 0.1;
-        setZoom(newZoom);
-        graph === null || graph === void 0 ? void 0 : graph.zoomTo(newZoom, getCenterPointByGraph(graph));
-      }
-    }
-  })), toPercent(zoom), /*#__PURE__*/React.createElement(Tooltip, {
-    title: locale.enlarge
-  }, /*#__PURE__*/React.createElement(PlusOutlined, {
-    className: zoom <= 0.9 ? "".concat(prefix, "-pointable") : "".concat(prefix, "-disabled"),
-    onClick: function onClick() {
-      if (zoom <= 0.9) {
-        var newZoom = zoom + 0.1;
-        setZoom(newZoom);
-        graph === null || graph === void 0 ? void 0 : graph.zoomTo(newZoom, getCenterPointByGraph(graph));
-      }
-    }
-  }))), /*#__PURE__*/React.createElement(Tooltip, {
-    title: locale.reset
-  }, /*#__PURE__*/React.createElement("img", {
-    src: resetIcon,
-    alt: "",
-    className: "".concat(prefix, "-pointable"),
-    onClick: function onClick() {
-      setZoom(1);
-      graph === null || graph === void 0 ? void 0 : graph.zoomTo(1, getCenterPointByGraph(graph));
-    }
-  })), /*#__PURE__*/React.createElement(Tooltip, {
-    title: locale.fitView
-  }, /*#__PURE__*/React.createElement("img", {
-    src: fitViewIcon,
-    alt: "",
-    className: "".concat(prefix, "-pointable"),
-    onClick: function onClick() {
-      graph === null || graph === void 0 ? void 0 : graph.fitView();
-    }
-  })), onReload && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Divider, {
-    type: "vertical",
-    className: "".concat(prefix, "-divider")
-  })), onReload && /*#__PURE__*/React.createElement(Tooltip, {
-    title: locale.refresh
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(SyncOutlined, {
-    className: "".concat(prefix, "-pointable"),
-    onClick: function onClick() {
-      onReload();
-    }
-  }))));
+    className: "".concat(prefix, " ", "".concat(prefix, "-").concat(mode), " ").concat(className),
+    children: [showFullscreen && /*#__PURE__*/_jsx(Tooltip, {
+      title: locale.fullscreen,
+      children: /*#__PURE__*/_jsx(FullscreenOutlined, {
+        className: "pointable",
+        onClick: function onClick() {
+          if (onFullscreen) {
+            onFullscreen();
+          }
+        }
+      })
+    }), /*#__PURE__*/_jsxs("span", {
+      className: "".concat(prefix, "-zoom-wrapper"),
+      children: [/*#__PURE__*/_jsx(Tooltip, {
+        title: locale.shrink,
+        children: /*#__PURE__*/_jsx(MinusOutlined, {
+          className: zoom >= 0.3 ? "".concat(prefix, "-pointable") : "".concat(prefix, "-disabled"),
+          onClick: function onClick() {
+            if (zoom >= 0.3) {
+              var newZoom = zoom - 0.1;
+              setZoom(newZoom);
+              graph === null || graph === void 0 ? void 0 : graph.zoomTo(newZoom, getCenterPointByGraph(graph));
+            }
+          }
+        })
+      }), toPercent(zoom), /*#__PURE__*/_jsx(Tooltip, {
+        title: locale.enlarge,
+        children: /*#__PURE__*/_jsx(PlusOutlined, {
+          className: zoom <= 0.9 ? "".concat(prefix, "-pointable") : "".concat(prefix, "-disabled"),
+          onClick: function onClick() {
+            if (zoom <= 0.9) {
+              var newZoom = zoom + 0.1;
+              setZoom(newZoom);
+              graph === null || graph === void 0 ? void 0 : graph.zoomTo(newZoom, getCenterPointByGraph(graph));
+            }
+          }
+        })
+      })]
+    }), /*#__PURE__*/_jsx(Tooltip, {
+      title: locale.reset,
+      children: /*#__PURE__*/_jsx("img", {
+        src: resetIcon,
+        alt: "",
+        className: "".concat(prefix, "-pointable"),
+        onClick: function onClick() {
+          setZoom(1);
+          graph === null || graph === void 0 ? void 0 : graph.zoomTo(1, getCenterPointByGraph(graph));
+        }
+      })
+    }), /*#__PURE__*/_jsx(Tooltip, {
+      title: locale.fitView,
+      children: /*#__PURE__*/_jsx("img", {
+        src: fitViewIcon,
+        alt: "",
+        className: "".concat(prefix, "-pointable"),
+        onClick: function onClick() {
+          graph === null || graph === void 0 ? void 0 : graph.fitView();
+        }
+      })
+    }), onReload && /*#__PURE__*/_jsx("span", {
+      children: /*#__PURE__*/_jsx(Divider, {
+        type: "vertical",
+        className: "".concat(prefix, "-divider")
+      })
+    }), onReload && /*#__PURE__*/_jsx(Tooltip, {
+      title: locale.refresh,
+      children: /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsx(SyncOutlined, {
+          className: "".concat(prefix, "-pointable"),
+          onClick: function onClick() {
+            onReload();
+          }
+        })
+      })
+    })]
+  });
 };
 export default LocaleWrapper({
   componentName: 'GraphToolbar',

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

@@ -12,6 +12,6 @@ export interface DiffCellsProps {
     lock?: boolean;
     rowOffset?: number;
     onMouseDown?: React.MouseEventHandler;
-    hashId: string;
+    hashId?: string;
 }
-export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): React.JSX.Element;
+export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/es/Highlight/DiffView/DiffCells.js

@@ -4,6 +4,9 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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 classNames from 'classnames';
 import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function DiffCells(_ref) {
   var _mergedClassName, _data$value;
   var diffPrefixCls = _ref.diffPrefixCls,
@@ -25,19 +28,23 @@ export default function DiffCells(_ref) {
   if (rowIndex !== undefined) {
     rowIndex += rowOffset;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("td", {
-    className: classNames("".concat(diffPrefixCls, "-index"), mergedClassName, hashId)
-  }, rowIndex), /*#__PURE__*/React.createElement("td", {
-    className: classNames("".concat(diffPrefixCls, "-mark"), mergedClassName, hashId)
-  }, add && '+', remove && '-'), /*#__PURE__*/React.createElement("td", {
-    onMouseDown: onMouseDown,
-    style: {
-      width: width,
-      userSelect: lock ? 'none' : undefined
-    },
-    className: classNames("".concat(diffPrefixCls, "-code"), mergedClassName, hashId),
-    dangerouslySetInnerHTML: {
-      __html: (_data$value = data === null || data === void 0 ? void 0 : data.value) !== null && _data$value !== void 0 ? _data$value : emptyText || ''
-    }
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("td", {
+      className: classNames("".concat(diffPrefixCls, "-index"), mergedClassName, hashId),
+      children: rowIndex
+    }), /*#__PURE__*/_jsxs("td", {
+      className: classNames("".concat(diffPrefixCls, "-mark"), mergedClassName, hashId),
+      children: [add && '+', remove && '-']
+    }), /*#__PURE__*/_jsx("td", {
+      onMouseDown: onMouseDown,
+      style: {
+        width: width,
+        userSelect: lock ? 'none' : undefined
+      },
+      className: classNames("".concat(diffPrefixCls, "-code"), mergedClassName, hashId),
+      dangerouslySetInnerHTML: {
+        __html: (_data$value = data === null || data === void 0 ? void 0 : data.value) !== null && _data$value !== void 0 ? _data$value : emptyText || ''
+      }
+    })]
+  });
 }

package/es/Highlight/DiffView/index.js

@@ -20,11 +20,13 @@ import hljs from 'highlight.js/lib/core';
 import warning from 'rc-util/lib/warning';
 import React, { useEffect, useMemo } from 'react';
 import { languageMap } from '..';
-import { getPrefix } from "../..//_util";
+import { getPrefix } from "../../_util";
 import { useKeyDownCopyEvent } from "../useKeyDownCopyEvent";
 import DiffCells from "./DiffCells";
 // @ts-ignore
 import "../index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var MAX_MERGE_TIMES = 10000;
 var EMPTY_TEXT = "<span class=\"hljs-comment\">// \u6CA1\u6709\u6570\u636E</span>";
 function getHighlightRows(language, code) {
@@ -256,62 +258,69 @@ var DiffView = function DiffView(_ref2) {
   // ============================ Render ============================
   var viewRows;
   if (!report) {
-    viewRows = /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(DiffCells, {
-      width: "100%",
-      diffPrefixCls: diffPrefixCls,
-      data: {
-        index: 1,
-        value: EMPTY_TEXT,
-        type: 'keep'
-      }
-    }));
+    viewRows = /*#__PURE__*/_jsx("tr", {
+      children: /*#__PURE__*/_jsx(DiffCells, {
+        width: "100%",
+        diffPrefixCls: diffPrefixCls,
+        data: {
+          index: 1,
+          value: EMPTY_TEXT,
+          type: 'keep'
+        }
+      })
+    });
   } else if (split) {
     // Split view
     viewRows = mergedData.rows.map(function (_ref4, index) {
       var src = _ref4.source,
         tgt = _ref4.target;
-      return /*#__PURE__*/React.createElement("tr", {
-        key: index
-      }, /*#__PURE__*/React.createElement(DiffCells, {
-        width: "50%",
-        diffPrefixCls: diffPrefixCls,
-        data: src,
-        emptyText: index === 0 && mergedData.sourceEmpty && EMPTY_TEXT,
-        onMouseDown: onSourceMouseDown,
-        lock: selectable !== 'source',
-        rowOffset: rowOffsetSrc
-      }), /*#__PURE__*/React.createElement(DiffCells, {
-        width: "50%",
-        diffPrefixCls: diffPrefixCls,
-        data: tgt,
-        emptyText: index === 0 && mergedData.targetEmpty && EMPTY_TEXT,
-        onMouseDown: onTargetMouseDown,
-        lock: selectable !== 'target',
-        rowOffset: rowOffsetTgt
-      }));
+      return /*#__PURE__*/_jsxs("tr", {
+        children: [/*#__PURE__*/_jsx(DiffCells, {
+          width: "50%",
+          diffPrefixCls: diffPrefixCls,
+          data: src,
+          emptyText: index === 0 && mergedData.sourceEmpty && EMPTY_TEXT,
+          onMouseDown: onSourceMouseDown,
+          lock: selectable !== 'source',
+          rowOffset: rowOffsetSrc
+        }), /*#__PURE__*/_jsx(DiffCells, {
+          width: "50%",
+          diffPrefixCls: diffPrefixCls,
+          data: tgt,
+          emptyText: index === 0 && mergedData.targetEmpty && EMPTY_TEXT,
+          onMouseDown: onTargetMouseDown,
+          lock: selectable !== 'target',
+          rowOffset: rowOffsetTgt
+        })]
+      }, index);
     });
   } else {
     // Merge
     viewRows = diffData.sourceRows.map(function (src, index) {
-      return /*#__PURE__*/React.createElement("tr", {
-        key: index
-      }, /*#__PURE__*/React.createElement(DiffCells, {
-        width: "100%",
-        diffPrefixCls: diffPrefixCls,
-        data: src !== null && src !== void 0 ? src : diffData.targetRows[index],
-        rowOffset: rowOffsetTgt
-      }));
+      return /*#__PURE__*/_jsx("tr", {
+        children: /*#__PURE__*/_jsx(DiffCells, {
+          width: "100%",
+          diffPrefixCls: diffPrefixCls,
+          data: src !== null && src !== void 0 ? src : diffData.targetRows[index],
+          rowOffset: rowOffsetTgt
+        })
+      }, index);
     });
   }
   var codeRef = React.useRef();
   useKeyDownCopyEvent(codeRef);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: _objectSpread({
       height: height
     }, style),
     ref: codeRef,
     tabIndex: -1,
-    className: classNames(prefixCls, diffPrefixCls, "".concat(prefixCls, "-").concat(theme === 'dark' ? 'dark' : 'light'), _defineProperty({}, "".concat(diffPrefixCls, "-split"), split), className)
-  }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, viewRows)));
+    className: classNames(prefixCls, diffPrefixCls, "".concat(prefixCls, "-").concat(theme === 'dark' ? 'dark' : 'light'), _defineProperty({}, "".concat(diffPrefixCls, "-split"), split), className),
+    children: /*#__PURE__*/_jsx("table", {
+      children: /*#__PURE__*/_jsx("tbody", {
+        children: viewRows
+      })
+    })
+  });
 };
 export default DiffView;

package/es/Highlight/HighlightCell.d.ts

@@ -15,4 +15,4 @@ export interface HighlightCellProps {
     lineNumber?: boolean;
     hashId?: string;
 }
-export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): React.JSX.Element;
+export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/es/Highlight/HighlightCell.js

@@ -1,5 +1,8 @@
 import classNames from 'classnames';
 import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function HighlightCell(_ref) {
   var _data$value;
   var prefixCls = _ref.prefixCls,
@@ -13,17 +16,20 @@ export default function HighlightCell(_ref) {
     onMouseDown = _ref.onMouseDown,
     hashId = _ref.hashId;
   var rowIndex = data === null || data === void 0 ? void 0 : data.index;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, lineNumber ? /*#__PURE__*/React.createElement("td", {
-    className: classNames("".concat(prefixCls, "-").concat(theme, "-index"), "".concat(prefixCls, "-index"), hashId)
-  }, rowIndex) : null, /*#__PURE__*/React.createElement("td", {
-    onMouseDown: onMouseDown,
-    style: {
-      width: width,
-      userSelect: lock ? 'none' : undefined
-    },
-    className: classNames("".concat(prefixCls, "-content"), hashId),
-    dangerouslySetInnerHTML: {
-      __html: (_data$value = data === null || data === void 0 ? void 0 : data.value) !== null && _data$value !== void 0 ? _data$value : emptyText || ''
-    }
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [lineNumber ? /*#__PURE__*/_jsx("td", {
+      className: classNames("".concat(prefixCls, "-").concat(theme, "-index"), "".concat(prefixCls, "-index"), hashId),
+      children: rowIndex
+    }) : null, /*#__PURE__*/_jsx("td", {
+      onMouseDown: onMouseDown,
+      style: {
+        width: width,
+        userSelect: lock ? 'none' : undefined
+      },
+      className: classNames("".concat(prefixCls, "-content"), hashId),
+      dangerouslySetInnerHTML: {
+        __html: (_data$value = data === null || data === void 0 ? void 0 : data.value) !== null && _data$value !== void 0 ? _data$value : emptyText || ''
+      }
+    })]
+  });
 }

package/es/Highlight/JsonView.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { HighlightProps } from '.';
 import './index.less';
 export interface JsonViewProps extends HighlightProps {
     json: object;
 }
-declare const _default: ({ json, theme, style, className, height, onCopyChange, copyable, }: JsonViewProps) => import("react").JSX.Element;
+declare const _default: ({ json, theme, style, className, height, onCopyChange, copyable, }: JsonViewProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default _default;

package/es/Highlight/JsonView.js

@@ -3,13 +3,14 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 classNames from 'classnames';
-import { useRef } from 'react';
+import React, { useRef } from 'react';
 import ReactJson from 'react-json-view';
 import { getPrefix } from "../_util";
 import { THEME_DARK } from '.';
 import { useKeyDownCopyEvent } from "./useKeyDownCopyEvent";
 // @ts-ignore
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (function (_ref) {
   var json = _ref.json,
     theme = _ref.theme,
@@ -24,21 +25,22 @@ export default (function (_ref) {
   var isDarkTheme = theme === THEME_DARK;
   var codeRef = useRef();
   useKeyDownCopyEvent(codeRef);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: style,
     ref: codeRef
     // 让div支持focus能力
     ,
     tabIndex: -1,
-    className: classNames(prefixCls, "".concat(prefixCls, "-json-view"), _defineProperty({}, "".concat(prefixCls, "-light"), !isDarkTheme), className)
-  }, /*#__PURE__*/React.createElement(ReactJson, {
-    enableClipboard: copyable && onCopyChange,
-    src: json,
-    theme: isDarkTheme ? 'ocean' : undefined,
-    displayDataTypes: false,
-    style: {
-      height: height
-    },
-    name: false
-  }));
+    className: classNames(prefixCls, "".concat(prefixCls, "-json-view"), _defineProperty({}, "".concat(prefixCls, "-light"), !isDarkTheme), className),
+    children: /*#__PURE__*/_jsx(ReactJson, {
+      enableClipboard: copyable && onCopyChange,
+      src: json,
+      theme: isDarkTheme ? 'ocean' : undefined,
+      displayDataTypes: false,
+      style: {
+        height: height
+      },
+      name: false
+    })
+  });
 });

package/es/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "javascript" | "typescript" | "css" | "groovy" | "java" | "python" | "bash" | "json" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "json" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/es/Highlight/index.js

@@ -1,5 +1,4 @@
 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; }
@@ -55,6 +54,9 @@ import { useKeyDownCopyEvent } from "./useKeyDownCopyEvent";
 import "./index.less";
 
 // 目前支持的语言列表
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export var languageMap = {
   javascript: javascript,
   typescript: typescript,
@@ -148,15 +150,15 @@ var Highlight = function Highlight(props) {
       };
     });
     setCodeBlock(rowList.map(function (src, index) {
-      return /*#__PURE__*/React.createElement("tr", {
-        key: index
-      }, /*#__PURE__*/React.createElement(HighlightCell, {
-        lineNumber: lineNumber,
-        width: "100%",
-        data: src,
-        theme: theme,
-        prefixCls: prefixCls
-      }));
+      return /*#__PURE__*/_jsx("tr", {
+        children: /*#__PURE__*/_jsx(HighlightCell, {
+          lineNumber: lineNumber,
+          width: "100%",
+          data: src,
+          theme: theme,
+          prefixCls: prefixCls
+        })
+      }, index);
     }));
   };
 
@@ -177,7 +179,7 @@ var Highlight = function Highlight(props) {
     customProps.dangerouslySetInnerHTML = {
       __html: children
     };
-    return /*#__PURE__*/React.createElement("div", customProps);
+    return /*#__PURE__*/_jsx("div", _objectSpread({}, customProps));
   }
   var CopyButton = function CopyButton() {
     var _useState = useState(),
@@ -193,58 +195,68 @@ var Highlight = function Highlight(props) {
       _useState4 = _slicedToArray(_useState3, 2),
       copied = _useState4[0],
       setCopied = _useState4[1];
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CopyToClipboard, {
-      text: children && children.length ? children : '',
-      onCopy: function onCopy(value) {
-        onCopyChange(value);
-        setCopied(true);
-        message.success('Copied');
-        var tempCopyId = window.setTimeout(function () {
-          setCopied(false);
-        }, 2000);
-        setCopyId(tempCopyId);
-      }
-    }, /*#__PURE__*/React.createElement("button", {
-      disabled: copied,
-      className: classNames("".concat(prefixCls, "-copy")),
-      style: {
-        background: "".concat(theme === THEME_DARK ? "#2b303b" : token.colorBgLayout)
-      }
-    }, /*#__PURE__*/React.createElement(CopyOutlined, {
-      className: classNames("".concat(prefixCls, "-copy-icon"), {
-        scoll: copied
-      }),
-      style: {
-        color: "".concat(theme === THEME_DARK ? token.colorBgLayout : "#2b303b")
-      }
-    }), /*#__PURE__*/React.createElement(CheckOutlined, {
-      className: classNames("".concat(prefixCls, "-copy-icon")),
-      style: {
-        color: 'rgb(63,177,99)'
-      }
-    }))));
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(CopyToClipboard, {
+        text: children && children.length ? children : '',
+        onCopy: function onCopy(value) {
+          onCopyChange(value);
+          setCopied(true);
+          message.success('Copied');
+          var tempCopyId = window.setTimeout(function () {
+            setCopied(false);
+          }, 2000);
+          setCopyId(tempCopyId);
+        },
+        children: /*#__PURE__*/_jsxs("button", {
+          disabled: copied,
+          className: classNames("".concat(prefixCls, "-copy")),
+          style: {
+            background: "".concat(theme === THEME_DARK ? "#2b303b" : token.colorBgLayout)
+          },
+          children: [/*#__PURE__*/_jsx(CopyOutlined, {
+            className: classNames("".concat(prefixCls, "-copy-icon"), {
+              scoll: copied
+            }),
+            style: {
+              color: "".concat(theme === THEME_DARK ? token.colorBgLayout : "#2b303b")
+            }
+          }), /*#__PURE__*/_jsx(CheckOutlined, {
+            className: classNames("".concat(prefixCls, "-copy-icon")),
+            style: {
+              color: 'rgb(63,177,99)'
+            }
+          })]
+        })
+      })
+    });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("pre", _extends({}, customProps, {
-    style: _objectSpread(_objectSpread({}, customStyle), {}, {
-      position: 'relative'
-    }),
-    className: classNames("".concat(prefixCls), className, themeClass)
-  }), copyable && /*#__PURE__*/React.createElement(CopyButton, null), /*#__PURE__*/React.createElement("table", {
-    style: {
-      height: height
-    },
-    className: classNames("".concat(theme === THEME_DARK ? "".concat(prefixCls, "-dark") : "".concat(prefixCls, "-light")))
-  }, /*#__PURE__*/React.createElement("tbody", null, codeBlock))));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("pre", _objectSpread(_objectSpread({}, customProps), {}, {
+      style: _objectSpread(_objectSpread({}, customStyle), {}, {
+        position: 'relative'
+      }),
+      className: classNames("".concat(prefixCls), className, themeClass),
+      children: [copyable && /*#__PURE__*/_jsx(CopyButton, {}), /*#__PURE__*/_jsx("table", {
+        style: {
+          height: height
+        },
+        className: classNames("".concat(theme === THEME_DARK ? "".concat(prefixCls, "-dark") : "".concat(prefixCls, "-light"))),
+        children: /*#__PURE__*/_jsx("tbody", {
+          children: codeBlock
+        })
+      })]
+    }))
+  });
 };
 var HighlightWrapper = function HighlightWrapper(props) {
   var language = props.language,
     children = props.children;
   if (language === 'json' && children && _typeof(children) === 'object' && ! /*#__PURE__*/React.isValidElement(children)) {
-    return /*#__PURE__*/React.createElement(JsonView, _extends({}, props, {
+    return /*#__PURE__*/_jsx(JsonView, _objectSpread(_objectSpread({}, props), {}, {
       json: children
     }));
   }
-  return /*#__PURE__*/React.createElement(Highlight, props);
+  return /*#__PURE__*/_jsx(Highlight, _objectSpread({}, props));
 };
 HighlightWrapper.Diff = DiffView;