refactor(antdx): components migration

Author: Col0ring

frontend/base/auto-loading/Index.svelte

@@ -33,7 +33,7 @@
       } = getComponentProps();
       return {
         gradio,
-      additionalProps: getAdditionalProps(),
+        additionalProps: getAdditionalProps(),
         restProps,
         _internal,
         as_item,

frontend/base/fragment/Index.svelte

@@ -9,9 +9,8 @@
 
   const props = $props();
 
-  const { gradio, getComponentProps, getAdditionalProps, children } = getProps<{}>(
-    () => props
-  );
+  const { gradio, getComponentProps, getAdditionalProps, children } =
+    getProps<{}>(() => props);
 
   const getProceedProps = processProps(
     () => {

frontend/pro/chatbot/type.ts

@@ -74,8 +74,10 @@ export interface ChatbotUserActionObject {
   popconfirm?: string | PopconfirmProps;
 }
 
-export interface ChatbotUserConfig
-  extends Omit<BubbleProps, 'avatar' | 'content'> {
+export interface ChatbotUserConfig extends Omit<
+  BubbleProps,
+  'avatar' | 'content'
+> {
   actions?: (ChatbotUserAction | ChatbotUserActionObject)[];
   disabled_actions?: ChatbotUserAction[];
   avatar?: ChatbotAvatar;
@@ -94,8 +96,10 @@ export interface ChatbotBotActionObject {
   popconfirm?: string | PopconfirmProps;
 }
 
-export interface ChatbotBotConfig
-  extends Omit<BubbleProps, 'avatar' | 'content'> {
+export interface ChatbotBotConfig extends Omit<
+  BubbleProps,
+  'avatar' | 'content'
+> {
   actions?: (ChatbotBotAction | ChatbotBotActionObject)[];
   disabled_actions?: ChatbotBotAction[];
   avatar?: ChatbotAvatar;

frontend/pro/monaco-editor/Index.svelte

@@ -12,20 +12,25 @@
   const AwaitedMonacoEditor = importComponent(() => import('./monaco-editor'));
 
   const props = $props();
-  const { gradio, getComponentProps, getAdditionalProps, children, updateProps } =
-    getProps<{
-      additional_props?: Record<string, any>;
+  const {
+    gradio,
+    getComponentProps,
+    getAdditionalProps,
+    children,
+    updateProps,
+  } = getProps<{
+    additional_props?: Record<string, any>;
 
-      as_item?: string | undefined;
-      _internal: {
-        layout?: boolean;
-      };
-      value?: string | undefined;
-      _loader?: {
-        mode?: 'cdn' | 'local';
-        cdn_url?: string;
-      };
-    }>(() => props);
+    as_item?: string | undefined;
+    _internal: {
+      layout?: boolean;
+    };
+    value?: string | undefined;
+    _loader?: {
+      mode?: 'cdn' | 'local';
+      cdn_url?: string;
+    };
+  }>(() => props);
 
   const getProceedProps = processProps(() => {
     const {

frontend/pro/multimodal-input/Index.svelte

@@ -15,20 +15,25 @@
   );
 
   const props = $props();
-  const { gradio, getComponentProps, getAdditionalProps, children, updateProps } =
-    getProps<{
-      additional_props?: Record<string, any>;
+  const {
+    gradio,
+    getComponentProps,
+    getAdditionalProps,
+    children,
+    updateProps,
+  } = getProps<{
+    additional_props?: Record<string, any>;
 
-      as_item?: string | undefined;
-      _internal: {
-        layout?: boolean;
-      };
-      value?: MultimodalInputValue;
-      root?: string;
-      key_press?: any;
-      paste_file?: any;
-      key_down?: any;
-    }>(() => props);
+    as_item?: string | undefined;
+    _internal: {
+      layout?: boolean;
+    };
+    value?: MultimodalInputValue;
+    root?: string;
+    key_press?: any;
+    paste_file?: any;
+    key_down?: any;
+  }>(() => props);
 
   const getProceedProps = processProps(
     () => {
@@ -45,7 +50,7 @@
       } = getComponentProps();
       return {
         gradio,
-      additionalProps: getAdditionalProps(),
+        additionalProps: getAdditionalProps(),
         _internal,
         as_item,
         restProps,

frontend/pro/web-sandbox/Index.svelte

@@ -39,7 +39,7 @@
       } = getComponentProps();
       return {
         gradio,
-      additionalProps: getAdditionalProps(),
+        additionalProps: getAdditionalProps(),
         _internal,
         as_item,
         restProps,