cnhis-design-vue 3.1.26-beta.4 → 3.1.27-beta.0

package/README.md

@@ -1,123 +1,123 @@
-# 安装
-
-```shell
-npm i cnhis-design-vue@[版本号]
-# or
-yarn add cnhis-design-vue@[版本号] #推荐
-```
-
-## 1.全局引入
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-import 'cnhis-design-vue/es/packages/index.css';
-import cui from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(cui).mount('#app');
-```
-
-## 2. 按需引入
-
-组件现在支持了自动按需引入, 但是样式文件需要额外的处理
-
-### 2.1 样式处理方式 1(按需引入样式)
-
-```shell
-# 安装自动导入样式的插件
-npm i -d vite-plugin-style-import
-```
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-import { createStyleImportPlugin } from 'vite-plugin-style-import';
-
-export default defineConfig({
-  plugins: [
-    // ...otherPlugins
-    createStyleImportPlugin({
-      libs: [
-        {
-          libraryName: 'cnhis-design-vue',
-          esModule: true,
-          ensureStyleFile: true,
-          resolveStyle: name => {
-            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
-          }
-        }
-      ]
-    })
-  ]
-});
-```
-
-### 2.2 样式处理方式 2(全局引入样式)
-
-```typescript
-// main.ts
-import 'cnhis-design-vue/es/components/index.css';
-```
-
-## 3. 注意
-
-由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-
-import { CGrid } from 'cnhis-design-vue';
-// 或者
-import { CBigTable } from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(CGrid);
-// 或者
-app.use(CBigTable);
-app.mount('#app');
-```
-
-## 4.FAQ
-
-### 4.1 项目打包后样式丢失
-
-> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  rollupOptions: {
-    // ..otherOptions
-    output: {
-      dir: './dist',
-      manualChunks(id: string) {
-        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
-          return 'vendor';
-        }
-      }
-    }
-  }
-});
-```
-
-### 4.2 找不到文件
-
-> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
-
-```javascript
-// vite.config.ts
-const config = {
-  // ...otherOptions
-  resolve: {
-    // ...otherOptions
-    // 如果没有配置, 则不用考虑
-    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
-  }
-};
-```
+# 安装
+
+```shell
+npm i cnhis-design-vue@[版本号]
+# or
+yarn add cnhis-design-vue@[版本号] #推荐
+```
+
+## 1.全局引入
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import 'cnhis-design-vue/es/packages/index.css';
+import cui from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(cui).mount('#app');
+```
+
+## 2. 按需引入
+
+组件现在支持了自动按需引入, 但是样式文件需要额外的处理
+
+### 2.1 样式处理方式 1(按需引入样式)
+
+```shell
+# 安装自动导入样式的插件
+npm i -d vite-plugin-style-import
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  plugins: [
+    // ...otherPlugins
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'cnhis-design-vue',
+          esModule: true,
+          ensureStyleFile: true,
+          resolveStyle: name => {
+            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
+          }
+        }
+      ]
+    })
+  ]
+});
+```
+
+### 2.2 样式处理方式 2(全局引入样式)
+
+```typescript
+// main.ts
+import 'cnhis-design-vue/es/components/index.css';
+```
+
+## 3. 注意
+
+由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+
+import { CGrid } from 'cnhis-design-vue';
+// 或者
+import { CBigTable } from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(CGrid);
+// 或者
+app.use(CBigTable);
+app.mount('#app');
+```
+
+## 4.FAQ
+
+### 4.1 项目打包后样式丢失
+
+> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  rollupOptions: {
+    // ..otherOptions
+    output: {
+      dir: './dist',
+      manualChunks(id: string) {
+        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
+          return 'vendor';
+        }
+      }
+    }
+  }
+});
+```
+
+### 4.2 找不到文件
+
+> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
+
+```javascript
+// vite.config.ts
+const config = {
+  // ...otherOptions
+  resolve: {
+    // ...otherOptions
+    // 如果没有配置, 则不用考虑
+    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
+  }
+};
+```

package/es/components/fabric-chart/index.d.ts

@@ -83,6 +83,8 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
     setPopup: (point: any) => void;
     getEqualXTypes: (pointX: number) => import("./src/interface").IPointType[];
     isAddPoint: (x: number) => boolean;
+    updateData: (params: any, mode?: string) => void;
+    redrawPoints: () => void;
     drawScaleValue: (yScaleValueList: any[]) => void;
     PopupTip: import("vue").DefineComponent<{
         show: {

package/es/components/fabric-chart/src/FabricChart.js

@@ -282,16 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const { cumputedX, cumputedY, getXValue, getYValue } = useCumputedPoint(propItems);
     useTop(canvas, propItems);
-    const { pointTipProps, pointMenuProps, clickMenu, setPopup, getEqualXTypes, isAddPoint } = useCenter(
-      canvas,
-      propItems,
-      emits,
-      cumputedX,
-      cumputedY,
-      getXValue,
-      getYValue,
-      props.addRenderItem
-    );
+    const { pointTipProps, pointMenuProps, clickMenu, setPopup, getEqualXTypes, isAddPoint, updateData, redrawPoints } = useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, props.addRenderItem);
     const { drawScaleValue } = useLeft(
       canvas,
       propItems,
@@ -301,7 +292,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getXValue,
       getYValue,
       getEqualXTypes,
-      isAddPoint
+      isAddPoint,
+      updateData
     );
     useRight(canvas, propItems, drawScaleValue);
     useBottom(canvas, propItems);
@@ -324,6 +316,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       canvas.value = null;
     });
     expose({
+      redrawPoints,
       select,
       canvas
     });

package/es/components/fabric-chart/src/FabricChart.vue.d.ts

@@ -84,6 +84,8 @@ declare const _default: import("vue").DefineComponent<{
     setPopup: (point: any) => void;
     getEqualXTypes: (pointX: number) => IPointType[];
     isAddPoint: (x: number) => boolean;
+    updateData: (params: any, mode?: string) => void;
+    redrawPoints: () => void;
     drawScaleValue: (yScaleValueList: any[]) => void;
     PopupTip: import("vue").DefineComponent<{
         show: {

package/es/components/fabric-chart/src/hooks/useCenter.d.ts

@@ -27,4 +27,6 @@ export declare function useCenter(canvas: Ref<fabric.Canvas>, propItems: IPropIt
     setPopup: (point: any) => void;
     getEqualXTypes: (pointX: number) => IPointType[];
     isAddPoint: (x: number) => boolean;
+    updateData: (params: any, mode?: string) => void;
+    redrawPoints: () => void;
 };

package/es/components/fabric-chart/src/hooks/useCenter.js

@@ -4,6 +4,7 @@ import { drawLine, defaultStyle, drawPoint, drawText, drawArrow } from './useDra
 import useGrid from './useGrid.js';
 import { useShadow } from './useShadow.js';
 import { TEMPERATURE_MENU, PAIN_MENU, OVERLAP } from './constant.js';
+import { cloneDeep } from 'lodash-es';
 
 function isEffectiveNode(node) {
   return (node == null ? void 0 : node.time) && ((node == null ? void 0 : node.value) || (node == null ? void 0 : node.value) === 0);
@@ -26,6 +27,10 @@ function deleteProperty(data, list) {
       Reflect.deleteProperty(data, key);
   });
 }
+function getIndex(time, list) {
+  const index = list.findIndex((v) => new Date(v.time).getTime() > new Date(time).getTime());
+  return !~index ? list.length : index;
+}
 function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, addRenderItem) {
   useGrid(canvas, propItems);
   const {
@@ -59,6 +64,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
   const maiboPoints = /* @__PURE__ */ new Set();
   const otherPoints = /* @__PURE__ */ new Set();
   const prevLines = /* @__PURE__ */ new Set();
+  const gridPoints = /* @__PURE__ */ new Set();
+  const yScaleValue = cloneDeep(left.yScaleValue);
   onMounted(() => {
     nextTick(() => {
       init();
@@ -69,7 +76,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     maiboPoints.clear();
     otherPoints.clear();
     prevLines.clear();
-    left.yScaleValue.forEach((scaleValue) => {
+    yScaleValue.forEach((scaleValue) => {
       drawPositionLine(scaleValue);
       scaleValue.dataList.forEach((item, dataIndex) => {
         if (scaleValue.type !== "temperature" || item.enable) {
@@ -90,7 +97,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
   }
   function drawShaDow(target) {
     var _a;
-    const pulseObj = left.yScaleValue.find((item) => item.type === "pulse");
+    const pulseObj = yScaleValue.find((item) => item.type === "pulse");
     if (!pulseObj || !((_a = pulseObj.dataList) == null ? void 0 : _a.length))
       return;
     if (shadowLinesCache.size)
@@ -199,7 +206,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
   }
   function drawOverlapPoint() {
     var _a;
-    const pulseObj = left.yScaleValue.find((item) => item.type === "pulse");
+    const pulseObj = yScaleValue.find((item) => item.type === "pulse");
     if (!pulseObj || !((_a = pulseObj.dataList) == null ? void 0 : _a.length))
       return;
     if (!pulseObj.dataList.some((item) => item.title.includes("\u8109\u640F")))
@@ -238,6 +245,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       canvas.value.add(...points);
       points.forEach((v) => {
         v == null ? void 0 : v.bringToFront();
+        gridPoints.add(v);
       });
     });
   }
@@ -376,6 +384,10 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         verifiedText: {
           obj: verifiedText,
           top: (value ? -yCellHeight : 0) - 5
+        },
+        reducePoint: {
+          obj: reducePoint,
+          type: "reduce"
         }
       });
     }
@@ -485,6 +497,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         }
         setPointEvent(point);
         pointList.push(point);
+        gridPoints.add(point);
       }
     }
   }
@@ -507,13 +520,15 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       if (event2.e.button === 0) {
         const { type } = point.origin;
         const value = getYValue(type, point.top);
-        emits("change", {
+        const params = {
           ...point.origin,
           data: {
             ...point.origin.data,
             value
           }
-        });
+        };
+        emits("change", params);
+        updateData(params, "change");
       }
     });
   }
@@ -552,6 +567,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     (_b = point.rightLine) == null ? void 0 : _b.setCoords().set({ x1: point.left, y1: point.top });
     Object.values(point.otherObj).forEach((o) => {
       const { obj, type = "", top = 0 } = o;
+      if (type === "reduce")
+        return;
       if (type === "line") {
         obj == null ? void 0 : obj.setCoords().set({ x1: point.left, y1: point.top });
       } else {
@@ -588,27 +605,72 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
   }
   function clickMenu({ item, target }) {
     if (!target) {
-      emits("add", {
+      const params = {
         data: {
           time: getXValue(item.pointer.x),
           value: getYValue(item.origin.type, item.pointer.y),
           ...item.origin.type !== "temperature" ? {} : { key: item.origin.key }
         },
         ...item.origin
-      });
+      };
+      emits("add", params);
+      updateData(params);
     } else {
-      const data = { ...target.origin.data };
+      const { data, type, dataIndex, index } = target.origin;
       deleteProperty(data, TEMPERATURE_MENU);
       deleteProperty(data, PAIN_MENU);
       data[`${item.type}`] = item.value;
-      if (target.origin.type === "temperature") {
+      if (type === "temperature") {
         data["key"] = target.origin.key;
       }
-      emits("change", {
+      const params = {
         ...target.origin,
         data
-      });
+      };
+      emits("change", params);
+      updateData(params, "change");
+    }
+  }
+  function updateData(params, mode = "add") {
+    const { type, dataIndex, index, data, key } = params;
+    const obj = yScaleValue.find((v) => v.type === type);
+    if (mode === "add") {
+      const dataList = type !== "temperature" ? obj.dataList[dataIndex] : obj.dataList.find((v) => v.enable);
+      const index2 = getIndex(data.time, dataList.list);
+      dataList.list.splice(index2, 0, data);
+    } else {
+      obj.dataList[dataIndex].list[index] = data;
     }
+    redrawPoints();
+  }
+  function redrawPoints() {
+    var _a;
+    if (!gridPoints.size)
+      return;
+    const removePoints = [];
+    [...gridPoints].forEach((point) => {
+      point && removePoints.push(point);
+      (point == null ? void 0 : point.leftLine) && removePoints.push(point == null ? void 0 : point.leftLine);
+      (point == null ? void 0 : point.rightLine) && removePoints.push(point == null ? void 0 : point.rightLine);
+      Object.values((point == null ? void 0 : point.otherObj) || {}).forEach((o) => {
+        (o == null ? void 0 : o.obj) && removePoints.push(o == null ? void 0 : o.obj);
+      });
+    });
+    (_a = canvas.value) == null ? void 0 : _a.remove(...removePoints);
+    shadowPointCache = [];
+    gridPoints.clear();
+    maiboPoints.clear();
+    otherPoints.clear();
+    prevLines.clear();
+    yScaleValue.forEach((scaleValue) => {
+      scaleValue.dataList.forEach((item, dataIndex) => {
+        if (scaleValue.type !== "temperature" || item.enable) {
+          drawPolyLine(item, dataIndex, scaleValue);
+        }
+      });
+    });
+    drawShaDow();
+    drawOverlapPoint();
   }
   return {
     pointTipProps,
@@ -616,7 +678,9 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     clickMenu,
     setPopup,
     getEqualXTypes,
-    isAddPoint
+    isAddPoint,
+    updateData,
+    redrawPoints
   };
 }
 

package/es/components/fabric-chart/src/hooks/useLeft.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { fabric } from '../utils';
 import { IPropItems } from '../interface';
-export declare function useLeft(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, setPopup: Function, pointTipProps: any, getXValue: Function, getYValue: Function, getEqualXTypes: Function, isAddPoint: Function): {
+export declare function useLeft(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, setPopup: Function, pointTipProps: any, getXValue: Function, getYValue: Function, getEqualXTypes: Function, isAddPoint: Function, updateData: Function): {
     drawScaleValue: (yScaleValueList: any[]) => void;
 };

package/es/components/fabric-chart/src/hooks/useLeft.js

@@ -2,7 +2,7 @@ import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { defaultBorderStyle, defaultTextStyle, defaultStyle, defaultRectStyle, drawPoint, drawTextGroup } from './useDraw.js';
 
-function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, getYValue, getEqualXTypes, isAddPoint) {
+function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, getYValue, getEqualXTypes, isAddPoint, updateData) {
   const {
     originY,
     endY,
@@ -271,28 +271,27 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
       if (event.e.button === 0) {
         if (isLimit(point)) {
           if (!getEqualXTypes(point.left).includes(point.origin.type) && isAddPoint(point.left)) {
-            emits("add", {
+            const params = {
               data: {
                 time: getXValue(point.left),
                 value: getYValue(point.origin.type, point.top),
                 ...point.origin.type !== "temperature" ? {} : { key: point.origin.key }
               },
               ...point.origin
-            });
+            };
+            emits("add", params);
+            updateData(params);
           } else {
             console.log("\u5F53\u524D\u65F6\u95F4\u6BB5\u5185\u65E0\u53EF\u65B0\u589E\u8282\u70B9");
-            setRestore();
           }
-        } else {
-          setRestore();
         }
       }
-      function setRestore() {
-        point.setCoords();
-        point.set({ originX: "right", left: point.originLeft, top: point.originTop });
-      }
+      setRestore(point);
     });
   }
+  function setRestore(point) {
+    point.setCoords().set({ originX: "right", left: point.originLeft, top: point.originTop });
+  }
   function drawBorder() {
     canvas.value.add(
       new fabric.Rect({

package/es/components/form-config/index.d.ts

@@ -156,7 +156,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             key: import("vue").Ref<number>;
             reload: () => Promise<void>;
             formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-            exposed: import("../../../es/shared/types").AnyObject;
+            exposed: Partial<import("..").FormRenderExpose>;
             FormRender: import("vue").DefineComponent<{
                 fieldList: {
                     type: import("vue").PropType<import("..").FieldItem[]>;
@@ -2591,7 +2591,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             key: import("vue").Ref<number>;
             reload: () => Promise<void>;
             formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-            exposed: import("../../../es/shared/types").AnyObject;
+            exposed: Partial<import("..").FormRenderExpose>;
             FormRender: import("vue").DefineComponent<{
                 fieldList: {
                     type: import("vue").PropType<import("..").FieldItem[]>;

package/es/components/form-config/src/FormConfig.vue.d.ts

@@ -158,7 +158,7 @@ declare const _default: import("vue").DefineComponent<{
             key: import("vue").Ref<number>;
             reload: () => Promise<void>;
             formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-            exposed: import("../../../../es/shared/types").AnyObject;
+            exposed: Partial<import("../..").FormRenderExpose>;
             FormRender: import("vue").DefineComponent<{
                 fieldList: {
                     type: PropType<import("../..").FieldItem[]>;
@@ -2593,7 +2593,7 @@ declare const _default: import("vue").DefineComponent<{
             key: import("vue").Ref<number>;
             reload: () => Promise<void>;
             formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-            exposed: import("../../../../es/shared/types").AnyObject;
+            exposed: Partial<import("../..").FormRenderExpose>;
             FormRender: import("vue").DefineComponent<{
                 fieldList: {
                     type: PropType<import("../..").FieldItem[]>;

package/es/components/form-config/src/components/FormConfigCreator.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         key: import("vue").Ref<number>;
         reload: () => Promise<void>;
         formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-        exposed: import("../../../../shared/types").AnyObject;
+        exposed: Partial<FormRenderExpose>;
         FormRender: import("vue").DefineComponent<{
             fieldList: {
                 type: import("vue").PropType<FieldItem[]>;

package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts

@@ -1714,7 +1714,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         key: import("vue").Ref<number>;
         reload: () => Promise<void>;
         formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-        exposed: import("../../../../../es/shared/types").AnyObject;
+        exposed: Partial<FormRenderExpose>;
         FormRender: import("vue").DefineComponent<{
             fieldList: {
                 type: import("vue").PropType<FieldItem[]>;

package/es/components/form-render/index.d.ts

@@ -7,7 +7,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
     key: import("vue").Ref<number>;
     reload: () => Promise<void>;
     formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-    exposed: import("../../../es/shared/types").AnyObject;
+    exposed: Partial<import("./src/types").FormRenderExpose>;
     FormRender: import("vue").DefineComponent<{
         fieldList: {
             type: import("vue").PropType<import("./src/types").FieldItem[]>;

package/es/components/form-render/src/FormRender.js

@@ -169,7 +169,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           values = splitExtendKey(_fieldList, values);
         }
         formModel.setFieldState("*", (state) => {
-          if (!isField(state) || Reflect.has(values, state.path.toString()))
+          if (!isField(state))
             return;
           state.value = values[state.path.toString()];
         });

package/es/components/form-render/src/FormRenderWrapper.js

@@ -35,8 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(FormRender, {
         key: key.value,
         ref_key: "formRenderRef",
-        ref: formRenderRef,
-        onReload: reload
+        ref: formRenderRef
       });
     };
   }