kjs
/
ERP-node
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ERP-node/frontend/lib/registry/components/text-input
History
kjs 35ec16084f feat: 채번 규칙 및 코드 메뉴별 격리 구현 
**주요 변경사항:**

1. **메뉴 스코프 변경 (getSiblingMenuObjids)**
   - 기존: 형제 메뉴 + 모든 형제의 자식 메뉴 포함
   - 변경: 자신 + 자신의 자식 메뉴만 포함
   - 결과: 각 2레벨 메뉴가 완전히 독립적으로 격리됨

2. **채번 규칙 메뉴 선택 상태 유지**
   - useState 초기값 함수에서 저장된 selectedMenuObjid 복원
   - 속성창 닫았다 열어도 선택한 메뉴와 채번 규칙 유지
   - config.autoGeneration.selectedMenuObjid에 저장

3. **로그 정리**
   - 프론트엔드: 디버깅 로그 제거
   - 백엔드: info 레벨 로그를 debug 레벨로 변경
   - 운영 환경에서 불필요한 로그 출력 최소화

**영향:**
- 영업관리 메뉴: 영업관리의 채번 규칙/코드만 조회
- 기준정보 메뉴: 기준정보의 채번 규칙/코드만 조회
- 각 메뉴 그룹이 독립적으로 데이터 관리 가능
 		2025-11-11 18:24:24 +09:00
..
README.md 컴포넌트 추가방식 변경 2025-09-11 18:38:28 +09:00
TextInputComponent.tsx feat: 채번 규칙 테이블 기반 자동 필터링 구현 2025-11-07 14:27:07 +09:00
TextInputConfigPanel.tsx feat: 채번 규칙 및 코드 메뉴별 격리 구현 2025-11-11 18:24:24 +09:00
TextInputRenderer.tsx 컴포넌트 추가방식 변경 2025-09-11 18:38:28 +09:00
config.ts 컴포넌트 추가방식 변경 2025-09-11 18:38:28 +09:00
index.ts 세부타입설정 2025-10-14 16:45:30 +09:00
types.ts 테스트 프로젝트 테이블 생성 및 오류들 수정 2025-09-19 12:19:34 +09:00

README.md

TextInput 컴포넌트

text-input 컴포넌트입니다

개요

  • ID: text-input
  • 카테고리: input
  • 웹타입: text
  • 작성자: 개발팀
  • 버전: 1.0.0

특징

  • ✅ 자동 등록 시스템
  • ✅ 타입 안전성
  • ✅ Hot Reload 지원
  • ✅ 설정 패널 제공
  • ✅ 반응형 디자인

사용법

기본 사용법

import { TextInputComponent } from "@/lib/registry/components/text-input";

<TextInputComponent
  component={{
    id: "my-text-input",
    type: "widget",
    webType: "text",
    position: { x: 100, y: 100, z: 1 },
    size: { width: 200, height: 36 },
    config: {
      // 설정값들
    }
  }}
  isDesignMode={false}
/>

설정 옵션

속성 타입 기본값 설명
placeholder string "" 플레이스홀더 텍스트
maxLength number 255 최대 입력 길이
minLength number 0 최소 입력 길이
disabled boolean false 비활성화 여부
required boolean false 필수 입력 여부
readonly boolean false 읽기 전용 여부

이벤트

  • onChange: 값 변경 시
  • onFocus: 포커스 시
  • onBlur: 포커스 해제 시
  • onClick: 클릭 시

스타일링

컴포넌트는 다음과 같은 스타일 옵션을 제공합니다:

  • variant: "default" | "outlined" | "filled"
  • size: "sm" | "md" | "lg"

예시

// 기본 예시
<TextInputComponent
  component={{
    id: "sample-text-input",
    config: {
      placeholder: "입력하세요",
      required: true,
      variant: "outlined"
    }
  }}
/>

개발자 정보

  • 생성일: 2025-09-11
  • CLI 명령어: node scripts/create-component.js text-input --category=input --webType=text
  • 경로: lib/registry/components/text-input/

관련 문서