Skip to content

Primitive antdv re-export

Ngoài 17 component thương hiệu, @tasco/ui re-export một danh sách primitive của Ant Design Vue — những thứ không cần bọc thêm, chỉ cần một điểm import duy nhất.

ts
import { CSelect, CModal, CTabs } from '@tasco/ui'

Vì sao không import thẳng từ ant-design-vue

  • ESLint chặn (no-restricted-imports) — kể cả import type.
  • Đổi phiên bản antdv là việc của core: dự án không phải sửa import.
  • Danh sách re-export là hợp đồng: component nào không có trong đó thì core chưa bảo đảm nó hợp với theme và mật độ của framework.

Cần một primitive chưa có trong danh sách: báo core để thêm, đừng import thẳng.

Sáu nhóm

NhómGồmTrang
Nhập liệuCInput, CSelect, CDatePicker, CUploadXem
Hiển thị dữ liệuCDescriptions, CTabs, CBadge, CTreeXem
Bố cụcRow, Col, Space, DividerXem
Phản hồiCModal, CDrawer, CAlert, CSpinXem
Điều hướngCDropdown, CMenu, CBreadcrumbXem
Gọi theo kiểu lệnhmessage, notificationXem

Quy ước chung

  • Tên: hầu hết có tiền tố C; riêng nhóm bố cục (Row, Col, Space, Flex, Divider, Typography, Layout) giữ nguyên tên gốc.
  • Hành vi: giống hệt antdv — prop, slot, sự kiện không bị đổi. Tài liệu API đầy đủ ở antdv.org.
  • Locale: layer đã truyền vi_VN cho ConfigProvider, nên phân trang, DatePicker, Modal, Popconfirm đều tiếng Việt sẵn.
  • Theme: màu và mật độ lấy từ @tasco/theme; đừng ghi đè bằng CSS cục bộ khi chỉ cần một prop.

Liên quan