@daracl/form 0.0.1 → 0.0.2

package/dist/index.html

@@ -131,92 +131,21 @@
         name: "hiddenMode",
         renderType: "hidden",
         defaultValue: "asdf",
-      }
-      , {
-        name: "cmpCredId111",
-        label: "credentials",
-        renderType: "checkbox",
-        tooltip: "credentials 넣어주세요.",
-        defaultValue: '222',
-        required: true,
-        listItem1: {
-          labelField: "credName",
-          valueField: "credId",
-          list: [{ credId: "11", credName: "credNam11" }, { credId: "22", credName: "credName" }, { credId: "33", credName: "credName33" }],
-        },
-        description: "drop down 설명",
-        onChange: (aaa) => {
-          console.log(aaa)
-
-          if (aaa.newValue == '22') return false;
-
-          return true;
-        }
-      }
-      , {
-        renderType: 'group'
-        , orientation: "horizontal"
-        , children: [
-          {
-            renderType: 'group'
-            , orientation: "vertical"
-            , label: 'source'
-            , style: {
-              width: '5',
-              position: 'top-center'
-            }
-            , children: [
-              {
-                name: 'aaa',
-                label: 'asdf',
-                renderType: 'text',
-                style: {
-                  position: 'left-left'
-                }
-
-              }
-              , {
-                name: 'bbb',
-                label: 'asdf',
-                renderType: 'text',
-                style: {
-                  position: 'top-left'
-                }
-              }
-            ]
-
-          }
-          , {
-            name: 'test11122',
-            label: 'right-label',
-            renderType: 'text',
-            style: {
-              width: '7',
-              position: 'top-left'
-            }
-          }
-        ]
-      }
-
-      ,
+      },
       {
-        name: "이름222222",
-        label: "이름222222",
+        name: "uname",
+        label: "Text",
         renderType: 'text',
         template: '<div id="customElementID">111</div>',
         required: true,
         rule: {
           minLength: 2,
           maxLength: 100,
-        }
-        , conditional: {
-          show: true,
-          custom: function () {
-
-            return false;
-          }
-        }
-        , renderer: {
+        },
+        onChange: (arg) => {
+          console.log(arg);
+        },
+        renderer: {
           mounted: () => {
             console.log(document.getElementById('customElementID'))
           }
@@ -229,56 +158,31 @@
           }
         }
       },
-      {
-        name: "sql",
-        label: "SQL",
-        renderType: 'custom',
-        template: '<div id="sqlCont" style="width:100%; height:200px;" class="border"></div>',
+      , {
+        name: "cmpCredId111",
+        label: "Dropdown",
+        renderType: "dropdown",
+        tooltip: "credentials 넣어주세요.",
+        defaultValue: '222',
         required: true,
-        onChange: (arg) => {
-          console.log(arg);
+        listItem: {
+          labelField: "credName",
+          valueField: "credId",
+          list: [{ credId: "11", credName: "credNam11" }, { credId: "22", credName: "credName" }, { credId: "33", credName: "credName33" }],
         },
-        renderer: {
-          mounted: (field, element) => {
-            console.log(field, element.querySelector('#sqlCont'))
+        description: "drop down 설명",
+        onChange: (aaa) => {
+          console.log(aaa)
 
-          }
-          , getValue() {
-            return "custom field value";
-          }
+          if (aaa.newValue == '22') return false;
+
+          return true;
         }
       },
 
 
-
-      {
-        name: "uname",
-        label: "이름222222",
-        renderType: 'custom',
-        template: '<div id="customElementID">111</div>',
-        required: true,
-        rule: {
-          minLength: 2,
-          maxLength: 100,
-        },
-        onChange: (arg) => {
-          console.log(arg);
-        },
-        renderer: {
-          mounted: () => {
-            console.log(document.getElementById('customElementID'))
-          }
-          , getValue() {
-            return '21';
-          }
-          , valid1(field, rowElement) {
-            const val = this.getValue();
-            return { name: field.name, message: 'custom type not valid' };
-          }
-        }
-      },
       {
-        label: '비밀번호'
+        label: 'Password'
         , orientation: 'vertical'
         , conditional: {
           show: true,
@@ -318,8 +222,8 @@
       }
 
       , {
-        name: "age",
-        label: "생년월일",
+        name: "birth",
+        label: "Date",
         required: true,
         renderType: "date",
         customOptions: {
@@ -328,7 +232,7 @@
       },
       {
         name: "sex",
-        label: "성별",
+        label: "Radio",
         required: true,
         renderType: "radio",
         listItem: {
@@ -340,7 +244,7 @@
       },
       {
         name: "picture",
-        label: "사진",
+        label: "File",
         required: true,
         renderType: "file",
         listItem: {
@@ -349,21 +253,9 @@
         },
       },
 
+
       {
-        name: "cmpCredId",
-        label: "credentials",
-        renderType: "dropdown",
-        tooltip: "credentials 넣어주세요.",
-        required: true,
-        listItem: {
-          labelField: "credName",
-          valueField: "credId",
-          list: [{ label: "선택하세요." }, { credId: "credId", credName: "credName" }],
-        },
-        description: "awefawfeawefawef",
-      },
-      {
-        label: "checkbox",
+        label: "Checkbox",
 
         name: "checkbox11",
         required: true,

package/dist/index.js

@@ -3286,6 +3286,7 @@ var init_DateRender = __esm({
             dateOnSelectEvent.call(null, dt, e);
           }
           this.setValue(dt);
+          this.valid();
         };
         this.dateObj = new dist_default(this.element, this.field.customOptions, {});
       }
@@ -3294,7 +3295,7 @@ var init_DateRender = __esm({
         const fieldContainerElement = this.rowElement.querySelector(".df-field-container");
         fieldContainerElement.innerHTML = `
     <div class="df-field">
-      <input type="text" name="${field.$xssName}" class="form-field text help-icon" autocomplete="off"/>
+      <input type="text" name="${field.$xssName}" class="form-field text help-icon" autocomplete="off" readonly/>
      </div>
      ${Render.getDescriptionTemplate(field)}
      <div class="help-message"></div>