ronds-metadata 1.1.40 → 1.1.41

package/es/comps/MdView/index.js

@@ -3,7 +3,7 @@ import React from "react";
 /*
  * @Author: wangxian
  * @Date: 2022-09-02 16:17:38
- * @LastEditTime: 2022-09-02 17:10:04
+ * @LastEditTime: 2022-10-09 10:41:55
  */
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
@@ -38,7 +38,7 @@ var MdView = function MdView(props) {
   }, /*#__PURE__*/React.createElement(MarkNav, {
     className: "h-full w-full",
     source: source,
-    ordered: false
+    ordered: true
   }))));
 };
 

package/es/comps/MdView/index.less

@@ -1,6 +1,55 @@
+/* 颜色表 */
+@c-primary: #8400ff;
+@c-heading: rgba(0, 0, 0, 0.85);
+@c-text: #24292f;
+@c-secondary: #040405;
+@c-link: @c-primary;
+@c-border: #f3f4f5;
+@c-light-bg: #f9fafb;
+
+/* 尺寸表 */
+@s-nav-height: 64px;
+@s-mobile-nav-height: 50px;
+@s-menu-width: 260px;
+@s-site-menu-width: 320px;
+@s-menu-mobile-width: 240px;
+@s-content-margin: 20px;
+@s-toc-width: 363px;
+
+@img-logo: 'data:image/png;base64,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';
+@prefix: default;
+@mobile: ~'only screen and (max-width: 767px)';
+@desktop: ~'only screen and (min-width: 768px)';
+@icons: 'data:image/png;base64,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';
+
+.@{prefix}-icon {
+  background: url(@icons) no-repeat ~'0 0/230px auto';
+}
+
+/* 响应式断点 */
+@v-device-show: ~'only screen and (min-width: 961px)';
+@v-device-hide: ~'only screen and (max-width: 960px)';
+
+/* 移动设备尺寸 */
+@s-device-gap-top: 0px;
+@s-device-border-width: 14px;
+@s-device-shell-width: @s-device-border-width + 2px;
+@s-device-width: 375px;
+@s-device-ratio: 19.5 / 9;
+
+/* 颜色表 - dark */
+@c-bg-dark: #141414;
+@c-light-bg-dark: rgba(255, 255, 255, 0.08);
+@c-primary-dark: #7395f7;
+@c-heading-dark: rgba(255, 255, 255, 0.85);
+@c-text-dark: rgba(255, 255, 255, 0.85);
+@c-secondary-dark: rgba(255, 255, 255, 0.65);
+@c-border-dark: #6b6c6d;
+@c-btn-border-dark: #464646;
+
 .react-mark-down {
   flex: 1;
-  padding: 10px;
+  padding: 12px !important;
   overflow-y: auto;
   ul {
     li {
@@ -12,4 +61,282 @@
       list-style: auto;
     }
   }
+
+  color: @c-text;
+  font-size: 14px;
+  line-height: 1.60625;
+  background-color: #fff;
+  border-radius: 8px;
+  counter-reset: h2-index;
+
+  #api {
+    position: relative;
+    margin-top: 49px;
+    &::after {
+      position: relative;
+      top: -48px;
+      left: -20px;
+      width: calc(100% + 44px);
+      height: 1px;
+      display: block;
+      content: '';
+      background: #f3f4f5;
+    }
+  }
+
+  & > h2 {
+    position: relative;
+    // &::before {
+    //   position: absolute;
+    //   left: -20px;
+    //   display: block;
+    //   counter-increment: h2-index;
+    //   content: counter(h2-index) '.';
+    // }
+    & > a {
+      position: relative;
+      left: -20px;
+    }
+  }
+
+  @media @mobile {
+    padding: 16px !important;
+    & > h2 {
+      &::before {
+        display: none;
+      }
+    }
+  }
+
+  > *:nth-child(1) {
+    margin-top: 0;
+  }
+
+  &:not(:first-child):empty {
+    min-height: 32px;
+  }
+
+  // titles
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin: 42px 0 18px;
+    color: @c-heading;
+    font-weight: 600;
+    line-height: 1.40625;
+    border-bottom: none !important;
+
+    // anchor link
+    &:hover > a[aria-hidden] {
+      float: left;
+      margin-top: 0.06em;
+      margin-left: -20px;
+      width: 20px;
+      padding-right: 4px;
+      line-height: 1;
+      box-sizing: border-box;
+
+      @media @mobile {
+        width: 14px;
+        margin-left: -14px;
+      }
+
+      &::after {
+        content: '#';
+        display: inline-block;
+        vertical-align: middle;
+        font-size: 20px;
+      }
+
+      span {
+        display: none;
+      }
+    }
+
+    + h1,
+    + h2,
+    + h3,
+    + h4,
+    + h5,
+    + h6 {
+      margin-top: 16px;
+    }
+  }
+
+  h1 {
+    margin-top: 48px;
+    margin-bottom: 32px;
+    font-size: 28px;
+  }
+
+  h2 {
+    font-size: 18px;
+  }
+
+  h3 {
+    font-size: 16px;
+  }
+
+  h4 {
+    font-size: 15px;
+  }
+
+  h5 {
+    font-size: 15px;
+  }
+
+  h6 {
+    font-size: 15px;
+  }
+
+  // paragraph
+  p {
+    margin: 16px 0;
+  }
+
+  // horizontal line
+  hr {
+    margin: 16px 0;
+    border: 0;
+    border-top: 1px solid @c-border;
+  }
+
+  // blockquote
+  blockquote {
+    margin: 16px 0;
+    padding: 10px 24px;
+    color: fadeout(@c-text, 30%);
+    border-left: 4px solid #376ce5;
+    background-color: #f3f4f5;
+    overflow: hidden;
+
+    p {
+      font-size: 14px;
+      line-height: 20px;
+    }
+  }
+
+  // list
+  ul,
+  ol {
+    margin: 8px 0 8px 16px;
+    padding: 0;
+
+    li {
+      margin-bottom: 4px;
+      font-size: 14px;
+    }
+  }
+
+  ul {
+    list-style-type: circle;
+  }
+
+  // table
+  table {
+    width: 100%;
+
+    margin-top: 16px;
+    border: 1px solid @c-border;
+    /* 消除单元格之间的空隙 */
+    border-collapse: collapse;
+    /* 消除掉外边框 */
+    border-style: hidden;
+    /* hack一下加个假边框 */
+    // box-shadow: 0 0 0 1px @c-border;
+    // 溢出背景处理
+    overflow: hidden;
+    table-layout: fixed;
+    th,
+    td {
+      padding: 10px 20px;
+      // border: 1px solid @c-border;
+      font-weight: normal;
+    }
+
+    @media @mobile {
+      th,
+      td {
+        padding: 4px;
+      }
+    }
+
+    th {
+      background: @c-light-bg;
+      font-weight: 600;
+      color: rgba(0, 0, 0, 0.85);
+    }
+
+    td {
+      color: rgba(0, 0, 0, 0.85);
+
+      code {
+        background-color: #f3f4f5;
+        min-height: 20px;
+        line-height: 20px;
+        text-align: center;
+        padding: 0 6px;
+        display: inline-block;
+        border: 1px solid rgba(0, 0, 0, 0.05);
+        border-radius: 2px;
+        color: rgba(0, 0, 0, 0.85);
+      }
+    }
+
+    .col {
+      font-size: 12px;
+      // overflow: auto;
+      word-break: break-all;
+      text-align: left;
+      // div {
+      //   overflow: auto;
+      // }
+    }
+    .col-0 {
+      width: 25%;
+      .col();
+    }
+    .col-1 {
+      width: 24%;
+      .col();
+    }
+    .col-2 {
+      width: 30%;
+      .col();
+    }
+    .col-3 {
+      .col();
+    }
+
+    a {
+      svg {
+        display: none;
+      }
+    }
+  }
+
+  // links
+  a {
+    color: #346ae5;
+    text-decoration: none;
+    transition: opacity 0.2s;
+    outline: none;
+
+    &:hover {
+      opacity: 0.7;
+      text-decoration: underline;
+    }
+
+    &:active {
+      opacity: 0.9;
+    }
+  }
+
+  // images
+  img {
+    max-width: 100%;
+  }
 }

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

@@ -22,7 +22,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-08-11 18:42:06
+ * @LastEditTime: 2022-10-09 18:29:47
  */
 import React from 'react';
 import { MetadataFormContext, MetadataRefContext } from '../interface';
@@ -313,7 +313,7 @@ function Index(props) {
     key: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.defaultValue,
     initialValue: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.defaultValue,
     style: {
-      display: "".concat(extraInfo.hidden ? 'none' : 'block')
+      display: "".concat(extraInfo.hidden ? 'none' : '')
     },
     label: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.label) || id,
     name: name,

package/es/comps/MetadataForm/HOC/index.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-09-08 11:08:30
+ * @LastEditTime: 2022-10-09 17:12:36
  */
 import React from 'react';
 import { deepClone } from '../../../utils';
@@ -52,7 +52,7 @@ export function withAddOnAfter(WrappedComponent) {
     }, props, {
       style: {
         padding: '0px',
-        display: 'flex '
+        display: 'flex !important'
       },
       name: _name,
       isObj: isObj

package/es/comps/MetadataForm/HOC/index.less

@@ -2,8 +2,13 @@
   --card-bg: #ffffff;
   position: relative;
   width: 100%;
-  & > .ant-form-item {
+
+  .ant-form-item-label {
     padding: 0 !important;
+  }
+
+  & > .ant-form-item {
+    padding: 0 0 8px !important;
     flex: 1;
   }
   &-extra {
@@ -23,4 +28,3 @@
     z-index: 1000;
   }
 }
-

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

@@ -34,6 +34,11 @@ interface IMetadataFormProps {
      * 引用类型是否显示成表单
      */
     isRefForm?: boolean;
+    /**
+     * 一行占多少个表单
+     */
+    colSpan?: number;
+    layout?: 'vertical' | 'horizontal';
     /**
      * 获取表单的实例
      */

package/es/comps/MetadataForm/index.js

@@ -20,6 +20,10 @@ var MetadataForm = function MetadataForm(props) {
   var schema = props.schema,
       initialValues = props.initialValues,
       refId = props.refId,
+      _props$colSpan = props.colSpan,
+      colSpan = _props$colSpan === void 0 ? 24 : _props$colSpan,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? 'vertical' : _props$layout,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       _props$isRefForm = props.isRefForm,
@@ -154,13 +158,13 @@ var MetadataForm = function MetadataForm(props) {
     wrapperCol: {
       span: 24,
       offset: 0
-    } // layout="vertical"
-    ,
+    },
+    layout: layout,
     form: form,
     name: "control-hooks",
     onFinish: onFinish,
     onValuesChange: onValuesChange
-  }, renderForm(mySchma, options, stream$))));
+  }, renderForm(mySchma, options, colSpan))));
 };
 
 export default MetadataForm;

package/es/comps/MetadataForm/index.less

@@ -1,11 +1,11 @@
-.metadata-form {
-  // .ant-row {
-  //   display: flex !important;
-  // }
-  .ant-form-item {
-    margin: 0;
-  }
-  .ant-form-item-label > label .ant-form-item-tooltip {
-    margin-left: 5px;
-  }
-}
+.metadata-form {
+  // .ant-row {
+  //   display: flex !important;
+  // }
+  .ant-form-item {
+    margin: 0;
+  }
+  .ant-form-item-label > label .ant-form-item-tooltip {
+    margin-left: 5px;
+  }
+}

package/es/comps/MetadataForm/utils.d.ts

@@ -11,5 +11,5 @@ export declare function getDataCell(item: any, options: IFormOptions): JSX.Eleme
  * @param isObj 是否是个对象
  * @returns
  */
-export declare function renderForm(schemaRef: any[], options: IFormOptions, stream$?: any): JSX.Element;
+export declare function renderForm(schemaRef: any[], options: IFormOptions, colSpan?: number): JSX.Element;
 export declare function getLabelByProps(data: any): any;

package/es/comps/MetadataForm/utils.js

@@ -9,7 +9,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-09-29 16:39:18
+ * @LastEditTime: 2022-10-09 17:19:24
  */
 import React from 'react';
 import Input from './DataCell/Input';
@@ -70,7 +70,8 @@ export function getDataCell(item, options) {
  * @returns
  */
 
-export function renderForm(schemaRef, options, stream$) {
+export function renderForm(schemaRef, options) {
+  var colSpan = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 24;
   if (schemaRef.length === 0) return /*#__PURE__*/React.createElement(_Spin, null);
   var _schema = schemaRef[0];
   var _properties = _schema.properties;
@@ -78,7 +79,7 @@ export function renderForm(schemaRef, options, stream$) {
 
   for (var i = 0; i < _properties.length; i++) {
     _form.push( /*#__PURE__*/React.createElement(_Col, {
-      span: 24
+      span: colSpan
     }, getDataCell(_properties[i], options)));
   }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.1.40",
+  "version": "1.1.41",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",