System plugin adapt reference type in plugin input (#2965)

* perf: plugin input support reference

* perf: system plugin adapt plugin input reference

packages/web/components/common/Textarea/PromptEditor/Editor.tsx

@@ -43,7 +43,6 @@ export default function Editor({
   onBlur,
   value,
   placeholder = '',
-  isFlow,
   bg = 'white'
 }: {
   minH?: number;
@@ -57,7 +56,6 @@ export default function Editor({
   onBlur?: (editor: LexicalEditor) => void;
   value?: string;
   placeholder?: string;
-  isFlow?: boolean;
   bg?: string;
 }) {
   const [key, setKey] = useState(getNanoid(6));
@@ -92,7 +90,7 @@ export default function Editor({
         <PlainTextPlugin
           contentEditable={
             <ContentEditable
-              className={isFlow ? styles.contentEditable_isFlow : styles.contentEditable}
+              className={styles.contentEditable}
               style={{
                 minHeight: `${minH}px`,
                 maxHeight: `${maxH}px`

packages/web/components/common/Textarea/PromptEditor/index.module.scss

@@ -11,18 +11,6 @@
   overflow-y: auto;
 }
 
-.contentEditable_isFlow {
-  position: relative;
-  height: 100%;
-  width: 100%;
-  border: 1px solid var(--chakra-colors-myGray-200);
-  border-radius: var(--chakra-radii-sm);
-  padding: 6px 8px;
-  // background: #fff;
-  font-size: var(--chakra-fontSizes-sm);
-  overflow-y: auto;
-}
-
 .contentEditable:focus {
   outline: none;
   border: 1px solid;
@@ -30,13 +18,6 @@
   box-shadow: 0px 0px 0px 2.4px rgba(51, 112, 255, 0.15);
 }
 
-.contentEditable_isFlow:focus {
-  outline: none;
-  border: 1px solid;
-  border-color: var(--chakra-colors-primary-600);
-  box-shadow: 0px 0px 0px 2.4px rgba(51, 112, 255, 0.15);
-}
-
 .variable {
   color: var(--chakra-colors-primary-600);
   padding: 0 2px;

packages/web/components/common/Textarea/PromptEditor/index.tsx

@@ -20,7 +20,6 @@ const PromptEditor = ({
   maxLength,
   placeholder,
   title,
-  isFlow,
   bg = 'white'
 }: {
   showOpenModal?: boolean;
@@ -34,7 +33,6 @@ const PromptEditor = ({
   maxLength?: number;
   placeholder?: string;
   title?: string;
-  isFlow?: boolean;
   bg?: string;
 }) => {
   const { isOpen, onOpen, onClose } = useDisclosure();
@@ -69,7 +67,6 @@ const PromptEditor = ({
         onChange={onChangeInput}
         onBlur={onBlurInput}
         placeholder={placeholder}
-        isFlow={isFlow}
         bg={bg}
       />
       <MyModal isOpen={isOpen} onClose={onClose} iconSrc="modal/edit" title={title} w={'full'}>