CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-vant

tessl install tessl/npm-vant@4.9.0

Mobile UI Components library built on Vue 3 with 100+ components

Agent Success

Agent success rate when using this tile

74%

Improvement

Agent success rate improvement when using this tile compared to baseline

1.07x

Baseline

Agent success rate without this tile

69%

rubric.jsonevals/scenario-9/

{
  "context": "This evaluation assesses how effectively the engineer uses the Vant DatePicker component to implement a date selection interface with future date filtering. The focus is on correct usage of the DatePicker API, including component import, state management, date filtering, and event handling.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "DatePicker Import",
      "description": "Correctly imports the DatePicker component from the vant package (e.g., import { DatePicker } from 'vant' or using van-date-picker)",
      "max_score": 10
    },
    {
      "name": "DatePicker Usage",
      "description": "Uses the DatePicker component in the template with appropriate v-model binding to track the selected date value",
      "max_score": 20
    },
    {
      "name": "Visibility Control",
      "description": "Implements show/visible state control for the DatePicker using v-model:show or similar visibility prop to open and close the picker",
      "max_score": 15
    },
    {
      "name": "Date Filtering",
      "description": "Implements the filter prop or min-date prop to prevent selection of today and past dates, ensuring only future dates (tomorrow onwards) are selectable",
      "max_score": 25
    },
    {
      "name": "Confirm Event Handling",
      "description": "Handles the confirm event (@confirm or onConfirm) to capture the selected date and close the picker when the user confirms their selection",
      "max_score": 20
    },
    {
      "name": "Date Display",
      "description": "Properly displays the selected date from the DatePicker in YYYY-MM-DD format or shows appropriate placeholder text when no date is selected",
      "max_score": 10
    }
  ]
}

Version

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/vant@4.9.x
tile.json