fix: model logs loading

src/components/seal-form/config/components.ts

@@ -1,4 +1,4 @@
-import { Slider } from 'antd';
+import { Checkbox, Slider } from 'antd';
 import SealInput from '../seal-input';
 import SealSelect from '../seal-select';
 
@@ -8,12 +8,14 @@ const components: {
   Slider: React.ComponentType<typeof Slider>;
   TextArea: typeof SealInput.TextArea;
   Input: typeof SealInput.Input;
+  Checkbox: typeof Checkbox;
 } = {
   InputNumber: SealInput.Number,
   Select: SealSelect,
   Slider: Slider as React.ComponentType<typeof Slider>,
   TextArea: SealInput.TextArea,
-  Input: SealInput.Input
+  Input: SealInput.Input,
+  Checkbox: Checkbox
 };
 
 export default components;

src/components/seal-form/field-component.tsx

@@ -1,19 +1,38 @@
 import { ParamsSchema } from '@/pages/playground/config/types';
 import { useIntl } from '@umijs/max';
-import React from 'react';
+import React, { useCallback, useMemo } from 'react';
 import componentsMap from './config/components';
 
 const FieldComponent: React.FC<ParamsSchema> = (props) => {
   const intl = useIntl();
-  const { type, label, attrs, style, ...rest } = props;
-  return React.createElement(componentsMap[type], {
-    ...rest,
-    ...attrs,
-    style: { ...style, width: '100%' },
-    label: label.isLocalized
-      ? intl.formatMessage({ id: label.text })
-      : label.text
-  });
+  const { type, label, attrs, style, value, ...rest } = props;
+  const renderChild = useCallback(
+    (type: string) => {
+      switch (type) {
+        case 'Checkbox':
+          return <span>{intl.formatMessage({ id: label.text })}</span>;
+        default:
+          return null;
+      }
+    },
+    [intl, type]
+  );
+  const checkboxAttrs = useMemo(() => {
+    return type === 'Checkbox' ? { checked: value } : { value: value };
+  }, [type, value]);
+  return React.createElement(
+    componentsMap[type],
+    {
+      ...rest,
+      ...attrs,
+      ...checkboxAttrs,
+      style: { ...style, width: '100%' },
+      label: label.isLocalized
+        ? intl.formatMessage({ id: label.text })
+        : label.text
+    },
+    renderChild(type)
+  );
 };
 
 export default React.memo(FieldComponent);