@flowgram.ai/form-materials 0.4.6 → 0.4.8

package/dist/esm/editor-YMNCDGUR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/prompt-editor-with-inputs/editor.tsx","../../src/components/prompt-editor-with-inputs/extensions/inputs-tree.tsx","../../src/components/prompt-editor-with-inputs/inputs-picker.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React from 'react';\n\nimport { PromptEditor, PromptEditorPropsType } from '@/components/prompt-editor';\n\nimport { InputsTree } from './extensions/inputs-tree';\n\nexport interface PromptEditorWithInputsProps extends PromptEditorPropsType {\n  inputsValues: any;\n}\n\nexport function PromptEditorWithInputs({\n  inputsValues,\n  ...restProps\n}: PromptEditorWithInputsProps) {\n  return (\n    <PromptEditor {...restProps}>\n      <InputsTree inputsValues={inputsValues} />\n    </PromptEditor>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useEffect, useState } from 'react';\n\nimport { Popover } from '@douyinfe/semi-ui';\nimport {\n  Mention,\n  MentionOpenChangeEvent,\n  getCurrentMentionReplaceRange,\n  useEditor,\n  PositionMirror,\n} from '@coze-editor/editor/react';\nimport { EditorAPI } from '@coze-editor/editor/preset-prompt';\n\nimport { IFlowValue } from '@/typings';\n\nimport { InputsPicker } from '../inputs-picker';\n\nexport function InputsTree({ inputsValues }: { inputsValues: Record<string, IFlowValue> }) {\n  const [posKey, setPosKey] = useState('');\n  const [visible, setVisible] = useState(false);\n  const [position, setPosition] = useState(-1);\n  const editor = useEditor<EditorAPI>();\n\n  function insert(variablePath: string) {\n    const range = getCurrentMentionReplaceRange(editor.$view.state);\n\n    if (!range) {\n      return;\n    }\n\n    /**\n     * When user input {{xxxx}}, {{{xxx}}}(more brackets if possible), replace all brackets with {{xxxx}}\n     */\n    let { from, to } = range;\n    while (editor.$view.state.doc.sliceString(from - 1, from) === '{') {\n      from--;\n    }\n    while (editor.$view.state.doc.sliceString(to, to + 1) === '}') {\n      to++;\n    }\n\n    editor.replaceText({\n      ...range,\n      text: '{{' + variablePath + '}}',\n    });\n\n    setVisible(false);\n  }\n\n  function handleOpenChange(e: MentionOpenChangeEvent) {\n    setPosition(e.state.selection.main.head);\n    setVisible(e.value);\n  }\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n  }, [editor, visible]);\n\n  return (\n    <>\n      <Mention triggerCharacters={['{', '{}', '@']} onOpenChange={handleOpenChange} />\n\n      <Popover\n        visible={visible}\n        trigger=\"custom\"\n        position=\"topLeft\"\n        rePosKey={posKey}\n        content={\n          <div style={{ width: 300 }}>\n            <InputsPicker\n              inputsValues={inputsValues}\n              onSelect={(v) => {\n                insert(v);\n              }}\n            />\n          </div>\n        }\n      >\n        {/* PositionMirror allows the Popover to appear at the specified cursor position */}\n        <PositionMirror\n          position={position}\n          // When Doc scroll, update position\n          onChange={() => setPosKey(String(Math.random()))}\n        />\n      </Popover>\n    </>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useMemo } from 'react';\n\nimport { isPlainObject, last } from 'lodash';\nimport {\n  type ArrayType,\n  ASTMatch,\n  type BaseType,\n  type BaseVariableField,\n  useScopeAvailable,\n} from '@flowgram.ai/editor';\nimport { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';\nimport { Tree } from '@douyinfe/semi-ui';\n\nimport { FlowValueUtils } from '@/shared';\n\ntype VariableField = BaseVariableField<{ icon?: string | JSX.Element; title?: string }>;\n\nexport function InputsPicker({\n  inputsValues,\n  onSelect,\n}: {\n  inputsValues: any;\n  onSelect: (v: string) => void;\n}) {\n  const available = useScopeAvailable();\n\n  const getArrayDrilldown = (type: ArrayType, depth = 1): { type: BaseType; depth: number } => {\n    if (ASTMatch.isArray(type.items)) {\n      return getArrayDrilldown(type.items, depth + 1);\n    }\n\n    return { type: type.items, depth: depth };\n  };\n\n  const renderVariable = (variable: VariableField, keyPath: string[]): TreeNodeData => {\n    let type = variable?.type;\n\n    let children: TreeNodeData[] | undefined;\n\n    if (ASTMatch.isObject(type)) {\n      children = (type.properties || [])\n        .map((_property) => renderVariable(_property as VariableField, [...keyPath, _property.key]))\n        .filter(Boolean) as TreeNodeData[];\n    }\n\n    if (ASTMatch.isArray(type)) {\n      const drilldown = getArrayDrilldown(type);\n\n      if (ASTMatch.isObject(drilldown.type)) {\n        children = (drilldown.type.properties || [])\n          .map((_property) =>\n            renderVariable(_property as VariableField, [\n              ...keyPath,\n              ...new Array(drilldown.depth).fill('[0]'),\n              _property.key,\n            ])\n          )\n          .filter(Boolean) as TreeNodeData[];\n      }\n    }\n\n    const key = keyPath\n      .map((_key, idx) => (_key === '[0]' || idx === 0 ? _key : `.${_key}`))\n      .join('');\n\n    return {\n      key: key,\n      label: last(keyPath),\n      value: key,\n      children,\n    };\n  };\n\n  const getTreeData = (value: any, keyPath: string[]): TreeNodeData | undefined => {\n    const currKey = keyPath.join('.');\n\n    if (FlowValueUtils.isFlowValue(value)) {\n      if (FlowValueUtils.isRef(value)) {\n        const variable = available.getByKeyPath(value.content || []);\n        if (variable) {\n          return renderVariable(variable, keyPath);\n        }\n      }\n      return {\n        key: currKey,\n        value: currKey,\n        label: last(keyPath),\n      };\n    }\n\n    if (isPlainObject(value)) {\n      return {\n        key: currKey,\n        value: currKey,\n        label: last(keyPath),\n        children: Object.entries(value)\n          .map(([key, value]) => getTreeData(value, [...keyPath, key])!)\n          .filter(Boolean),\n      };\n    }\n  };\n\n  const treeData: TreeNodeData[] = useMemo(\n    () =>\n      Object.entries(inputsValues)\n        .map(([key, value]) => getTreeData(value, [key])!)\n        .filter(Boolean),\n    []\n  );\n\n  return <Tree treeData={treeData} onSelect={(v) => onSelect(v)} />;\n}\n"],"mappings":"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","names":["React","React","value","React","React"]}