fix: global context alias

Author: Col0ring

.changeset/free-jokes-remain.md

@@ -0,0 +1,7 @@
+---
+'@modelscope-studio/antd': patch
+'@modelscope-studio/frontend': patch
+'modelscope_studio': patch
+---
+
+fix: global context alias

frontend/antd/form/form.tsx

@@ -1,6 +1,7 @@
 import { sveltify } from '@svelte-preprocess-react';
 import { useEffect } from 'react';
 import { useFunction } from '@utils/hooks/useFunction';
+import { useMemoizedEqualValue } from '@utils/hooks/useMemoizedEqualValue';
 import { useMemoizedFn } from '@utils/hooks/useMemoizedFn';
 import { renderParamsSlot } from '@utils/renderParamsSlot';
 import { Form as AForm, type GetProps } from 'antd';
@@ -22,13 +23,14 @@ export const Form = sveltify<FormProps, ['requiredMark']>(
     feedbackIcons,
     slots,
     onResetFormAction,
+    children,
     ...props
   }) => {
     const [form] = AForm.useForm();
     const feedbackIconsFunction = useFunction(feedbackIcons);
     const requiredMarkFunction = useFunction(requiredMark);
     const onResetFormActionMemoized = useMemoizedFn(onResetFormAction);
-
+    const valueMemoized = useMemoizedEqualValue(value);
     useEffect(() => {
       switch (formAction) {
         case 'reset':
@@ -45,12 +47,13 @@ export const Form = sveltify<FormProps, ['requiredMark']>(
     }, [form, formAction, onResetFormActionMemoized]);
 
     useEffect(() => {
-      if (value) {
-        form.setFieldsValue(value);
+      if (valueMemoized) {
+        form.setFieldsValue(valueMemoized);
       } else {
         form.resetFields();
       }
-    }, [form, value]);
+    }, [form, valueMemoized]);
+
     return (
       <AForm
         {...props}
@@ -70,7 +73,9 @@ export const Form = sveltify<FormProps, ['requiredMark']>(
           onValueChange(values);
           onValuesChange?.(changedValues, values);
         }}
-      />
+      >
+        {children}
+      </AForm>
     );
   }
 );

frontend/plugin.js

@@ -11,8 +11,8 @@ const baseGlobals = {
   '@ant-design/cssinjs': 'window.ms_globals.antdCssinjs',
   '@ant-design/icons': 'window.ms_globals.antdIcons',
 
-  '@svelte-preprocess-react/react-context':
-    'window.ms_globals.internalReactContext',
+  '@svelte-preprocess-react/react-contexts':
+    'window.ms_globals.internalReactContexts',
   dayjs: 'window.ms_globals.dayjs',
   '@utils/createItemsContext': 'window.ms_globals.createItemsContext',
   '@globals/components': 'window.ms_globals.components',

frontend/svelte-preprocess-react/inject.ts

@@ -1,4 +1,4 @@
-import * as internalReactContext from './react-contexts';
+import * as internalReactContexts from './react-contexts';
 import type { loader as monacoLoader } from '@monaco-editor/react';
 import { loader } from '@monaco-editor/react';
 import React from 'react';
@@ -31,7 +31,7 @@ declare global {
       antdIcons: typeof antdIcons;
       dayjs: typeof dayjs;
 
-      internalReactContext: typeof internalReactContext;
+      internalReactContexts: typeof internalReactContexts;
       initializePromise: Promise<void> | null;
       initialize: () => void;
       tickPromise: Promise<void> | null;
@@ -71,7 +71,7 @@ window.ms_globals = {
   antdCssinjs,
   antdIcons,
   dayjs,
-  internalReactContext,
+  internalReactContexts,
   autokey: 0,
   loadingKey: 0,
   sharedRoot: undefined,

pyproject.toml

@@ -243,6 +243,8 @@ artifacts = [
   "/backend/modelscope_studio/components/antdx/sources/item/templates",
   "/backend/modelscope_studio/components/antdx/think/templates",
   "/backend/modelscope_studio/components/antdx/thought_chain/thought_chain_item/templates",
+  "/backend/modelscope_studio/components/antd/tag/checkable_tag_group/templates",
+  "/backend/modelscope_studio/components/antd/tag/checkable_tag_group/option/templates",
 ]
 
 [tool.yapfignore]