@dooboostore/dom-render 1.0.112 → 1.0.113

package/dist/esm/events/EventManager.js

@@ -1,42 +1,19 @@
-import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { ElementUtils } from "@dooboostore/core-web/element/ElementUtils";
-import { Range } from "../iterators/Range.js";
+import { ScriptUtils } from "@dooboostore/core-web";
+import { ElementUtils } from "@dooboostore/core-web";
+import { Range } from "@dooboostore/core";
 import { getDomRenderConfig } from "../DomRenderProxy.js";
-import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
+import { ObjectUtils } from "@dooboostore/core";
 const _EventManager = class _EventManager {
   constructor(window) {
     this.window = window;
-    this.eventNames = [
-      "click",
-      "mousedown",
-      "mouseup",
-      "dblclick",
-      "mouseover",
-      "mouseout",
-      "mousemove",
-      "mouseenter",
-      "mouseleave",
-      "contextmenu",
-      "keyup",
-      "keydown",
-      "keypress",
-      "toggle",
-      "change",
-      "input",
-      "submit",
-      "resize",
-      "focus",
-      "blur",
-      "close",
-      "cancel"
-    ];
+    this.eventNames = ["click", "mousedown", "mouseup", "dblclick", "mouseover", "mouseout", "mousemove", "mouseenter", "mouseleave", "contextmenu", "keyup", "keydown", "keypress", "toggle", "change", "input", "submit", "resize", "focus", "blur", "close", "cancel", "scroll"];
     this.delegatableEventMap = {
       mouseleave: "mouseout",
       mouseenter: "mouseover",
       focus: "focusin",
       blur: "focusout"
     };
-    this.directAttachEvents = /* @__PURE__ */ new Set(["close"]);
+    this.directAttachEvents = /* @__PURE__ */ new Set(["close", "scroll"]);
     this.bindScript = `
         const ${_EventManager.VALUE_VARNAME} = this.__render.value;
         const ${_EventManager.SCRIPTS_VARNAME} = this.__render.scripts;
@@ -271,6 +248,15 @@ const _EventManager = class _EventManager {
         }
       }
     });
+    this.procAttr(childNodes, _EventManager.srcAttrName, (it, attribute) => {
+      const script = attribute;
+      if (script) {
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (it.src !== data) {
+          it.src = data;
+        }
+      }
+    });
     this.procAttr(childNodes, _EventManager.checkedAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
@@ -284,6 +270,11 @@ const _EventManager = class _EventManager {
       const script = attribute;
       if (script) {
         const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("selected", "selected");
+        } else {
+          it.removeAttribute("selected");
+        }
         if (it.selected !== data) {
           it.selected = data;
         }
@@ -293,6 +284,11 @@ const _EventManager = class _EventManager {
       const script = attribute;
       if (script) {
         const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("readonly", "readonly");
+        } else {
+          it.removeAttribute("readonly");
+        }
         if (it.readOnly !== data) {
           it.readOnly = data;
         }
@@ -302,6 +298,11 @@ const _EventManager = class _EventManager {
       const script = attribute;
       if (script) {
         const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("disabled", "disabled");
+        } else {
+          it.removeAttribute("disabled");
+        }
         if (it.disabled !== data) {
           it.disabled = data;
         }
@@ -311,6 +312,11 @@ const _EventManager = class _EventManager {
       const script = attribute;
       if (script) {
         const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("hidden", "hidden");
+        } else {
+          it.removeAttribute("hidden");
+        }
         if (it.hidden !== data) {
           it.hidden = data;
         }
@@ -320,6 +326,11 @@ const _EventManager = class _EventManager {
       const script = attribute;
       if (script) {
         const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("required", "required");
+        } else {
+          it.removeAttribute("required");
+        }
         if (it.required !== data) {
           it.required = data;
         }
@@ -329,6 +340,11 @@ const _EventManager = class _EventManager {
       const script = attribute;
       if (script) {
         const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("open", "open");
+        } else {
+          it.removeAttribute("open");
+        }
         if (it.open !== data) {
           it.open = data;
         }
@@ -353,12 +369,15 @@ const _EventManager = class _EventManager {
           });
           script = targetScript;
         }
-        const data = ObjectUtils.Script.evaluate(`const $element = this.element;  return ${script}`, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: ElementUtils.getAttributeToObject(it)
+        const data = ObjectUtils.Script.evaluate(
+          `const $element = this.element;  return ${script}`,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: ElementUtils.getAttributeToObject(it)
+            })
           })
-        }));
+        );
         if (data === null || data === void 0) {
           it.removeAttribute(k);
         } else {
@@ -428,13 +447,16 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (script) {
-        ObjectUtils.Script.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: ElementUtils.getAttributeToObject(it),
-            ...config?.eventVariables
+        ObjectUtils.Script.evaluate(
+          `${this.getBindScript(config)}; ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: ElementUtils.getAttributeToObject(it),
+              ...config?.eventVariables
+            })
           })
-        }));
+        );
       }
     });
     this.onRenderedEvent(obj, childNodes, config);
@@ -454,13 +476,16 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (script) {
-        ObjectUtils.Script.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: ElementUtils.getAttributeToObject(it),
-            ...config?.eventVariables
+        ObjectUtils.Script.evaluate(
+          `${this.getBindScript(config)}; ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: ElementUtils.getAttributeToObject(it),
+              ...config?.eventVariables
+            })
           })
-        }));
+        );
       }
     });
   }
@@ -471,12 +496,15 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (_EventManager.isUsingThisVar(script, varName) || varName === void 0) {
-        const data = ObjectUtils.Script.evaluate(`const $element = this.__render.element;  ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: ElementUtils.getAttributeToObject(it)
+        const data = ObjectUtils.Script.evaluate(
+          `const $element = this.__render.element;  ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: ElementUtils.getAttributeToObject(it)
+            })
           })
-        }));
+        );
         if (typeof data === "string") {
           data.split(";").forEach((sit) => {
             const [key, value] = sit.split(":").map((s) => s.trim());
@@ -491,7 +519,7 @@ const _EventManager = class _EventManager {
               it.style[key] = value;
             }
           });
-        } else {
+        } else if (data) {
           for (const [key, value] of Object.entries(data)) {
             it.style[key] = value === null ? null : String(value);
           }
@@ -504,23 +532,27 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (_EventManager.isUsingThisVar(script, varName) || varName === void 0) {
-        const data = ObjectUtils.Script.evaluate(`const $element = this.element;  ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: ElementUtils.getAttributeToObject(it)
+        const data = ObjectUtils.Script.evaluate(
+          `const $element = this.element;  ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: ElementUtils.getAttributeToObject(it)
+            })
           })
-        }));
+        );
         if (typeof data === "string") {
-          data.split(" ").forEach((cit) => it.classList.add(cit.trim()));
+          data.split(" ").map((it2) => it2.trim()).filter((it2) => it2.length > 0).forEach((cit) => it.classList.add(cit.trim()));
         } else if (Array.isArray(data)) {
-          data.forEach((cit) => it.classList.add(cit.trim()));
-        } else {
+          data.map((it2) => it2.trim()).filter((it2) => it2.length > 0).forEach((cit) => it.classList.add(cit.trim()));
+        } else if (data) {
           for (const [key, value] of Object.entries(data)) {
             if (it instanceof HTMLElement) {
-              if (value) {
-                it.classList.add(key.trim());
-              } else {
-                it.classList.remove(key.trim());
+              const v = key.trim();
+              if (value && v) {
+                it.classList.add(v);
+              } else if (v) {
+                it.classList.remove(v);
               }
             }
           }
@@ -576,7 +608,7 @@ const _EventManager = class _EventManager {
       }
     });
   }
-  procAttr(elements = /* @__PURE__ */ new Set(), attrName, callBack) {
+  deepAttributeElements(elements = /* @__PURE__ */ new Set(), attrName) {
     const sets = /* @__PURE__ */ new Set();
     elements.forEach((it) => {
       if (!it) {
@@ -584,12 +616,18 @@ const _EventManager = class _EventManager {
       }
       if (it.nodeType === 1) {
         const e = it;
-        sets.add(e);
+        if (e.hasAttribute(attrName)) {
+          sets.add(e);
+        }
         e.querySelectorAll(`[${attrName}]`).forEach((it2) => {
           sets.add(it2);
         });
       }
     });
+    return sets;
+  }
+  procAttr(elements = /* @__PURE__ */ new Set(), attrName, callBack) {
+    const sets = this.deepAttributeElements(elements, attrName);
     sets.forEach((it) => {
       const attr = it.getAttribute(attrName);
       const attrs = ElementUtils.getAttributeToObject(it);
@@ -607,20 +645,27 @@ const _EventManager = class _EventManager {
   }
   setValue(obj, name, value) {
     name = name.replaceAll("this.", "this.this.");
-    ScriptUtils.evaluate(`${name} = this.value;`, {
+    ObjectUtils.Script.evaluate(`${name} = this.value;`, {
       this: obj,
       value
     });
   }
+  static decodeScriptVar(raws) {
+    if (raws) {
+      _EventManager.VARNAMES.forEach((it) => {
+        raws = raws.replace(RegExp(it.replace("$", "\\$"), "g"), `this.___${it}`);
+      });
+      return raws;
+    }
+    return void 0;
+  }
   static isUsingThisVar(raws, varName) {
+    raws = _EventManager.decodeScriptVar(raws);
     if (varName && raws) {
       if (varName.startsWith("this.")) {
         varName = varName.replace(/this\./, "");
       }
-      _EventManager.VARNAMES.forEach((it) => {
-        raws = raws.replace(RegExp(it.replace("$", "\\$"), "g"), `this.___${it}`);
-      });
-      const variablePaths = ObjectUtils.Path.detectPathFromScript(raws ?? "", { excludeThis: true });
+      const variablePaths = ObjectUtils.Path.detectPathFromScript(raws, { excludeThis: true });
       return variablePaths.has(varName);
     }
     return false;
@@ -652,6 +697,7 @@ _EventManager.ownerVariablePathAttrName = _EventManager.attrPrefix + "owner-vari
 _EventManager.eventParam = _EventManager.attrPrefix + "event";
 _EventManager.onInitAttrName = _EventManager.attrPrefix + "on-init";
 _EventManager.valueAttrName = _EventManager.attrPrefix + "value";
+_EventManager.srcAttrName = _EventManager.attrPrefix + "src";
 _EventManager.checkedAttrName = _EventManager.attrPrefix + "checked";
 _EventManager.selectedAttrName = _EventManager.attrPrefix + "selected";
 _EventManager.readonlyAttrName = _EventManager.attrPrefix + "readonly";
@@ -700,27 +746,10 @@ _EventManager.NEAR_THIS_PATH_VARNAME = "$nearThisPath";
 _EventManager.VARNAMES = [_EventManager.SCRIPTS_VARNAME, _EventManager.FAG_VARNAME, _EventManager.RAWSET_VARNAME, _EventManager.RANGE_VARNAME, _EventManager.ROUTER_VARNAME, _EventManager.ELEMENT_VARNAME, _EventManager.TARGET_VARNAME, _EventManager.EVENT_VARNAME, _EventManager.COMPONENT_VARNAME, _EventManager.INNERHTML_VARNAME, _EventManager.ATTRIBUTE_VARNAME, _EventManager.ATTRIBUTE_VARNAME, _EventManager.CREATOR_META_DATA_VARNAME, _EventManager.PARENT_THIS_PATH_VARNAME, _EventManager.PARENT_THIS_VARNAME];
 _EventManager.WINDOW_EVENT_POPSTATE = "popstate";
 _EventManager.WINDOW_EVENT_RESIZE = "resize";
-_EventManager.WINDOW_EVENTS = [_EventManager.WINDOW_EVENT_POPSTATE, _EventManager.WINDOW_EVENT_RESIZE];
+_EventManager.WINDOW_EVENT_SCROLL = "scroll";
+_EventManager.WINDOW_EVENTS = [_EventManager.WINDOW_EVENT_POPSTATE, _EventManager.WINDOW_EVENT_RESIZE, _EventManager.WINDOW_EVENT_SCROLL];
 _EventManager.noDetectAttr = [_EventManager.normalAttrMapAttrName];
-_EventManager.attrNames = [
-  _EventManager.valueAttrName,
-  _EventManager.checkedAttrName,
-  _EventManager.selectedAttrName,
-  _EventManager.readonlyAttrName,
-  _EventManager.disabledAttrName,
-  _EventManager.hiddenAttrName,
-  _EventManager.requiredAttrName,
-  _EventManager.openAttrName,
-  _EventManager.attrAttrName,
-  _EventManager.normalAttrMapAttrName,
-  _EventManager.styleAttrName,
-  _EventManager.classAttrName,
-  _EventManager.attrPrefix + "window-event-" + _EventManager.WINDOW_EVENT_POPSTATE,
-  _EventManager.attrPrefix + "window-event-" + _EventManager.WINDOW_EVENT_RESIZE,
-  _EventManager.onInitAttrName,
-  ..._EventManager.linkAttrs.map((it) => it.name),
-  _EventManager.eventParam
-];
+_EventManager.attrNames = [_EventManager.valueAttrName, _EventManager.srcAttrName, _EventManager.checkedAttrName, _EventManager.selectedAttrName, _EventManager.readonlyAttrName, _EventManager.disabledAttrName, _EventManager.hiddenAttrName, _EventManager.requiredAttrName, _EventManager.openAttrName, _EventManager.attrAttrName, _EventManager.normalAttrMapAttrName, _EventManager.styleAttrName, _EventManager.classAttrName, _EventManager.attrPrefix + "window-event-" + _EventManager.WINDOW_EVENT_POPSTATE, _EventManager.attrPrefix + "window-event-" + _EventManager.WINDOW_EVENT_RESIZE, _EventManager.attrPrefix + "window-event-" + _EventManager.WINDOW_EVENT_SCROLL, _EventManager.onInitAttrName, ..._EventManager.linkAttrs.map((it) => it.name), _EventManager.eventParam];
 let EventManager = _EventManager;
 export {
   EventManager