dify

dify/web/app/components/base/markdown-blocks/button.tsx

@@ -0,0 +1,31 @@
+import { useChatContext } from '@/app/components/base/chat/chat/context'
+import Button from '@/app/components/base/button'
+import cn from '@/utils/classnames'
+import { isValidUrl } from './utils'
+const MarkdownButton = ({ node }: any) => {
+  const { onSend } = useChatContext()
+  const variant = node.properties.dataVariant
+  const message = node.properties.dataMessage
+  const link = node.properties.dataLink
+  const size = node.properties.dataSize
+
+  return <Button
+    variant={variant}
+    size={size}
+    className={cn('!h-auto min-h-8 select-none whitespace-normal !px-3')}
+    onClick={() => {
+      if (link && isValidUrl(link)) {
+        window.open(link, '_blank')
+        return
+      }
+      if(!message)
+        return
+      onSend?.(message)
+    }}
+  >
+    <span className='text-[13px]'>{node.children[0]?.value || ''}</span>
+  </Button>
+}
+MarkdownButton.displayName = 'MarkdownButton'
+
+export default MarkdownButton