ronds-metadata 1.1.61 → 1.1.62

package/es/comps/MdView/index.js

@@ -1,15 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["node", "inline", "className", "children"];
 import React from "react";
 
 /*
  * @Author: wangxian
  * @Date: 2022-09-02 16:17:38
- * @LastEditTime: 2022-10-14 11:44:51
+ * @LastEditTime: 2022-11-22 16:55:15
  */
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import rehypeRaw from 'rehype-raw';
 import 'github-markdown-css';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import './index.less';
 import MdNavbar from '../MdNavbar';
 
@@ -28,7 +32,26 @@ var MdView = function MdView(props) {
     className: "markdown-body react-mark-down"
   }, /*#__PURE__*/React.createElement(ReactMarkdown, {
     remarkPlugins: [remarkGfm],
-    rehypePlugins: [rehypeRaw]
+    rehypePlugins: [rehypeRaw],
+    components: {
+      code: function code(_ref) {
+        var node = _ref.node,
+            inline = _ref.inline,
+            className = _ref.className,
+            children = _ref.children,
+            props = _objectWithoutProperties(_ref, _excluded);
+
+        var match = /language-(\w+)/.exec(className || '');
+        return !inline && match ? /*#__PURE__*/React.createElement(SyntaxHighlighter, _extends({
+          showLineNumbers: true,
+          style: oneLight,
+          language: match[1],
+          PreTag: "div"
+        }, props), String(children).replace(/\n$/, '')) : /*#__PURE__*/React.createElement("code", _extends({
+          className: className
+        }, props), children);
+      }
+    }
   }, source)), isMarkNav && /*#__PURE__*/React.createElement("div", {
     style: {
       width: '250px',

package/es/comps/MdView/index.less

@@ -218,6 +218,14 @@
       line-height: 20px;
     }
   }
+  pre {
+    padding: 0 !important;
+    background-color: transparent;
+    code {
+      font-weight: 300;
+      background-color: transparent;
+    }
+  }
 
   // list
   ul,

package/es/comps/MetadataForm/DataCell/Select.js

@@ -26,7 +26,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-11-22 14:42:09
+ * @LastEditTime: 2022-11-22 16:10:55
  */
 import React from 'react';
 import { MetadataFormContext, MetadataRefContext } from '../interface';
@@ -35,7 +35,7 @@ import { MetadataService } from '../../../framework/metadata/MetadataService';
 import { deepClone } from '../../../utils';
 import { useAsyncMemo } from '../../../framework/hooks/use-async-memo';
 import { tr } from '../../../framework/locale';
-import useObservable from '@/framework/rxjs-hooks/useObservable';
+import useObservable from '../../../framework/rxjs-hooks/useObservable';
 
 function Index(props) {
   var _extraInfo$http6, _extraInfo$http7, _extraInfo$http8, _extraInfo$http9;

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.1.61",
+  "version": "1.1.62",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -55,6 +55,7 @@
     "react-markdown": "^8.0.3",
     "react-markdown-editor-lite": "^1.3.2",
     "react-popper": "^2.2.3",
+    "react-syntax-highlighter": "^15.5.0",
     "rehype-raw": "^6.1.1",
     "remark-gfm": "^3.0.1",
     "rxjs": "^7.5.4"