ronds-metadata 1.1.8 → 1.1.11

package/es/comps/DynamicPorts/comps/DragNode.js

@@ -3,10 +3,11 @@ import React from "react";
 /*
  * @Author: wangxian
  * @Date: 2022-05-26 08:50:06
- * @LastEditTime: 2022-05-26 09:11:54
+ * @LastEditTime: 2022-05-28 11:10:24
  */
 import { DragSource } from 'react-dnd';
 import { GlobalOutlined } from '@ant-design/icons';
+import Icon from '../../../comps/Icons';
 import { DRAGGABLE_COMPONENT } from '../constant';
 import "../index.css";
 
@@ -18,7 +19,9 @@ var InnerNodeTitle = function InnerNodeTitle(props) {
     className: "node-element"
   }, /*#__PURE__*/React.createElement("div", {
     className: "icon"
-  }, /*#__PURE__*/React.createElement(GlobalOutlined, null)), /*#__PURE__*/React.createElement("div", {
+  }, (data === null || data === void 0 ? void 0 : data.icon) ? /*#__PURE__*/React.createElement(Icon, {
+    type: data === null || data === void 0 ? void 0 : data.icon
+  }) : /*#__PURE__*/React.createElement(GlobalOutlined, null)), /*#__PURE__*/React.createElement("div", {
     className: "notation"
   }, /*#__PURE__*/React.createElement("div", {
     className: "name"

package/es/comps/DynamicPorts/comps/GraphHandler/index.js

@@ -4,12 +4,13 @@ import _Popover from "antd/es/popover";
 /*
  * @Author: wangxian
  * @Date: 2022-05-27 14:21:23
- * @LastEditTime: 2022-05-28 10:10:06
+ * @LastEditTime: 2022-05-30 09:45:54
  */
 import React from 'react';
 import { CompressOutlined, OneToOneOutlined, ZoomInOutlined, ZoomOutOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
 import "./index.css";
+import { tr } from '../../../../framework/locale';
 export var GraphHandler = function GraphHandler(props) {
   var className = props.className,
       onZoomIn = props.onZoomIn,
@@ -20,28 +21,28 @@ export var GraphHandler = function GraphHandler(props) {
     className: classNames('handler', className)
   }, /*#__PURE__*/React.createElement(_Popover, {
     overlayClassName: "popover",
-    content: "\u653E\u5927",
+    content: tr('放大'),
     placement: "left"
   }, /*#__PURE__*/React.createElement("li", {
     onClick: onZoomIn,
     className: "item"
   }, /*#__PURE__*/React.createElement(ZoomInOutlined, null))), /*#__PURE__*/React.createElement(_Popover, {
     overlayClassName: "popover",
-    content: "\u7F29\u5C0F",
+    content: tr('缩小'),
     placement: "left"
   }, /*#__PURE__*/React.createElement("li", {
     onClick: onZoomOut,
     className: "item"
   }, /*#__PURE__*/React.createElement(ZoomOutOutlined, null))), /*#__PURE__*/React.createElement(_Popover, {
     overlayClassName: "popover",
-    content: "\u5B9E\u9645\u5C3A\u5BF8",
+    content: tr('实际尺寸'),
     placement: "left"
   }, /*#__PURE__*/React.createElement("li", {
     onClick: onRealContent,
     className: "item"
   }, /*#__PURE__*/React.createElement(OneToOneOutlined, null))), /*#__PURE__*/React.createElement(_Popover, {
     overlayClassName: "popover",
-    content: "\u9002\u5E94\u753B\u5E03",
+    content: tr('适应画布'),
     placement: "left"
   }, /*#__PURE__*/React.createElement("li", {
     onClick: onFitContent,

package/es/comps/DynamicPorts/comps/NodeElement.js

@@ -3,20 +3,24 @@ import React from "react";
 /*
  * @Author: wangxian
  * @Date: 2022-05-24 08:50:16
- * @LastEditTime: 2022-05-26 16:37:24
+ * @LastEditTime: 2022-05-28 11:09:22
  */
 import { GlobalOutlined } from '@ant-design/icons';
 import "../index.css";
+import Icon from '../../../comps/Icons';
 
 var NodeElement = function NodeElement(props) {
   var node = props.node;
   var data = (node === null || node === void 0 ? void 0 : node.getData()) || {};
-  var name = data.name;
+  var name = data.name,
+      icon = data.icon;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "node-element"
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'icon'
-  }, /*#__PURE__*/React.createElement(GlobalOutlined, null)), /*#__PURE__*/React.createElement("div", {
+    className: "icon"
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
+    type: icon
+  }) : /*#__PURE__*/React.createElement(GlobalOutlined, null)), /*#__PURE__*/React.createElement("div", {
     className: "notation"
   }, /*#__PURE__*/React.createElement("div", {
     className: "name"

package/es/comps/DynamicPorts/index.css

@@ -5,13 +5,15 @@
   width: 180px;
   height: 32px;
   overflow: hidden;
-  background-color: #fff;
+  background-color: var(--ronds-metadata-color-bg-4);
+  color: var(--ronds-metadata-color-text-1);
   border-radius: 4px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
 }
 .node-element.selected,
 .node-element:hover {
-  background-color: rgba(243, 249, 255, 0.92);
+  background-color: var(--ronds-metadata-color-bg-4);
+  color: var(--ronds-metadata-color-text-1);
   border: 1px solid #1890ff;
   box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
 }
@@ -31,7 +33,7 @@
   justify-content: center;
   width: 32px;
   height: 32px;
-  background-color: rgba(229, 238, 255, 0.85);
+  background-color: var(--ronds-metadata-color-bg-2);
   border-radius: 4px 0 0 4px;
 }
 .node-element .notation {
@@ -46,7 +48,7 @@
 }
 .node-element .notation .name {
   overflow-x: hidden;
-  color: rgba(0, 0, 0, 0.65);
+  color: var(--ronds-metadata-color-text-1);
   font-size: 12px;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -77,7 +79,7 @@
   display: block;
 }
 .dynamic-ports .x6-node-selected .node-element {
-  background-color: rgba(243, 249, 255, 0.92);
+  background-color: var(--ronds-metadata-color-bg-4);
   border: 1px solid #1890ff;
   box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
 }

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

@@ -4,13 +4,41 @@ export declare namespace NDPGraph {
         edges: Edge[];
     }
     interface Node {
+        /**
+         * 图渲染的主键id
+         */
         id: string;
+        /**
+         * 原始组件库的id
+         */
         libId?: string;
+        /**
+         * 图标
+         */
+        icon?: string;
+        /**
+         * 名称
+         */
         name: string;
+        /**
+         * 输入引脚
+         */
         inPorts: InPort[];
+        /**
+         * 输出引脚
+         */
         outPorts: OutPort[];
+        /**
+         * position x
+         */
         x: number;
+        /**
+         * position y
+         */
         y: number;
+        /**
+         * 附带参数信息
+         */
         param?: Param;
     }
     interface Edge {

package/es/comps/DynamicPorts/interface.js

@@ -1,6 +1,6 @@
 /*
  * @Author: wangxian
  * @Date: 2022-05-24 16:10:46
- * @LastEditTime: 2022-05-26 10:47:42
+ * @LastEditTime: 2022-05-30 09:44:45
  */
 export {};

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

@@ -22,6 +22,7 @@ export declare function formatNodeInfoToNodeMeta(nodeData: NDPGraph.Node, inputP
         y: number;
         id: string;
         libId?: string;
+        icon?: string;
         name: string;
         inPorts: NDPGraph.InPort[];
         outPorts: NDPGraph.OutPort[];
@@ -32,6 +33,7 @@ export declare function formatNodeInfoToNodeMeta(nodeData: NDPGraph.Node, inputP
     };
     zIndex: number;
     libId?: string;
+    icon?: string;
     name: string;
     inPorts: NDPGraph.InPort[];
     outPorts: NDPGraph.OutPort[];
@@ -55,6 +57,7 @@ export declare function formatGraphData(graphData: NDPGraph.GraphData): {
             y: number;
             id: string;
             libId?: string;
+            icon?: string;
             name: string;
             inPorts: NDPGraph.InPort[];
             outPorts: NDPGraph.OutPort[];
@@ -65,6 +68,7 @@ export declare function formatGraphData(graphData: NDPGraph.GraphData): {
         };
         zIndex: number;
         libId?: string;
+        icon?: string;
         name: string;
         inPorts: NDPGraph.InPort[];
         outPorts: NDPGraph.OutPort[];

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import '../../framework/libs/iconfont/iconfont.css';
+interface Props {
+    /**
+     * 图标类型
+     */
+    type: string;
+    /**
+     * class样式
+     */
+    className?: string;
+    /**
+     * style
+     */
+    style?: React.CSSProperties;
+}
+declare const Icon: React.FC<Props>;
+export default Icon;

package/es/comps/Icons/index.js

@@ -0,0 +1,23 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from "react";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-05-28 11:04:20
+ * @LastEditTime: 2022-05-28 11:15:23
+ */
+import '../../framework/libs/iconfont/iconfont.css';
+
+var Icon = function Icon(props) {
+  var type = props.type,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "fa fa-".concat(type, " ").concat(className),
+    style: _objectSpread({}, style)
+  });
+};
+
+export default Icon;

package/es/comps/MetadataEdit/type.d.ts

@@ -1,20 +1,20 @@
-export interface IMetaFileds {
-  id: string;
-  type: 'object';
-  properties: any[];
-  value: any;
-}
-
-export type ITypeStatus = 'object' | 'ref' | 'bool' | 'number' | 'text' | 'enum' | 'array';
-
-export type IMetaProperty = {
-  /**
-   * 属性的名称
-   */
-  id: string;
-  /**
-   * 类型
-   */
-  type: string;
-  enum?: any[];
-};
+export interface IMetaFileds {
+  id: string;
+  type: 'object';
+  properties: any[];
+  value: any;
+}
+
+export type ITypeStatus = 'object' | 'ref' | 'bool' | 'number' | 'text' | 'enum' | 'array';
+
+export type IMetaProperty = {
+  /**
+   * 属性的名称
+   */
+  id: string;
+  /**
+   * 类型
+   */
+  type: string;
+  enum?: any[];
+};

package/es/comps/locales/en-US.d.ts

@@ -12,5 +12,9 @@ declare const _default: {
     请输入title: string;
     确认会删除该列: string;
     当前值无修改: string;
+    放大: string;
+    缩小: string;
+    实际尺寸: string;
+    适应画布: string;
 };
 export default _default;

package/es/comps/locales/en-US.js

@@ -1,3 +1,8 @@
+/*
+ * @Author: wangxian
+ * @Date: 2022-05-09 11:53:44
+ * @LastEditTime: 2022-05-28 10:21:09
+ */
 export default {
   操作: 'Operation',
   添加一行: 'Add New Line',
@@ -11,5 +16,9 @@ export default {
   请输入key: 'Please enter key',
   请输入title: 'Please enter title',
   确认会删除该列: 'Confirm will delete the column?',
-  当前值无修改: 'No change to current value'
+  当前值无修改: 'No change to current value',
+  放大: 'Enlarge',
+  缩小: 'zoom out',
+  实际尺寸: 'Actual size',
+  适应画布: 'Fit to canvas'
 };

package/es/comps/locales/zh-CN.d.ts

@@ -12,5 +12,9 @@ declare const _default: {
     请输入title: string;
     确认会删除该列: string;
     当前值无修改: string;
+    放大: string;
+    缩小: string;
+    实际尺寸: string;
+    适应画布: string;
 };
 export default _default;

package/es/comps/locales/zh-CN.js

@@ -1,3 +1,8 @@
+/*
+ * @Author: wangxian
+ * @Date: 2022-05-09 11:53:44
+ * @LastEditTime: 2022-05-28 10:19:25
+ */
 export default {
   操作: '操作',
   添加一行: '添加一行',
@@ -11,5 +16,9 @@ export default {
   请输入key: '请输入key',
   请输入title: '请输入title',
   确认会删除该列: '确认会删除该列?',
-  当前值无修改: '当前值无修改'
+  当前值无修改: '当前值无修改',
+  放大: '放大',
+  缩小: '缩小',
+  实际尺寸: '实际尺寸',
+  适应画布: '适应画布'
 };

package/es/config.js

@@ -3,7 +3,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-05-10 08:41:39
+ * @LastEditTime: 2022-05-30 08:43:00
  */
 import { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';
 import { distinctUntilChanged } from 'rxjs/internal/operators/distinctUntilChanged';

package/es/framework/libs/iconfont/iconfont.css

@@ -0,0 +1,203 @@
+@font-face {
+  font-family: "fa"; /* Project id 2247093 */
+  src: url('iconfont.woff2?t=1653875373166') format('woff2'),
+       url('iconfont.woff?t=1653875373166') format('woff'),
+       url('iconfont.ttf?t=1653875373166') format('truetype');
+}
+
+.fa {
+  font-family: "fa" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.fa-ai:before {
+  content: "\e887";
+}
+
+.fa-signal:before {
+  content: "\ec4a";
+}
+
+.fa-circle:before {
+  content: "\e660";
+}
+
+.fa-scan:before {
+  content: "\e6df";
+}
+
+.fa-py:before {
+  content: "\e916";
+}
+
+.fa-Redis:before {
+  content: "\e669";
+}
+
+.fa-hezi:before {
+  content: "\e60b";
+}
+
+.fa-message:before {
+  content: "\e637";
+}
+
+.fa-shujuku:before {
+  content: "\e645";
+}
+
+.fa-hourglass:before {
+  content: "\e66b";
+}
+
+.fa-Bucket:before {
+  content: "\e8ce";
+}
+
+.fa-RondsLake:before {
+  content: "\e8a2";
+}
+
+.fa-Schema:before {
+  content: "\e62a";
+}
+
+.fa-Minio:before {
+  content: "\e64e";
+}
+
+.fa-color:before {
+  content: "\e678";
+}
+
+.fa-Neo4j:before {
+  content: "\e612";
+}
+
+.fa-knowledge:before {
+  content: "\e621";
+}
+
+.fa-evaluate:before {
+  content: "\e608";
+}
+
+.fa-json1:before {
+  content: "\e7bd";
+}
+
+.fa-result:before {
+  content: "\e64c";
+}
+
+.fa-analysis:before {
+  content: "\e72e";
+}
+
+.fa-select:before {
+  content: "\e701";
+}
+
+.fa-Http:before {
+  content: "\e668";
+}
+
+.fa-question:before {
+  content: "\e60e";
+}
+
+.fa-monitor:before {
+  content: "\e61f";
+}
+
+.fa-algorithm_lab:before {
+  content: "\e607";
+}
+
+.fa-engine:before {
+  content: "\e610";
+}
+
+.fa-user:before {
+  content: "\e713";
+}
+
+.fa-logout:before {
+  content: "\e611";
+}
+
+.fa-screen:before {
+  content: "\e606";
+}
+
+.fa-password:before {
+  content: "\e605";
+}
+
+.fa-news:before {
+  content: "\e638";
+}
+
+.fa-record:before {
+  content: "\e648";
+}
+
+.fa-home:before {
+  content: "\e609";
+}
+
+.fa-json:before {
+  content: "\e61a";
+}
+
+.fa-code:before {
+  content: "\e654";
+}
+
+.fa-diagram:before {
+  content: "\e60a";
+}
+
+.fa-setting:before {
+  content: "\e84b";
+}
+
+.fa-datasource:before {
+  content: "\e62e";
+}
+
+.fa-stream:before {
+  content: "\ec56";
+}
+
+.fa-Kafka:before {
+  content: "\e64f";
+}
+
+.fa-Table:before {
+  content: "\e72d";
+}
+
+.fa-PostgreSql:before {
+  content: "\e63b";
+}
+
+.fa-link:before {
+  content: "\e636";
+}
+
+.fa-LocalFileSystem:before {
+  content: "\e600";
+}
+
+.fa-Cassandra:before {
+  content: "\e74f";
+}
+
+.fa-DataBase:before {
+  content: "\e797";
+}
+

package/es/index.d.ts

@@ -9,6 +9,7 @@ export { default as MdEditor } from './comps/MdEdit';
 export { default as Editable } from './comps/Editable';
 export { default as DynamicPorts } from './comps/DynamicPorts';
 export { default as DragNode } from './comps/DynamicPorts/comps/DragNode';
+export { default as Icon } from './comps/Icons';
 export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject';

package/es/index.js

@@ -1,7 +1,7 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-05-26 09:02:38
+ * @LastEditTime: 2022-05-28 11:18:17
  */
 import "./theme.css";
 export { default as MetadataEdit } from './comps/MetadataEdit';
@@ -14,6 +14,7 @@ export { default as MdEditor } from './comps/MdEdit';
 export { default as Editable } from './comps/Editable';
 export { default as DynamicPorts } from './comps/DynamicPorts';
 export { default as DragNode } from './comps/DynamicPorts/comps/DragNode';
+export { default as Icon } from './comps/Icons';
 export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject';

package/es/theme.css

@@ -1,5 +1,8 @@
 .ronds-metadata-dark {
   --ronds-metadata-color-border-1: #314162;
+  --ronds-metadata-color-bg-2: #0d1f40;
+  --ronds-metadata-color-bg-4: #1c3771;
+  --ronds-metadata-color-text-1: #ffffff;
 }
 .ronds-metadata-dark ::-webkit-scrollbar {
   width: 6px;
@@ -26,6 +29,9 @@
 }
 .ronds-metadata-normal {
   --ronds-metadata-color-border-1: #d9d9d9;
+  --ronds-metadata-color-bg-2: rgba(229, 238, 255, 0.85);
+  --ronds-metadata-color-bg-4: #ffffff;
+  --ronds-metadata-color-text-1: #1d2129;
 }
 .ronds-metadata-normal ::-webkit-scrollbar {
   width: 6px;

package/package.json

@@ -1,85 +1,86 @@
-{
-  "public": true,
-  "name": "ronds-metadata",
-  "version": "1.1.8",
-  "scripts": {
-    "start": "dumi dev",
-    "docs:build": "dumi build",
-    "docs:deploy": "gh-pages -d docs-dist",
-    "build": "father-build",
-    "deploy": "npm run docs:build && npm run docs:deploy",
-    "release": "npm run build && npm publish",
-    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
-    "test": "umi-test",
-    "test:coverage": "umi-test --coverage"
-  },
-  "main": "es",
-  "module": "es",
-  "types": "es/index.d.ts",
-  "gitHooks": {
-    "pre-commit": "lint-staged"
-  },
-  "lint-staged": {
-    "*.{js,jsx,less,md,json}": [
-      "prettier --write"
-    ],
-    "*.ts?(x)": [
-      "prettier --parser=typescript --write"
-    ]
-  },
-  "files": [
-    "/es"
-  ],
-  "dependencies": {
-    "@antv/x6": "^1.32.2",
-    "@antv/x6-react-shape": "^1.6.0",
-    "@babel/helper-create-regexp-features-plugin": "^7.12.13",
-    "@babel/runtime": "^7.11.2",
-    "@popperjs/core": "^2.4.4",
-    "ahooks": "^3.4.0",
-    "axios": "^0.21.4",
-    "babel-plugin-import": "^1.13.3",
-    "babel-plugin-transform-remove-console": "^6.9.4",
-    "bl": "^5.0.0",
-    "codemirror": "^5.63.0",
-    "highlight.js": "11.3.1",
-    "immer": "^9.0.14",
-    "lodash": "^4.17.21",
-    "markdown-it": "^12.3.2",
-    "markdown-it-emoji": "^2.0.0",
-    "qs": "^6.10.1",
-    "react": "^17.0.2",
-    "react-dnd": "^11.1.3",
-    "react-dnd-html5-backend": "^11.1.3",
-    "react-markdown-editor-lite": "^1.3.2",
-    "react-popper": "^2.2.3",
-    "rxjs": "^7.5.4"
-  },
-  "peerDependencies": {
-    "antd": ">=4.1.5",
-    "react": ">=16.14.0",
-    "react-dom": ">=16.14.0",
-    "react-router": ">=5.0.0",
-    "styled-components": ">=4.1.1"
-  },
-  "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.2",
-    "@types/react-router": "^5.1.8",
-    "@types/react-window": "^1.8.2",
-    "@types/styled-components": "^5.1.2",
-    "@umijs/test": "^3.0.5",
-    "antd": "^4.18.1",
-    "babel-loader": "^8.1.0",
-    "css-loader": "^4.2.2",
-    "dumi": "^1.0.16",
-    "father-build": "^1.17.2",
-    "gh-pages": "^3.0.0",
-    "less-loader": "^7.0.0",
-    "lint-staged": "^10.0.7",
-    "prettier": "^2.2.1",
-    "style-loader": "^1.2.1",
-    "webpack-cli": "^3.3.12",
-    "yorkie": "^2.0.0"
-  }
-}
+{
+  "public": true,
+  "name": "ronds-metadata",
+  "version": "1.1.11",
+  "scripts": {
+    "start": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d docs-dist",
+    "build": "father-build",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "release": "npm run build && npm publish",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage"
+  },
+  "main": "es",
+  "module": "es",
+  "types": "es/index.d.ts",
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "files": [
+    "/es"
+  ],
+  "dependencies": {
+    "@antv/x6": "^1.32.2",
+    "@antv/x6-react-shape": "^1.6.0",
+    "@babel/helper-create-regexp-features-plugin": "^7.12.13",
+    "@babel/runtime": "^7.11.2",
+    "@popperjs/core": "^2.4.4",
+    "ahooks": "^3.4.0",
+    "axios": "^0.21.4",
+    "babel-plugin-import": "^1.13.3",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "bl": "^5.0.0",
+    "codemirror": "^5.63.0",
+    "highlight.js": "11.3.1",
+    "immer": "^9.0.14",
+    "lodash": "^4.17.21",
+    "markdown-it": "^12.3.2",
+    "markdown-it-emoji": "^2.0.0",
+    "qs": "^6.10.1",
+    "react": "^17.0.2",
+    "react-dnd": "^11.1.3",
+    "react-dnd-html5-backend": "^11.1.3",
+    "react-markdown-editor-lite": "^1.3.2",
+    "react-popper": "^2.2.3",
+    "rxjs": "^7.5.4"
+  },
+  "peerDependencies": {
+    "antd": ">=4.1.5",
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0",
+    "react-router": ">=5.0.0",
+    "styled-components": ">=4.1.1"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
+    "@types/react-router": "^5.1.8",
+    "@types/react-window": "^1.8.2",
+    "@types/styled-components": "^5.1.2",
+    "@umijs/test": "^3.0.5",
+    "antd": "^4.18.1",
+    "babel-loader": "^8.1.0",
+    "css-loader": "^4.2.2",
+    "dumi": "^1.0.16",
+    "father-build": "^1.17.2",
+    "gh-pages": "^3.0.0",
+    "less-loader": "^7.0.0",
+    "lint-staged": "^10.0.7",
+    "prettier": "^2.2.1",
+    "style-loader": "^1.2.1",
+    "webpack-cli": "^3.3.12",
+    "copy-to-clipboard": "^3.3.1",
+    "yorkie": "^2.0.0"
+  }
+}