ronds-metadata 1.2.37 → 1.2.39

package/es/comps/MdEditPro/index.d.ts

@@ -0,0 +1,10 @@
+import './index.less';
+interface IMdEditProProps {
+    value: string;
+    onChange: (txt: string) => void;
+    onImageUpload?: (file: File) => Promise<{
+        default: string;
+    }>;
+}
+declare const MdEditPro: (props: IMdEditProProps) => JSX.Element;
+export default MdEditPro;

package/es/comps/MdEditPro/index.js

@@ -0,0 +1,22 @@
+/*
+ * @Author: wangxian
+ * @Date: 2023-04-27 19:03:05
+ * @LastEditTime: 2023-05-04 16:34:09
+ */
+import React from 'react';
+import MdEdit from 'ronds-react-markdown';
+import './index.less';
+var MdEditPro = function MdEditPro(props) {
+  var value = props.value,
+    onImageUpload = props.onImageUpload,
+    _onChange = props.onChange;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MdEdit, {
+    handleImageUpload: onImageUpload,
+    data: value,
+    onChange: function onChange(event, editor) {
+      var _data = editor.getData();
+      _onChange && _onChange(_data);
+    }
+  }));
+};
+export default MdEditPro;

package/es/comps/MdEditPro/index.less

@@ -0,0 +1,74 @@
+/* ---- Cross-editor content styles. --------------------------------------------------------------- */
+.ck.ck-content:not(.ck-style-grid__button__preview) {
+  /* Make sure all content containers have some min height to make them easier to locate. */
+  min-height: 300px;
+  padding: 10px 20px;
+}
+
+/* Make sure all content containers are distinguishable on a web page even of not focused. */
+.ck.ck-content:not(:focus) {
+  border: 1px solid var(--ck-color-base-border);
+}
+
+/* Font sizes and vertical rhythm for common elements (headings, lists, paragraphs, etc.) */
+.ck-content h1 {
+  font-size: 28px;
+}
+.ck-content h2 {
+  font-size: 18px;
+}
+.ck-content h3 {
+  font-size: 16px;
+}
+.ck-content h4 {
+  font-size: 15px;
+}
+.ck-content h5 {
+  font-size: 15px;
+}
+.ck-content h6 {
+  font-size: 15px;
+}
+.ck-content h1,
+.ck-content h2,
+.ck-content h3,
+.ck-content h4,
+.ck-content h5,
+.ck-content h6 {
+  margin: 42px 0 18px;
+  font-weight: 600;
+  line-height: 1.40625;
+}
+.ck-content blockquote,
+.ck-content ol,
+.ck-content p,
+.ck-content ul {
+  font-size: 15px;
+  line-height: 1.40625;
+  padding-top: 10px;
+  margin-bottom: var(--ck-spacing-large);
+}
+
+// .ck-content ol,
+// .ck-content ul {
+//   margin-left: 10px !important;
+// }
+
+.ck-content ul li {
+  list-style: disc !important;
+}
+
+.ck-content ol li {
+  list-style: decimal !important;
+}
+
+.ck.ck-content.ck-editor__editable_inline > :first-child {
+  margin-top: 0;
+}
+
+.ck-content .table {
+  margin: 0px !important;
+}
+.ck-content .image {
+  margin: 0px !important;
+}

package/es/comps/MdNavbar/index.js

@@ -1,6 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 /*
  * @Author: wangxian
  * @Date: 2022-10-14 09:05:50
@@ -9,27 +8,22 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import { getCurrentHashValue, trimArrZero } from './utils';
 import './index.less';
-
 var MdNavbar = function MdNavbar(props) {
   var source = props.source,
-      ordered = props.ordered,
-      declarative = props.declarative,
-      className = props.className,
-      onNavItemClick = props.onNavItemClick,
-      onHashChange = props.onHashChange;
-
+    ordered = props.ordered,
+    declarative = props.declarative,
+    className = props.className,
+    onNavItemClick = props.onNavItemClick,
+    onHashChange = props.onHashChange;
   var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      navStructure = _React$useState2[0],
-      setNavStructure = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    navStructure = _React$useState2[0],
+    setNavStructure = _React$useState2[1];
   var navStructureRef = React.useRef([]);
-
   var _React$useState3 = React.useState(''),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      currentListNo = _React$useState4[0],
-      setCurrentListNo = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    currentListNo = _React$useState4[0],
+    setCurrentListNo = _React$useState4[1];
   var scrollTimeoutRef = React.useRef();
   var addTargetTimeoutRef = React.useRef();
   var getNavStructure = React.useCallback(function () {
@@ -38,11 +32,9 @@ var MdNavbar = function MdNavbar(props) {
       .replace(/^#\s[^#\n]*\n+/, '').replace(/```[^`\n]*\n+[^```]+```\n+/g, '').replace(/`([^`\n]+)`/g, '$1').replace(/\*\*?([^*\n]+)\*\*?/g, '$1').replace(/__?([^_\n]+)__?/g, '$1').trim();
       var pattOfTitle = /#+\s([^#\n]+)\n*/g;
       var matchResult = contentWithoutCode.match(pattOfTitle);
-
       if (!matchResult) {
         return;
       }
-
       var navData = matchResult.map(function (r, i) {
         return {
           index: i,
@@ -56,19 +48,16 @@ var MdNavbar = function MdNavbar(props) {
           maxLevel = t.level;
         }
       });
-      var matchStack = []; // 此部分重构，原有方法会出现次级标题后再次出现高级标题时，listNo重复的bug
-
+      var matchStack = [];
+      // 此部分重构，原有方法会出现次级标题后再次出现高级标题时，listNo重复的bug
       for (var i = 0; i < navData.length; i++) {
         var t = navData[i];
         var level = t.level;
-
         while (matchStack.length && matchStack[matchStack.length - 1].level > level) {
           matchStack.pop();
         }
-
         if (matchStack.length === 0) {
           var _arr = new Array(maxLevel).fill(0);
-
           _arr[level - 1] += 1;
           matchStack.push({
             level: level,
@@ -77,7 +66,6 @@ var MdNavbar = function MdNavbar(props) {
           t.listNo = trimArrZero(_arr).join('.');
           continue;
         }
-
         var arr = matchStack[matchStack.length - 1].arr;
         var newArr = arr.slice();
         newArr[level - 1] += 1;
@@ -87,7 +75,6 @@ var MdNavbar = function MdNavbar(props) {
         });
         t.listNo = trimArrZero(newArr).join('.');
       }
-
       setNavStructure(_toConsumableArray(navData));
       navStructureRef.current = navData;
     }
@@ -99,10 +86,8 @@ var MdNavbar = function MdNavbar(props) {
       var curHeading = Array.prototype.slice.apply(headings).find(function (h) {
         return h.innerText.trim() === t.text.trim() && (!h.dataset || !h.dataset.id);
       });
-
       if (curHeading) {
         curHeading.dataset.id = declarative ? "".concat(t.listNo, "-").concat(t.text) : "heading-".concat(t.index);
-
         if (headingId && headingId === curHeading.dataset.id) {
           scrollToTarget(headingId);
           setCurrentListNo(t.listNo);
@@ -114,10 +99,8 @@ var MdNavbar = function MdNavbar(props) {
     if (addTargetTimeoutRef.current) {
       clearTimeout(addTargetTimeoutRef.current);
     }
-
     addTargetTimeoutRef.current = setTimeout(function () {
       initHeadingsId();
-
       if (navStructure.length) {
         var listNo = navStructure[0].listNo;
         setCurrentListNo(listNo);
@@ -134,15 +117,12 @@ var MdNavbar = function MdNavbar(props) {
       refreshNav();
     }
   }, [navStructure, source]);
-
   var scrollToTarget = function scrollToTarget(dataId) {
     if (scrollTimeoutRef.current) {
       clearTimeout(scrollTimeoutRef.current);
     }
-
     scrollTimeoutRef.current = setTimeout(function () {
       var target = document.querySelector("[data-id=\"".concat(dataId, "\"]"));
-
       if (target) {
         target.scrollIntoView({
           block: 'start',
@@ -151,7 +131,6 @@ var MdNavbar = function MdNavbar(props) {
       }
     }, 0);
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "markdown-navigation ".concat(className)
   }, navStructure.map(function (t) {
@@ -160,14 +139,13 @@ var MdNavbar = function MdNavbar(props) {
       className: cls,
       onClick: function onClick(evt) {
         var currentHash = declarative ? "".concat(t.listNo, "-").concat(t.text) // 加入listNo确保hash唯一ZZ
-        : "heading-".concat(t.index); // Avoid execution the callback `onHashChange` when clicking current nav item
-
+        : "heading-".concat(t.index);
+        // Avoid execution the callback `onHashChange` when clicking current nav item
         if (t.listNo !== currentListNo) {
           // Hash changing callback
           onHashChange && onHashChange(currentHash, getCurrentHashValue());
-        } // Nav item clicking callback
-
-
+        }
+        // Nav item clicking callback
         onNavItemClick && onNavItemClick(evt, evt.target, currentHash);
         scrollToTarget(currentHash);
         setCurrentListNo(t.listNo);
@@ -176,5 +154,4 @@ var MdNavbar = function MdNavbar(props) {
     }, ordered ? /*#__PURE__*/React.createElement("small", null, t.listNo) : null, t.text);
   })));
 };
-
 export default MdNavbar;

package/es/comps/MdNavbar/utils.js

@@ -8,26 +8,22 @@ export var getCurrentHashValue = function getCurrentHashValue() {
 };
 export var trimArrZero = function trimArrZero(arr) {
   var start, end;
-
   for (start = 0; start < arr.length; start++) {
     if (arr[start]) {
       break;
     }
   }
-
   for (end = arr.length - 1; end >= 0; end--) {
     if (arr[end]) {
       break;
     }
   }
-
   return arr.slice(start, end + 1);
 };
 export var updateHash = function updateHash(updateHashTimeout, value) {
   if (updateHashTimeout) {
     clearTimeout(updateHashTimeout);
   }
-
   updateHashTimeout = setTimeout(function () {
     window.history.replaceState({}, '', "".concat(window.location.pathname).concat(window.location.search, "#").concat(value));
   }, 0);

package/es/comps/MdView/index.js

@@ -2,7 +2,6 @@ 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
@@ -16,12 +15,11 @@ 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';
-
 var MdView = function MdView(props) {
   var source = props.source,
-      _props$isMarkNav = props.isMarkNav,
-      isMarkNav = _props$isMarkNav === void 0 ? false : _props$isMarkNav,
-      navOptions = props.navOptions;
+    _props$isMarkNav = props.isMarkNav,
+    isMarkNav = _props$isMarkNav === void 0 ? false : _props$isMarkNav,
+    navOptions = props.navOptions;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "react-mark-down",
     style: {
@@ -36,11 +34,10 @@ var MdView = function MdView(props) {
     components: {
       code: function code(_ref) {
         var node = _ref.node,
-            inline = _ref.inline,
-            className = _ref.className,
-            children = _ref.children,
-            props = _objectWithoutProperties(_ref, _excluded);
-
+          inline = _ref.inline,
+          className = _ref.className,
+          children = _ref.children,
+          props = _objectWithoutProperties(_ref, _excluded);
         var match = /language-(\w+)/.exec(className || 'javascript');
         return !inline && match ? /*#__PURE__*/React.createElement(SyntaxHighlighter, _extends({
           showLineNumbers: true,
@@ -66,5 +63,4 @@ var MdView = function MdView(props) {
     ordered: true
   }, navOptions)))));
 };
-
 export default MdView;