V4.6.9-first commit (#899)

* perf: insert mongo dataset data session

* perf: dataset data index

* remove delay

* rename bill schema

* rename bill record

* perf: bill table

* perf: prompt

* perf: sub plan

* change the usage count

* feat: usage bill

* publish usages

* doc

* 新增团队聊天功能 (#20)

* perf: doc

* feat 添加标签部分

feat 信息团队标签配置

feat 新增团队同步管理

feat team分享页面

feat 完成team分享页面

feat 实现模糊搜索

style 格式化

fix 修复迷糊匹配

style 样式修改

fix 团队标签功能修复

* fix 修复鉴权功能

* merge 合并代码

* fix 修复引用错误

* fix 修复pr问题

* fix 修复ts格式问题

---------

Co-authored-by: archer <545436317@qq.com>
Co-authored-by: liuxingwan <liuxingwan.lxw@alibaba-inc.com>

* update extra plan

* fix: ts

* format

* perf: bill field

* feat: standard plan

* fix: ts

* feat 个人账号页面修改 (#22)

* feat 添加标签部分

feat 信息团队标签配置

feat 新增团队同步管理

feat team分享页面

feat 完成team分享页面

feat 实现模糊搜索

style 格式化

fix 修复迷糊匹配

style 样式修改

fix 团队标签功能修复

* fix 修复鉴权功能

* merge 合并代码

* fix 修复引用错误

* fix 修复pr问题

* fix 修复ts格式问题

* feat 修改个人账号页

---------

Co-authored-by: liuxingwan <liuxingwan.lxw@alibaba-inc.com>

* sub plan page (#23)

* fix chunk index; error page text

* feat: dataset process Integral prediction

* feat: stand plan field

* feat: sub plan limit

* perf: index

* query extension

* perf: share link push app name

* perf: plan point unit

* perf: get sub plan

* perf: account page

* feat 新增套餐详情弹窗代码 (#24)

* merge 合并代码

* fix 新增套餐详情弹框

* fix 修复pr问题

* feat: change http node input to prompt editor (#21)

* feat: change http node input to prompt editor

* fix

* split PromptEditor to HttpInput

* Team plans (#25)

* perf: pay check

* perf: team plan test

* plan limit check

* replace sensitive text

* perf: fix some null

* collection null check

* perf: plans modal

* perf: http module

* pacakge (#26)

* individuation page and pay modal amount (#27)

* feat: individuation page

* team chat config

* pay modal

* plan count and replace invalid chars (#29)

* fix: user oneapi

* fix: training queue

* fix: qa queue

* perf: remove space chars

* replace invalid chars

* change httpinput dropdown menu (#28)

* perf: http

* reseet free plan

* perf: plan code to packages

* remove llm config to package

* perf: code

* perf: faq

* fix: get team plan

---------

Co-authored-by: yst <77910600+yu-and-liu@users.noreply.github.com>
Co-authored-by: liuxingwan <liuxingwan.lxw@alibaba-inc.com>
Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>

packages/web/components/common/Input/HttpInput/Editor.tsx

@@ -0,0 +1,127 @@
+import { useState, useRef, useTransition, useEffect, useMemo } from 'react';
+import { LexicalComposer } from '@lexical/react/LexicalComposer';
+import { PlainTextPlugin } from '@lexical/react/LexicalPlainTextPlugin';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
+import LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary';
+import { Box } from '@chakra-ui/react';
+import styles from './index.module.scss';
+import { EditorState, LexicalEditor } from 'lexical';
+import { getNanoid } from '@fastgpt/global/common/string/tools';
+import { EditorVariablePickerType } from '../../Textarea/PromptEditor/type';
+import { VariableNode } from '../../Textarea/PromptEditor/plugins/VariablePlugin/node';
+import { textToEditorState } from '../../Textarea/PromptEditor/utils';
+import DropDownMenu from '../../Textarea/PromptEditor/modules/DropDownMenu';
+import { SingleLinePlugin } from '../../Textarea/PromptEditor/plugins/SingleLinePlugin';
+import OnBlurPlugin from '../../Textarea/PromptEditor/plugins/OnBlurPlugin';
+import VariablePlugin from '../../Textarea/PromptEditor/plugins/VariablePlugin';
+import VariablePickerPlugin from '../../Textarea/PromptEditor/plugins/VariablePickerPlugin';
+import FocusPlugin from '../../Textarea/PromptEditor/plugins/FocusPlugin';
+
+export default function Editor({
+  h = 40,
+  hasVariablePlugin = true,
+  hasDropDownPlugin = false,
+  variables,
+  onChange,
+  onBlur,
+  value,
+  currentValue,
+  placeholder = '',
+  setDropdownValue,
+  updateTrigger
+}: {
+  h?: number;
+  hasVariablePlugin?: boolean;
+  hasDropDownPlugin?: boolean;
+  variables: EditorVariablePickerType[];
+  onChange?: (editorState: EditorState) => void;
+  onBlur?: (editor: LexicalEditor) => void;
+  value?: string;
+  currentValue?: string;
+  placeholder?: string;
+  setDropdownValue?: (value: string) => void;
+  updateTrigger?: boolean;
+}) {
+  const [key, setKey] = useState(getNanoid(6));
+  const [_, startSts] = useTransition();
+  const [focus, setFocus] = useState(false);
+
+  const initialConfig = {
+    namespace: 'HttpInput',
+    nodes: [VariableNode],
+    editorState: textToEditorState(value),
+    onError: (error: Error) => {
+      throw error;
+    }
+  };
+
+  useEffect(() => {
+    if (focus) return;
+    setKey(getNanoid(6));
+  }, [value, variables.length]);
+
+  useEffect(() => {
+    setKey(getNanoid(6));
+  }, [updateTrigger]);
+
+  const dropdownVariables = useMemo(
+    () =>
+      variables.filter((item) => {
+        return item.key.includes(currentValue || '') && item.key !== currentValue;
+      }),
+    [currentValue]
+  );
+
+  return (
+    <Box position={'relative'} width={'full'} h={`${h}px`} cursor={'text'}>
+      <LexicalComposer initialConfig={initialConfig} key={key}>
+        <PlainTextPlugin
+          contentEditable={<ContentEditable className={styles.contentEditable} />}
+          placeholder={
+            <Box
+              position={'absolute'}
+              top={0}
+              left={0}
+              right={0}
+              bottom={0}
+              py={3}
+              px={2}
+              pointerEvents={'none'}
+              overflow={'overlay'}
+            >
+              <Box
+                color={'myGray.500'}
+                fontSize={'xs'}
+                userSelect={'none'}
+                whiteSpace={'pre-wrap'}
+                wordBreak={'break-all'}
+                h={'100%'}
+              >
+                {placeholder}
+              </Box>
+            </Box>
+          }
+          ErrorBoundary={LexicalErrorBoundary}
+        />
+        <HistoryPlugin />
+        <FocusPlugin focus={focus} setFocus={setFocus} />
+        <OnChangePlugin
+          onChange={(e) => {
+            startSts(() => {
+              onChange?.(e);
+            });
+          }}
+        />
+        {hasVariablePlugin ? <VariablePickerPlugin variables={variables} /> : ''}
+        {hasVariablePlugin ? <VariablePlugin variables={variables} /> : ''}
+        <OnBlurPlugin onBlur={onBlur} />
+        <SingleLinePlugin />
+      </LexicalComposer>
+      {focus && hasDropDownPlugin && (
+        <DropDownMenu variables={dropdownVariables} setDropdownValue={setDropdownValue} />
+      )}
+    </Box>
+  );
+}

packages/web/components/common/Input/HttpInput/index.module.scss

@@ -0,0 +1,9 @@
+.contentEditable {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: auto;
+  padding-left: 8px;
+  position: relative;
+}

packages/web/components/common/Input/HttpInput/index.tsx

@@ -0,0 +1,69 @@
+import React, { useEffect } from 'react';
+import { $getRoot, EditorState, type LexicalEditor } from 'lexical';
+import { useCallback, useTransition } from 'react';
+import { editorStateToText } from '../../Textarea/PromptEditor/utils';
+import { EditorVariablePickerType } from '../../Textarea/PromptEditor/type';
+import Editor from './Editor';
+
+const HttpInput = ({
+  hasVariablePlugin = true,
+  hasDropDownPlugin = false,
+  variables = [],
+  value,
+  onChange,
+  onBlur,
+  h,
+  placeholder,
+  setDropdownValue,
+  updateTrigger
+}: {
+  hasVariablePlugin?: boolean;
+  hasDropDownPlugin?: boolean;
+  variables?: EditorVariablePickerType[];
+  value?: string;
+  onChange?: (text: string) => void;
+  onBlur?: (text: string) => void;
+  h?: number;
+  placeholder?: string;
+  setDropdownValue?: (value: string) => void;
+  updateTrigger?: boolean;
+}) => {
+  const [currentValue, setCurrentValue] = React.useState(value);
+
+  const [, startSts] = useTransition();
+
+  const onChangeInput = useCallback((editorState: EditorState) => {
+    const text = editorState.read(() => $getRoot().getTextContent());
+    const formatValue = text.replaceAll('\n\n', '\n').replaceAll('}}{{', '}} {{');
+    setCurrentValue(formatValue);
+    onChange?.(formatValue);
+  }, []);
+  const onBlurInput = useCallback((editor: LexicalEditor) => {
+    startSts(() => {
+      const text = editorStateToText(editor).replaceAll('\n\n', '\n').replaceAll('}}{{', '}} {{');
+      onBlur?.(text);
+    });
+  }, []);
+  useEffect(() => {
+    setCurrentValue(value);
+  }, [value]);
+
+  return (
+    <>
+      <Editor
+        hasVariablePlugin={hasVariablePlugin}
+        hasDropDownPlugin={hasDropDownPlugin}
+        variables={variables}
+        h={h}
+        value={value}
+        currentValue={currentValue}
+        onChange={onChangeInput}
+        onBlur={onBlurInput}
+        placeholder={placeholder}
+        setDropdownValue={setDropdownValue}
+        updateTrigger={updateTrigger}
+      />
+    </>
+  );
+};
+export default React.memo(HttpInput);