@ncds/ui-admin 1.6.4 → 1.8.0

package/dist/esm/assets/scripts/imageFileInput/ImageFileInputModel.js

@@ -1,74 +1,52 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { ImageFileInputErrorType } from './const/types';
-var ImageFileInputModel = /** @class */function () {
-  function ImageFileInputModel(options) {
+export class ImageFileInputModel {
+  constructor(options) {
     this.internalFiles = [];
     this.initialFiles = []; // 초기 파일 목록 (렌더링 시점의 파일)
     this.newlyAddedFiles = new Set(); // 새로 추가된 파일 추적
     this.deletedInitialFiles = new Set(); // 삭제 표시된 초기 파일들 (파일명으로 추적)
-    this.options = __assign({
+    this.options = {
       size: 'sm',
       multiple: false,
       buttonLabel: '파일 찾기',
       imagePreviewTooltipLabel: '이미지 업로드',
-      disabled: false
-    }, options);
+      disabled: false,
+      ...options
+    };
     // 초기 파일 설정
     if (this.options.value && this.options.value.length > 0) {
-      this.internalFiles = __spreadArray([], this.options.value, true);
+      this.internalFiles = [...this.options.value];
       // value로 들어온 File[]은 새로 추가된 파일로 처리 (initialFiles는 별도로 setFiles(UploadedFile[])로 설정)
     }
   }
   /**
    * 옵션 반환
    */
-  ImageFileInputModel.prototype.getOptions = function () {
+  getOptions() {
     return this.options;
-  };
+  }
   /**
    * 현재 파일 목록 반환 (초기 파일 + 새로 추가된 파일, 삭제 표시된 파일 제외)
    */
-  ImageFileInputModel.prototype.getFiles = function () {
-    var _this = this;
-    var newFiles = this.options.value !== undefined ? this.options.value : this.internalFiles;
+  getFiles() {
+    const newFiles = this.options.value !== undefined ? this.options.value : this.internalFiles;
     // UploadedFile을 File 객체로 변환 (삭제 표시되지 않은 것만)
-    var initialFilesAsFiles = this.initialFiles.filter(function (uploadedFile) {
-      return !_this.deletedInitialFiles.has(uploadedFile.fileName);
-    }).map(function (uploadedFile) {
+    const initialFilesAsFiles = this.initialFiles.filter(uploadedFile => !this.deletedInitialFiles.has(uploadedFile.fileName)).map(uploadedFile => {
       // UploadedFile을 File 객체로 변환 (빈 데이터지만 이름과 타입 정보 유지)
-      var mimeType = _this.getMimeTypeFromFileName(uploadedFile.fileName);
+      const mimeType = this.getMimeTypeFromFileName(uploadedFile.fileName);
       return new File([], uploadedFile.fileName, {
         type: mimeType
       });
     });
     // 초기 파일 + 새로 추가된 파일 합치기
-    return __spreadArray(__spreadArray([], initialFilesAsFiles, true), newFiles, true);
-  };
+    return [...initialFilesAsFiles, ...newFiles];
+  }
   /**
    * 파일명에서 MIME 타입 추론
    */
-  ImageFileInputModel.prototype.getMimeTypeFromFileName = function (fileName) {
-    var _a;
-    var extension = (_a = fileName.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-    var mimeTypes = {
+  getMimeTypeFromFileName(fileName) {
+    const extension = fileName.split('.').pop()?.toLowerCase();
+    const mimeTypes = {
       jpg: 'image/jpeg',
       jpeg: 'image/jpeg',
       png: 'image/png',
@@ -78,30 +56,27 @@ var ImageFileInputModel = /** @class */function () {
       bmp: 'image/bmp'
     };
     return mimeTypes[extension || ''] || 'application/octet-stream';
-  };
+  }
   /**
    * 초기 업로드된 파일 목록 설정 (UploadedFile[] 타입만 허용)
    */
-  ImageFileInputModel.prototype.setFiles = function (uploadedFiles) {
-    this.initialFiles = __spreadArray([], uploadedFiles, true);
-  };
+  setFiles(uploadedFiles) {
+    this.initialFiles = [...uploadedFiles];
+  }
   /**
    * 파일 추가
    */
-  ImageFileInputModel.prototype.addFiles = function (files) {
-    var _this = this;
+  addFiles(files) {
     // maxFileCount가 1이면 기존 파일 교체
     if (this.options.maxFileCount === 1) {
       // 기존 초기 파일들을 삭제 표시
-      this.initialFiles.forEach(function (uploadedFile) {
-        _this.deletedInitialFiles.add(uploadedFile.fileName);
+      this.initialFiles.forEach(uploadedFile => {
+        this.deletedInitialFiles.add(uploadedFile.fileName);
       });
       // 새로 추가된 파일로 표시
-      files.forEach(function (file) {
-        return _this.newlyAddedFiles.add(file);
-      });
-      var isControlled_1 = this.options.value !== undefined;
-      if (isControlled_1) {
+      files.forEach(file => this.newlyAddedFiles.add(file));
+      const isControlled = this.options.value !== undefined;
+      if (isControlled) {
         this.options.value = files;
       } else {
         this.internalFiles = files;
@@ -109,142 +84,132 @@ var ImageFileInputModel = /** @class */function () {
       return;
     }
     // getFiles()를 사용하지 않고 새로 추가된 파일만 관리
-    var currentNewFiles = this.options.value !== undefined ? this.options.value : this.internalFiles;
-    var newFiles = __spreadArray(__spreadArray([], currentNewFiles, true), files, true);
+    const currentNewFiles = this.options.value !== undefined ? this.options.value : this.internalFiles;
+    const newFiles = [...currentNewFiles, ...files];
     // 새로 추가된 파일로 표시
-    files.forEach(function (file) {
-      return _this.newlyAddedFiles.add(file);
-    });
-    var isControlled = this.options.value !== undefined;
+    files.forEach(file => this.newlyAddedFiles.add(file));
+    const isControlled = this.options.value !== undefined;
     if (isControlled) {
       this.options.value = newFiles;
     } else {
       this.internalFiles = newFiles;
     }
-  };
+  }
   /**
    * 특정 인덱스의 파일 제거
    */
-  ImageFileInputModel.prototype.removeFile = function (index) {
-    var visibleFiles = this.getFiles(); // 현재 보이는 파일들
-    var fileToRemove = visibleFiles[index];
+  removeFile(index) {
+    const visibleFiles = this.getFiles(); // 현재 보이는 파일들
+    const fileToRemove = visibleFiles[index];
     if (!fileToRemove) return;
     // 초기 파일인지 확인
-    var isInitialFile = this.isInitialFile(fileToRemove);
+    const isInitialFile = this.isInitialFile(fileToRemove);
     if (isInitialFile) {
       // 초기 파일: 삭제 표시만 함 (실제 제거하지 않음)
       this.deletedInitialFiles.add(fileToRemove.name);
     } else {
       // 새로 추가된 파일: 실제 제거
-      var currentFiles = this.options.value !== undefined ? this.options.value : this.internalFiles;
-      var newFiles = currentFiles.filter(function (file) {
-        return file !== fileToRemove;
-      });
+      const currentFiles = this.options.value !== undefined ? this.options.value : this.internalFiles;
+      const newFiles = currentFiles.filter(file => file !== fileToRemove);
       // newlyAddedFiles Set에서도 제거
       this.newlyAddedFiles.delete(fileToRemove);
-      var isControlled = this.options.value !== undefined;
+      const isControlled = this.options.value !== undefined;
       if (isControlled) {
         this.options.value = newFiles;
       } else {
         this.internalFiles = newFiles;
       }
     }
-  };
+  }
   /**
    * 모든 파일 제거
    */
-  ImageFileInputModel.prototype.clearFiles = function () {
-    var _this = this;
+  clearFiles() {
     // 초기 파일들은 모두 삭제 표시
-    this.initialFiles.forEach(function (uploadedFile) {
-      _this.deletedInitialFiles.add(uploadedFile.fileName);
+    this.initialFiles.forEach(uploadedFile => {
+      this.deletedInitialFiles.add(uploadedFile.fileName);
     });
     this.newlyAddedFiles.clear();
-    var isControlled = this.options.value !== undefined;
+    const isControlled = this.options.value !== undefined;
     if (isControlled) {
       this.options.value = [];
     } else {
       this.internalFiles = [];
     }
-  };
+  }
   /**
    * 파일 유효성 검사
    */
-  ImageFileInputModel.prototype.validateFiles = function (fileList) {
-    var validFiles = [];
-    var invalidFiles = [];
-    var currentFiles = this.getFiles();
-    for (var _i = 0, fileList_1 = fileList; _i < fileList_1.length; _i++) {
-      var file = fileList_1[_i];
+  validateFiles(fileList) {
+    const validFiles = [];
+    const invalidFiles = [];
+    const currentFiles = this.getFiles();
+    for (const file of fileList) {
       // 파일 크기 체크
       if (this.options.maxFileSize && file.size > this.options.maxFileSize) {
-        invalidFiles.push(__assign(__assign({}, file), {
+        invalidFiles.push({
+          ...file,
           errorType: ImageFileInputErrorType.EXCEED_MAX_FILE_SIZE
-        }));
+        });
         continue;
       }
       // 파일 개수 체크 (maxFileCount가 1이면 교체 가능하므로 체크하지 않음)
       if (this.options.maxFileCount && this.options.maxFileCount !== 1 && currentFiles.length + validFiles.length >= this.options.maxFileCount) {
-        invalidFiles.push(__assign(__assign({}, file), {
+        invalidFiles.push({
+          ...file,
           errorType: ImageFileInputErrorType.EXCEED_MAX_FILE_COUNT
-        }));
+        });
         continue;
       }
       validFiles.push(file);
     }
     return {
-      validFiles: validFiles,
-      invalidFiles: invalidFiles
+      validFiles,
+      invalidFiles
     };
-  };
+  }
   /**
    * disabled 상태 설정
    */
-  ImageFileInputModel.prototype.setDisabled = function (disabled) {
+  setDisabled(disabled) {
     this.options.disabled = disabled;
-  };
+  }
   /**
    * disabled 상태 반환
    */
-  ImageFileInputModel.prototype.isDisabled = function () {
+  isDisabled() {
     return this.options.disabled;
-  };
+  }
   /**
    * Controlled mode 여부 확인
    * onChange가 있으면 Controlled mode로 판단
    */
-  ImageFileInputModel.prototype.isControlled = function () {
+  isControlled() {
     return this.options.onChange !== undefined;
-  };
+  }
   /**
    * 파일이 초기 파일인지 확인 (UploadedFile로 설정된 기존 파일)
    */
-  ImageFileInputModel.prototype.isInitialFile = function (file) {
-    return this.initialFiles.some(function (uploadedFile) {
-      return uploadedFile.fileName === file.name;
-    });
-  };
+  isInitialFile(file) {
+    return this.initialFiles.some(uploadedFile => uploadedFile.fileName === file.name);
+  }
   /**
    * 파일이 새로 추가된 파일인지 확인
    */
-  ImageFileInputModel.prototype.isNewlyAddedFile = function (file) {
+  isNewlyAddedFile(file) {
     return this.newlyAddedFiles.has(file);
-  };
+  }
   /**
    * 파일이 삭제 표시된 초기 파일인지 확인
    */
-  ImageFileInputModel.prototype.isDeletedInitialFile = function (file) {
+  isDeletedInitialFile(file) {
     return this.deletedInitialFiles.has(file.name);
-  };
+  }
   /**
    * 초기 파일의 이미지 URL 반환
    */
-  ImageFileInputModel.prototype.getInitialFileImageUrl = function (file) {
-    var uploadedFile = this.initialFiles.find(function (f) {
-      return f.fileName === file.name;
-    });
-    return uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.fileImageUrl;
-  };
-  return ImageFileInputModel;
-}();
-export { ImageFileInputModel };
+  getInitialFileImageUrl(file) {
+    const uploadedFile = this.initialFiles.find(f => f.fileName === file.name);
+    return uploadedFile?.fileImageUrl;
+  }
+}