@daracl/form 0.0.3 → 0.0.5

package/dist/index.cjs

@@ -2324,6 +2324,7 @@ var init_DateTimePicker = __esm({
       mode: "date",
       enableTodayBtn: true,
       showMonthAfterYear: false,
+      isPositionFixed: false,
       format: "",
       zIndex: 1e3,
       minDate: "",
@@ -2672,14 +2673,21 @@ var init_DateTimePicker = __esm({
         const rect = this.targetElement.getBoundingClientRect();
         const scrollTop = window.scrollY || document.documentElement.scrollTop;
         const scrollLeft = window.scrollX || document.documentElement.scrollLeft;
-        const offsetTop = rect.top + scrollTop;
-        let top = offsetTop + this.targetElement.offsetHeight + 2;
-        const left = rect.left + scrollLeft;
-        if (top + this.datetimeElement.offsetHeight > docSize.clientHeight) {
-          const newTop = offsetTop - (this.datetimeElement.offsetHeight + 2);
-          top = newTop > 0 ? newTop : top;
+        const elementHeight = this.datetimeElement.offsetHeight;
+        const targetElementHeight = this.targetElement.offsetHeight + 2;
+        let left = rect.left + scrollLeft;
+        let top = 0;
+        if (this.options.isPositionFixed) {
+          top = rect.top + targetElementHeight;
+          left = rect.left;
+        } else {
+          if (rect.top + targetElementHeight + elementHeight > docSize.clientHeight && rect.top >= elementHeight) {
+            top = scrollTop + rect.top - elementHeight - 2;
+          } else {
+            top = scrollTop + rect.top + targetElementHeight;
+          }
         }
-        this.datetimeElement.setAttribute("style", `top:${top}px;left:${left}px;z-index:${this.options.zIndex}`);
+        this.datetimeElement.setAttribute("style", `${this.options.isPositionFixed ? "position:fixed;" : ""}top:${top}px;left:${left}px;z-index:${this.options.zIndex}`);
         document.addEventListener("click", this._documentClickEvent);
       }
       /**
@@ -3091,13 +3099,17 @@ var DateRender = class extends Render {
     }
     this.field.customOptions.onSelect = (dt, e) => {
       if (dateOnSelectEvent) {
-        dateOnSelectEvent.call(null, dt, e);
+        dateOnSelectEvent(dt, e);
       }
       this.setValue(dt);
       this.valid();
     };
     this.dateObj = new dist_default(this.element, this.field.customOptions, {});
   }
+  // async loadDate() {
+  //  const DateTimePicker = await import(/*webpackChunkName:"./dara.datetimepicker"*/ "@daracl/datetimepicker");
+  //   this.dateObj = new DateTimePicker.default(this.element, this.field.customOptions, {} as any);
+  //  }
   createField() {
     const field = this.field;
     const fieldContainerElement = this.rowElement.querySelector(".df-field-container");