ronds-metadata 1.1.93 → 1.1.95

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Checkbox.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/Checkbox.js

@@ -0,0 +1,17 @@
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import React from "react";
+import { withFieldCellWrapper } from '../HOC';
+
+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
+  }));
+};
+
+export default withFieldCellWrapper(Index);

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Color.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/Color.js

@@ -0,0 +1,17 @@
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import React from "react";
+import { withFieldCellWrapper } from '../HOC';
+
+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
+  }));
+};
+
+export default withFieldCellWrapper(Index);

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

@@ -1,22 +1,43 @@
+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-14 19:14:21
+ * @LastEditTime: 2023-02-17 14:54:47
  */
+import React from 'react';
 import CanvasCore from '../../index';
 import { withFieldCellWrapper } from '../HOC';
-import React from 'react';
+import { streamEventType } from '../../../../../settings/index';
 
 var Index = function Index(props) {
   var data = props.data,
       fgStream = props.fgStream,
       setting = props.setting;
+
+  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 () {}, [setting]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CanvasCore, {
+    key: data.id,
     refId: data.id,
     onChange: function onChange(nodes) {
+      setNodes(_toConsumableArray(nodes));
       nodesRef.current = 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
+        })
+      });
     }
   }));
 };

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Password.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/Password.js

@@ -0,0 +1,17 @@
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import React from "react";
+import { withFieldCellWrapper } from '../HOC';
+
+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
+  }));
+};
+
+export default withFieldCellWrapper(Index);

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Radio.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/Radio.js

@@ -0,0 +1,17 @@
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import React from "react";
+import { withFieldCellWrapper } from '../HOC';
+
+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
+  }));
+};
+
+export default withFieldCellWrapper(Index);

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Upload.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/Upload.js

@@ -0,0 +1,17 @@
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import React from "react";
+import { withFieldCellWrapper } from '../HOC';
+
+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
+  }));
+};
+
+export default withFieldCellWrapper(Index);

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

@@ -7,14 +7,15 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestruct
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
+import { useDrag, useDrop } from 'react-dnd';
 import { DragOutlined, SnippetsOutlined, DeleteOutlined } from '@ant-design/icons';
 import { FGCtx } from '../../../../../Provider';
 import { dragItemType, streamEventType } from '../../../../../settings';
 import useObservable from '../../../../../../../framework/rxjs-hooks/useObservable';
-import { useDrag, useDrop } from 'react-dnd';
 export function withFieldCellWrapper(WrappedComponent) {
   return function (props) {
     var data = props.data,
+        refId = props.refId,
         isShowAction = props.isShowAction;
     var fGCtx = React.useContext(FGCtx) || {};
     var boxRef = React.useRef(null);
@@ -32,8 +33,10 @@ export function withFieldCellWrapper(WrappedComponent) {
     var processFgStreamData = React.useCallback(function (p) {
       switch (p === null || p === void 0 ? void 0 : p.type) {
         case streamEventType.onSettingValueChange:
-          if (p === null || p === void 0 ? void 0 : p.payload[data.id]) {
-            setCellSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : p.payload[data.id]));
+          if ((p === null || p === void 0 ? void 0 : p.payload.refId) === refId) {
+            if (p === null || p === void 0 ? void 0 : p.payload[data.id]) {
+              setCellSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : p.payload[data.id]));
+            }
           }
 
           break;
@@ -81,7 +84,8 @@ export function withFieldCellWrapper(WrappedComponent) {
           payload: {
             dragItem: item.dragItem,
             dropId: data.id,
-            position: position
+            position: position,
+            refId: refId
           }
         });
       },

package/es/comps/FormGenerator/comps/Canvas/core/RenderField/index.d.ts

@@ -1,6 +1,10 @@
 import { FG } from '../../../../index.d';
 interface IRenderFieldProps {
     data: FG.Node;
+    /**
+     * 对象类型引用的
+     */
+    refId?: string;
     isShowAction?: boolean;
 }
 declare const RenderField: (props: IRenderFieldProps) => JSX.Element;

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-13 14:52:56
+ * @LastEditTime: 2023-02-16 14:54:43
  */
 import React from 'react';
 import Input from './Cell/Input';
@@ -11,11 +11,17 @@ import Number from './Cell/Number';
 import Switch from './Cell/Switch';
 import Select from './Cell/Select';
 import MutiSelect from './Cell/MutiSelect';
+import Color from './Cell/Color';
+import Checkbox from './Cell/Checkbox';
+import Radio from './Cell/Radio';
+import Password from './Cell/Password';
+import Upload from './Cell/Upload';
 import Obj from './Cell/Obj';
 import List from './Cell/List';
 
 var RenderField = function RenderField(props) {
   var data = props.data,
+      refId = props.refId,
       _props$isShowAction = props.isShowAction,
       isShowAction = _props$isShowAction === void 0 ? false : _props$isShowAction;
   var FieldContent = React.useMemo(function () {
@@ -25,6 +31,7 @@ var RenderField = function RenderField(props) {
       var Comm = DataCellMap[data.type];
       return /*#__PURE__*/React.createElement(Comm, {
         data: data,
+        refId: refId,
         isShowAction: isShowAction
       });
     }
@@ -43,6 +50,11 @@ var DataCellMap = {
   switch: Switch,
   select: Select,
   mutiSelect: MutiSelect,
+  color: Color,
+  checkbox: Checkbox,
+  radio: Radio,
+  password: Password,
+  upload: Upload,
   obj: Obj,
   list: List
 };

package/es/comps/FormGenerator/comps/Canvas/core/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FG } from '../../../../../comps/FormGenerator/index.d';
 import './index.less';
 interface ICanvasCoreProps {
@@ -12,5 +13,5 @@ interface ICanvasCoreProps {
      */
     onChange?: (nodes: FG.Node[]) => void;
 }
-declare const CanvasCore: (props: ICanvasCoreProps) => JSX.Element;
-export default CanvasCore;
+declare const _default: React.MemoExoticComponent<(props: ICanvasCoreProps) => JSX.Element>;
+export default _default;

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

@@ -45,9 +45,6 @@ var CanvasCore = function CanvasCore(props) {
       allSetting = _React$useState8[0],
       setAllSetting = _React$useState8[1];
 
-  React.useEffect(function () {
-    onChange && onChange(list);
-  }, [list]);
   var addNewNode = React.useCallback(function (_node, dropId, position) {
     var _newNode;
 
@@ -86,27 +83,38 @@ var CanvasCore = function CanvasCore(props) {
     }
 
     if ((_newNode = newNode) === null || _newNode === void 0 ? void 0 : _newNode.id) {
-      setCurNodeId(newNode.id);
       fGCtx.fgStream && fGCtx.fgStream.next({
         type: streamEventType.onNodeSelect,
-        payload: newNode
+        payload: {
+          node: newNode,
+          refId: refId
+        }
       });
     }
 
     setList(_toConsumableArray(_list));
     listRef.current = _list;
+    onChange && onChange(_list);
   }, []);
   var processFgStreamData = React.useCallback(function (p) {
-    var _p$payload, _p$payload3;
+    var _p$payload, _p$payload$node, _p$payload2, _p$payload3;
 
     switch (p === null || p === void 0 ? void 0 : p.type) {
+      case streamEventType.onNodeSelect:
+        setCurNodeId(p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : (_p$payload$node = _p$payload.node) === null || _p$payload$node === void 0 ? void 0 : _p$payload$node.id);
+        break;
+
       case streamEventType.onClearCanvas:
         setList([]);
         listRef.current = [];
+        onChange && onChange([]);
         break;
 
       case streamEventType.onDropOver:
-        addNewNode(p.payload.dragItem, p.payload.dropId, p.payload.position);
+        if (refId === ((_p$payload2 = p.payload) === null || _p$payload2 === void 0 ? void 0 : _p$payload2.refId)) {
+          addNewNode(p.payload.dragItem, p.payload.dropId, p.payload.position);
+        }
+
         break;
 
       case streamEventType.onNodeCopy:
@@ -119,7 +127,8 @@ var CanvasCore = function CanvasCore(props) {
           return it.id !== p.payload.id;
         });
         setList(_toConsumableArray(_list));
-        listRef.current = _list; // 默认焦点放在第一个
+        listRef.current = _list;
+        onChange && onChange(_list); // 默认焦点放在第一个
 
         if (_list.length > 0) {
           onSelect(_list[0]);
@@ -132,13 +141,24 @@ var CanvasCore = function CanvasCore(props) {
         break;
 
       case streamEventType.onSettingValueChange:
-        if (p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : _p$payload.formSetting) {
-          var _p$payload2;
+        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;
 
-          setFormSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload2 = p.payload) === null || _p$payload2 === void 0 ? void 0 : _p$payload2.formSetting));
+          setFormSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload4 = p.payload) === null || _p$payload4 === void 0 ? void 0 : _p$payload4.formSetting));
+        }
+
+        if ((p === null || p === void 0 ? void 0 : p.payload.refId) === refId) {
+          if (refId) {
+            var _p$payload5;
+
+            setAllSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload5 = p.payload) === null || _p$payload5 === void 0 ? void 0 : _p$payload5.allSetting[refId]));
+          } else {
+            var _p$payload6;
+
+            setAllSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload6 = p.payload) === null || _p$payload6 === void 0 ? void 0 : _p$payload6.allSetting));
+          }
         }
 
-        setAllSetting(_objectSpread({}, p === null || p === void 0 ? void 0 : (_p$payload3 = p.payload) === null || _p$payload3 === void 0 ? void 0 : _p$payload3.allSetting));
         break;
     }
   }, []);
@@ -182,10 +202,12 @@ var CanvasCore = function CanvasCore(props) {
       dropRef = _useDrop2[1];
 
   var onSelect = function onSelect(it) {
-    setCurNodeId(it.id);
     fGCtx.fgStream && fGCtx.fgStream.next({
       type: streamEventType.onNodeSelect,
-      payload: it
+      payload: {
+        node: it,
+        refId: refId
+      }
     });
   };
 
@@ -238,10 +260,12 @@ var CanvasCore = function CanvasCore(props) {
     }, /*#__PURE__*/React.createElement("div", {
       key: it.id,
       className: "drag-item ".concat(curNodeId === it.id ? 'drag-item-selected' : ''),
-      onClick: function onClick() {
+      onClick: function onClick(e) {
+        e.stopPropagation();
         onSelect(it);
       }
     }, /*#__PURE__*/React.createElement(RenderField, {
+      refId: refId,
       data: it,
       isShowAction: curNodeId === it.id
     })));
@@ -256,4 +280,4 @@ var CanvasCore = function CanvasCore(props) {
   }, "\u62D6\u62FD\u5DE6\u4FA7\u680F\u7684\u7EC4\u4EF6\u8FDB\u884C\u6DFB\u52A0")))));
 };
 
-export default CanvasCore;
+export default /*#__PURE__*/React.memo(CanvasCore);

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

@@ -3,12 +3,13 @@ import _message from "antd/es/message";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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 { transFG2Schema } from '../../transformer';
+import { transFG2Schema, transSchema2FG } from '../../transformer';
 import CanvasCore from './core';
 import MetadataForm from '../../../../comps/MetadataForm';
 import useObservable from '../../../../framework/rxjs-hooks/useObservable';
@@ -16,6 +17,7 @@ import useObservable from '../../../../framework/rxjs-hooks/useObservable';
 var Canvas = function Canvas() {
   var nodesRef = React.useRef([]);
   var settingRef = React.useRef({});
+  var typesRef = React.useRef({});
 
   var _React$useState = React.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -30,6 +32,13 @@ var Canvas = function Canvas() {
           settingRef.current = p.payload.allSetting;
         }
 
+        break;
+
+      case streamEventType.onTypesChange:
+        if (p === null || p === void 0 ? void 0 : p.payload) {
+          typesRef.current = _objectSpread(_objectSpread({}, typesRef.current), p === null || p === void 0 ? void 0 : p.payload);
+        }
+
         break;
     }
   }, []);
@@ -45,14 +54,67 @@ var Canvas = function Canvas() {
 
   var onPreview = function onPreview() {
     if (schema.length === 0) {
-      var _schema = transFG2Schema(nodesRef.current, settingRef.current);
+      var _schema = transFG2Schema(nodesRef.current, settingRef.current, typesRef.current);
 
-      setSchema(_toConsumableArray(_schema));
+      setSchema(_toConsumableArray(_schema || []));
     } else {
       setSchema([]);
     }
   };
 
+  var onImport = function onImport() {
+    var _schema = [{
+      id: 'FormGenerator',
+      type: 'object',
+      properties: [{
+        id: 'obj-e5f4',
+        type: 'ref',
+        fields: [{
+          id: 'com.ronds.schema.default.Rule.Form',
+          type: 'ref',
+          refId: 'com.ronds.schema.default.Rule.Form',
+          value: {
+            label: '对象',
+            ref: {}
+          }
+        }],
+        refId: 'obj-e5f4_ref'
+      }, {
+        id: 'input-d4d3',
+        type: 'text',
+        fields: [{
+          id: 'com.ronds.schema.default.Rule.Form',
+          type: 'ref',
+          refId: 'com.ronds.schema.default.Rule.Form',
+          value: {
+            label: '输入框',
+            text: {}
+          }
+        }]
+      }],
+      types: [{
+        id: 'obj-e5f4_ref',
+        type: 'object',
+        properties: [{
+          id: 'textarea-eb7d',
+          type: 'text',
+          fields: [{
+            id: 'com.ronds.schema.default.Rule.Form',
+            type: 'ref',
+            refId: 'com.ronds.schema.default.Rule.Form',
+            value: {
+              label: '文本框',
+              text: {
+                type: 'textarea'
+              }
+            }
+          }]
+        }]
+      }]
+    }];
+    var a = transSchema2FG(_schema);
+  };
+
   return /*#__PURE__*/React.createElement("div", {
     style: {
       height: '100%',
@@ -74,9 +136,14 @@ var Canvas = function Canvas() {
     },
     onClick: onClearCanvas
   }, "\u6E05\u7A7A"), /*#__PURE__*/React.createElement(_Button, {
+    style: {
+      marginRight: '8px'
+    },
+    onClick: onImport
+  }, "\u5BFC\u5165"), /*#__PURE__*/React.createElement(_Button, {
     type: "primary",
     onClick: function onClick() {
-      var _schema = transFG2Schema(nodesRef.current, settingRef.current);
+      var _schema = transFG2Schema(nodesRef.current, settingRef.current, typesRef.current);
 
       if (copy(JSON.stringify(_schema))) {
         _message.success("\u5DF2\u590D\u5236\u5230\u526A\u5207\u677F");

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

@@ -26,23 +26,34 @@ var Settings = function Settings() {
       curTab = _React$useState4[0],
       setCurTab = _React$useState4[1];
 
+  var refIdRef = React.useRef();
   var settingValueRef = React.useRef({
     formSetting: formSetting.param.defaultValue
   });
   var processFgStreamData = React.useCallback(function (p) {
-    var _p$payload, _p$payload2;
-
     switch (p === null || p === void 0 ? void 0 : p.type) {
       case streamEventType.onNodeSelect:
-        setCurNode(_objectSpread({}, p === null || p === void 0 ? void 0 : p.payload));
-        setCurTab(p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : _p$payload.id); // 赋值
+        refIdRef.current = p === null || p === void 0 ? void 0 : p.payload.refId;
+
+        var _node = p === null || p === void 0 ? void 0 : p.payload.node;
 
-        if (settingValueRef.current[p === null || p === void 0 ? void 0 : (_p$payload2 = p.payload) === null || _p$payload2 === void 0 ? void 0 : _p$payload2.id]) {
-          setTimeout(function () {
-            var _p$payload3;
+        setCurNode(_objectSpread({}, _node));
+        setCurTab(_node.id); // 赋值
 
-            compFormRef.current && compFormRef.current.setFieldsValue(_objectSpread({}, settingValueRef.current[p === null || p === void 0 ? void 0 : (_p$payload3 = p.payload) === null || _p$payload3 === void 0 ? void 0 : _p$payload3.id]));
-          }, 100);
+        if (refIdRef.current) {
+          var _key = "".concat(refIdRef.current, "_ref");
+
+          if (settingValueRef.current[_key] && settingValueRef.current[_key][_node.id]) {
+            setTimeout(function () {
+              compFormRef.current && compFormRef.current.setFieldsValue(_objectSpread({}, settingValueRef.current[_key][_node.id]));
+            }, 100);
+          }
+        } else {
+          if (settingValueRef.current[_node.id]) {
+            setTimeout(function () {
+              compFormRef.current && compFormRef.current.setFieldsValue(_objectSpread({}, settingValueRef.current[_node.id]));
+            }, 100);
+          }
         }
 
         break;
@@ -65,11 +76,20 @@ var Settings = function Settings() {
     var _payload;
 
     var _settingValue = settingValueRef.current;
-    _settingValue[id] = allVals;
+
+    if (refIdRef.current) {
+      var _key = "".concat(refIdRef.current, "_ref");
+
+      _settingValue = settingValueRef.current[_key] ? settingValueRef.current : _objectSpread(_objectSpread({}, settingValueRef.current), {}, _defineProperty({}, _key, {}));
+      _settingValue[_key][id] = allVals;
+    } else {
+      _settingValue[id] = allVals;
+    }
+
     settingValueRef.current = _settingValue;
     fGCtx.fgStream && fGCtx.fgStream.next({
       type: streamEventType.onSettingValueChange,
-      payload: (_payload = {}, _defineProperty(_payload, id, allVals), _defineProperty(_payload, "allSetting", settingValueRef.current), _payload)
+      payload: (_payload = {}, _defineProperty(_payload, id, allVals), _defineProperty(_payload, "allSetting", settingValueRef.current), _defineProperty(_payload, "refId", refIdRef.current), _payload)
     });
   };