@daracl/form 0.0.18 → 0.0.20

package/dist/index.cjs

@@ -1329,7 +1329,7 @@ class FileRender extends Render {
       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>`);
       });
@@ -3319,12 +3319,11 @@ class GridRender extends Render {
    * @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();
     }
@@ -3335,6 +3334,7 @@ class GridRender extends Render {
    */
   removeFieldInfo(rowIdx) {
     let removeFieldArrs = [];
+    console.log("rowIdx : ", rowIdx);
     if (isEmpty(rowIdx)) {
       for (let key in this.allAddRowInfo) {
         removeFieldArrs = removeFieldArrs.concat(this.allAddRowInfo[key]);
@@ -3999,7 +3999,7 @@ class FormTemplate {
   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 숨김 여부
@@ -4062,6 +4062,26 @@ const _DaraForm = class _DaraForm {
     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();
@@ -4401,7 +4421,7 @@ const _DaraForm = class _DaraForm {
     return this.fieldInfoMap;
   }
 };
-_DaraForm.VERSION = `${"0.0.18"}`;
+_DaraForm.VERSION = `${"0.0.20"}`;
 _DaraForm.validator = {
   string: (value, field) => {
     return stringValidator(value, field);