ronds-metadata 1.0.44 → 1.0.47

package/es/comps/Editable/DataCell/Input.js

@@ -6,7 +6,7 @@ import _Input from "antd/es/input";
 /*
  * @Author: wangxian
  * @Date: 2022-03-04 14:53:50
- * @LastEditTime: 2022-03-09 11:13:21
+ * @LastEditTime: 2022-03-10 14:38:32
  */
 import React from 'react';
 import { EditableContext } from '../interface';
@@ -28,8 +28,10 @@ function Index(props) {
 
     if (((_editConfig$editCellK = editConfig.editCellKey) === null || _editConfig$editCellK === void 0 ? void 0 : _editConfig$editCellK.dataIndex) === dataIndex && ((_editConfig$editCellK2 = editConfig.editCellKey) === null || _editConfig$editCellK2 === void 0 ? void 0 : _editConfig$editCellK2.rowIndex) === rowIndex) {
       if (firstLoadRef.current) {
+        var _inputRef$current$sta, _inputRef$current$sta2;
+
         // 选中内容
-        inputRef.current.input.setSelectionRange(0, inputRef.current.state.value.length);
+        inputRef.current.input.setSelectionRange(0, ((_inputRef$current$sta = inputRef.current.state) === null || _inputRef$current$sta === void 0 ? void 0 : (_inputRef$current$sta2 = _inputRef$current$sta.value) === null || _inputRef$current$sta2 === void 0 ? void 0 : _inputRef$current$sta2.length) || 0);
         firstLoadRef.current = false;
       } // 设置焦点
 

package/es/comps/Editable/comps/EditableCell.js

@@ -2,14 +2,15 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import "antd/es/message/style";
 import _message from "antd/es/message";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["editable", "record", "editableType", "dataIndex", "rowIndex", "children"];
+var _excluded = ["isAddColumn", "editable", "record", "editableType", "dataIndex", "rowIndex", "children"];
 import React from 'react';
 import { EditableContext } from '../interface';
 import { getDataCell, isFreeEditCell, isFreeEditRow } from '../utils';
 import "./index.css";
 
 var EditableCell = function EditableCell(props) {
-  var editable = props.editable,
+  var isAddColumn = props.isAddColumn,
+      editable = props.editable,
       record = props.record,
       editableType = props.editableType,
       dataIndex = props.dataIndex,
@@ -19,13 +20,12 @@ var EditableCell = function EditableCell(props) {
 
   var _ref = React.useContext(EditableContext) || undefined,
       editableStream = _ref.editableStream,
-      editConfig = _ref.editConfig;
+      editConfig = _ref.editConfig; // console.log('EditableCell', props, editConfig);
 
-  var onCellDoubleClick = function onCellDoubleClick() {
-    if (editConfig === null || editConfig === void 0 ? void 0 : editConfig.curRow) {
-      var _editConfig$curRow;
 
-      if (((_editConfig$curRow = editConfig.curRow) === null || _editConfig$curRow === void 0 ? void 0 : _editConfig$curRow.toString().split(',').indexOf("".concat(rowIndex))) > -1) return;
+  var onCellDoubleClick = function onCellDoubleClick() {
+    if ((editConfig === null || editConfig === void 0 ? void 0 : editConfig.curRow) && (editConfig === null || editConfig === void 0 ? void 0 : editConfig.curRow) !== 'undefined') {
+      if (isFreeEditRow(editConfig.curRow, rowIndex)) return;
 
       _message.warning('请先保存正在编辑的行');
 
@@ -51,20 +51,33 @@ var EditableCell = function EditableCell(props) {
         }
       });
     }
+
+    if (isAddColumn) {
+      editableStream.next({
+        type: 'editHeardCellKey',
+        payload: undefined
+      });
+    }
   };
 
   if (editableType === 'single') {
-    return /*#__PURE__*/React.createElement("td", restProps, editable && editConfig.curRow === rowIndex ? getDataCell(props) : children);
+    return /*#__PURE__*/React.createElement("td", _extends({}, restProps, {
+      className: "ant-table-cell ".concat(isAddColumn && editConfig.editHeardCellKey === dataIndex ? 'border-right' : '', " ")
+    }), editable && editConfig.curRow === rowIndex ? getDataCell(props) : children);
   }
 
   if (editableType === 'freedom') {
     return /*#__PURE__*/React.createElement("td", _extends({
       onDoubleClick: onCellDoubleClick,
       onClick: onCellClick
-    }, restProps), editable && (isFreeEditRow(editConfig.curRow, rowIndex) || isFreeEditCell(editConfig.editCellKey, dataIndex, rowIndex)) ? getDataCell(props) : children);
+    }, restProps, {
+      className: "ant-table-cell ".concat(isAddColumn && editConfig.editHeardCellKey === dataIndex ? 'border-right' : '', " ")
+    }), editable && (isFreeEditRow(editConfig.curRow, rowIndex) || isFreeEditCell(editConfig.editCellKey, dataIndex, rowIndex)) ? getDataCell(props) : children);
   }
 
-  return /*#__PURE__*/React.createElement("td", restProps, editable ? getDataCell(props) : children);
+  return /*#__PURE__*/React.createElement("td", _extends({}, restProps, {
+    className: "ant-table-cell ".concat(isAddColumn && editConfig.editHeardCellKey === dataIndex ? 'border-right' : '', " ")
+  }), editable ? getDataCell(props) : children);
 };
 
 export default EditableCell;

package/es/comps/Editable/comps/EditableHeardCell.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { EditableHeardCellProps } from '../interface';
+import './index.less';
+declare const EditableHeardCell: React.FC<EditableHeardCellProps>;
+export default EditableHeardCell;

package/es/comps/Editable/comps/EditableHeardCell.js

@@ -0,0 +1,141 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import "antd/es/popover/style";
+import _Popover from "antd/es/popover";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["title", "dataIndex", "isAddColumn", "children"];
+import { PlusSquareOutlined, DeleteOutlined } from '@ant-design/icons';
+import React from 'react';
+import { EditableContext } from '../interface';
+import "./index.css";
+
+var EditableHeardCell = function EditableHeardCell(props) {
+  var title = props.title,
+      dataIndex = props.dataIndex,
+      isAddColumn = props.isAddColumn,
+      children = props.children,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _ref = React.useContext(EditableContext) || undefined,
+      editableStream = _ref.editableStream,
+      editConfig = _ref.editConfig;
+
+  var addColumnRef = React.useRef({
+    key: '',
+    title: ''
+  });
+
+  var _React$useState = React.useState({
+    key: '',
+    title: ''
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      addColumn = _React$useState2[0],
+      setAddColumn = _React$useState2[1];
+
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      visible = _React$useState4[0],
+      setVisible = _React$useState4[1];
+
+  var onMouseOver = function onMouseOver() {
+    editableStream.next({
+      type: 'editHeardCellKey',
+      payload: dataIndex
+    });
+  };
+
+  var onMouseLeave = function onMouseLeave() {};
+
+  var onAddColumn = function onAddColumn() {
+    setVisible(false);
+    editableStream.next({
+      type: 'onAddColumn',
+      payload: _objectSpread({
+        dataIndex: dataIndex
+      }, addColumnRef.current)
+    });
+    setAddColumn({
+      key: '',
+      title: ''
+    });
+    addColumnRef.current = {
+      key: '',
+      title: ''
+    };
+  };
+
+  var content = /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, /*#__PURE__*/React.createElement(_Input, {
+    value: addColumn.key,
+    style: {
+      width: '100%',
+      marginBottom: '5px'
+    },
+    onChange: function onChange(e) {
+      var _ = addColumnRef.current;
+      _.key = e.target.value;
+      setAddColumn(_objectSpread({}, _));
+      addColumnRef.current = _;
+    },
+    placeholder: "\u8BF7\u8F93\u5165key"
+  }), /*#__PURE__*/React.createElement(_Input, {
+    value: addColumn.title,
+    style: {
+      width: '100%'
+    },
+    onChange: function onChange(e) {
+      var _ = addColumnRef.current;
+      _.title = e.target.value;
+      setAddColumn(_objectSpread({}, _));
+      addColumnRef.current = _;
+    },
+    placeholder: "\u8BF7\u8F93\u5165title",
+    onPressEnter: onAddColumn
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
+    type: "primary",
+    block: true,
+    onClick: onAddColumn
+  }, "\u786E\u5B9A")));
+
+  var onVisibleChange = function onVisibleChange(b) {
+    setVisible(b);
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("th", _extends({}, restProps, {
+    className: "ant-table-cell ".concat(isAddColumn && editConfig.editHeardCellKey === dataIndex ? 'border-right ' : '', " ")
+  }), isAddColumn && /*#__PURE__*/React.createElement(_Popover, {
+    placement: "rightTop",
+    content: content,
+    trigger: "click",
+    visible: visible,
+    onVisibleChange: onVisibleChange
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(editConfig.editHeardCellKey === dataIndex ? 'editable-th-hover-add' : 'display-none')
+  }, /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    icon: /*#__PURE__*/React.createElement(PlusSquareOutlined, null)
+  }))), isAddColumn && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(editConfig.editHeardCellKey === dataIndex ? 'editable-th-hover-delete' : 'display-none')
+  }, /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
+  })), /*#__PURE__*/React.createElement("div", {
+    onMouseOver: onMouseOver,
+    onMouseLeave: onMouseLeave
+  }, children)));
+};
+
+export default EditableHeardCell;

package/es/comps/Editable/comps/index.css

@@ -0,0 +1,19 @@
+.editable-th-hover-add {
+  position: absolute;
+  right: -16px;
+  top: -30px;
+}
+.editable-th-hover-delete {
+  position: absolute;
+  left: 49%;
+  top: -30px;
+}
+.display-none {
+  display: none;
+}
+.border-right {
+  border-right: 1px solid var(--antd-wave-shadow-color) !important;
+}
+.border-top {
+  border-top: 1px solid var(--antd-wave-shadow-color) !important;
+}

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

@@ -11,7 +11,7 @@ interface IEditableProps<R = any> {
     /**
      * 表格列的配置描述
      */
-    columns: EditColumnsType;
+    columns: EditColumnsType[];
     /**
      * 新增一列 默认的值
      */
@@ -28,6 +28,10 @@ interface IEditableProps<R = any> {
      * 只读
      */
     readonly?: boolean;
+    /**
+     * 是否可以添加列
+     */
+    isAddColumn?: boolean;
     /**
      * antd自身的属性
      */

package/es/comps/Editable/index.js

@@ -3,10 +3,10 @@ import _Button from "antd/es/button";
 import "antd/es/table/style";
 import _Table from "antd/es/table";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/message/style";
+import _message from "antd/es/message";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import { BehaviorSubject } from 'rxjs';
@@ -16,6 +16,7 @@ import EditableRow from './comps/EditableRow';
 import { EditableContext } from './interface';
 import EditableAction from './comps/EditableAction';
 import { isFreeEditRow, removeCurKeyFromEditRow } from './utils';
+import EditableHeardCell from './comps/EditableHeardCell';
 
 var Editable = function Editable(props) {
   var _props$type = props.type,
@@ -26,6 +27,8 @@ var Editable = function Editable(props) {
       defaultValue = props.defaultValue,
       _props$addPosition = props.addPosition,
       addPosition = _props$addPosition === void 0 ? 'bottom' : _props$addPosition,
+      _props$isAddColumn = props.isAddColumn,
+      isAddColumn = _props$isAddColumn === void 0 ? false : _props$isAddColumn,
       tableProps = props.tableProps,
       onRowConfirm = props.onRowConfirm,
       onRowDelete = props.onRowDelete,
@@ -54,8 +57,21 @@ var Editable = function Editable(props) {
   var _React$useState7 = React.useState(),
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       editCellKey = _React$useState8[0],
-      setEditCellkey = _React$useState8[1]; // 记录上一次发生改变的行值
+      setEditCellkey = _React$useState8[1]; // 添加一列表头
+
+
+  var _React$useState9 = React.useState(),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      editHeardCellKey = _React$useState10[0],
+      setEditHeardCellkey = _React$useState10[1]; // 记录临时加的列头
+
+
+  var _React$useState11 = React.useState([]),
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      addColumns = _React$useState12[0],
+      setAddColumns = _React$useState12[1];
 
+  var addColumnsRef = React.useRef([]); // 记录上一次发生改变的行值
 
   var lastValueRef = React.useRef(); // 记录上一次的datasource
 
@@ -65,6 +81,35 @@ var Editable = function Editable(props) {
   var editableStream = React.useMemo(function () {
     return new BehaviorSubject(undefined);
   }, []);
+
+  var processAddColumnsData = function processAddColumnsData(data) {
+    var _columns = addColumnsRef.current.length > 0 ? addColumnsRef.current : columns; // 判断key是否重复
+
+
+    if (_columns.findIndex(function (v) {
+      return v.key === data.key;
+    }) > -1) {
+      _message.warning('表格的key不可以重复');
+
+      return;
+    }
+
+    var idx = _columns.findIndex(function (v) {
+      return v.dataIndex === data.dataIndex;
+    });
+
+    var obj = {
+      title: data.title,
+      key: data.key,
+      dataIndex: data.key
+    };
+
+    _columns.splice(idx + 1, 0, _objectSpread(_objectSpread({}, _columns[0]), obj));
+
+    setAddColumns(_toConsumableArray(_columns));
+    addColumnsRef.current = _columns; // editableStream.next({ type: 'editHeardCellKey', payload: undefined });
+  };
+
   var processStreamFactory = React.useCallback(function (data) {
     switch (data === null || data === void 0 ? void 0 : data.type) {
       case 'onValuesChange':
@@ -104,7 +149,14 @@ var Editable = function Editable(props) {
           dataIndex: data.payload.dataIndex,
           rowIndex: data.payload.rowIndex
         });
-        editRowKeyRef.current = data.payload._rowKey_;
+        break;
+
+      case 'editHeardCellKey':
+        setEditHeardCellkey(data.payload);
+        break;
+
+      case 'onAddColumn':
+        processAddColumnsData(data.payload);
         break;
 
       case 'onSingleSave':
@@ -197,18 +249,30 @@ var Editable = function Editable(props) {
       _column.onCell = function (record, rowIndex) {
         return _objectSpread(_objectSpread({
           record: record,
-          editableType: type
+          editableType: type,
+          isAddColumn: isAddColumn
         }, pick(column, ['editable', 'title', 'dataIndex', 'type', 'enum', 'disabled'])), {}, {
           rowIndex: rowIndex
         });
       };
     }
 
+    if (isAddColumn) {
+      _column.onHeaderCell = function (col) {
+        return _objectSpread({
+          width: col.width,
+          isAddColumn: isAddColumn
+        }, pick(column, ['title', 'dataIndex']));
+      };
+    }
+
     return _column;
   }, [readonly, type]); // 处理一下编辑表格的数据
 
   var _columns = React.useMemo(function () {
-    var res = columns.map(getEditColumn);
+    var __columns__ = addColumns && addColumns.length > 0 ? addColumns : columns;
+
+    var res = __columns__.map(getEditColumn);
 
     if (!readonly) {
       var _aciton_ = {
@@ -230,7 +294,7 @@ var Editable = function Editable(props) {
     }
 
     return res;
-  }, [columns, readonly, type]); // 主要是自己加一层rowkey
+  }, [columns, readonly, type, addColumns]); // 主要是自己加一层rowkey
 
 
   var _dataSource = React.useMemo(function () {
@@ -282,7 +346,8 @@ var Editable = function Editable(props) {
       editConfig: {
         curRow: editRowKey,
         type: editType,
-        editCellKey: editCellKey
+        editCellKey: editCellKey,
+        editHeardCellKey: editHeardCellKey
       }
     }
   }, /*#__PURE__*/React.createElement(_Table, _extends({
@@ -294,6 +359,9 @@ var Editable = function Editable(props) {
     columns: _columns,
     dataSource: _dataSource,
     components: {
+      header: {
+        cell: EditableHeardCell
+      },
       body: {
         row: EditableRow,
         cell: EditableCell
@@ -305,7 +373,7 @@ var Editable = function Editable(props) {
         index: index
       };
     }
-  })), (type === 'multiple' || type === 'freedom') && /*#__PURE__*/React.createElement(_Button, {
+  })), (type === 'multiple' || type === 'freedom') && !readonly && /*#__PURE__*/React.createElement(_Button, {
     block: true,
     type: "dashed",
     style: {

package/es/comps/Editable/interface.d.ts

@@ -6,6 +6,7 @@ export interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
     editable: boolean;
     disabled?: boolean;
     dataIndex: string;
+    isAddColumn: boolean;
     rowIndex: number;
     record: any;
     type: InputType;
@@ -16,6 +17,13 @@ export interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
     }[];
     children: React.ReactNode;
 }
+export interface EditableHeardCellProps extends React.HTMLAttributes<HTMLElement> {
+    title: any;
+    width: number;
+    isAddColumn: boolean;
+    dataIndex: string;
+    children: React.ReactNode;
+}
 export interface EditableRowProps extends React.HTMLAttributes<HTMLElement> {
     rowIndex: number;
     record?: any;
@@ -47,6 +55,7 @@ export interface IEditableContextProps {
             dataIndex: string;
             rowIndex: number;
         };
+        editHeardCellKey: string;
     };
 }
 export declare const EditableContext: React.Context<IEditableContextProps>;

package/es/comps/Editable/interface.js

@@ -1,7 +1,7 @@
 /*
  * @Author: wangxian
  * @Date: 2022-03-04 15:07:57
- * @LastEditTime: 2022-03-08 17:06:55
+ * @LastEditTime: 2022-03-10 13:49:40
  */
 import React from 'react';
 export var EditableContext = /*#__PURE__*/React.createContext(null);

package/es/comps/MdEdit/index.css

@@ -0,0 +1,3 @@
+.rc-md-editor.full {
+  width: 100% !important;
+}

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

@@ -0,0 +1,10 @@
+import 'react-markdown-editor-lite/lib/index.css';
+import './index.less';
+interface IMdEditProps {
+    value: string;
+    width?: number;
+    height?: number;
+    onChange: (txt: string) => void;
+}
+declare const MdEdit: (props: IMdEditProps) => JSX.Element;
+export default MdEdit;

package/es/comps/MdEdit/index.js

@@ -0,0 +1,51 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-15 15:29:51
+ * @LastEditTime: 2022-03-16 17:08:11
+ */
+import React from 'react';
+import MdEditor from 'react-markdown-editor-lite';
+import MarkdownIt from 'markdown-it';
+import emoji from 'markdown-it-emoji';
+import 'react-markdown-editor-lite/lib/index.css';
+import "./index.css";
+var mdParser = new MarkdownIt({
+  html: true,
+  linkify: true,
+  typographer: true // highlight: (str: string = '', lang: string) => {
+  //   if (lang && hljs.getLanguage(lang)) {
+  //     try {
+  //       return hljs.highlight(lang, str).value;
+  //     } catch (__) {
+  //       // ...
+  //     }
+  //   }
+  //   return '';
+  // },
+
+}).use(emoji);
+
+var MdEdit = function MdEdit(props) {
+  var value = props.value,
+      width = props.width,
+      height = props.height,
+      onChange = props.onChange;
+
+  var onValueChange = function onValueChange(v) {
+    onChange && onChange(v.text);
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MdEditor, {
+    value: value,
+    style: {
+      width: "".concat(width, "px"),
+      height: "".concat(height, "px")
+    },
+    renderHTML: function renderHTML(text) {
+      return mdParser.render(text);
+    },
+    onChange: onValueChange
+  }));
+};
+
+export default MdEdit;

package/es/comps/MetadataEdit/components/MetaPropsEdit.d.ts

@@ -5,6 +5,7 @@ interface IMetaPropsEditProps {
     metadataTag?: string;
     name: string;
     isEdit?: boolean;
+    isAddFields?: boolean;
     onAddFields?: (idx: number) => void;
     onNewRefClick?: () => void;
 }

package/es/comps/MetadataEdit/components/MetaPropsEdit.js

@@ -23,6 +23,8 @@ var MetaPropsEdit = function MetaPropsEdit(props) {
       id = props.id,
       metadataTag = props.metadataTag,
       name = props.name,
+      _props$isAddFields = props.isAddFields,
+      isAddFields = _props$isAddFields === void 0 ? true : _props$isAddFields,
       onAddFields = props.onAddFields,
       onNewRefClick = props.onNewRefClick;
 
@@ -320,7 +322,7 @@ var MetaPropsEdit = function MetaPropsEdit(props) {
       },
       block: true,
       icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
-    }, "\u6DFB\u52A0".concat(name, "\u540D\u79F0"))), /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Button, {
+    }, "\u6DFB\u52A0".concat(name, "\u540D\u79F0"))), isAddFields && /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Button, {
       type: "dashed",
       onClick: function onClick() {
         onAddFields(-1);

package/es/index.d.ts

@@ -4,6 +4,7 @@ export { default as MetadataEditV2 } from './comps/MetadataEditV2';
 export { default as MetadataForm } from './comps/MetadataForm';
 export { default as JsonView } from './comps/JsonView';
 export { default as JsonEdit } from './comps/JsonEdit';
+export { default as MdEditor } from './comps/MdEdit';
 export { default as Editable } from './comps/Editable';
 export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';

package/es/index.js

@@ -1,7 +1,7 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-03-09 08:43:55
+ * @LastEditTime: 2022-03-16 16:51:12
  */
 export { default as MetadataEdit } from './comps/MetadataEdit';
 export { default as MetaPropsEdit } from './comps/MetadataEdit/components/MetaPropsEdit';
@@ -9,6 +9,7 @@ export { default as MetadataEditV2 } from './comps/MetadataEditV2';
 export { default as MetadataForm } from './comps/MetadataForm';
 export { default as JsonView } from './comps/JsonView';
 export { default as JsonEdit } from './comps/JsonEdit';
+export { default as MdEditor } from './comps/MdEdit';
 export { default as Editable } from './comps/Editable';
 export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';

package/package.json

@@ -1,7 +1,7 @@
 {
- "public": true,
+  "public": true,
   "name": "ronds-metadata",
-  "version": "1.0.44",
+  "version": "1.0.47",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -39,10 +39,14 @@
     "babel-plugin-transform-remove-console": "^6.9.4",
     "bl": "^5.0.0",
     "codemirror": "^5.63.0",
+    "highlight.js": "11.3.1",
     "lodash": "^4.17.21",
+    "markdown-it": "^12.3.2",
+    "markdown-it-emoji": "^2.0.0",
     "qs": "^6.10.1",
     "react": "^16.12.0",
     "react-color": "^2.19.3",
+    "react-markdown-editor-lite": "^1.3.2",
     "rxjs": "^7.5.4"
   },
   "peerDependencies": {
@@ -73,4 +77,3 @@
     "yorkie": "^2.0.0"
   }
 }
-