@daracl/form 0.0.2 → 0.0.4

package/dist/daracl.form.js

@@ -1,5 +1,5 @@
 /*!
-* @daracl/form  v0.0.2
+* @daracl/form  v0.0.4
 * Copyright 2023-2024 darainfo and other contributors; 
 * Licensed MIT
 */
@@ -9,9 +9,9 @@
 	else if(typeof define === 'function' && define.amd)
 		define([], factory);
 	else if(typeof exports === 'object')
-		exports["DaraForm"] = factory();
+		exports["Daracl"] = factory();
 	else
-		root["DaraForm"] = factory();
+		root["Daracl"] = root["Daracl"] || {}, root["Daracl"]["form"] = factory();
 })(self, () => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
@@ -718,6 +718,7 @@ var init_DateTimePicker = __esm({
       mode: "date" /* date */,
       enableTodayBtn: true,
       showMonthAfterYear: false,
+      isPositionFixed: false,
       format: "",
       zIndex: 1e3,
       minDate: "",
@@ -820,7 +821,7 @@ var init_DateTimePicker = __esm({
         this.initTimeEvent();
       }
       static {
-        this.VERSION = `${"0.0.2"}`;
+        this.VERSION = `${"0.0.4"}`;
       }
       static {
         this.format = format_default;
@@ -1072,14 +1073,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);
       }
       /**
@@ -1816,7 +1824,7 @@ class DaraForm {
     return this.fieldInfoMap;
   }
 }
-DaraForm.VERSION = `${"0.0.2"}`;
+DaraForm.VERSION = `${"0.0.4"}`;
 DaraForm.validator = {
   string: (value, field) => {
     return (0, stringValidator_1.stringValidator)(value, field);