feat: knowledge pipeline (#25360)

Signed-off-by: -LAN- <laipz8200@outlook.com>
Co-authored-by: twwu <twwu@dify.ai>
Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com>
Co-authored-by: jyong <718720800@qq.com>
Co-authored-by: Wu Tianwei <30284043+WTW0313@users.noreply.github.com>
Co-authored-by: QuantumGhost <obelisk.reg+git@gmail.com>
Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com>
Co-authored-by: quicksand <quicksandzn@gmail.com>
Co-authored-by: Jyong <76649700+JohnJyong@users.noreply.github.com>
Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com>
Co-authored-by: zxhlyh <jasonapring2015@outlook.com>
Co-authored-by: Yongtao Huang <yongtaoh2022@gmail.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: Hanqing Zhao <sherry9277@gmail.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: Harry <xh001x@hotmail.com>

web/app/components/base/input-number/index.spec.tsx

@@ -63,11 +63,11 @@ describe('InputNumber Component', () => {
   })
 
   it('handles empty input', () => {
-    render(<InputNumber {...defaultProps} value={0} />)
+    render(<InputNumber {...defaultProps} value={1} />)
     const input = screen.getByRole('spinbutton')
 
     fireEvent.change(input, { target: { value: '' } })
-    expect(defaultProps.onChange).toHaveBeenCalledWith(undefined)
+    expect(defaultProps.onChange).toHaveBeenCalledWith(0)
   })
 
   it('handles invalid input', () => {
@@ -75,7 +75,7 @@ describe('InputNumber Component', () => {
     const input = screen.getByRole('spinbutton')
 
     fireEvent.change(input, { target: { value: 'abc' } })
-    expect(defaultProps.onChange).not.toHaveBeenCalled()
+    expect(defaultProps.onChange).toHaveBeenCalledWith(0)
   })
 
   it('displays unit when provided', () => {

web/app/components/base/input-number/index.tsx

@@ -1,4 +1,4 @@
-import type { FC } from 'react'
+import { type FC, useCallback } from 'react'
 import { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react'
 import Input, { type InputProps } from '../input'
 import classNames from '@/utils/classnames'
@@ -6,7 +6,7 @@ import classNames from '@/utils/classnames'
 export type InputNumberProps = {
   unit?: string
   value?: number
-  onChange: (value?: number) => void
+  onChange: (value: number) => void
   amount?: number
   size?: 'regular' | 'large'
   max?: number
@@ -19,19 +19,34 @@ export type InputNumberProps = {
 } & Omit<InputProps, 'value' | 'onChange' | 'size' | 'min' | 'max' | 'defaultValue'>
 
 export const InputNumber: FC<InputNumberProps> = (props) => {
-  const { unit, className, onChange, amount = 1, value, size = 'regular', max, min, defaultValue, wrapClassName, controlWrapClassName, controlClassName, disabled, ...rest } = props
+  const {
+    unit,
+    className,
+    onChange,
+    amount = 1,
+    value,
+    size = 'regular',
+    max,
+    min,
+    defaultValue,
+    wrapClassName,
+    controlWrapClassName,
+    controlClassName,
+    disabled,
+    ...rest
+  } = props
 
-  const isValidValue = (v: number) => {
+  const isValidValue = useCallback((v: number) => {
     if (typeof max === 'number' && v > max)
       return false
     return !(typeof min === 'number' && v < min)
-  }
+  }, [max, min])
 
   const inc = () => {
     if (disabled) return
 
     if (value === undefined) {
-      onChange(defaultValue)
+      onChange(defaultValue ?? 0)
       return
     }
     const newValue = value + amount
@@ -43,7 +58,7 @@ export const InputNumber: FC<InputNumberProps> = (props) => {
     if (disabled) return
 
     if (value === undefined) {
-      onChange(defaultValue)
+      onChange(defaultValue ?? 0)
       return
     }
     const newValue = value - amount
@@ -52,27 +67,30 @@ export const InputNumber: FC<InputNumberProps> = (props) => {
     onChange(newValue)
   }
 
+  const handleInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+    if (e.target.value === '') {
+      onChange(0)
+      return
+    }
+    const parsed = Number(e.target.value)
+    if (Number.isNaN(parsed))
+      return
+
+    if (!isValidValue(parsed))
+      return
+    onChange(parsed)
+  }, [isValidValue, onChange])
+
   return <div className={classNames('flex', wrapClassName)}>
     <Input {...rest}
       // disable default controller
       type='number'
       className={classNames('no-spinner rounded-r-none', className)}
-      value={value}
+      value={value ?? 0}
       max={max}
       min={min}
       disabled={disabled}
-      onChange={(e) => {
-        if (e.target.value === '')
-          onChange(undefined)
-
-        const parsed = Number(e.target.value)
-        if (Number.isNaN(parsed))
-          return
-
-        if (!isValidValue(parsed))
-          return
-        onChange(parsed)
-      }}
+      onChange={handleInputChange}
       unit={unit}
       size={size}
     />