ronds-metadata 1.2.9 → 1.2.11

package/es/comps/Editable/index.js

@@ -336,7 +336,8 @@ var Editable = function Editable(props) {
       }
     }
   }, /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
+    backend: HTML5Backend,
+    context: window
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       height: "".concat((type === 'multiple' || type === 'freedom') && !readonly && isAddRow && defaultValue ? 'calc(100% - 40px)' : '100%')

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Checkbox.js

@@ -1,17 +1,69 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import React from "react";
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
+import React from 'react';
 import { withFieldCellWrapper } from '../HOC';
+import { deepClone } from '../../../../../../../utils';
 
 var Index = function Index(props) {
   var data = props.data,
       fgStream = props.fgStream,
       setting = props.setting;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Input, {
-    disabled: setting === null || setting === void 0 ? void 0 : setting.disabled,
-    placeholder: setting === null || setting === void 0 ? void 0 : setting.placeholder,
-    allowClear: true
-  }));
+  var processNormalOptions = React.useCallback(function (opt) {
+    var _options = [];
+
+    var _enum = deepClone(opt);
+
+    _enum.forEach(function (it) {
+      var _it$key;
+
+      var obj = {
+        label: it.value,
+        value: (_it$key = it === null || it === void 0 ? void 0 : it.key) !== null && _it$key !== void 0 ? _it$key : it === null || it === void 0 ? void 0 : it.value
+      };
+
+      _options.push(obj);
+    });
+
+    return _options;
+  }, []);
+  var options = React.useMemo(function () {
+    var _setting$enum;
+
+    if (setting === null || setting === void 0 ? void 0 : (_setting$enum = setting.enum) === null || _setting$enum === void 0 ? void 0 : _setting$enum.value) {
+      var _setting$enum2;
+
+      return processNormalOptions(setting === null || setting === void 0 ? void 0 : (_setting$enum2 = setting.enum) === null || _setting$enum2 === void 0 ? void 0 : _setting$enum2.value);
+    }
+
+    return [{
+      label: 'uloveits1',
+      value: '1'
+    }, {
+      label: 'uloveits2',
+      value: '2'
+    }, {
+      label: 'uloveits3',
+      value: '3'
+    }];
+  }, [setting === null || setting === void 0 ? void 0 : setting.enum]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Checkbox.Group, {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(_Row, null, options.map(function (it) {
+    var _setting$checkbox;
+
+    return /*#__PURE__*/React.createElement(_Col, {
+      key: it.value,
+      span: setting === null || setting === void 0 ? void 0 : (_setting$checkbox = setting.checkbox) === null || _setting$checkbox === void 0 ? void 0 : _setting$checkbox.colSpan
+    }, /*#__PURE__*/React.createElement(_Checkbox, {
+      value: it.value
+    }, it.label));
+  }))));
 };
 
 export default withFieldCellWrapper(Index);

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Color.js

@@ -8,9 +8,9 @@ var Index = function Index(props) {
       fgStream = props.fgStream,
       setting = props.setting;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Input, {
+    type: "color",
     disabled: setting === null || setting === void 0 ? void 0 : setting.disabled,
-    placeholder: setting === null || setting === void 0 ? void 0 : setting.placeholder,
-    allowClear: true
+    placeholder: setting === null || setting === void 0 ? void 0 : setting.placeholder
   }));
 };
 

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Password.js

@@ -7,7 +7,7 @@ var Index = function Index(props) {
   var data = props.data,
       fgStream = props.fgStream,
       setting = props.setting;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Input, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Input.Password, {
     disabled: setting === null || setting === void 0 ? void 0 : setting.disabled,
     placeholder: setting === null || setting === void 0 ? void 0 : setting.placeholder,
     allowClear: true

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Radio.js

@@ -1,17 +1,69 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import React from "react";
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/radio/style";
+import _Radio from "antd/es/radio";
+import React from 'react';
 import { withFieldCellWrapper } from '../HOC';
+import { deepClone } from '../../../../../../../utils';
 
 var Index = function Index(props) {
   var data = props.data,
       fgStream = props.fgStream,
       setting = props.setting;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Input, {
-    disabled: setting === null || setting === void 0 ? void 0 : setting.disabled,
-    placeholder: setting === null || setting === void 0 ? void 0 : setting.placeholder,
-    allowClear: true
-  }));
+  var processNormalOptions = React.useCallback(function (opt) {
+    var _options = [];
+
+    var _enum = deepClone(opt);
+
+    _enum.forEach(function (it) {
+      var _it$key;
+
+      var obj = {
+        label: it.value,
+        value: (_it$key = it === null || it === void 0 ? void 0 : it.key) !== null && _it$key !== void 0 ? _it$key : it === null || it === void 0 ? void 0 : it.value
+      };
+
+      _options.push(obj);
+    });
+
+    return _options;
+  }, []);
+  var options = React.useMemo(function () {
+    var _setting$enum;
+
+    if (setting === null || setting === void 0 ? void 0 : (_setting$enum = setting.enum) === null || _setting$enum === void 0 ? void 0 : _setting$enum.value) {
+      var _setting$enum2;
+
+      return processNormalOptions(setting === null || setting === void 0 ? void 0 : (_setting$enum2 = setting.enum) === null || _setting$enum2 === void 0 ? void 0 : _setting$enum2.value);
+    }
+
+    return [{
+      label: 'uloveits1',
+      value: '1'
+    }, {
+      label: 'uloveits2',
+      value: '2'
+    }, {
+      label: 'uloveits3',
+      value: '3'
+    }];
+  }, [setting === null || setting === void 0 ? void 0 : setting.enum]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Radio.Group, {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(_Row, null, options.map(function (it) {
+    var _setting$checkbox;
+
+    return /*#__PURE__*/React.createElement(_Col, {
+      key: it.value,
+      span: setting === null || setting === void 0 ? void 0 : (_setting$checkbox = setting.checkbox) === null || _setting$checkbox === void 0 ? void 0 : _setting$checkbox.colSpan
+    }, /*#__PURE__*/React.createElement(_Radio, {
+      value: it.value
+    }, it.label));
+  }))));
 };
 
 export default withFieldCellWrapper(Index);

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Table.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Table.js

@@ -0,0 +1,50 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+/*
+ * @Author: uloveits 719310130@qq.com
+ * @Date: 2023-02-06 15:05:42
+ * @LastEditors: uloveits 719310130@qq.com
+ * @LastEditTime: 2023-02-27 10:10:23
+ */
+import React from 'react';
+import CanvasCore from '../../index';
+import { withFieldCellWrapper } from '../HOC';
+import { streamEventType } from '../../../../../settings/index';
+
+var Index = function Index(props) {
+  var data = props.data,
+      fgStream = props.fgStream,
+      setting = props.setting,
+      types = props.types;
+
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      nodes = _React$useState2[0],
+      setNodes = _React$useState2[1];
+
+  var nodesRef = React.useRef([]);
+  React.useEffect(function () {
+    if ((types === null || types === void 0 ? void 0 : types.nodes.length) > 0) {
+      setNodes(_toConsumableArray(types.nodes));
+      nodesRef.current = types.nodes;
+    }
+  }, [types]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CanvasCore, {
+    key: data.id,
+    refId: data.id,
+    nodes: nodes,
+    onChange: function onChange(nodes) {
+      fgStream && fgStream.next({
+        type: streamEventType.onTypesChange,
+        payload: _defineProperty({}, data.id, {
+          id: (setting === null || setting === void 0 ? void 0 : setting.id) || data.id,
+          nodes: nodes
+        })
+      });
+    }
+  }));
+};
+
+export default withFieldCellWrapper(Index);

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Upload.js

@@ -1,17 +1,27 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
+import "antd/es/upload/style";
+import _Upload from "antd/es/upload";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import React from "react";
+
+/*
+ * @Author: uloveits 719310130@qq.com
+ * @Date: 2023-02-06 15:05:42
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2023-02-25 11:34:21
+ */
+import { UploadOutlined } from '@ant-design/icons';
 import { withFieldCellWrapper } from '../HOC';
+import { tr } from '../../../../../../../framework/locale';
 
 var Index = function Index(props) {
   var data = props.data,
       fgStream = props.fgStream,
       setting = props.setting;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Input, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Upload, null, /*#__PURE__*/React.createElement(_Button, {
     disabled: setting === null || setting === void 0 ? void 0 : setting.disabled,
-    placeholder: setting === null || setting === void 0 ? void 0 : setting.placeholder,
-    allowClear: true
-  }));
+    icon: /*#__PURE__*/React.createElement(UploadOutlined, null)
+  }, tr('上传'))));
 };
 
 export default withFieldCellWrapper(Index);

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/HOC/index.js

@@ -14,6 +14,8 @@ import { dragItemType, streamEventType } from '../../../../../settings';
 import useObservable from '../../../../../../../framework/rxjs-hooks/useObservable';
 export function withFieldCellWrapper(WrappedComponent) {
   return function (props) {
+    var _cellSetting$depend, _cellSetting$depend2, _cellSetting$depend3, _cellSetting$depend4;
+
     var data = props.data,
         refId = props.refId,
         isShowAction = props.isShowAction;
@@ -154,7 +156,8 @@ export function withFieldCellWrapper(WrappedComponent) {
       fGCtx.fgStream && fGCtx.fgStream.next({
         type: streamEventType.onNodeDelete,
         payload: {
-          id: data.id
+          id: data.id,
+          refId: refId
         }
       });
     };
@@ -200,7 +203,15 @@ export function withFieldCellWrapper(WrappedComponent) {
       style: {
         color: 'var(--ronds-metadata-color-text-2)'
       }
-    }, " [ hidden ] ")), /*#__PURE__*/React.createElement(_Form.Item, {
+    }, " [ hidden ] "), (cellSetting === null || cellSetting === void 0 ? void 0 : (_cellSetting$depend = cellSetting.depend) === null || _cellSetting$depend === void 0 ? void 0 : _cellSetting$depend.hidden) && /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: 'var(--ronds-metadata-color-text-2)'
+      }
+    }, " [ hidden:", cellSetting === null || cellSetting === void 0 ? void 0 : (_cellSetting$depend2 = cellSetting.depend) === null || _cellSetting$depend2 === void 0 ? void 0 : _cellSetting$depend2.hidden, " ] "), (cellSetting === null || cellSetting === void 0 ? void 0 : (_cellSetting$depend3 = cellSetting.depend) === null || _cellSetting$depend3 === void 0 ? void 0 : _cellSetting$depend3.show) && /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: 'var(--ronds-metadata-color-text-2)'
+      }
+    }, " [ show:", cellSetting === null || cellSetting === void 0 ? void 0 : (_cellSetting$depend4 = cellSetting.depend) === null || _cellSetting$depend4 === void 0 ? void 0 : _cellSetting$depend4.show, " ] ")), /*#__PURE__*/React.createElement(_Form.Item, {
       key: "".concat(cellSetting === null || cellSetting === void 0 ? void 0 : cellSetting.defaultValue),
       name: (cellSetting === null || cellSetting === void 0 ? void 0 : cellSetting.id) || data.id,
       label: /*#__PURE__*/React.createElement("span", {
@@ -222,8 +233,8 @@ export function withFieldCellWrapper(WrappedComponent) {
       ref: drag,
       style: {
         position: 'absolute',
-        top: '-3px',
-        left: '-3px'
+        top: '-1px',
+        left: '-1px'
       }
     }, /*#__PURE__*/React.createElement(_Button, {
       size: "small",
@@ -232,8 +243,8 @@ export function withFieldCellWrapper(WrappedComponent) {
     })), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'absolute',
-        bottom: '-3px',
-        right: '-2px'
+        bottom: '-1px',
+        right: '0px'
       }
     }, /*#__PURE__*/React.createElement(_Button, {
       size: "small",

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/index.js

@@ -1,7 +1,7 @@
 /*
  * @Author: wangxian
  * @Date: 2023-02-06 11:35:45
- * @LastEditTime: 2023-02-16 14:54:43
+ * @LastEditTime: 2023-02-27 10:13:49
  */
 import React from 'react';
 import Input from './Cell/Input';
@@ -18,6 +18,7 @@ import Password from './Cell/Password';
 import Upload from './Cell/Upload';
 import Obj from './Cell/Obj';
 import List from './Cell/List';
+import Table from './Cell/Table';
 
 var RenderField = function RenderField(props) {
   var data = props.data,
@@ -56,5 +57,6 @@ var DataCellMap = {
   password: Password,
   upload: Upload,
   obj: Obj,
-  list: List
+  list: List,
+  table: Table
 };

package/es/comps/FormGenerator/comps/Canvas/core/index.js

@@ -10,7 +10,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import { useDrop } from 'react-dnd';
 import { FGCtx } from '../../../../../comps/FormGenerator/Provider';
-import { dragItemType, streamEventType } from '../../../settings';
+import { dragItemType, formSetting as _formSetting, streamEventType } from '../../../settings';
 import useObservable from '../../../../../framework/rxjs-hooks/useObservable';
 import { arrayInsert, arrayMoveImmutable, guid } from '../../../../../utils';
 import RenderField from './RenderField';
@@ -36,7 +36,7 @@ var CanvasCore = function CanvasCore(props) {
       curNodeId = _React$useState4[0],
       setCurNodeId = _React$useState4[1];
 
-  var _React$useState5 = React.useState(),
+  var _React$useState5 = React.useState(_formSetting.param.defaultValue),
       _React$useState6 = _slicedToArray(_React$useState5, 2),
       formSetting = _React$useState6[0],
       setFormSetting = _React$useState6[1];
@@ -121,7 +121,7 @@ var CanvasCore = function CanvasCore(props) {
     onChange && onChange(_list);
   }, []);
   var processFgStreamData = React.useCallback(function (p) {
-    var _p$payload, _p$payload$node, _p$payload2, _p$payload3;
+    var _p$payload, _p$payload$node, _p$payload2, _p$payload3, _p$payload4;
 
     switch (p === null || p === void 0 ? void 0 : p.type) {
       case streamEventType.onNodeSelect:
@@ -146,42 +146,44 @@ var CanvasCore = function CanvasCore(props) {
         break;
 
       case streamEventType.onNodeDelete:
-        var _list = listRef.current;
-        _list = _list.filter(function (it) {
-          return it.id !== p.payload.id;
-        });
-        setList(_toConsumableArray(_list));
-        listRef.current = _list;
-        onChange && onChange(_list); // 默认焦点放在第一个
-
-        if (_list.length > 0) {
-          onSelect(_list[0]);
-        } else {
-          fGCtx.fgStream && fGCtx.fgStream.next({
-            type: streamEventType.onClearCanvas
+        if (refId === ((_p$payload3 = p.payload) === null || _p$payload3 === void 0 ? void 0 : _p$payload3.refId)) {
+          var _list = listRef.current;
+          _list = _list.filter(function (it) {
+            return it.id !== p.payload.id;
           });
+          setList(_toConsumableArray(_list));
+          listRef.current = _list;
+          onChange && onChange(_list); // 默认焦点放在第一个
+
+          if (_list.length > 0) {
+            onSelect(_list[0]);
+          } else {
+            fGCtx.fgStream && fGCtx.fgStream.next({
+              type: streamEventType.onClearCanvas
+            });
+          }
         }
 
         break;
 
       case streamEventType.onSettingValueChange:
-        if (p === null || p === void 0 ? void 0 : (_p$payload3 = p.payload) === null || _p$payload3 === void 0 ? void 0 : _p$payload3.formSetting) {
-          var _p$payload4;
+        if (p === null || p === void 0 ? void 0 : (_p$payload4 = p.payload) === null || _p$payload4 === void 0 ? void 0 : _p$payload4.formSetting) {
+          var _p$payload5;
 
-          setFormSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload4 = p.payload) === null || _p$payload4 === void 0 ? void 0 : _p$payload4.formSetting));
+          setFormSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload5 = p.payload) === null || _p$payload5 === void 0 ? void 0 : _p$payload5.formSetting));
         }
 
         if ((p === null || p === void 0 ? void 0 : p.payload.refId) === refId) {
           if (refId) {
-            var _p$payload5, _p$payload6;
+            var _p$payload6, _p$payload7;
 
-            setAllSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload5 = p.payload) === null || _p$payload5 === void 0 ? void 0 : _p$payload5.allSetting[refId]));
-            allSettingRef.current = _objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload6 = p.payload) === null || _p$payload6 === void 0 ? void 0 : _p$payload6.allSetting[refId]);
+            setAllSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload6 = p.payload) === null || _p$payload6 === void 0 ? void 0 : _p$payload6.allSetting[refId]));
+            allSettingRef.current = _objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload7 = p.payload) === null || _p$payload7 === void 0 ? void 0 : _p$payload7.allSetting[refId]);
           } else {
-            var _p$payload7, _p$payload8;
+            var _p$payload8, _p$payload9;
 
-            setAllSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload7 = p.payload) === null || _p$payload7 === void 0 ? void 0 : _p$payload7.allSetting));
-            allSettingRef.current = _objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload8 = p.payload) === null || _p$payload8 === void 0 ? void 0 : _p$payload8.allSetting);
+            setAllSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload8 = p.payload) === null || _p$payload8 === void 0 ? void 0 : _p$payload8.allSetting));
+            allSettingRef.current = _objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload9 = p.payload) === null || _p$payload9 === void 0 ? void 0 : _p$payload9.allSetting);
           }
         }
 

package/es/comps/FormGenerator/comps/Canvas/core/index.less

@@ -1,23 +1,23 @@
-.canvas-wrapper {
-  .drag-item {
-    position: relative;
-    border: 1px dashed var(--ronds-metadata-color-border-1);
-    background: var(--ronds-metadata-color-bg-4);
-    margin-bottom: 8px;
-  }
-
-  .drag-item-selected {
-    border: 3px dashed var(--ronds-metadata-color-border-2);
-  }
-
-  .ant-form-item {
-    margin-bottom: '4px' !important;
-  }
-  .ant-form-item-label {
-    padding: 0%;
-  }
-  .ant-input-number,
-  .ant-picker {
-    width: 100%;
-  }
-}
+.canvas-wrapper {
+  .drag-item {
+    position: relative;
+    border: 1px dashed var(--ronds-metadata-color-border-1);
+    background: var(--ronds-metadata-color-bg-4);
+    margin-bottom: 8px;
+  }
+
+  .drag-item-selected {
+    border: 1px solid var(--ronds-metadata-color-border-2);
+  }
+
+  .ant-form-item {
+    margin-bottom: '4px' !important;
+  }
+  .ant-form-item-label {
+    padding: 0 0 2px !important;
+  }
+  .ant-input-number,
+  .ant-picker {
+    width: 100%;
+  }
+}

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

@@ -8,7 +8,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import copy from 'copy-to-clipboard';
 import { FGCtx } from '../../Provider';
-import { streamEventType } from '../../settings';
+import { formSetting, streamEventType } from '../../settings';
 import { transFG2Schema } from '../../transformer';
 import CanvasCore from './core';
 import MetadataForm from '../../../../comps/MetadataForm';
@@ -16,7 +16,9 @@ import useObservable from '../../../../framework/rxjs-hooks/useObservable';
 
 var Canvas = function Canvas() {
   var nodesRef = React.useRef([]);
-  var settingRef = React.useRef({});
+  var settingRef = React.useRef({
+    formSetting: formSetting.param.defaultValue
+  });
   var typesRef = React.useRef({});
 
   var _React$useState = React.useState([]),

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

@@ -92,7 +92,7 @@ var Settings = function Settings() {
 
     var _settingValue = settingValueRef.current;
 
-    if (refIdRef.current) {
+    if (refIdRef.current && id !== formSetting.id) {
       var _key = "".concat(refIdRef.current, "_ref");
 
       _settingValue = settingValueRef.current[_key] ? settingValueRef.current : _objectSpread(_objectSpread({}, settingValueRef.current), {}, _defineProperty({}, _key, {}));
@@ -140,7 +140,7 @@ var Settings = function Settings() {
       formRef.current = form;
     },
     colSpan: 24,
-    labelSpan: 6,
+    layout: "vertical",
     onValuesChange: function onValuesChange(val, allVals) {
       _onValuesChange(formSetting.id, val, allVals);
     }

package/es/comps/FormGenerator/comps/Sidebar/Elements.js

@@ -38,7 +38,7 @@ var Elements = function Elements(props) {
       padding: '4px',
       textAlign: 'center',
       border: '1px solid var(--ronds-metadata-color-border-1)',
-      borderRadius: '4px',
+      borderRadius: '3px',
       cursor: 'pointer',
       opacity: opacity
     }

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-02-24 16:33:24
+ * @LastEditTime: 2023-02-25 10:53:17
  */
 import React from 'react';
 import { DndProvider } from 'react-dnd';
@@ -58,7 +58,8 @@ var FormGenerator = function FormGenerator(props) {
       types: types
     }
   }, /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
+    backend: HTML5Backend,
+    context: window
   }, /*#__PURE__*/React.createElement("div", {
     className: "form-generator-container"
   }, /*#__PURE__*/React.createElement(Sidebar, null), /*#__PURE__*/React.createElement(Canvas, null), /*#__PURE__*/React.createElement(Settings, null)))));