style: change select to radio group

src/components/label-selector/wrapper.tsx

@@ -6,7 +6,7 @@ const Wrapper: React.FC<{
   label?: string;
   description?: React.ReactNode;
   children: React.ReactNode;
-}> = ({ children, label, description }) => {
+}> = ({ children, label, description, ...rest }) => {
   return (
     <div className={styles['wrapper']}>
       {label && (
@@ -14,7 +14,9 @@ const Wrapper: React.FC<{
           <LabelInfo label={label} description={description}></LabelInfo>
         </span>
       )}
-      {children}
+      {React.isValidElement(children)
+        ? React.cloneElement(children, { ...rest })
+        : children}
     </div>
   );
 };

src/components/logs-viewer/index.tsx

@@ -77,13 +77,6 @@ const LogsViewer: React.FC<LogsViewerProps> = (props) => {
     fitAddonRef.current = new FitAddon();
     termRef.current.loadAddon(fitAddonRef.current);
     termRef.current.open(termwrapRef.current);
-
-    // add event
-    // termRef.current.onLineFeed((e: any) => {
-    //   if (cacheDataRef.current) {
-    //     throttleScroll();
-    //   }
-    // });
   };
 
   const handleResize = _.throttle(() => {

src/components/markdown-viewer/index.tsx

@@ -51,6 +51,19 @@ const MarkdownViewer: React.FC<MarkdownViewerProps> = ({
     return pattern.test(url);
   }, []);
 
+  const generateImgSrc = useCallback(
+    (src: string | null) => {
+      if (!src) {
+        return '';
+      }
+      if (generateImgLink) {
+        return isValidURL(src) ? src : generateImgLink(src);
+      }
+      return src;
+    },
+    [generateImgLink]
+  );
+
   const renderItem = useCallback(
     (token: any, render: any) => {
       if (!reDefineTypes.includes(token.type)) {
@@ -97,10 +110,7 @@ const MarkdownViewer: React.FC<MarkdownViewerProps> = ({
       }
 
       if (token.type === 'image') {
-        let href = token.href;
-        if (!isValidURL(token.href)) {
-          href = generateImgLink ? generateImgLink(token.href) : token.href;
-        }
+        let href = generateImgSrc(token.href);
         htmlstr = (
           <Image
             src={href}
@@ -149,7 +159,7 @@ const MarkdownViewer: React.FC<MarkdownViewerProps> = ({
 
       return htmlstr;
     },
-    [generateImgLink]
+    [generateImgSrc]
   );
   const renderTokens = (tokens: TokensList): any => {
     return tokens?.map((token: any, index: number) => {
@@ -164,11 +174,9 @@ const MarkdownViewer: React.FC<MarkdownViewerProps> = ({
     const imgs = document.querySelectorAll('.markdown-viewer img');
     imgs.forEach((img) => {
       const src = img.getAttribute('src');
-      if (src && !isValidURL(src)) {
-        img.setAttribute('src', generateImgLink ? generateImgLink(src) : src);
-      }
+      img.setAttribute('src', generateImgSrc(src));
     });
-  }, [content, generateImgLink]);
+  }, [content, generateImgSrc]);
 
   return (
     <div

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

@@ -9,7 +9,7 @@ interface WrapperProps {
   className?: string;
   disabled?: boolean;
   required?: boolean;
-  description?: string;
+  description?: React.ReactNode;
   variant?: string;
   style?: React.CSSProperties;
   onClick?: () => void;