Cursor/development-environment-setup-13c9#79
Merged
Conversation
Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- collapse.vue with provide/inject pattern, accordion mode, bordered prop - collapse-panel.vue with header, disabled, showArrow props - index.js exports Collapse with Collapse.Panel static property - LESS styles with theme variables and transition animations - 4 tests: render panels, accordion mode, active panel, disabled panel - Docs (zh-CN/en-US) and demos (basic, accordion, borderless) Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- drawer.vue with placement (left/right/top/bottom), mask, closable props - Transition animations per placement direction - LESS styles with fixed overlay, mask, and slide transitions - 4 tests: render visible, placement classes, close event, custom width - Docs (zh-CN/en-US) and demos (basic, placement) Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- slider.vue with value, min/max, step, disabled, vertical props - Track + handle with mousedown drag and track click support - LESS styles with rail, track, handle, disabled and vertical modes - 4 tests: render, disabled class, vertical class, track width - Docs (zh-CN/en-US) and demos (basic, disabled, vertical) Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- anchor.vue with provide/inject, scroll listener, active link tracking - anchor-link.vue with href, title props, active state styling - index.js exports Anchor with Anchor.Link static property - LESS styles with ink ball, link titles, and fixed positioning - 3 tests: render anchor, render links, active link class - Docs (zh-CN/en-US) and demo (basic) Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- Form component with horizontal/vertical/inline layouts - Form.Item with label, validation state, and error messages - Built-in validation engine supporting required, min/max/len, pattern, type, custom validator - provide/inject pattern for parent-child communication - Methods: validate, validateField, resetFields, clearValidate - LESS styles for all layout modes and validation states - 8 unit tests covering layouts, labels, validation, and reset - 3 demos: basic, validation, layout - API documentation in English and Chinese - Export Form from components/index.js Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
…ents - List component with dataSource, bordered, size, header, footer, loading, split props - List.Item with extra prop - List.Item.Meta with title, description, avatar props - 4 unit tests (render, bordered, items, size classes) - 3 demos (basic, bordered, meta) - Less styles with theme/mixin imports - zh-CN and en-US documentation Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- Carousel with autoplay, dots, dotPosition, easing, effect, vertical, autoplaySpeed props - next(), prev(), goTo() methods - Transform/translateX-based slide transitions - setInterval autoplay support - 3 unit tests (render, dots, slide count) - 2 demos (basic, autoplay) - Less styles with theme/mixin imports - zh-CN and en-US documentation Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- AutoComplete with value, dataSource, placeholder, disabled, allowClear props - search, select, change events - Input-driven dropdown with dataSource filtering - Uses same ant-select prefix styling as Select component - Keyboard navigation support (up/down/enter) - 3 unit tests (render, dropdown on input, filter options) - 2 demos (basic, custom filter) - Less styles with theme/mixin imports - zh-CN and en-US documentation Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- cascader.vue with click/hover expand, allowClear, showSearch, size, changeOnSelect - Style following ant-design patterns with proper theme variables - 3 passing tests: render, open dropdown, display selected path - Demos: basic cascading, disabled options - API docs in zh-CN and en-US Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- transfer.vue with checkbox selection, move buttons, search filtering - Integrates existing Checkbox component for item selection - Style following ant-design patterns with proper theme variables - 3 passing tests: render panels, render items, move items - Demos: basic transfer, with search - API docs in zh-CN and en-US Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- tree.vue and tree-node.vue with recursive children rendering - Supports checkable, defaultExpandAll, select/check/expand events - Tree.TreeNode sub-component pattern - Style following ant-design patterns with proper theme variables - 3 passing tests: render tree, expand/collapse, checkable mode - Demos: basic tree, with checkboxes - API docs in zh-CN and en-US Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- TreeSelect: tree selection dropdown with single/multiple mode, search, checkable tree nodes, expand-all support, and disabled state - Upload: file upload with click trigger, file list display, picture/ picture-card list types, disabled state, and beforeUpload hook - DatePicker: date input with calendar dropdown panel, month/year navigation, today highlight, format support, clear, and size variants - Calendar: full-size calendar display with month/year mode switch, date cell slots, month panel, and fullscreen mode Each component includes: - Vue SFC following existing codebase patterns - index.js with style import - style/index.js and style/index.less using theme vars and mixins - 3 Jest tests using creatVueVm from util.js - Chinese and English API documentation - Demo markdown files with 4-backtick code blocks All 146 tests pass, ESLint clean. Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
Add 18 new components completing the full Ant Design 3.x component set: Batch 1 - Simple: - Spin: loading indicator with size/tip/nested - Divider: horizontal/vertical/dashed/with-text - InputNumber: numeric input with min/max/step Batch 2 - Medium: - Collapse: expandable panels with accordion - Drawer: sliding panel from any edge - Slider: range input with drag - Anchor: anchor hyperlinks with scroll tracking Batch 3 - Form: - Form + Form.Item: layout + validation engine Batch 4 - Display: - List: data list with Item/Meta sub-components - Carousel: content carousel with autoplay - AutoComplete: input with filtered dropdown Batch 5 - Complex: - Cascader: multi-level dropdown selection - Transfer: double column transfer - Tree: recursive tree with checkable nodes - TreeSelect: tree in dropdown - Upload: file upload with list display - DatePicker: date input with calendar panel - Calendar: full-size calendar display All registered in components/index.js, site/common/menu.js, with zh-CN/en-US docs and demo .md files for gh-pages. 146 tests total, all passing. Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
- Layout: Divider
- Data Entry: InputNumber, Slider, AutoComplete, Cascader, Form, Transfer, TreeSelect, Upload, DatePicker
- Data Display: Collapse, Carousel, List, Tree, Calendar
- Feedback: Spin, Drawer
- Other: Anchor
Each component has:
- examples/routers/{name}/index.vue with Container and CodeShow
- examples/routers/{name}/demo/basic.vue with component demo
- Route entry in examples/routers/index.js
- Sidebar entry in examples/App.vue under correct category
Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
Co-authored-by: Muffin <zzuu666@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Co-authored-by: Muffin zzuu666@users.noreply.github.com