SVAR Vue Editor 개요
SVAR Vue Editor 컴포넌트를 사용하면 독립형 위젯으로 또는 사이드바 패널의 일부로 편집 폼을 구현할 수 있습니다. Comments 및 Tasklist 컴포넌트를 포함한 모든 SVAR Vue Core 폼 컨트롤을 쉽게 통합할 수 있습니다. 또한 기본 제공 타입 정의를 통해 TypeScript 지원을 제공합니다.
Editor를 모든 구조화된 데이터의 편집 폼으로 통합하여 페이지의 모든 UI 요소에 연결하고 애플리케이션 요구 사항에 맞게 구성할 수 있습니다. 주요 사용 사례는 다음과 같습니다:
- 여러 필드 유형으로 구성된 구조화된 데이터 편집 (사용자 프로필, 정보 카드, 제품 상세, 테이블 행)
- 페이지 이동 없이 인라인 편집 제공
- 사이드바 또는 팝업으로 표시되는 컨텍스트 편집 폼 생성
- 기존 UI 워크플로에 편집 기능 통합
라이선스: MIT
아래 이미지는 API를 사용하여 Editor 컴포넌트를 구성할 수 있는 방법 중 하나를 보여줍니다:
주요 기능
구성
- 팝업, 사이드바, 인라인 표시 모드
- SVAR Core Controls 통합 (텍스트 입력, 체크박스, 날짜 선택기 등)
- 툴바 위치 구성 가능 (상단 또는 하단)
- 1열 또는 2열 레이아웃
- 폼 필드를 별도의 배치로 분리
- 접을 수 있는 폼 섹션
- 아코디언 스타일 섹션
- 모달 스타일 섹션
- 라이트 및 다크 테마
- 지역화
폼 동작
- 사용자 정의 폼 유효성 검사
- 필수 필드 지원
- 자동 또는 사용자 액션 시 변경 사항 저장