FEAT: NEW WORKFLOW ENGINE (#3160)

Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: Yeuoly <admin@srmxy.cn>
Co-authored-by: JzoNg <jzongcode@gmail.com>
Co-authored-by: StyleZhang <jasonapring2015@outlook.com>
Co-authored-by: jyong <jyong@dify.ai>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: jyong <718720800@qq.com>

web/app/components/workflow/nodes/knowledge-retrieval/components/add-dataset.tsx

@@ -0,0 +1,41 @@
+'use client'
+import { useBoolean } from 'ahooks'
+import type { FC } from 'react'
+import React, { useCallback } from 'react'
+import AddButton from '@/app/components/base/button/add-button'
+import SelectDataset from '@/app/components/app/configuration/dataset-config/select-dataset'
+import type { DataSet } from '@/models/datasets'
+
+type Props = {
+  selectedIds: string[]
+  onChange: (dataSets: DataSet[]) => void
+}
+
+const AddDataset: FC<Props> = ({
+  selectedIds,
+  onChange,
+}) => {
+  const [isShowModal, {
+    setTrue: showModal,
+    setFalse: hideModal,
+  }] = useBoolean(false)
+
+  const handleSelect = useCallback((datasets: DataSet[]) => {
+    onChange(datasets)
+    hideModal()
+  }, [onChange, hideModal])
+  return (
+    <div>
+      <AddButton onClick={showModal} />
+      {isShowModal && (
+        <SelectDataset
+          isShow={isShowModal}
+          onClose={hideModal}
+          selectedIds={selectedIds}
+          onSelect={handleSelect}
+        />
+      )}
+    </div>
+  )
+}
+export default React.memo(AddDataset)