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

package/vendor/coze/source/prompt-kit/input-config-popover/index.tsx

@@ -1,80 +1,80 @@
-/*
- * 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 { useState } from 'react';
-
-import { PositionMirror } from '@coze-editor/editor/react';
-import { I18n } from '@coze-arch/i18n';
-import { Popover, Input, type PopoverProps } from '@coze-arch/coze-design';
-
-interface InputConfigPopoverProps {
-  visible: boolean;
-  onVisibleChange?: (visible: boolean) => void;
-  positon: number;
-  direction?: PopoverProps['position'];
-  placeholder: string;
-  value: string;
-  onPlaceholderChange?: (placeholder: string) => void;
-  onValueChange?: (value: string) => void;
-}
-export const InputConfigPopover = (props: InputConfigPopoverProps) => {
-  const [reposKey, setReposKey] = useState('');
-  const { direction, placeholder, value } = props;
-
-  return (
-    <>
-      <Popover
-        rePosKey={reposKey}
-        visible={props.visible}
-        trigger="custom"
-        position={direction}
-        autoAdjustOverflow
-        content={
-          <div className="flex flex-col gap-2 pt-3 pb-4 px-4 w-[320px]">
-            <div>
-              <div>{I18n.t('edit_block_guidance_text_when_empty')}</div>
-              <Input
-                value={placeholder}
-                placeholder={I18n.t('edit_block_guidance_text_placeholder')}
-                onChange={v => props.onPlaceholderChange?.(v)}
-                onBlur={() => {
-                  if (!placeholder) {
-                    props.onPlaceholderChange?.(
-                      I18n.t('edit_block_guidance_text_placeholder'),
-                    );
-                  }
-                }}
-              />
-            </div>
-            <div>
-              <div>{I18n.t('edit_block_prefilled_text')}</div>
-              <Input
-                value={value}
-                placeholder={I18n.t('edit_block_default_guidance_text')}
-                onChange={v => props.onValueChange?.(v)}
-              />
-            </div>
-          </div>
-        }
-      >
-        <PositionMirror
-          position={props.positon}
-          onChange={() => setReposKey(String(Math.random()))}
-        />
-      </Popover>
-    </>
-  );
-};
+/*
+ * 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 { useState } from 'react';
+
+import { PositionMirror } from '@coze-editor/editor/react';
+import { I18n } from '@coze-arch/i18n';
+import { Popover, Input, type PopoverProps } from '@coze-arch/coze-design';
+
+interface InputConfigPopoverProps {
+  visible: boolean;
+  onVisibleChange?: (visible: boolean) => void;
+  positon: number;
+  direction?: PopoverProps['position'];
+  placeholder: string;
+  value: string;
+  onPlaceholderChange?: (placeholder: string) => void;
+  onValueChange?: (value: string) => void;
+}
+export const InputConfigPopover = (props: InputConfigPopoverProps) => {
+  const [reposKey, setReposKey] = useState('');
+  const { direction, placeholder, value } = props;
+
+  return (
+    <>
+      <Popover
+        rePosKey={reposKey}
+        visible={props.visible}
+        trigger="custom"
+        position={direction}
+        autoAdjustOverflow
+        content={
+          <div className="flex flex-col gap-2 pt-3 pb-4 px-4 w-[320px]">
+            <div>
+              <div>{I18n.t('edit_block_guidance_text_when_empty')}</div>
+              <Input
+                value={placeholder}
+                placeholder={I18n.t('edit_block_guidance_text_placeholder')}
+                onChange={v => props.onPlaceholderChange?.(v)}
+                onBlur={() => {
+                  if (!placeholder) {
+                    props.onPlaceholderChange?.(
+                      I18n.t('edit_block_guidance_text_placeholder'),
+                    );
+                  }
+                }}
+              />
+            </div>
+            <div>
+              <div>{I18n.t('edit_block_prefilled_text')}</div>
+              <Input
+                value={value}
+                placeholder={I18n.t('edit_block_default_guidance_text')}
+                onChange={v => props.onValueChange?.(v)}
+              />
+            </div>
+          </div>
+        }
+      >
+        <PositionMirror
+          position={props.positon}
+          onChange={() => setReposKey(String(Math.random()))}
+        />
+      </Popover>
+    </>
+  );
+};

package/vendor/coze/source/prompt-kit/input-slot-widget/index.css

@@ -1,34 +1,34 @@
-
-.cm-content {
-  .slot-content {
-    color: #4E40E5;
-    word-break: break-all;
-    background-color: rgba(186, 192, 255, 20%);
-
-    /* padding: 2px 0; */
-  }
-
-  .slot-side-left {
-    /* padding: 2px 0 2px 5px; */
-    padding-left: 5px;
-    background-color: rgba(186, 192, 255, 20%);
-    border-radius: 4px 0 0 4px;
-  }
-
-  .slot-side-right {
-    margin-right: 4px;
-
-    /* padding: 2px 5px 2px 0; */
-    padding-right: 5px;
-    background-color: rgba(186, 192, 255, 20%);
-    border-radius: 0 5px 5px 0;
-  }
-
-  .slot-placeholder {
-    color: rgba(148, 152, 247, 70%);
-    word-break: break-all;
-    background-color: rgba(186, 192, 255, 20%);
-
-    /* padding: 2px 0; */
-  }
-}
+
+.cm-content {
+  .slot-content {
+    color: #4E40E5;
+    word-break: break-all;
+    background-color: rgba(186, 192, 255, 20%);
+
+    /* padding: 2px 0; */
+  }
+
+  .slot-side-left {
+    /* padding: 2px 0 2px 5px; */
+    padding-left: 5px;
+    background-color: rgba(186, 192, 255, 20%);
+    border-radius: 4px 0 0 4px;
+  }
+
+  .slot-side-right {
+    margin-right: 4px;
+
+    /* padding: 2px 5px 2px 0; */
+    padding-right: 5px;
+    background-color: rgba(186, 192, 255, 20%);
+    border-radius: 0 5px 5px 0;
+  }
+
+  .slot-placeholder {
+    color: rgba(148, 152, 247, 70%);
+    word-break: break-all;
+    background-color: rgba(186, 192, 255, 20%);
+
+    /* padding: 2px 0; */
+  }
+}

package/vendor/coze/source/prompt-kit/input-slot-widget/index.ts

@@ -1,169 +1,169 @@
-/*
- * 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 { ConfigModeWidgetPopover } from './config-mode-popover';
-
-import './index.css';
-import { useEffect, useLayoutEffect } from 'react';
-
-import { useEditor, useInjector } from '@coze-editor/editor/react';
-import { type EditorAPI } from '@coze-editor/editor/preset-prompt';
-import {
-  astDecorator,
-  SpanWidget,
-  autoSelectRanges,
-  selectionEnlarger,
-  deletionEnlarger,
-} from '@coze-editor/editor';
-import { type ViewUpdate } from '@codemirror/view';
-
-import {
-  type MarkRangeInfo,
-  TemplateParser,
-} from '../../shared/utils/template-parser';
-import { useReadonly } from '../../shared/hooks/use-editor-readonly';
-interface InputSlotWidgetProps {
-  mode?: 'input' | 'configurable';
-  onSelectionInInputSlot?: (selection: MarkRangeInfo | undefined) => void;
-}
-
-const templateParser = new TemplateParser({ mark: 'InputSlot' });
-
-export const InputSlotWidget = (props: InputSlotWidgetProps) => {
-  const { mode, onSelectionInInputSlot } = props;
-  const injector = useInjector();
-  const editor = useEditor<EditorAPI>();
-  const readonly = useReadonly();
-
-  useLayoutEffect(() => {
-    const { markInfoField } = templateParser;
-
-    return injector.inject([
-      astDecorator.whole.of((cursor, state) => {
-        if (templateParser.isOpenNode(cursor.node, state)) {
-          const open = cursor.node;
-          const close = templateParser.findCloseNode(open, state);
-
-          if (close) {
-            const openTemplate = state.sliceDoc(open.from, open.to);
-            const data = templateParser.getData(openTemplate);
-            const from = open.to;
-            const to = close.from;
-
-            if (from === to) {
-              return [
-                {
-                  type: 'replace',
-                  widget: new SpanWidget({
-                    className: 'slot-side-left',
-                  }),
-                  atomicRange: true,
-                  from: open.from,
-                  to: open.to,
-                },
-                {
-                  type: 'widget',
-                  widget: new SpanWidget({
-                    text: data?.placeholder || '',
-                    className: 'slot-placeholder',
-                  }),
-                  from,
-                  atomicRange: true,
-                  side: 1,
-                },
-                {
-                  type: 'replace',
-                  widget: new SpanWidget({
-                    className: 'slot-side-right',
-                  }),
-                  atomicRange: true,
-                  from: close.from,
-                  to: close.to,
-                },
-              ];
-            }
-            return [
-              {
-                type: 'replace',
-                widget: new SpanWidget({
-                  className: 'slot-side-left',
-                }),
-                atomicRange: true,
-                from: open.from,
-                to: open.to,
-              },
-              {
-                type: 'className',
-                className: 'slot-content',
-                from,
-                to,
-              },
-              {
-                type: 'replace',
-                widget: new SpanWidget({ className: 'slot-side-right' }),
-                atomicRange: true,
-                from: close.from,
-                to: close.to,
-              },
-            ];
-          }
-        }
-      }),
-
-      markInfoField,
-
-      autoSelectRanges.of(state => state.field(markInfoField).contents),
-
-      selectionEnlarger.of(state => state.field(markInfoField).specs),
-
-      deletionEnlarger.of(state => state.field(markInfoField).specs),
-    ]);
-  }, [injector]);
-
-  useEffect(() => {
-    if (!editor) {
-      return;
-    }
-    const handleViewUpdate = (update: ViewUpdate) => {
-      if (!update.state.selection.main.empty) {
-        const markRangeInfo = templateParser.getSelectionInMarkNodeRange(
-          update.state.selection.main,
-          update.state,
-        );
-        if (markRangeInfo) {
-          onSelectionInInputSlot?.(markRangeInfo);
-          return;
-        }
-        onSelectionInInputSlot?.(undefined);
-      }
-    };
-    editor.$on('viewUpdate', handleViewUpdate);
-    return () => {
-      editor.$off('viewUpdate', handleViewUpdate);
-    };
-  }, [editor]);
-
-  if (mode === 'configurable' && !readonly) {
-    return (
-      <ConfigModeWidgetPopover
-        direction="bottomLeft"
-        templateParser={templateParser}
-      />
-    );
-  }
-
-  return null;
-};
+/*
+ * 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 { ConfigModeWidgetPopover } from './config-mode-popover';
+
+import './index.css';
+import { useEffect, useLayoutEffect } from 'react';
+
+import { useEditor, useInjector } from '@coze-editor/editor/react';
+import { type EditorAPI } from '@coze-editor/editor/preset-prompt';
+import {
+  astDecorator,
+  SpanWidget,
+  autoSelectRanges,
+  selectionEnlarger,
+  deletionEnlarger,
+} from '@coze-editor/editor';
+import { type ViewUpdate } from '@codemirror/view';
+
+import {
+  type MarkRangeInfo,
+  TemplateParser,
+} from '../../shared/utils/template-parser';
+import { useReadonly } from '../../shared/hooks/use-editor-readonly';
+interface InputSlotWidgetProps {
+  mode?: 'input' | 'configurable';
+  onSelectionInInputSlot?: (selection: MarkRangeInfo | undefined) => void;
+}
+
+const templateParser = new TemplateParser({ mark: 'InputSlot' });
+
+export const InputSlotWidget = (props: InputSlotWidgetProps) => {
+  const { mode, onSelectionInInputSlot } = props;
+  const injector = useInjector();
+  const editor = useEditor<EditorAPI>();
+  const readonly = useReadonly();
+
+  useLayoutEffect(() => {
+    const { markInfoField } = templateParser;
+
+    return injector.inject([
+      astDecorator.whole.of((cursor, state) => {
+        if (templateParser.isOpenNode(cursor.node, state)) {
+          const open = cursor.node;
+          const close = templateParser.findCloseNode(open, state);
+
+          if (close) {
+            const openTemplate = state.sliceDoc(open.from, open.to);
+            const data = templateParser.getData(openTemplate);
+            const from = open.to;
+            const to = close.from;
+
+            if (from === to) {
+              return [
+                {
+                  type: 'replace',
+                  widget: new SpanWidget({
+                    className: 'slot-side-left',
+                  }),
+                  atomicRange: true,
+                  from: open.from,
+                  to: open.to,
+                },
+                {
+                  type: 'widget',
+                  widget: new SpanWidget({
+                    text: data?.placeholder || '',
+                    className: 'slot-placeholder',
+                  }),
+                  from,
+                  atomicRange: true,
+                  side: 1,
+                },
+                {
+                  type: 'replace',
+                  widget: new SpanWidget({
+                    className: 'slot-side-right',
+                  }),
+                  atomicRange: true,
+                  from: close.from,
+                  to: close.to,
+                },
+              ];
+            }
+            return [
+              {
+                type: 'replace',
+                widget: new SpanWidget({
+                  className: 'slot-side-left',
+                }),
+                atomicRange: true,
+                from: open.from,
+                to: open.to,
+              },
+              {
+                type: 'className',
+                className: 'slot-content',
+                from,
+                to,
+              },
+              {
+                type: 'replace',
+                widget: new SpanWidget({ className: 'slot-side-right' }),
+                atomicRange: true,
+                from: close.from,
+                to: close.to,
+              },
+            ];
+          }
+        }
+      }),
+
+      markInfoField,
+
+      autoSelectRanges.of(state => state.field(markInfoField).contents),
+
+      selectionEnlarger.of(state => state.field(markInfoField).specs),
+
+      deletionEnlarger.of(state => state.field(markInfoField).specs),
+    ]);
+  }, [injector]);
+
+  useEffect(() => {
+    if (!editor) {
+      return;
+    }
+    const handleViewUpdate = (update: ViewUpdate) => {
+      if (!update.state.selection.main.empty) {
+        const markRangeInfo = templateParser.getSelectionInMarkNodeRange(
+          update.state.selection.main,
+          update.state,
+        );
+        if (markRangeInfo) {
+          onSelectionInInputSlot?.(markRangeInfo);
+          return;
+        }
+        onSelectionInInputSlot?.(undefined);
+      }
+    };
+    editor.$on('viewUpdate', handleViewUpdate);
+    return () => {
+      editor.$off('viewUpdate', handleViewUpdate);
+    };
+  }, [editor]);
+
+  if (mode === 'configurable' && !readonly) {
+    return (
+      <ConfigModeWidgetPopover
+        direction="bottomLeft"
+        templateParser={templateParser}
+      />
+    );
+  }
+
+  return null;
+};