@oceanbase/design 0.1.2 → 0.2.0

package/es/Highlight/DiffView/index.js

@@ -1,317 +0,0 @@
-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 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; }
-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); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useMemo } from 'react';
-import warning from 'rc-util/lib/warning';
-import hljs from 'highlight.js/lib/core';
-import classNames from 'classnames';
-import { diffLines } from 'diff';
-import { languageMap } from '..';
-import { getPrefix } from "../..//_util";
-import DiffCells from "./DiffCells";
-import { useKeyDownCopyEvent } from "../useKeyDownCopyEvent";
-// @ts-ignore
-import "../index.less";
-var MAX_MERGE_TIMES = 10000;
-var EMPTY_TEXT = "<span class=\"hljs-comment\">// \u6CA1\u6709\u6570\u636E</span>";
-function getHighlightRows(language, code) {
-  var _ref = language ? hljs.highlight(language, code) : hljs.highlightAuto(code),
-    value = _ref.value;
-  return value.split(/\r?\n/);
-}
-var DiffView = function DiffView(_ref2) {
-  var style = _ref2.style,
-    className = _ref2.className,
-    customizePrefixCls = _ref2.prefixCls,
-    source = _ref2.source,
-    target = _ref2.target,
-    language = _ref2.language,
-    _ref2$split = _ref2.split,
-    split = _ref2$split === void 0 ? true : _ref2$split,
-    theme = _ref2.theme,
-    height = _ref2.height,
-    _ref2$startRowIndex = _ref2.startRowIndex,
-    baseStartRowIndex = _ref2$startRowIndex === void 0 ? 1 : _ref2$startRowIndex;
-  var prefixCls = getPrefix('highlight');
-  var diffPrefixCls = "".concat(prefixCls, "-diff");
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    report = _React$useState2[0],
-    setReport = _React$useState2[1];
-  var normalizedIndexes = Array.isArray(baseStartRowIndex) ? baseStartRowIndex : [baseStartRowIndex, baseStartRowIndex];
-  var _normalizedIndexes = _slicedToArray(normalizedIndexes, 2),
-    _normalizedIndexes$ = _normalizedIndexes[0],
-    baseStartRowIndexSrc = _normalizedIndexes$ === void 0 ? 1 : _normalizedIndexes$,
-    _normalizedIndexes$2 = _normalizedIndexes[1],
-    baseStartRowIndexTgt = _normalizedIndexes$2 === void 0 ? 1 : _normalizedIndexes$2;
-  var rowOffsetSrc = baseStartRowIndexSrc > 1 ? baseStartRowIndexSrc - 1 : 0;
-  var rowOffsetTgt = baseStartRowIndexTgt > 1 ? baseStartRowIndexTgt - 1 : 0;
-
-  // =========================== Language ===========================
-  useEffect(function () {
-    if (language) {
-      hljs.registerLanguage(language, languageMap[language]);
-    } else {
-      Object.keys(languageMap).forEach(function (lan) {
-        hljs.registerLanguage(lan, languageMap[lan]);
-      });
-    }
-  }, [language]);
-
-  // ============================= Lock =============================
-  // Lock the selection to make user easy to copy
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    selectable = _React$useState4[0],
-    setSelectable = _React$useState4[1];
-  function setSelectableRegion(region) {
-    if (region !== selectable) {
-      var _window$getSelection, _window, _window$getSelection$, _window$getSelection$2, _window$getSelection2, _window2, _window$getSelection3, _window$getSelection4;
-      (_window$getSelection = (_window = window).getSelection) === null || _window$getSelection === void 0 ? void 0 : (_window$getSelection$ = (_window$getSelection$2 = _window$getSelection.call(_window)).removeAllRanges) === null || _window$getSelection$ === void 0 ? void 0 : _window$getSelection$.call(_window$getSelection$2);
-      (_window$getSelection2 = (_window2 = window).getSelection) === null || _window$getSelection2 === void 0 ? void 0 : (_window$getSelection3 = (_window$getSelection4 = _window$getSelection2.call(_window2)).empty) === null || _window$getSelection3 === void 0 ? void 0 : _window$getSelection3.call(_window$getSelection4);
-    }
-    setSelectable(region);
-  }
-  var onSourceMouseDown = function onSourceMouseDown() {
-    setSelectableRegion('source');
-  };
-  var onTargetMouseDown = function onTargetMouseDown() {
-    setSelectableRegion('target');
-  };
-
-  // ============================= Diff =============================
-  // Collection diff content
-  useEffect(function () {
-    if (!source && !target) {
-      setReport(null);
-      return;
-    }
-    var srcRows = getHighlightRows(language, source || '');
-    var tgtRows = getHighlightRows(language, target || '');
-    var diff = diffLines(source || '', target || '');
-    var newReport = {
-      source: srcRows,
-      target: tgtRows,
-      diff: diff
-    };
-    setReport(newReport);
-  }, [source, target, language]);
-
-  // Get diff rows
-  var diffData = useMemo(function () {
-    if (!report) {
-      return null;
-    }
-    var startRowIndex = 0;
-    var endRowIndex = 0;
-    var sourceRows = [];
-    var targetRows = [];
-    report.diff.forEach(function (_ref3) {
-      var count = _ref3.count,
-        added = _ref3.added,
-        removed = _ref3.removed;
-      // Source
-      if (added) {
-        sourceRows.push.apply(sourceRows, _toConsumableArray(new Array(count).fill(null)));
-      } else {
-        sourceRows.push.apply(sourceRows, _toConsumableArray(report.source.slice(startRowIndex, startRowIndex + count).map(function (value, index) {
-          return {
-            value: value,
-            index: startRowIndex + index + 1,
-            type: removed ? 'remove' : 'keep'
-          };
-        })));
-        startRowIndex += count;
-      }
-
-      // Target
-      if (removed) {
-        targetRows.push.apply(targetRows, _toConsumableArray(new Array(count).fill(null)));
-      } else {
-        targetRows.push.apply(targetRows, _toConsumableArray(report.target.slice(endRowIndex, endRowIndex + count).map(function (value, index) {
-          return {
-            value: value,
-            index: endRowIndex + index + 1,
-            type: added ? 'add' : 'keep'
-          };
-        })));
-        endRowIndex += count;
-      }
-    });
-    return {
-      sourceRows: sourceRows,
-      targetRows: targetRows
-    };
-  }, [report, split]);
-
-  // Merge -- & ++ to one row
-  var mergedData = useMemo(function () {
-    if (!diffData) {
-      return null;
-    }
-    function findMergeRowIndex(startIndex, sourceRows, targetRows) {
-      for (var index = startIndex; index < sourceRows.length - 1; index += 1) {
-        var _sourceRows$index, _targetRows;
-        if (
-        // Row: ---- | null
-        // Row: null | ++++
-        ((_sourceRows$index = sourceRows[index]) === null || _sourceRows$index === void 0 ? void 0 : _sourceRows$index.type) === 'remove' && !targetRows[index] && !sourceRows[index + 1] && ((_targetRows = targetRows[index + 1]) === null || _targetRows === void 0 ? void 0 : _targetRows.type) === 'add') {
-          // Find source remove start index
-          var removeStartIndex = index;
-          for (var i = index - 1; i >= 0; i -= 1) {
-            var _sourceRows$i;
-            if (((_sourceRows$i = sourceRows[i]) === null || _sourceRows$i === void 0 ? void 0 : _sourceRows$i.type) !== 'remove') {
-              removeStartIndex = i + 1;
-              break;
-            }
-          }
-
-          // Find target add end index
-          var addEndIndex = index;
-          for (var _i2 = index + 1; _i2 <= targetRows.length; _i2 += 1) {
-            var _targetRows$_i;
-            if (((_targetRows$_i = targetRows[_i2]) === null || _targetRows$_i === void 0 ? void 0 : _targetRows$_i.type) !== 'add') {
-              addEndIndex = _i2 - 1;
-              break;
-            }
-          }
-          return {
-            index: index + 1,
-            removeCount: index - removeStartIndex + 1,
-            addCount: addEndIndex - index
-          };
-        }
-      }
-      return null;
-    }
-    var sourceRows = diffData.sourceRows,
-      targetRows = diffData.targetRows;
-    var mergeStartIndex = 0;
-    var times = 0;
-    for (; times < MAX_MERGE_TIMES; times += 1) {
-      var mergeInfo = findMergeRowIndex(mergeStartIndex, sourceRows, targetRows);
-      if (mergeInfo === null) {
-        break;
-      }
-      var index = mergeInfo.index,
-        addCount = mergeInfo.addCount,
-        removeCount = mergeInfo.removeCount;
-      var maxMergeRowCount = Math.min(addCount, removeCount);
-      sourceRows = [].concat(_toConsumableArray(sourceRows.slice(0, index)), _toConsumableArray(sourceRows.slice(index + maxMergeRowCount)));
-      targetRows = [].concat(_toConsumableArray(targetRows.slice(0, index - maxMergeRowCount)), _toConsumableArray(targetRows.slice(index)));
-      mergeStartIndex = index - maxMergeRowCount;
-    }
-    warning(times < MAX_MERGE_TIMES, 'Diff check too many times. Please help to fire issue of DiffView. Thanks.');
-
-    /**
-     * Change target rows order when has empty content:
-     *  -- null --              [  Data  ]
-     *  -- null --      =>      -- null --
-     *  [  Data  ]              -- null --
-     */
-    var targetRowsLen = targetRows.length;
-    for (var i = 0; i < targetRowsLen; i += 1) {
-      if (!targetRows[i]) {
-        for (var j = i + 1; j < targetRowsLen; j += 1) {
-          var followRow = targetRows[j];
-          if (followRow) {
-            if (followRow.type === 'add') {
-              targetRows[i] = followRow;
-              targetRows[j] = null;
-            }
-            break;
-          }
-        }
-      }
-    }
-    return {
-      rows: sourceRows.map(function (src, index) {
-        return {
-          source: src,
-          target: targetRows[index]
-        };
-      }),
-      sourceEmpty: sourceRows.every(function (row) {
-        return !row;
-      }),
-      targetEmpty: targetRows.every(function (row) {
-        return !row;
-      })
-    };
-  }, [diffData]);
-
-  // ============================ 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'
-      }
-    }));
-  } 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
-      }));
-    });
-  } 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
-      }));
-    });
-  }
-  var codeRef = React.useRef();
-  useKeyDownCopyEvent(codeRef);
-  return /*#__PURE__*/React.createElement("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)));
-};
-export default DiffView;

package/es/Highlight/HighlightCell.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-export interface HighlightCellProps {
-    prefixCls: string;
-    theme: string;
-    data: {
-        index: number;
-        value: string;
-    };
-    emptyText?: string;
-    width: string;
-    /** User can not selection code when lock is enabled */
-    lock?: boolean;
-    rowOffset?: number;
-    onMouseDown?: React.MouseEventHandler;
-    lineNumber?: boolean;
-    hashId?: string;
-}
-export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): React.JSX.Element;

package/es/Highlight/HighlightCell.js

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import classNames from 'classnames';
-export default function HighlightCell(_ref) {
-  var _data$value;
-  var prefixCls = _ref.prefixCls,
-    theme = _ref.theme,
-    data = _ref.data,
-    emptyText = _ref.emptyText,
-    width = _ref.width,
-    lock = _ref.lock,
-    _ref$lineNumber = _ref.lineNumber,
-    lineNumber = _ref$lineNumber === void 0 ? false : _ref$lineNumber,
-    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 || ''
-    }
-  }));
-}

package/es/Highlight/JsonView.d.ts

@@ -1,8 +0,0 @@
-import React from '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) => React.JSX.Element;
-export default _default;

package/es/Highlight/JsonView.js

@@ -1,44 +0,0 @@
-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 _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; }
-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 React, { useRef } from 'react';
-import classNames from 'classnames';
-import ReactJson from 'react-json-view';
-import { getPrefix } from "../_util";
-import { THEME_DARK } from '.';
-import { useKeyDownCopyEvent } from "./useKeyDownCopyEvent";
-// @ts-ignore
-import "./index.less";
-export default (function (_ref) {
-  var json = _ref.json,
-    theme = _ref.theme,
-    style = _ref.style,
-    className = _ref.className,
-    height = _ref.height,
-    _ref$onCopyChange = _ref.onCopyChange,
-    onCopyChange = _ref$onCopyChange === void 0 ? function () {} : _ref$onCopyChange,
-    _ref$copyable = _ref.copyable,
-    copyable = _ref$copyable === void 0 ? true : _ref$copyable;
-  var prefixCls = getPrefix('highlight');
-  var isDarkTheme = theme === THEME_DARK;
-  var codeRef = useRef();
-  useKeyDownCopyEvent(codeRef);
-  return /*#__PURE__*/React.createElement("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
-  }));
-});

package/es/Highlight/index.d.ts

@@ -1,103 +0,0 @@
-/// <reference types="highlight.js" />
-/**
- * 高亮能力基于highlight.js 的语法解析能力 https://highlightjs.org/
- * 听说过的还算有名的语言放在langugaes中了，需要新增语言时在languages文件夹中添加并import使用，加入到 languageMap中
- * 如果没有在 https://github.com/highlightjs/highlight.js/tree/master/src/languages 中查找是否支持，然后添加
- * 优先支持蚂蚁主流语言，没有import在代码中使用的不会打包
- */
-import React from 'react';
-import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
-import './index.less';
-export declare const languageMap: {
-    javascript: any;
-    typescript: any;
-    css: any;
-    groovy: any;
-    java: any;
-    python: any;
-    bash: any;
-    json: any;
-    cpp: any;
-    http: any;
-    markdown: any;
-    nginx: any;
-    ruby: any;
-    sql: any;
-    xml: any;
-    dockerfile: any;
-    go: any;
-    yaml: any;
-    solidity: any;
-    tsx: any;
-    jsx: any;
-};
-export declare const THEME_DARK = "dark";
-export declare const THEME_LIGHT = "light";
-declare const ThemeTypes: ["dark", "light"];
-export declare type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "json" | "javascript" | "typescript" | "css" | "groovy" | "java" | "python" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
-export declare type LanguageType = (typeof supportedLanguages)[number] | 'html';
-export interface HighlightProps extends LocaleWrapperProps {
-    /**
-     * @description 样式
-     * @ignore
-     */
-    style?: React.CSSProperties;
-    /**
-     * @description className 类名
-     * @ignore
-     */
-    className?: string;
-    /**
-     * @title 指定语言
-     * @description 指定语言，目前支持 javascript,typescript,css,groovy,java,python,bash,json,cpp,http,markdown,nginx,ruby,sql,xml,dockerfile,go,yaml
-     * @renderType select
-     * @default "java"
-     */
-    language?: LanguageType;
-    /**
-     * @title 主题
-     * @description 主题颜色, dark 黑色主题，light 白色主题
-     * @default "light"
-     */
-    theme?: ThemeType;
-    /**
-     * @title 代码块高度
-     * @description 指定代码块高度，用于需要控制代码块高度固定的场景
-     */
-    height?: number;
-    /**
-     * @title 是否使用 `dangerouslySetInnerHTML`
-     * @description 是否使用 `dangerouslySetInnerHTML` 来渲染多段代码
-     * @default false
-     */
-    innerHTML?: boolean;
-    /**
-     * @title 高亮内容，为 JSON 时支持 object
-     * @description 高亮内容，为 JSON 时支持 object
-     * @renderType json
-     * @renderOptions {"format": "string"}
-     */
-    children?: any;
-    /**
-     * @title 是否使用要使用行号
-     * @description 是否需要展示代码块左侧的行号
-     * @default false
-     */
-    lineNumber?: boolean;
-    /**
-     * @title 是否展示复制按钮
-     * @description 是否需要展示复制按钮
-     * @default true
-     */
-    copyable?: boolean;
-    /**
-     * @title 点击复制按钮的回掉
-     * @description 点击复制按钮的回掉
-     * @default () => {}
-     */
-    onCopyChange?: (value: string | Object) => void | Function;
-}
-export declare const renderHightlight: (language: any, content: any) => import("highlight.js").HighlightResult;
-declare const _default: React.ForwardRefExoticComponent<HighlightProps & React.RefAttributes<React.ComponentType<HighlightProps>>> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<HighlightProps>, {}>;
-export default _default;