@fudanda/workflow 2.20261024.1-beta.2 → 2.20261107.1-beta.1

package/vendor/coze/source/node-registries/http/fields/json-import-editor/json-import-components/json-expand-editor.tsx

@@ -1,141 +1,141 @@
-/*
- * Copyright 2025 coze-dev Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { type FC, useRef, useEffect } from 'react';
-
-import classNames from 'classnames';
-import { PublicScopeProvider } from '@coze-workflow/variable';
-import { EditorProvider } from '@coze-editor/editor/react';
-import { I18n } from '@coze-arch/i18n';
-import {
-  IconCozBroom,
-  IconCozMoon,
-  IconCozSun,
-} from '@coze-arch/coze-design/icons';
-import { IconButton, Tooltip } from '@coze-arch/coze-design';
-
-import { useReadonly } from '@/nodes-v2/hooks/use-readonly';
-import {
-  useEditorThemeState,
-  EditorTheme,
-} from '@/hooks/use-editor-theme-state';
-import { ExpandEditorContainer } from '@/components/editor-container';
-
-import { InnerEditor } from '../inner-editor';
-import styles from '../index.module.less';
-
-export const JsonExpandEditor: FC<{
-  id: string;
-  value: string;
-  onChange: (data: string) => void;
-  onClose: () => void;
-}> = props => {
-  const { id, onClose, value, onChange } = props;
-  const readonly = useReadonly();
-  const editorRef = useRef<{ formatJson: () => Promise<void> }>(null);
-
-  const { isDarkTheme, setEditorTheme } = useEditorThemeState();
-
-  const handleChangeTheme = () => {
-    const nextTheme = isDarkTheme ? EditorTheme.Light : EditorTheme.Dark;
-    setEditorTheme(nextTheme);
-  };
-
-  const handleFormatJson = () => {
-    editorRef.current?.formatJson?.();
-  };
-
-  useEffect(() => {
-    if (!editorRef.current) {
-      return;
-    }
-    editorRef.current?.formatJson?.();
-  }, []);
-
-  return (
-    <ExpandEditorContainer
-      id={id}
-      onClose={onClose}
-      closeIconClassName={classNames({
-        [styles.themeIconDark]: isDarkTheme,
-      })}
-      editorTitle={'JSON'}
-      headerClassName={classNames(styles['expand-header'], {
-        [styles['expand-header-dark']]: isDarkTheme,
-      })}
-      contentClassName={classNames(styles['expand-content'], {
-        [styles['expand-content-dark']]: isDarkTheme,
-      })}
-      editorContent={
-        <PublicScopeProvider>
-          <EditorProvider>
-            <InnerEditor
-              ref={editorRef}
-              value={value}
-              placeholder={I18n.t('node_http_json_data_input')}
-              onChange={v => {
-                onChange(v as string);
-              }}
-              name={id}
-              isDarkTheme={isDarkTheme}
-              readonly={readonly}
-              minHeight="100%"
-              maxHeight="100%"
-              editerHeight="100%"
-              padding="12px"
-              editorClassName={styles.editorWrapper}
-            />
-          </EditorProvider>
-        </PublicScopeProvider>
-      }
-      actions={[
-        <Tooltip content={I18n.t('node_http_json_format')}>
-          <span>
-            <IconButton
-              onClick={handleFormatJson}
-              icon={
-                <IconCozBroom
-                  fontSize={18}
-                  className={classNames(
-                    isDarkTheme ? styles.themeIconDark : styles.themeIconLight,
-                  )}
-                />
-              }
-              size="small"
-              color="secondary"
-              aria-label="format"
-            />
-          </span>
-        </Tooltip>,
-        <span>
-          <IconButton
-            onClick={handleChangeTheme}
-            icon={
-              isDarkTheme ? (
-                <IconCozMoon fontSize={18} className={styles.themeIconDark} />
-              ) : (
-                <IconCozSun fontSize={18} className={styles.themeIconLight} />
-              )
-            }
-            size="small"
-            color="secondary"
-            aria-label="close"
-          />
-        </span>,
-      ]}
-    />
-  );
-};
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { type FC, useRef, useEffect } from 'react';
+
+import classNames from 'classnames';
+import { PublicScopeProvider } from '@coze-workflow/variable';
+import { EditorProvider } from '@coze-editor/editor/react';
+import { I18n } from '@coze-arch/i18n';
+import {
+  IconCozBroom,
+  IconCozMoon,
+  IconCozSun,
+} from '@coze-arch/coze-design/icons';
+import { IconButton, Tooltip } from '@coze-arch/coze-design';
+
+import { useReadonly } from '@/nodes-v2/hooks/use-readonly';
+import {
+  useEditorThemeState,
+  EditorTheme,
+} from '@/hooks/use-editor-theme-state';
+import { ExpandEditorContainer } from '@/components/editor-container';
+
+import { InnerEditor } from '../inner-editor';
+import styles from '../index.module.less';
+
+export const JsonExpandEditor: FC<{
+  id: string;
+  value: string;
+  onChange: (data: string) => void;
+  onClose: () => void;
+}> = props => {
+  const { id, onClose, value, onChange } = props;
+  const readonly = useReadonly();
+  const editorRef = useRef<{ formatJson: () => Promise<void> }>(null);
+
+  const { isDarkTheme, setEditorTheme } = useEditorThemeState();
+
+  const handleChangeTheme = () => {
+    const nextTheme = isDarkTheme ? EditorTheme.Light : EditorTheme.Dark;
+    setEditorTheme(nextTheme);
+  };
+
+  const handleFormatJson = () => {
+    editorRef.current?.formatJson?.();
+  };
+
+  useEffect(() => {
+    if (!editorRef.current) {
+      return;
+    }
+    editorRef.current?.formatJson?.();
+  }, []);
+
+  return (
+    <ExpandEditorContainer
+      id={id}
+      onClose={onClose}
+      closeIconClassName={classNames({
+        [styles.themeIconDark]: isDarkTheme,
+      })}
+      editorTitle={'JSON'}
+      headerClassName={classNames(styles['expand-header'], {
+        [styles['expand-header-dark']]: isDarkTheme,
+      })}
+      contentClassName={classNames(styles['expand-content'], {
+        [styles['expand-content-dark']]: isDarkTheme,
+      })}
+      editorContent={
+        <PublicScopeProvider>
+          <EditorProvider>
+            <InnerEditor
+              ref={editorRef}
+              value={value}
+              placeholder={I18n.t('node_http_json_data_input')}
+              onChange={v => {
+                onChange(v as string);
+              }}
+              name={id}
+              isDarkTheme={isDarkTheme}
+              readonly={readonly}
+              minHeight="100%"
+              maxHeight="100%"
+              editerHeight="100%"
+              padding="12px"
+              editorClassName={styles.editorWrapper}
+            />
+          </EditorProvider>
+        </PublicScopeProvider>
+      }
+      actions={[
+        <Tooltip content={I18n.t('node_http_json_format')}>
+          <span>
+            <IconButton
+              onClick={handleFormatJson}
+              icon={
+                <IconCozBroom
+                  fontSize={18}
+                  className={classNames(
+                    isDarkTheme ? styles.themeIconDark : styles.themeIconLight,
+                  )}
+                />
+              }
+              size="small"
+              color="secondary"
+              aria-label="format"
+            />
+          </span>
+        </Tooltip>,
+        <span>
+          <IconButton
+            onClick={handleChangeTheme}
+            icon={
+              isDarkTheme ? (
+                <IconCozMoon fontSize={18} className={styles.themeIconDark} />
+              ) : (
+                <IconCozSun fontSize={18} className={styles.themeIconLight} />
+              )
+            }
+            size="small"
+            color="secondary"
+            aria-label="close"
+          />
+        </span>,
+      ]}
+    />
+  );
+};

package/vendor/coze/source/node-registries/http/fields/json-import-editor/json-import-components/json-import.tsx

@@ -1,99 +1,99 @@
-/*
- * Copyright 2025 coze-dev Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React from 'react';
-
-import classNames from 'classnames';
-import { useNodeTestId } from '@coze-workflow/base';
-import { IconCozEdit } from '@coze-arch/coze-design/icons';
-import { IconButton, Tooltip } from '@coze-arch/coze-design';
-
-import { useNodeFormPanelState } from '@/hooks/use-node-side-sheet-store';
-
-import styles from '../index.module.less';
-import { JsonExpandEditor } from './json-expand-editor';
-
-interface JSONImportProps {
-  value: string;
-  onChange: (value: string) => void;
-  onBlur?: () => void;
-  customClassNames?: string;
-  testId?: string;
-  disabled?: boolean;
-  readonly?: boolean;
-  disabledTooltip?: string;
-}
-
-export const JsonImport = ({
-  value,
-  onChange,
-  customClassNames,
-  testId,
-  disabled,
-  disabledTooltip,
-}: JSONImportProps) => {
-  const { getNodeSetterId } = useNodeTestId();
-
-  const { setFullscreenPanel } = useNodeFormPanelState();
-
-  const handleOnClick = (e: React.MouseEvent<HTMLButtonElement>) => {
-    e.stopPropagation();
-    setFullscreenPanel(
-      <JsonExpandEditor
-        value={value}
-        onChange={onChange}
-        onClose={() => {
-          setFullscreenPanel(null);
-        }}
-        id={'import-json'}
-      />,
-    );
-  };
-
-  return (
-    <div
-      className={classNames({
-        [customClassNames as string]: customClassNames,
-      })}
-      data-testid={testId}
-    >
-      <Tooltip content={disabled ? disabledTooltip : 'Edit JSON'}>
-        <IconButton
-          data-testid={getNodeSetterId('body-json-import-btn')}
-          className={classNames('!block', {
-            [styles.importButton]: true,
-            [styles.importButtonDisabled]: disabled,
-          })}
-          size="small"
-          color="highlight"
-          disabled={disabled}
-          icon={<IconCozEdit className={styles.buttonIcon} />}
-          onClick={handleOnClick}
-        >
-          <span
-            style={{
-              fontSize: 12,
-              fontWeight: 500,
-              lineHeight: '16px',
-            }}
-          >
-            Edit JSON
-          </span>
-        </IconButton>
-      </Tooltip>
-    </div>
-  );
-};
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+
+import classNames from 'classnames';
+import { useNodeTestId } from '@coze-workflow/base';
+import { IconCozEdit } from '@coze-arch/coze-design/icons';
+import { IconButton, Tooltip } from '@coze-arch/coze-design';
+
+import { useNodeFormPanelState } from '@/hooks/use-node-side-sheet-store';
+
+import styles from '../index.module.less';
+import { JsonExpandEditor } from './json-expand-editor';
+
+interface JSONImportProps {
+  value: string;
+  onChange: (value: string) => void;
+  onBlur?: () => void;
+  customClassNames?: string;
+  testId?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+  disabledTooltip?: string;
+}
+
+export const JsonImport = ({
+  value,
+  onChange,
+  customClassNames,
+  testId,
+  disabled,
+  disabledTooltip,
+}: JSONImportProps) => {
+  const { getNodeSetterId } = useNodeTestId();
+
+  const { setFullscreenPanel } = useNodeFormPanelState();
+
+  const handleOnClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.stopPropagation();
+    setFullscreenPanel(
+      <JsonExpandEditor
+        value={value}
+        onChange={onChange}
+        onClose={() => {
+          setFullscreenPanel(null);
+        }}
+        id={'import-json'}
+      />,
+    );
+  };
+
+  return (
+    <div
+      className={classNames({
+        [customClassNames as string]: customClassNames,
+      })}
+      data-testid={testId}
+    >
+      <Tooltip content={disabled ? disabledTooltip : 'Edit JSON'}>
+        <IconButton
+          data-testid={getNodeSetterId('body-json-import-btn')}
+          className={classNames('!block', {
+            [styles.importButton]: true,
+            [styles.importButtonDisabled]: disabled,
+          })}
+          size="small"
+          color="highlight"
+          disabled={disabled}
+          icon={<IconCozEdit className={styles.buttonIcon} />}
+          onClick={handleOnClick}
+        >
+          <span
+            style={{
+              fontSize: 12,
+              fontWeight: 500,
+              lineHeight: '16px',
+            }}
+          >
+            Edit JSON
+          </span>
+        </IconButton>
+      </Tooltip>
+    </div>
+  );
+};