@oceanbase/design 0.1.0

package/es/Highlight/DiffView/index.js

@@ -0,0 +1,317 @@
+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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,44 @@
+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

@@ -0,0 +1,103 @@
+/// <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: any;
+export default _default;