ronds-metadata 1.2.29 → 1.2.31

package/es/comps/FormGenerator/comps/Settings/index.js

@@ -32,7 +32,10 @@ var Settings = function Settings() {
   }); // 处理默认数据
 
   var processDefaultValue = React.useCallback(function (data) {
+    var _data$settings;
+
     settingValueRef.current = data.settings;
+    formRef.current.setFieldsValue(_objectSpread({}, (data === null || data === void 0 ? void 0 : (_data$settings = data.settings) === null || _data$settings === void 0 ? void 0 : _data$settings.formSetting) || {}));
     fGCtx.fgStream && fGCtx.fgStream.next({
       type: streamEventType.onSettingValueChange,
       payload: _objectSpread(_objectSpread({}, data.settings), {}, {

package/es/comps/FormGenerator/index.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2023-02-04 13:45:31
- * @LastEditTime: 2023-04-01 09:37:13
+ * @LastEditTime: 2023-04-06 10:38:34
  */
 import React from 'react';
 import { DndProvider } from 'react-dnd';
@@ -32,18 +32,19 @@ var FormGenerator = function FormGenerator(props) {
 
   var typesRef = React.useRef({});
   React.useEffect(function () {
-    var robot = new FormRobot();
+    var robot = new FormRobot(); // const name = robot.input('name').label('名称').require().placeholder('请输入名称').valueOf();
+    // const age = robot.input('age').label('年龄').defaultValue(1).valueOf();
+    // const address = robot.textarea('address').label('地址').help('详细地址').valueOf();
+    // const sex = robot.select('sex').label('性别').valueOf();
+    // const birthday = robot.date('birthday').label('出身年月').require().valueOf();
+    // const detail = robot.object([name, age], 'detail').valueOf();
+    // const arr = robot.create([name, age, address, sex, birthday, detail]).grid(2).toString();
 
-    var name = robot.input('name').label('名称').require().placeholder('请输入名称').valueOf();
+    var project = robot.select('project').label('归档标签库').valueOf();
+    var group = robot.select('group').label('标签组').valueOf();
+    var label = robot.select('label').label('标签').valueOf();
 
-    var age = robot.input('age').label('年龄').defaultValue(1).valueOf();
-    var address = robot.textarea('address').label('地址').help('详细地址').valueOf();
-    var sex = robot.select('sex').label('性别').valueOf();
-
-    var birthday = robot.date('birthday').label('出身年月').require().valueOf();
-
-    var detail = robot.object([name, age], 'detail').valueOf();
-    var arr = robot.create([name, age, address, sex, birthday, detail]).grid(2).toString();
+    var _res = robot.create([project, group, label]).toString();
   }, []);
   React.useEffect(function () {
     if (defaultSchema) {

package/es/comps/FormGenerator/transformer.js

@@ -4,7 +4,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 /*
  * @Author: wangxian
  * @Date: 2023-02-08 14:45:46
- * @LastEditTime: 2023-03-25 11:33:24
+ * @LastEditTime: 2023-04-06 10:38:43
  */
 import { deepClone } from '../../utils';
 import { basicComps, complexComps, layoutComps } from './settings';
@@ -85,7 +85,7 @@ export var transFG2Schema = function transFG2Schema(nodes, settings, _types, sch
         };
       }
 
-      var _prop = renderProp(nodes[i], settings ? settings[nodes[i].id] : nodes[i].param.setting);
+      var _prop = renderProp(nodes[i], settings[nodes[i].id] ? settings[nodes[i].id] : nodes[i].param.setting);
 
       props.push(_prop);
     }
@@ -272,14 +272,22 @@ var getTypeParent = function getTypeParent(refId, _props) {
 
 
 export var transSchema2FG = function transSchema2FG(schema) {
-  var _schema$;
+  var _schema$, _schema$2;
 
   var res = {
     nodes: [],
     settings: {},
     types: {}
   };
-  var _props = schema[0].properties;
+  var _props = schema[0].properties; // 表单扩展规则
+
+  var _formFields = (_schema$ = schema[0]) === null || _schema$ === void 0 ? void 0 : _schema$.fields;
+
+  if (_formFields) {
+    res.settings = _objectSpread(_objectSpread({}, res.settings), {}, {
+      formSetting: _formFields[0].value
+    });
+  }
 
   for (var i = 0; i < _props.length; i++) {
     var obj = processProps(_props[i]);
@@ -287,7 +295,7 @@ export var transSchema2FG = function transSchema2FG(schema) {
     res.settings = _objectSpread(_objectSpread({}, res.settings), obj.setting);
   }
 
-  var _types = (_schema$ = schema[0]) === null || _schema$ === void 0 ? void 0 : _schema$.types;
+  var _types = (_schema$2 = schema[0]) === null || _schema$2 === void 0 ? void 0 : _schema$2.types;
 
   if (_types && _types.length > 0) {
     for (var _i2 = 0; _i2 < _types.length; _i2++) {

package/es/comps/MdEdit/index.js

@@ -1,13 +1,13 @@
 /*
  * @Author: your name
  * @Date: 2021-12-15 15:29:51
- * @LastEditTime: 2022-09-02 16:52:09
+ * @LastEditTime: 2023-04-12 16:19:26
  */
 import React from 'react';
 import MdEditor from 'react-markdown-editor-lite';
 import 'react-markdown-editor-lite/lib/index.css';
 import './index.less';
-import MdView from '../MdView';
+import MdView from '../MdView'; // MdEditor.use(Mark);
 
 var MdEdit = function MdEdit(props) {
   var value = props.value,
@@ -16,12 +16,17 @@ var MdEdit = function MdEdit(props) {
       onChange = props.onChange,
       onImageUpload = props.onImageUpload,
       onCustomImageUpload = props.onCustomImageUpload;
+  var mdEditor = React.useRef();
 
   var onValueChange = function onValueChange(v) {
     onChange && onChange(v.text);
   };
 
+  React.useEffect(function () {}, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MdEditor, {
+    ref: function ref(node) {
+      return mdEditor.current = node;
+    },
     value: value,
     onImageUpload: onImageUpload,
     onCustomImageUpload: onCustomImageUpload,

package/es/comps/MdEdit/index.less

@@ -1,3 +1,6 @@
-.rc-md-editor.full {
-  width: 100% !important;
-}
+.rc-md-editor.full {
+  width: 100% !important;
+}
+.rc-md-editor .rc-md-navigation .button-wrap {
+  align-items: center;
+}

package/es/comps/MdEdit/plugin/EditContent.d.ts

@@ -0,0 +1,5 @@
+interface IEditContentProps {
+    source: string;
+}
+declare const EditContent: (props: IEditContentProps) => JSX.Element;
+export default EditContent;

package/es/comps/MdEdit/plugin/EditContent.js

@@ -0,0 +1,34 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import MarkdownIt from 'markdown-it';
+import React from 'react';
+import ContentEditable from 'react-contenteditable';
+
+var EditContent = function EditContent(props) {
+  var source = props.source;
+
+  var _React$useState = React.useState(),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      html = _React$useState2[0],
+      setHtml = _React$useState2[1];
+
+  React.useEffect(function () {
+    var md = new MarkdownIt();
+
+    var _html = md.render(source);
+
+    setHtml(_html);
+  }, [source]);
+  return /*#__PURE__*/React.createElement(ContentEditable, {
+    className: "editable",
+    tagName: "pre",
+    html: html // innerHTML of the editable div
+    ,
+    disabled: false // use true to disable edition
+    ,
+    onChange: function onChange() {} // handle innerHTML change
+    ,
+    onBlur: function onBlur() {}
+  });
+};
+
+export default EditContent;

package/es/comps/MdEdit/plugin/Mark.d.ts

@@ -0,0 +1,7 @@
+import { PluginProps } from 'react-markdown-editor-lite';
+declare const Mark: {
+    (props: PluginProps): JSX.Element;
+    align: string;
+    pluginName: string;
+};
+export default Mark;

package/es/comps/MdEdit/plugin/Mark.js

@@ -0,0 +1,60 @@
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+/*
+ * @Author: uloveits 719310130@qq.com
+ * @Date: 2023-04-12 13:36:01
+ * @LastEditors: uloveits 719310130@qq.com
+ * @LastEditTime: 2023-04-12 16:19:09
+ */
+import React from 'react';
+import { BookOutlined } from '@ant-design/icons';
+
+var Mark = function Mark(props) {
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      images = _React$useState2[0],
+      setImages = _React$useState2[1];
+
+  var onChange = function onChange(mdString) {
+    getImages(mdString);
+  };
+
+  var getImages = function getImages(mdString) {
+    var regex = /\!\[.*\]\((.*?)\)/g;
+    var _images = [];
+    var match;
+
+    while ((match = regex.exec(mdString)) !== null) {
+      _images.push(match[1]);
+    }
+
+    setImages([].concat(_images));
+  };
+
+  React.useEffect(function () {
+    var mdString = props.editor.getMdValue();
+    getImages(mdString);
+    props.editor.on('change', onChange);
+  }, []);
+
+  var handleClick = function handleClick() {// 调用API，往编辑器中插入一个数字
+    // props.editor.insertText(num.toString());
+    // // 更新一下自身的state
+    // setNum(num + 1);
+  };
+
+  return /*#__PURE__*/React.createElement(_Button, {
+    size: "small",
+    disabled: images.length === 0,
+    type: "link",
+    icon: /*#__PURE__*/React.createElement(BookOutlined, null),
+    onClick: handleClick
+  });
+};
+
+export default Mark; // 如果需要的话，可以在这里定义默认选项
+
+Mark.align = 'left';
+Mark.pluginName = 'mark';

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

@@ -17,7 +17,7 @@ import _Input from "antd/es/input";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-03-08 15:50:12
+ * @LastEditTime: 2023-04-04 09:20:39
  */
 import React from 'react';
 import { UploadOutlined } from '@ant-design/icons';
@@ -76,6 +76,8 @@ function Index(props) {
 
       case 'textarea':
         return /*#__PURE__*/React.createElement(TextArea, {
+          showCount: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.showCount,
+          maxLength: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.maxLength,
           rows: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.textareaRows) || 4,
           disabled: (_extraInfo$disabled2 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled2 !== void 0 ? _extraInfo$disabled2 : disabled,
           placeholder: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder
@@ -114,6 +116,8 @@ function Index(props) {
               value: v
             }, v);
           }))) : undefined,
+          showCount: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.showCount,
+          maxLength: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.maxLength,
           disabled: (_extraInfo$disabled6 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled6 !== void 0 ? _extraInfo$disabled6 : disabled,
           placeholder: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder,
           allowClear: true,

package/es/framework/fg/index.d.ts

@@ -3,19 +3,58 @@ interface ICreate {
     create(data: any): ILayoutSetting & IReturnMethod;
 }
 interface ILayoutSetting {
+    /**
+     * 表单整体布局
+     * @param this
+     * @param _value 最多限制4行
+     */
     grid<T>(this: T, _value: 1 | 2 | 3 | 4): Omit<T, 'grid'> & IReturnMethod;
+    /**
+     * 标签展示模式
+     * @param this
+     * @param _value horizontal：同行 vertical：单独一行
+     */
+    layout<T>(this: T, _value: 'horizontal' | 'vertical'): Omit<T, 'layout'> & IReturnMethod;
+    /**
+     * 标签宽度
+     * @param this
+     * @param _value
+     */
     labelSpan<T>(this: T, _value: number): Omit<T, 'labelSpan'> & IReturnMethod;
 }
 interface IComps {
     object(data: FG.Node[] | any, _id: string): ICommonSetting & IReturnMethod;
-    input(_id: string): ICommonSetting;
-    textarea(_id: string): ICommonSetting;
+    input(_id: string): ICommonSetting & ITextAreaSetting;
+    textarea(_id: string): ICommonSetting & ITextAreaSetting;
     date(_id: string): ICommonSetting;
     number(_id: string): ICommonSetting;
     switch(_id: string): ICommonSetting;
-    select(_id: string): ICommonSetting;
+    select(_id: string): ICommonSetting & ISelectSetting;
     mutiSelect(_id: string): ICommonSetting;
 }
+interface ITextAreaSetting {
+    /**
+     * 显示计数器
+     * @param this
+     */
+    showCount<T>(this: T): Omit<T, 'showCount'> & IReturnMethod;
+    /**
+     * 最大字数限制
+     * @param this
+     * @param _value
+     */
+    maxLength<T>(this: T, _value: number): Omit<T, 'maxLength'> & IReturnMethod;
+}
+interface ISelectSetting {
+    /**
+     * 枚举值
+     * @param this
+     */
+    enum<T>(this: T, _value: {
+        key: number | string;
+        value: string;
+    }[]): Omit<T, 'enum'> & IReturnMethod;
+}
 interface ICommonSetting {
     label<T>(this: T, _label: string): Omit<T, 'label'> & IReturnMethod;
     require<T>(this: T): Omit<T, 'require'> & IReturnMethod;
@@ -74,13 +113,13 @@ export declare class FormRobot implements IFormRobot {
      * @param _id 属性名
      * @returns
      */
-    input(_id: string): ICommonSetting;
+    input(_id: string): ICommonSetting & ITextAreaSetting;
     /**
      * 文本框
      * @param _id
      * @returns
      */
-    textarea(_id: string): ICommonSetting;
+    textarea(_id: string): ICommonSetting & ITextAreaSetting;
     /**
      * 日期选择
      * @param _id
@@ -104,7 +143,7 @@ export declare class FormRobot implements IFormRobot {
      * @param _id
      * @returns
      */
-    select(_id: string): ICommonSetting;
+    select(_id: string): ICommonSetting & ISelectSetting;
     /**
      * 下拉多选
      * @param _id
@@ -122,7 +161,31 @@ export declare class FormRobot implements IFormRobot {
     disabled<T>(this: T): Omit<T, 'disabled'> & IReturnMethod;
     br<T>(this: T): Omit<T, 'br'> & IReturnMethod;
     hidden<T>(this: T): Omit<T, 'hidden'> & IReturnMethod;
+    enum<T>(this: T, _value: {
+        key: number | string;
+        value: string;
+    }[]): Omit<T, 'enum'> & IReturnMethod;
+    /**
+     * 整体布局
+     * @param this
+     * @param _vaule
+     * @returns
+     */
     grid<T>(this: T, _vaule: 1 | 2 | 3 | 4): Omit<T, 'grid'> & IReturnMethod;
+    /**
+     * 标签展示模式
+     * @param this
+     * @param _vaule
+     * @returns
+     */
+    layout<T>(this: T, _vaule: 'horizontal' | 'vertical'): Omit<T, 'layout'> & IReturnMethod;
+    /**
+     * 标签宽度
+     * @param this
+     * @param _vaule
+     * @returns
+     */
+    labelSpan<T>(this: T, _vaule: number): Omit<T, 'labelSpan'> & IReturnMethod;
     valueOf(): any;
     toString(): string;
 }

package/es/framework/fg/index.js

@@ -162,7 +162,7 @@ export var FormRobot = /*#__PURE__*/function () {
       return new FormRobot(_data);
     } //*********************************表单基本类型__END************************************//
     //*********************************提供的扩展规则完善表单__START************************************//
-    // 标签显示文本
+    // common
 
   }, {
     key: "label",
@@ -261,10 +261,28 @@ export var FormRobot = /*#__PURE__*/function () {
 
       var _data = renderSetting(_init, 'hidden', true);
 
+      return new FormRobot(_data);
+    } // textarea
+    // select
+
+  }, {
+    key: "enum",
+    value: function _enum(_value) {
+      var _init = this._hasInitData ? this._data : {};
+
+      var _data = renderSetting(_init, 'enum', _value);
+
       return new FormRobot(_data);
     } //*********************************提供的扩展规则完善表单__END************************************//
     //*********************************表单布局的扩展规则__START************************************//
 
+    /**
+     * 整体布局
+     * @param this
+     * @param _vaule
+     * @returns
+     */
+
   }, {
     key: "grid",
     value: function grid(_vaule) {
@@ -280,6 +298,52 @@ export var FormRobot = /*#__PURE__*/function () {
         })
       };
       return new FormRobot(_data);
+    }
+    /**
+     * 标签展示模式
+     * @param this
+     * @param _vaule
+     * @returns
+     */
+
+  }, {
+    key: "layout",
+    value: function layout(_vaule) {
+      var _init = this._hasInitData ? this._data : {
+        nodes: [],
+        setting: {}
+      };
+
+      var _data = {
+        nodes: _toConsumableArray(_init.nodes),
+        setting: _objectSpread(_objectSpread({}, _init.setting), {}, {
+          layout: _vaule
+        })
+      };
+      return new FormRobot(_data);
+    }
+    /**
+     * 标签宽度
+     * @param this
+     * @param _vaule
+     * @returns
+     */
+
+  }, {
+    key: "labelSpan",
+    value: function labelSpan(_vaule) {
+      var _init = this._hasInitData ? this._data : {
+        nodes: [],
+        setting: {}
+      };
+
+      var _data = {
+        nodes: _toConsumableArray(_init.nodes),
+        setting: _objectSpread(_objectSpread({}, _init.setting), {}, {
+          labelSpan: _vaule
+        })
+      };
+      return new FormRobot(_data);
     } //*********************************表单布局的扩展规则__END************************************//
     //*********************************拿到最终的数据方法__START************************************//
 

package/es/framework/fg/utils.d.ts

@@ -11,4 +11,4 @@ export declare const renderLayoutFormProps: (_arr: FG.Node[], _id: string, _type
     type: string;
     param: FG.NodeParam;
 };
-export declare const renderSetting: (_init: FG.Node, _type: string, _value: string | number | boolean) => FG.Node;
+export declare const renderSetting: (_init: FG.Node, _type: string, _value: string | number | boolean | any) => FG.Node;

package/es/framework/fg/utils.js

@@ -4,7 +4,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 /*
  * @Author: wangxian
  * @Date: 2023-03-21 15:44:45
- * @LastEditTime: 2023-03-22 09:20:34
+ * @LastEditTime: 2023-04-04 17:21:07
  */
 import { deepClone } from '../../utils';
 import { basicComps, layoutComps } from './../../comps/FormGenerator/settings/index';

package/es/index.d.ts

@@ -21,3 +21,4 @@ export { default as useObservable } from './framework/rxjs-hooks/useObservable';
 export { default as useSyncScroll, useSyncScrollByRefs } from './framework/hooks/use-sync-scroll';
 export { registerMetadataAPI } from './framework/metadata/MetadataService';
 export { globalSettingStream } from './config';
+export { handleMd2Doc } from './utils';

package/es/index.js

@@ -1,7 +1,7 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-02-04 13:52:49
+ * @LastEditTime: 2023-04-12 10:44:59
  */
 import './theme.less';
 export { default as MetadataEdit } from './comps/MetadataEdit';
@@ -25,4 +25,5 @@ export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject
 export { default as useObservable } from './framework/rxjs-hooks/useObservable';
 export { default as useSyncScroll, useSyncScrollByRefs } from './framework/hooks/use-sync-scroll';
 export { registerMetadataAPI } from './framework/metadata/MetadataService';
-export { globalSettingStream } from './config';
+export { globalSettingStream } from './config';
+export { handleMd2Doc } from './utils';

package/es/utils.d.ts

@@ -24,3 +24,9 @@ export declare function arrayInsert(array: any[], index: number, item: any): any
  * @returns {string|string|string}
  */
 export declare function getConstantValue(array: any[], key: string | number, strKey?: string, strValue?: string): string;
+/**
+ * markdown转doc
+ * @param mdText string
+ * @param fileName string
+ */
+export declare function handleMd2Doc(mdText: string, fileName: string): Promise<void>;

package/es/utils.js

@@ -1,3 +1,5 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
@@ -5,8 +7,11 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-03-24 09:49:51
+ * @LastEditTime: 2023-04-13 09:51:21
  */
+import saveAs from 'file-saver';
+import { asBlob } from 'html-docx-js-typescript';
+import MarkdownIt from 'markdown-it';
 import { useCallback, useEffect, useRef } from 'react';
 /** 防抖 */
 
@@ -177,4 +182,45 @@ export function getConstantValue(array, key, strKey, strValue) {
   }
 
   return result;
+}
+/**
+ * markdown转doc
+ * @param mdText string
+ * @param fileName string
+ */
+
+export function handleMd2Doc(_x, _x2) {
+  return _handleMd2Doc.apply(this, arguments);
+}
+
+function _handleMd2Doc() {
+  _handleMd2Doc = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mdText, fileName) {
+    var md, html, opt, blob;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            md = new MarkdownIt();
+            html = md.render(mdText);
+            opt = {
+              margin: {
+                top: 100
+              },
+              orientation: 'landscape'
+            };
+            _context.next = 5;
+            return asBlob(html, opt);
+
+          case 5:
+            blob = _context.sent;
+            saveAs(blob, "".concat(fileName, ".doc"));
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _handleMd2Doc.apply(this, arguments);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.2.29",
+  "version": "1.2.31",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -37,6 +37,8 @@
     "@babel/helper-create-regexp-features-plugin": "^7.12.13",
     "@babel/runtime": "^7.11.2",
     "@popperjs/core": "^2.4.4",
+    "@types/file-saver": "^2.0.5",
+    "@types/markdown-it": "^12.2.3",
     "@types/markdown-navbar": "^1.4.0",
     "ahooks": "^3.4.0",
     "axios": "^0.21.4",
@@ -46,12 +48,16 @@
     "codemirror": "^5.63.0",
     "codepage": "^1.15.0",
     "css-element-queries": "^1.2.3",
+    "file-saver": "^2.0.5",
     "github-markdown-css": "^5.1.0",
+    "html-docx-js-typescript": "^0.1.5",
     "immer": "^9.0.14",
     "lodash": "^4.17.21",
+    "markdown-it": "^13.0.1",
     "markdown-navbar": "^1.4.3",
     "qs": "^6.10.1",
     "react": "^17.0.2",
+    "react-contenteditable": "^3.3.7",
     "react-dnd": "^11.1.3",
     "react-dnd-html5-backend": "^11.1.3",
     "react-jexcel": "^1.0.2",