@daracl/form 0.0.18 → 0.0.20

package/dist/daracl.form.umd.js

@@ -1383,7 +1383,7 @@
         fileList.forEach((file) => {
           fileTemplateHtml.push(`
         <div class="df-file-item" data-seq="${file.$seq}">
-          ${file.fileId ? '<span class="df-file-icon df-file-download"></span>' : '<span class="df-file-icon"></span>'} <span class="df-file-icon df-file-remove"></span>
+          ${file.fileId ? '<span class="df-file-icon df-file-download"></span>' : '<span class="df-file-icon df-empty-icon"></span>'} <span class="df-file-icon df-file-remove"></span>
           <span class="df-file-name">${file.fileName}</span > 
         </div>`);
         });
@@ -3373,12 +3373,11 @@
      * @param evt event
      */
     removeRow(evt) {
-      var _a, _b;
+      var _a;
       const target = evt.target;
       const rowElement = target.closest("tr");
       if (rowElement) {
-        if (((_a = rowElement.parentElement) == null ? void 0 : _a.childElementCount) == 1) return;
-        let rowIdx = ((_b = evt.currentTarget) == null ? void 0 : _b.getAttribute("data-row-idx")) || "-1";
+        let rowIdx = ((_a = evt.currentTarget) == null ? void 0 : _a.getAttribute("data-row-idx")) || "-1";
         this.removeFieldInfo(rowIdx);
         rowElement.remove();
       }
@@ -3389,6 +3388,7 @@
      */
     removeFieldInfo(rowIdx) {
       let removeFieldArrs = [];
+      console.log("rowIdx : ", rowIdx);
       if (isEmpty(rowIdx)) {
         for (let key in this.allAddRowInfo) {
           removeFieldArrs = removeFieldArrs.concat(this.allAddRowInfo[key]);
@@ -4053,7 +4053,7 @@
     getLabelTemplate(field) {
       const requiredTemplate = field.required ? `<span class="required"></span>` : "";
       const tooltipTemplate = isBlank(field.tooltip) ? "" : `<span class="df-tooltip">?<span class="df-tooltip-text">${field.tooltip}</span></span>`;
-      return `${field.label ?? ""} ${tooltipTemplate} ${requiredTemplate}`;
+      return `<span class="df-label-text">${field.label ?? ""}</span> ${tooltipTemplate} ${requiredTemplate}`;
     }
     /**
      * label 숨김 여부
@@ -4116,6 +4116,26 @@
       this.changeMode = (mode) => {
         this.options.mode = mode;
         this.formElement.setAttribute("data-df-mode", mode);
+        const fields = this.formElement.querySelectorAll(".df-field input, .df-field textarea, .df-field select");
+        if (mode == "view") {
+          fields.forEach((field) => {
+            if (field instanceof HTMLInputElement) {
+              field.readOnly = true;
+            }
+            if (field instanceof HTMLTextAreaElement) {
+              field.readOnly = true;
+            }
+          });
+        } else {
+          fields.forEach((field) => {
+            if (field instanceof HTMLInputElement) {
+              field.readOnly = false;
+            }
+            if (field instanceof HTMLTextAreaElement) {
+              field.readOnly = false;
+            }
+          });
+        }
       };
       this.resetForm = () => {
         const fieldMap = this.fieldInfoMap.getAllFieldInfo();
@@ -4455,7 +4475,7 @@
       return this.fieldInfoMap;
     }
   };
-  _DaraForm.VERSION = `${"0.0.18"}`;
+  _DaraForm.VERSION = `${"0.0.20"}`;
   _DaraForm.validator = {
     string: (value, field) => {
       return stringValidator(value, field);