feat/TanStack-Form

[WTW0313]

Summary

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

Tip

Close issue syntax: Fixes #<issue number> or Resolves #<issue number>, see documentation for more details.

Screenshots

Before	After
...	...

Checklist

Important

Please review the checklist below before submitting your pull request.

• This change requires a documentation update, included: Dify Document
• I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
• I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
• I've updated the documentation accordingly.
• I ran dev/reformat(backend) and cd web && npx lint-staged(frontend) to appease the lint gods

[Copilot]

Pull Request Overview

This pull request introduces support for TanStack Form by updating existing hook dependencies and integrating new form components and demo scenarios. Key changes include:

• Refining useCallback and useEffect dependency arrays in the Completed component.
• Replacing legacy style props (e.g., className for sizing) with new "size" props in Input, InputNumber, and ParamItem components.
• Adding new TanStack Form components and demo setups to improve form handling consistency.

Reviewed Changes

Copilot reviewed 29 out of 30 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
web/app/components/datasets/documents/detail/completed/index.tsx	Updated useCallback and useEffect dependencies and switched from "mixed" to "indeterminate" prop.
web/app/components/datasets/create/step-two/inputs.tsx	Replaced custom className sizing with the "size" prop on InputNumber.
web/app/components/base/param-item/index.tsx	Changed size property from 'sm' to 'regular' for consistent styling.
web/app/components/base/input/index.tsx	Adjusted prop type omission for the size attribute to prevent conflicts.
web/app/components/base/input-number/index.tsx	Updated valid size options and adjusted padding logic for buttons.
web/app/components/base/form/**	Introduced TanStack Form contexts, hooks, and several demo form components.
web/app/components/base/checkbox/index.tsx	Replaced "mixed" prop with "indeterminate" and updated styling for better clarity.

Files not reviewed (1)

• web/app/components/base/checkbox/index.module.css: Language not supported

Comments suppressed due to low confidence (2)

web/app/components/datasets/documents/detail/completed/index.tsx:564

• [nitpick] The variable 'selectDefaultValue' returns both a string ('all') and a number (1 or 0) based on 'selectedStatus', which could lead to type ambiguity. Consider normalizing its return type to ensure consistent behavior in the SimpleSelect component.

const selectDefaultValue = useMemo(() => {

web/app/components/datasets/documents/detail/completed/index.tsx:378

• The useEffect hook uses 'resetList' without including it in the dependency array. If 'resetList' is not stable, this could lead to stale closures; consider adding 'resetList' to the dependency array or documenting why its omission is intentional.

useEffect(() => { resetList() // eslint-disable-next-line react-hooks/exhaustive-deps