lithent 1.0.2 → 1.0.4

package/dist/lithent.mjs

@@ -1,111 +1,41 @@
-const checkPlainWDomType = (wDom) => typeof wDom === "object" && !("resolve" in wDom);
-const checkPlainType = (wDom, typeName) => checkPlainWDomType(wDom) && wDom.type === typeName;
-const checkSameCustomComponent = (newWDom, originalWDom) => "ctor" in newWDom ? newWDom.ctor === (originalWDom == null ? void 0 : originalWDom.ctor) : newWDom === (originalWDom == null ? void 0 : originalWDom.ctor);
-const checkSameFragment = (newWDom, originalWDom) => {
-  var _a, _b;
-  return checkPlainWDomType(newWDom) && (originalWDom == null ? void 0 : originalWDom.type) === "fragment" && ((_a = originalWDom == null ? void 0 : originalWDom.children) == null ? void 0 : _a.length) === ((_b = newWDom == null ? void 0 : newWDom.children) == null ? void 0 : _b.length);
-};
-const checkSameTagElement = (newWDom, originalWDom) => {
-  var _a, _b;
-  return checkPlainWDomType(newWDom) && (originalWDom == null ? void 0 : originalWDom.type) === "element" && (originalWDom == null ? void 0 : originalWDom.tag) === newWDom.tag && ((_a = originalWDom == null ? void 0 : originalWDom.children) == null ? void 0 : _a.length) === ((_b = newWDom == null ? void 0 : newWDom.children) == null ? void 0 : _b.length);
-};
-const checkNormalTypeElement = (newWDom, originalWDom) => {
-  var _a, _b;
-  return checkPlainWDomType(newWDom) && (originalWDom == null ? void 0 : originalWDom.type) === newWDom.type && (((_a = originalWDom == null ? void 0 : originalWDom.children) == null ? void 0 : _a.length) === ((_b = newWDom == null ? void 0 : newWDom.children) == null ? void 0 : _b.length) || newWDom.type === "loop" && checkExisty(getKey((newWDom.children || [])[0])) && checkExisty(getKey((originalWDom.children || [])[0])));
-};
-const getKey = (target) => {
-  var _a, _b, _c;
-  return (_c = (_a = target == null ? void 0 : target.compProps) == null ? void 0 : _a.key) != null ? _c : (_b = target == null ? void 0 : target.props) == null ? void 0 : _b.key;
-};
-const checkVirtualType = (type) => type && ["fragment", "loop"].includes(type);
-const checkCustemComponentFunction = (target) => typeof target === "function" && !checkFragmentFunction(target) || typeof target === "object" && "resolve" in target;
-const checkFragmentFunction = (target) => typeof target === "function" && target === Fragment;
-const checkEmptyElement = (wDom) => checkPlainWDomType(wDom) && !wDom.type;
-const checkExisty = (value) => value !== null && value !== void 0;
-const checkStyleData = (dataKey, dataValue) => dataKey === "style" && typeof dataValue === "object";
-const checkRefData = (dataKey, dataValue) => dataKey === "ref" && typeof dataValue === "object";
-const checkOptionElement = (element) => element.nodeType === 1 && element.tagName === "OPTION";
-const checkTextareaElement = (element) => element.nodeType === 1 && element.tagName === "TEXTAREA";
-const checkCheckableElement = (element) => element.nodeType === 1 && ["radio", "checkbox"].includes(element.type);
-const checkNormalAttribute = (dataValue) => typeof dataValue === "number" || typeof dataValue === "string";
-const getWDomType = (wDom) => {
-  let result = "et";
-  if (checkCustemComponentFunction(wDom)) {
-    result = "c";
-  } else if (checkPlainType(wDom, "fragment")) {
-    result = "f";
-  } else if (checkPlainType(wDom, "element")) {
-    result = "e";
-  } else if (checkPlainType(wDom, "loop")) {
-    result = "l";
-  } else if (checkPlainType(wDom, "text")) {
-    result = "t";
-  } else if (checkEmptyElement(wDom)) {
-    result = "et";
-  }
-  return result;
-};
-const checkSameWDomWithOriginal = {
-  c: checkSameCustomComponent,
-  l: checkNormalTypeElement,
-  t: checkNormalTypeElement,
-  e: checkSameTagElement,
-  f: checkSameFragment,
-  et: checkNormalTypeElement
-};
-const getParent = (vDom) => {
-  const parentVDom = vDom.getParent && vDom.getParent();
-  return parentVDom;
-};
-const reRender = (vDom, infoVdom) => {
-  const { compProps: props, compChild: children } = vDom;
-  const { props: infoProps, children: infoChidren } = infoVdom;
-  if (props) {
-    updateProps$1(props, infoProps);
-  }
-  if (children) {
-    updateChildren(children, infoChidren);
-  }
-  const newVDom = vDom.reRender && vDom.reRender();
-  return newVDom;
-};
-const getEventName = (eventKey) => eventKey.replace(/^on(.*)/, (_match, p1) => p1.toLowerCase());
-const getAttrKey = (keyName) => keyName === "className" ? "class" : keyName;
-const entries = Object.entries;
-const keys = Object.keys;
-const assign = Object.assign;
-const updateProps$1 = (props, infoProps) => {
-  if (props && infoProps !== props) {
-    keys(props).forEach((key) => delete props[key]);
-    entries(infoProps || {}).forEach(([key, value]) => props[key] = value);
-  }
-};
-const updateChildren = (children, infoChidren) => {
-  if (children && infoChidren !== children) {
-    children.splice(0, children.length);
-    if (infoChidren) {
-      infoChidren.forEach((childrenItem) => children.push(childrenItem));
-    }
-  }
-};
-let redrawQueue = [];
-let redrawQueueTimeout = false;
-const xmlnsRef = { value: "" };
-const compKeyRef = { value: {} };
-const needDiffRef = { value: false };
-const componentRef = /* @__PURE__ */ new WeakMap();
-const componentRender = (compKey) => () => {
-  var _a;
-  const up = (_a = componentRef.get(compKey)) == null ? void 0 : _a.up;
-  let result = false;
-  if (up) {
-    up();
-    result = true;
-  }
-  return result;
-};
-const setComponetRef = (compKey) => {
-  componentRef.set(compKey, {
+const C = (e) => typeof e == "object" && !("resolve" in e), E = (e, t) => C(e) && e.type === t, fe = (e, t) => "ctor" in e ? e.ctor === (t == null ? void 0 : t.ctor) : e === (t == null ? void 0 : t.ctor), de = (e, t) => {
+  var s, c;
+  return C(e) && (t == null ? void 0 : t.type) === "fragment" && ((s = t == null ? void 0 : t.children) == null ? void 0 : s.length) === ((c = e == null ? void 0 : e.children) == null ? void 0 : c.length);
+}, pe = (e, t) => {
+  var s, c;
+  return C(e) && (t == null ? void 0 : t.type) === "element" && (t == null ? void 0 : t.tag) === e.tag && ((s = t == null ? void 0 : t.children) == null ? void 0 : s.length) === ((c = e == null ? void 0 : e.children) == null ? void 0 : c.length);
+}, U = (e, t) => {
+  var s, c;
+  return C(e) && (t == null ? void 0 : t.type) === e.type && (((s = t == null ? void 0 : t.children) == null ? void 0 : s.length) === ((c = e == null ? void 0 : e.children) == null ? void 0 : c.length) || e.type === "loop" && y(i((e.children || [])[0])) && y(i((t.children || [])[0])));
+}, i = (e) => {
+  var t, s, c;
+  return (c = (t = e == null ? void 0 : e.compProps) == null ? void 0 : t.key) != null ? c : (s = e == null ? void 0 : e.props) == null ? void 0 : s.key;
+}, P = (e) => e && ["fragment", "loop"].includes(e), T = (e) => typeof e == "function" && !$(e) || typeof e == "object" && "resolve" in e, $ = (e) => typeof e == "function" && e === ce, H = (e) => C(e) && !e.type, y = (e) => e != null, z = (e, t) => e === "style" && typeof t == "object", he = (e, t) => e === "ref" && typeof t == "object", ie = (e) => e.nodeType === 1 && e.tagName === "OPTION", ve = (e) => e.nodeType === 1 && e.tagName === "TEXTAREA", ye = (e) => e.nodeType === 1 && ["radio", "checkbox"].includes(e.type), ke = (e) => {
+  let t = "et";
+  return T(e) ? t = "c" : E(e, "fragment") ? t = "f" : E(e, "element") ? t = "e" : E(e, "loop") ? t = "l" : E(e, "text") ? t = "t" : H(e) && (t = "et"), t;
+}, Ce = {
+  c: fe,
+  l: U,
+  t: U,
+  e: pe,
+  f: de,
+  et: U
+}, p = (e) => e.getParent && e.getParent(), Re = (e, t) => {
+  const { compProps: s, compChild: c } = e, { props: n, children: r } = t;
+  return s && ae(s, n), c && Ee(c, r), e.reRender && e.reRender();
+}, J = (e) => e.replace(/^on(.*)/, (t, s) => s.toLowerCase()), G = (e) => e === "className" ? "class" : e, k = Object.entries, Y = Object.keys, S = Object.assign, ae = (e, t) => {
+  e && t !== e && (Y(e).forEach((s) => delete e[s]), k(t || {}).forEach(([s, c]) => e[s] = c));
+}, Ee = (e, t) => {
+  e && t !== e && (e.splice(0, e.length), t && t.forEach((s) => e.push(s)));
+};
+let x = [], A = !1;
+const v = { value: "" }, R = { value: {} }, O = { value: !1 }, u = /* @__PURE__ */ new WeakMap(), xe = (e) => () => {
+  var c;
+  const t = (c = u.get(e)) == null ? void 0 : c.up;
+  let s = !1;
+  return t && (t(), s = !0), s;
+}, Pe = (e) => {
+  u.set(e, {
     vd: { value: null },
     up: () => {
     },
@@ -116,722 +46,359 @@ const setComponetRef = (compKey) => {
     mts: [],
     umts: []
   });
-};
-const getComponentKey = () => compKeyRef.value;
-const getComponentSubInfo = (compKey, subKey) => componentRef.get(compKey)[subKey];
-const setRedrawAction = (compKey, exec) => {
-  componentRef.get(compKey).up = () => {
-    redrawQueue.push({
-      compKey,
-      exec
-    });
-    if (!redrawQueueTimeout) {
-      redrawQueueTimeout = true;
-      queueMicrotask(execRedrawQueue);
-    }
+}, a = () => R.value, Z = (e, t) => u.get(e)[t], V = (e, t) => {
+  u.get(e).up = () => {
+    x.push({
+      compKey: e,
+      exec: t
+    }), A || (A = !0, queueMicrotask(Ne));
   };
-};
-const initUpdateHookState = (compKey) => compKeyRef.value = compKey;
-const initMountHookState = (compKey) => {
-  compKeyRef.value = compKey;
-  setComponetRef(compKey);
-};
-const recursiveGetChildKeys = (wDom, result) => {
-  (wDom.children || []).forEach((item) => {
-    const childComKey = item.compKey;
-    if (childComKey) {
-      result.push(childComKey);
-    }
-    recursiveGetChildKeys(item, result);
+}, Te = (e) => R.value = e, Se = (e) => {
+  R.value = e, Pe(e);
+}, K = (e, t) => {
+  (e.children || []).forEach((s) => {
+    const c = s.compKey;
+    c && t.push(c), K(s, t);
   });
-};
-const execRedrawQueue = () => {
-  let childItemList = [];
-  redrawQueue.forEach((item) => {
-    var _a, _b;
-    const childVd = (_b = (_a = componentRef.get(item.compKey)) == null ? void 0 : _a.vd) == null ? void 0 : _b.value;
-    if (childVd) {
-      recursiveGetChildKeys(childVd, childItemList);
-    }
+}, Ne = () => {
+  let e = [];
+  x.forEach((c) => {
+    var r, o;
+    const n = (o = (r = u.get(c.compKey)) == null ? void 0 : r.vd) == null ? void 0 : o.value;
+    n && K(n, e);
   });
-  const addedKey = [];
-  const result = redrawQueue.reduce((acc, item) => {
-    const { compKey } = item;
-    if (childItemList.includes(compKey) || addedKey.includes(compKey)) {
-      return acc;
-    }
-    addedKey.push(compKey);
-    acc.push(item);
-    return acc;
+  const t = [], s = x.reduce((c, n) => {
+    const { compKey: r } = n;
+    return e.includes(r) || t.includes(r) || (t.push(r), c.push(n)), c;
   }, []);
-  while (result.length) {
-    const action = result.shift();
-    if (action) {
-      action.exec();
-    }
-  }
-  redrawQueue = [];
-  redrawQueueTimeout = false;
-};
-const unmount = (effectAction) => {
-  componentRef.get(getComponentKey()).umts.push(effectAction);
-};
-const runUnmountQueueFromWDom = (newWDom) => {
-  const { compKey } = newWDom;
-  if (compKey) {
-    removeItem(compKey);
-  }
-  recursiveRunUnmount(newWDom);
-};
-const recursiveRunUnmount = (wDom) => {
-  (wDom.children || []).forEach((item) => {
-    const childComKey = item.compKey;
-    if (childComKey) {
-      runUnmountQueueFromWDom(item);
-    } else {
-      recursiveRunUnmount(item);
-    }
+  for (; s.length; ) {
+    const c = s.shift();
+    c && c.exec();
+  }
+  x = [], A = !1;
+}, be = (e) => {
+  u.get(a()).umts.push(e);
+}, Q = (e) => {
+  const { compKey: t } = e;
+  t && Fe(t), g(e);
+}, g = (e) => {
+  (e.children || []).forEach((t) => {
+    t.compKey ? Q(t) : g(t);
   });
-};
-const removeItem = (compKey) => {
-  const subInfo = componentRef.get(compKey);
-  if (subInfo) {
-    subInfo.umts.forEach((effect) => effect());
-    subInfo.umts = [];
-    componentRef.delete(compKey);
-  }
-};
-let mountedQueue = [];
-const execMountedQueue = () => {
-  mountedQueue.forEach((item) => runMountedQueueFromWDom(item));
-  mountedQueue = [];
-};
-const addMountedQueue = (wDom) => {
-  if (wDom.compKey) {
-    mountedQueue.push(wDom);
-  }
-};
-const mountCallback = (effectAction) => componentRef.get(getComponentKey()).mts.push(effectAction);
-const runMountedQueueFromWDom = (newWDom) => {
-  const { compKey } = newWDom;
-  if (compKey) {
-    const component = componentRef.get(compKey);
-    const queue = component == null ? void 0 : component.mts;
-    const sequence = component == null ? void 0 : component.upS;
-    compKeyRef.value = compKey;
-    if (sequence) {
-      sequence.value = 0;
-    }
-    if (queue) {
-      component.mts = [];
-      queue.forEach((effect) => {
-        const callback = effect();
-        if (callback) {
-          unmount(callback);
-        }
-      });
-    }
-  }
-};
-const useUpdated = (effectAction, dependencies = () => []) => {
-  const component = componentRef.get(getComponentKey());
-  const { upD, upS } = component;
-  const def = upD[upS.value];
-  if (def && checkNeedPushQueue(def, dependencies())) {
-    const callback = effectAction();
-    if (callback) {
-      component.upCB.push(callback);
-    }
-  }
-  upD[upS.value] = dependencies();
-  upS.value += 1;
-};
-const runUpdatedQueueFromWDom = (newWDom) => {
-  const { compKey } = newWDom;
-  if (compKey) {
-    const component = componentRef.get(compKey);
-    const queue = component == null ? void 0 : component.upCB;
-    const sequence = component == null ? void 0 : component.upS;
-    compKeyRef.value = compKey;
-    if (sequence) {
-      sequence.value = 0;
-    }
-    if (newWDom.ctor && queue) {
-      component.upCB = [];
-      queue.forEach((effect) => effect());
-    }
-  }
-};
-const checkNeedPushQueue = (originalDefs, newDefs) => !originalDefs.length && !originalDefs.length ? true : originalDefs.some((def, index) => def !== newDefs[index]);
-const render = (wDom, wrapElement, afterElement) => {
-  wrapElement != null ? wrapElement : wrapElement = document.body;
-  wDom.isRoot = true;
-  wDom.wrapElement = wrapElement;
-  const Dom = wDomToDom(wDom);
-  if (afterElement) {
-    wDom.afterElement = afterElement;
-    wrapElement.insertBefore(Dom, afterElement);
-  } else {
-    wrapElement.appendChild(Dom);
-  }
-  execMountedQueue();
-  return () => {
-    var _a;
-    const component = (_a = componentRef.get(wDom.compProps || {})) == null ? void 0 : _a.vd.value;
-    if (component) {
-      runUnmountQueueFromWDom(component);
-      recursiveRemoveEvent(component);
-      rootDelete(component);
-    }
+}, Fe = (e) => {
+  const t = u.get(e);
+  t && (t.umts.forEach((s) => s()), t.umts = [], u.delete(e));
+};
+let L = [];
+const B = () => {
+  L.forEach((e) => Ae(e)), L = [];
+}, Ue = (e) => {
+  e.compKey && L.push(e);
+}, ct = (e) => u.get(a()).mts.push(e), Ae = (e) => {
+  const { compKey: t } = e;
+  if (t) {
+    const s = u.get(t), c = s == null ? void 0 : s.mts, n = s == null ? void 0 : s.upS;
+    R.value = t, n && (n.value = 0), c && (s.mts = [], c.forEach((r) => {
+      const o = r();
+      o && be(o);
+    }));
+  }
+}, X = (e, t = () => []) => {
+  const s = u.get(a()), { upD: c, upS: n } = s, r = c[n.value];
+  if (r && Le(r, t())) {
+    const o = e();
+    o && s.upCB.push(o);
+  }
+  c[n.value] = t(), n.value += 1;
+}, Oe = (e) => {
+  const { compKey: t } = e;
+  if (t) {
+    const s = u.get(t), c = s == null ? void 0 : s.upCB, n = s == null ? void 0 : s.upS;
+    R.value = t, n && (n.value = 0), e.ctor && c && (s.upCB = [], c.forEach((r) => r()));
+  }
+}, Le = (e, t) => !e.length && !e.length ? !0 : e.some((s, c) => s !== t[c]), nt = (e, t, s) => {
+  t != null || (t = document.body), e.isRoot = !0, e.wrapElement = t;
+  const c = N(e);
+  return s ? (e.afterElement = s, t.insertBefore(c, s)) : t.appendChild(c), B(), () => {
+    var r;
+    const n = (r = u.get(e.compProps || {})) == null ? void 0 : r.vd.value;
+    n && (Q(n), j(n), Me(n));
   };
-};
-const wDomUpdate = (newWDomTree) => {
-  const { needRerender } = newWDomTree;
-  if (needRerender && needRerender !== "N") {
-    ({
-      A: typeAdd,
-      D: typeDelete,
-      R: typeReplace,
-      U: typeUpdate,
-      SR: typeSortedReplace,
-      SU: typeSortedUpdate
-    })[needRerender](newWDomTree);
-  }
-};
-const recursiveRemoveEvent = (originalWDom) => {
-  if (originalWDom.props && originalWDom.el) {
-    removeEvent(originalWDom.props, originalWDom.el);
-  }
-  (originalWDom.children || []).forEach((childItem) => {
-    recursiveRemoveEvent(childItem);
+}, m = (e) => {
+  const { needRerender: t } = e;
+  t && t !== "N" && {
+    A: q,
+    D: I,
+    R: Be,
+    U: je,
+    SR: D,
+    SU: Qe
+  }[t](e);
+}, j = (e) => {
+  e.props && e.el && te(e.props, e.el), (e.children || []).forEach((t) => {
+    j(t);
   });
-};
-const rootDelete = (newWDom) => {
-  deleteRealDom(newWDom, newWDom.wrapElement);
-};
-const typeDelete = (newWDom) => {
-  if (newWDom.oldProps && newWDom.el) {
-    removeEvent(newWDom.oldProps, newWDom.el);
-  }
-  deleteRealDom(
-    newWDom,
-    findRealParentElement(getParent(newWDom))
+}, Me = (e) => {
+  w(e, e.wrapElement);
+}, I = (e) => {
+  e.oldProps && e.el && te(e.oldProps, e.el), w(
+    e,
+    b(p(e))
   );
-};
-const deleteRealDom = (newWDom, parent) => {
-  var _a, _b;
-  if (parent && newWDom.el) {
-    if (((_a = newWDom.el) == null ? void 0 : _a.nodeType) === 1) {
-      parent.removeChild(newWDom.el);
-    } else if (((_b = newWDom.el) == null ? void 0 : _b.nodeType) === 11) {
-      findChildWithRemoveElement(newWDom, parent);
-    }
-    delete newWDom.el;
-  }
-};
-const findChildWithRemoveElement = (newWDom, parent) => {
-  ((newWDom == null ? void 0 : newWDom.oldChildren) || (newWDom == null ? void 0 : newWDom.children) || []).forEach((item) => {
-    var _a, _b;
-    if (((_a = item.el) == null ? void 0 : _a.nodeType) === 1) {
-      parent.removeChild(item == null ? void 0 : item.el);
-    } else if (((_b = item.el) == null ? void 0 : _b.nodeType) === 11) {
-      findChildWithRemoveElement(item, parent);
-    }
+}, w = (e, t) => {
+  var s, c;
+  t && e.el && (((s = e.el) == null ? void 0 : s.nodeType) === 1 ? t.removeChild(e.el) : ((c = e.el) == null ? void 0 : c.nodeType) === 11 && W(e, t), delete e.el);
+}, W = (e, t) => {
+  ((e == null ? void 0 : e.oldChildren) || (e == null ? void 0 : e.children) || []).forEach((s) => {
+    var c, n;
+    ((c = s.el) == null ? void 0 : c.nodeType) === 1 ? t.removeChild(s == null ? void 0 : s.el) : ((n = s.el) == null ? void 0 : n.nodeType) === 11 && W(s, t);
   });
-};
-const typeSortedReplace = (newWDom) => {
-  typeDelete(newWDom);
-  typeAdd(newWDom);
-};
-const typeSortedUpdate = (newWDom) => {
-  typeDelete(newWDom);
-  typeAdd(newWDom, newWDom.el);
-};
-const typeAdd = (newWDom, newElement) => {
-  if (!newElement) {
-    newElement = wDomToDom(newWDom);
-  }
-  const parentWDom = getParent(newWDom);
-  if (parentWDom.type) {
-    const parentEl = findRealParentElement(parentWDom);
-    const isLoop = parentWDom.type === "loop";
-    const nextEl = isLoop ? startFindNextBrotherElement(parentWDom, getParent(parentWDom)) : startFindNextBrotherElement(newWDom, parentWDom);
-    if (newElement && parentEl) {
-      if (nextEl) {
-        parentEl.insertBefore(newElement, nextEl);
-      } else {
-        parentEl.appendChild(newElement);
-      }
-      execMountedQueue();
-    }
-  }
-};
-const startFindNextBrotherElement = (wDom, parentWDom) => {
-  const brothers = parentWDom.children || [];
-  const index = brothers.indexOf(wDom);
-  const nextIndex = index + 1;
-  const candidiateBrothers = brothers.slice(nextIndex);
-  const finedNextEl = findChildFragmentNextElement(candidiateBrothers);
-  const parentType = parentWDom.type || "";
-  if (finedNextEl) {
-    return finedNextEl;
-  }
-  if (!parentWDom.isRoot && checkVirtualType(parentType)) {
-    return startFindNextBrotherElement(parentWDom, getParent(parentWDom));
-  } else if (parentWDom.isRoot && parentWDom.afterElement) {
-    return parentWDom.afterElement;
-  }
-  return void 0;
-};
-const findChildFragmentNextElement = (candidiateBrothers) => candidiateBrothers.reduce(
-  (targetEl, bItem) => {
-    const type = bItem.type;
-    const el = bItem.el;
-    const isFragment = type && checkVirtualType(type);
-    if (targetEl) {
-      return targetEl;
-    } else if (isFragment) {
-      return findChildFragmentNextElement(bItem.children || []);
-    } else if (el && el.nodeType !== 11) {
-      return el;
-    }
-    return targetEl;
+}, D = (e) => {
+  I(e), q(e);
+}, Qe = (e) => {
+  I(e), q(e, e.el);
+}, q = (e, t) => {
+  t || (t = N(e));
+  const s = p(e);
+  if (s.type) {
+    const c = b(s), r = s.type === "loop" ? M(s, p(s)) : M(e, s);
+    t && c && (r ? c.insertBefore(t, r) : c.appendChild(t), B());
+  }
+}, M = (e, t) => {
+  const s = t.children || [], n = s.indexOf(e) + 1, r = s.slice(n), o = ee(r), l = t.type || "";
+  if (o)
+    return o;
+  if (!t.isRoot && P(l))
+    return M(t, p(t));
+  if (t.isRoot && t.afterElement)
+    return t.afterElement;
+}, ee = (e) => e.reduce(
+  (t, s) => {
+    const c = s.type, n = s.el, r = c && P(c);
+    return t || (r ? ee(s.children || []) : n && n.nodeType !== 11 ? n : t);
   },
   void 0
-);
-const typeReplace = (newWDom) => {
-  const parentWDom = getParent(newWDom);
-  const orignalElement = newWDom.el;
-  if (parentWDom.type && orignalElement) {
-    if (orignalElement.nodeType === 11) {
-      typeSortedReplace(newWDom);
-    } else {
-      const parentElement = findRealParentElement(parentWDom);
-      const newElement = wDomToDom(newWDom);
-      if (parentElement) {
-        parentElement.replaceChild(newElement, orignalElement);
-      }
-      execMountedQueue();
-    }
-  }
-};
-const removeEvent = (oldProps, element) => {
-  entries(oldProps || {}).forEach(([dataKey, dataValue]) => {
-    if (dataKey.match(/^on/)) {
-      element.removeEventListener(
-        getEventName(dataKey),
-        dataValue
-      );
+), Be = (e) => {
+  const t = p(e), s = e.el;
+  if (t.type && s)
+    if (s.nodeType === 11)
+      D(e);
+    else {
+      const c = b(t), n = N(e);
+      c && c.replaceChild(n, s), B();
     }
+}, te = (e, t) => {
+  k(e || {}).forEach(([s, c]) => {
+    s.match(/^on/) && t.removeEventListener(
+      J(s),
+      c
+    );
   });
-};
-const typeUpdate = (newWDom) => {
-  var _a;
-  const element = newWDom.el;
-  if (newWDom.type === "text") {
-    updateText(newWDom);
+}, je = (e) => {
+  var s;
+  const t = e.el;
+  if (e.type === "text") {
+    Ie(e);
     return;
   }
-  if (element) {
-    const { oldProps, props } = newWDom;
-    updateProps(props, element, oldProps);
-    delete newWDom.oldProps;
-    if (newWDom.tag === "input") {
-      element.value = String(((_a = newWDom == null ? void 0 : newWDom.props) == null ? void 0 : _a.value) || "");
-    }
-  }
-  (newWDom.children || []).forEach((childItem) => wDomUpdate(childItem));
-  runUpdatedQueueFromWDom(newWDom);
-};
-const updateText = (newWDom) => {
-  const element = newWDom.el;
-  if (element) {
-    element.nodeValue = String(newWDom.text);
-  }
-};
-const updateProps = (props, element, oldProps) => {
-  const originalProps = { ...oldProps };
-  entries(props || {}).forEach(([dataKey, dataValue]) => {
-    if (dataKey === "key")
-      ;
-    else if (dataKey === "innerHTML" && typeof dataValue === "string") {
-      element.innerHTML = dataValue;
-    } else if (checkStyleData(dataKey, dataValue)) {
-      updateStyle(
-        dataValue,
-        checkStyleData(dataKey, originalProps.style) ? originalProps.style : {},
-        element
-      );
-    } else if (checkRefData(dataKey, dataValue)) {
-      dataValue.value = element;
-    } else if (dataKey.match(/^on/)) {
-      updateEvent(
-        element,
-        dataKey,
-        dataValue,
-        originalProps[dataKey]
-      );
-    } else if (checkCheckableElement(element) && dataKey === "checked") {
-      element.checked = !!dataValue;
-    } else if (checkTextareaElement(element) && dataKey === "value") {
-      element.value = dataValue;
-    } else if (checkOptionElement(element) && dataKey === "selected") {
-      element.selected = !!dataValue;
-    } else if (checkNormalAttribute(dataValue)) {
-      if (xmlnsRef.value && dataKey !== "xmlns") {
-        element.setAttributeNS(
-          null,
-          getAttrKey(dataKey),
-          String(dataValue)
-        );
-      } else {
-        element.setAttribute(
-          getAttrKey(dataKey),
-          String(dataValue)
-        );
-      }
-    }
-    delete originalProps[dataKey];
-  });
-  keys(originalProps).forEach(
-    (dataKey) => element.removeAttribute(dataKey)
+  if (t) {
+    const { oldProps: c, props: n } = e;
+    se(n, t, c), delete e.oldProps, e.tag === "input" && (t.value = String(((s = e == null ? void 0 : e.props) == null ? void 0 : s.value) || ""));
+  }
+  (e.children || []).forEach((c) => m(c)), Oe(e);
+}, Ie = (e) => {
+  const t = e.el;
+  t && (t.nodeValue = String(e.text));
+}, se = (e, t, s) => {
+  const c = { ...s };
+  k(e || {}).forEach(([n, r]) => {
+    let o = !0;
+    n === "key" || (n === "innerHTML" && typeof r == "string" ? t.innerHTML = r : z(n, r) ? Ge(
+      r,
+      z(n, c.style) ? c.style : {},
+      t
+    ) : he(n, r) ? r.value = t : n.match(/^on/) ? ze(
+      t,
+      n,
+      r,
+      c[n]
+    ) : ye(t) && n === "checked" ? t.checked = !!r : ve(t) && n === "value" ? t.value = r : ie(t) && n === "selected" ? t.selected = !!r : n && ([o, r] = qe(r), o && (v.value && n !== "xmlns" ? t.setAttributeNS(
+      null,
+      G(n),
+      r
+    ) : t.setAttribute(
+      G(n),
+      r
+    )))), o && delete c[n];
+  }), Y(c).forEach(
+    (n) => t.removeAttribute(n)
   );
-};
-const wDomToDom = (wDom) => {
-  let element;
-  const { type, tag, text, props, children = [] } = wDom;
-  const isVirtualType = checkVirtualType(type);
-  if (tag === "svg") {
-    xmlnsRef.value = String(props == null ? void 0 : props.xmlns);
-  }
-  if (isVirtualType) {
-    element = new DocumentFragment();
-  } else if (type === "element" && tag) {
-    element = xmlnsRef.value ? document.createElementNS(xmlnsRef.value, tag) : document.createElement(tag);
-  } else if (type === "text" && checkExisty(text)) {
-    element = document.createTextNode(String(text));
-  } else {
-    element = document.createElement("e");
-  }
-  wDomChildrenToDom(children, element);
-  updateProps(props, element);
-  wDom.el = element;
-  addMountedQueue(wDom);
-  if (tag === "svg") {
-    xmlnsRef.value = "";
-  }
-  return element;
-};
-const wDomChildrenToDom = (children, parentElement) => {
-  const elementChildren = children.reduce(
-    (acc, childItem) => {
-      if (childItem.type) {
-        acc.appendChild(wDomToDom(childItem));
-      }
-      return acc;
-    },
+}, qe = (e) => {
+  let t = !0;
+  return typeof e == "boolean" && (e || (t = !1), e = ""), [t, String(e)];
+}, N = (e) => {
+  let t;
+  const { type: s, tag: c, text: n, props: r, children: o = [] } = e, l = P(s);
+  return c === "svg" && (v.value = String(r == null ? void 0 : r.xmlns)), l ? t = new DocumentFragment() : s === "element" && c ? t = v.value ? document.createElementNS(v.value, c) : document.createElement(c) : s === "text" && y(n) ? t = document.createTextNode(String(n)) : t = document.createElement("e"), _e(o, t), se(r, t), e.el = t, Ue(e), c === "svg" && (v.value = ""), t;
+}, _e = (e, t) => {
+  const s = e.reduce(
+    (c, n) => (n.type && c.appendChild(N(n)), c),
     new DocumentFragment()
   );
-  if (parentElement && elementChildren.hasChildNodes()) {
-    parentElement.appendChild(elementChildren);
-  }
-};
-const updateEvent = (element, eventKey, newEventHandler, oldEventHandler) => {
-  const eventName = getEventName(eventKey);
-  if (oldEventHandler !== newEventHandler) {
-    if (oldEventHandler) {
-      element.removeEventListener(eventName, oldEventHandler);
-    }
-    if (newEventHandler) {
-      element.addEventListener(eventName, newEventHandler);
-    }
-  }
-};
-const updateStyle = (style, oldStyle, element) => {
-  const originalStyle = { ...oldStyle };
-  const elementStyle = element == null ? void 0 : element.style;
-  if (elementStyle) {
-    entries(style).forEach(([styleKey, dataValue]) => {
-      elementStyle[styleKey] = dataValue;
-      delete originalStyle[styleKey];
-    });
-    entries(originalStyle).forEach(
-      ([styleKey]) => elementStyle[styleKey] = ""
-    );
-  }
-};
-const findRealParentElement = (vDom) => {
-  const isVirtualType = checkVirtualType(vDom.type);
-  if (vDom.isRoot && isVirtualType) {
-    return vDom.wrapElement;
-  }
-  if (!isVirtualType) {
-    return vDom.el;
-  }
-  return findRealParentElement(getParent(vDom));
-};
-const makeNewWDomTree = (newWDom, originalWDom) => remakeNewWDom(
-  newWDom,
-  checkSameWDomWithOriginal[getWDomType(newWDom)](newWDom, originalWDom),
-  originalWDom
-);
-const remakeNewWDom = (newWDom, isSameType, originalWDom) => {
-  const remakeWDom = generalize(newWDom, isSameType, originalWDom);
-  const param = [
-    remakeWDom,
-    isSameType,
-    originalWDom
-  ];
-  const needRerender = addReRenderTypeProperty(...param);
-  remakeWDom.children = remakeChildrenForDiff(...param);
-  remakeWDom.needRerender = needRerender;
-  inheritPropForRender(remakeWDom, originalWDom, needRerender);
-  return remakeWDom;
-};
-const inheritPropForRender = (remakeWDom, originalWDom, needRerender) => {
-  if (needRerender !== "A" && originalWDom) {
-    remakeWDom.el = originalWDom.el;
-  }
-  if (needRerender && ["D", "R", "SR"].includes(needRerender)) {
-    if (originalWDom == null ? void 0 : originalWDom.compKey) {
-      runUnmountQueueFromWDom(originalWDom);
-      recursiveRemoveEvent(originalWDom);
-    }
-    remakeWDom.oldChildren = originalWDom == null ? void 0 : originalWDom.children;
-  }
-  remakeWDom.oldProps = originalWDom == null ? void 0 : originalWDom.props;
-};
-const addReRenderTypeProperty = (newWDom, isSameType, originalWDom) => {
-  const existOriginalWDom = originalWDom && originalWDom.type;
-  const isEmptyElement = checkEmptyElement(newWDom);
-  const isRoot = !newWDom.getParent;
-  const parentType = !isRoot && getParent(newWDom).type;
-  const key = getKey(newWDom);
-  const isKeyCheckedWDom = parentType === "loop" && checkExisty(key);
-  const isSameText = newWDom.type === "text" && isSameType && newWDom.text === (originalWDom == null ? void 0 : originalWDom.text);
-  let result;
-  if (isEmptyElement) {
-    result = "D";
-  } else if (isSameText) {
-    result = "N";
-  } else if (!existOriginalWDom) {
-    result = "A";
-  } else if (isSameType) {
-    result = isKeyCheckedWDom ? "SU" : "U";
-  } else {
-    result = isKeyCheckedWDom ? "SR" : "R";
-  }
-  return result;
-};
-const generalize = (newWDom, isSameType, originalWDom) => {
-  if (checkCustemComponentFunction(newWDom)) {
-    return isSameType && originalWDom ? reRender(originalWDom, newWDom) : newWDom.resolve();
-  }
-  return newWDom;
-};
-const remakeChildrenForDiff = (newWDom, isSameType, originalWDom) => isSameType && originalWDom ? remakeChildrenForUpdate(newWDom, originalWDom) : remakeChildrenForAdd(newWDom);
-const remakeChildrenForAdd = (newWDom) => (newWDom.children || []).map((item) => {
-  const childItem = makeNewWDomTree(item);
-  childItem.getParent = () => newWDom;
-  return childItem;
-});
-const remakeChildrenForUpdate = (newWDom, originalWDom) => {
-  if (newWDom.type === "loop" && checkExisty(getKey((newWDom.children || [])[0]))) {
-    return remakeChildrenForLoopUpdate(newWDom, originalWDom);
-  }
-  return (newWDom.children || []).map((item, index) => {
-    const childItem = makeNewWDomTree(
-      item,
-      (originalWDom.children || [])[index]
-    );
-    childItem.getParent = () => newWDom;
-    return childItem;
-  });
-};
-const remakeChildrenForLoopUpdate = (newWDom, originalWDom) => {
-  const [remakedChildren, unUsedChildren] = diffLoopChildren(
-    newWDom,
-    originalWDom
+  t && s.hasChildNodes() && t.appendChild(s);
+}, ze = (e, t, s, c) => {
+  const n = J(t);
+  c !== s && (c && e.removeEventListener(n, c), s && e.addEventListener(n, s));
+}, Ge = (e, t, s) => {
+  const c = { ...t }, n = s == null ? void 0 : s.style;
+  n && (k(e).forEach(([r, o]) => {
+    n[r] = o, delete c[r];
+  }), k(c).forEach(
+    ([r]) => n[r] = ""
+  ));
+}, b = (e) => {
+  const t = P(e.type);
+  return e.isRoot && t ? e.wrapElement : t ? b(p(e)) : e.el;
+}, F = (e, t) => Xe(
+  e,
+  Ce[ke(e)](e, t),
+  t
+), Xe = (e, t, s) => {
+  const c = Je(e, t, s), n = [
+    c,
+    t,
+    s
+  ], r = He(...n);
+  return c.children = Ye(...n), c.needRerender = r, $e(c, s, r), c;
+}, $e = (e, t, s) => {
+  s !== "A" && t && (e.el = t.el), s && ["D", "R", "SR"].includes(s) && (t != null && t.compKey && (Q(t), j(t)), e.oldChildren = t == null ? void 0 : t.children), e.oldProps = t == null ? void 0 : t.props;
+}, He = (e, t, s) => {
+  const c = s && s.type, n = H(e), o = !!e.getParent && p(e).type, l = i(e), h = o === "loop" && y(l), d = e.type === "text" && t && e.text === (s == null ? void 0 : s.text);
+  let f;
+  return n ? f = "D" : d ? f = "N" : c ? t ? f = h ? "SU" : "U" : f = h ? "SR" : "R" : f = "A", f;
+}, Je = (e, t, s) => T(e) ? t && s ? Re(s, e) : e.resolve() : e, Ye = (e, t, s) => t && s ? Ve(e, s) : Ze(e), Ze = (e) => (e.children || []).map(
+  (t) => S(F(t), { getParent: () => e })
+), Ve = (e, t) => e.type === "loop" && y(i((e.children || [])[0])) ? Ke(e, t) : (e.children || []).map(
+  (s, c) => S(F(s, (t.children || [])[c]), {
+    getParent: () => e
+  })
+), Ke = (e, t) => {
+  const [s, c] = ge(
+    e,
+    t
   );
-  unUsedChildren.map((unusedItem) => {
-    const el = unusedItem.el;
-    if (el == null ? void 0 : el.parentNode) {
-      el.parentNode.removeChild(el);
-    }
-  });
-  return remakedChildren;
-};
-const diffLoopChildren = (newWDom, originalWDom) => {
-  const newChildren = [...newWDom.children || []];
-  const originalChildren = [...originalWDom.children || []];
-  const remakedChildren = newChildren.map((item) => {
-    const originalItem = findSameKeyOriginalItem(item, originalChildren);
-    const childItem = makeNewWDomTree(item, originalItem);
-    if (originalItem) {
-      originalChildren.splice(originalChildren.indexOf(originalItem), 1);
-    }
-    childItem.getParent = () => newWDom;
-    return childItem;
-  });
-  return [remakedChildren, originalChildren];
-};
-const findSameKeyOriginalItem = (item, originalChildren) => originalChildren.find(
-  (orignalChildItem) => getKey(orignalChildItem) === getKey(item)
-);
-const updateCallback = (effectAction, dependencies = () => []) => {
-  const updateReqs = componentRef.get(getComponentKey()).upR;
-  updateReqs.push(() => useUpdated(effectAction, dependencies));
-  useUpdated(effectAction, dependencies);
-};
-const runUpdateCallback = () => {
-  var _a;
-  const updateReqs = (_a = componentRef.get(getComponentKey())) == null ? void 0 : _a.upR;
-  if (updateReqs == null ? void 0 : updateReqs.length) {
-    updateReqs.forEach((callback) => callback());
-  }
-};
-const Fragment = (_props, ...children) => ({
+  return c.map((n) => {
+    const r = n.el;
+    r != null && r.parentNode && r.parentNode.removeChild(r);
+  }), s;
+}, ge = (e, t) => {
+  const s = [...e.children || []], c = [...t.children || []];
+  return [s.map((r) => {
+    const o = me(r, c), l = F(r, o);
+    return o && c.splice(c.indexOf(o), 1), l.getParent = () => e, l;
+  }), c];
+}, me = (e, t) => t.find(
+  (s) => i(s) === i(e)
+), rt = (e, t = () => []) => {
+  u.get(a()).upR.push(() => X(e, t)), X(e, t);
+}, we = () => {
+  var t;
+  const e = (t = u.get(a())) == null ? void 0 : t.upR;
+  e != null && e.length && e.forEach((s) => s());
+}, ce = (e, ...t) => ({
   type: "fragment",
-  children
-});
-const h = (tag, props, ...children) => {
-  const nodeParentPointer = { value: void 0 };
-  const newProps = props || {};
-  const newChildren = remakeChildren(nodeParentPointer, children);
-  const node = makeNode(tag, newProps, newChildren);
-  if (!checkCustemComponentFunction(node)) {
-    nodeParentPointer.value = node;
-  }
-  return node;
-};
-const mount = (component) => (_props, _children) => component;
-const reRenderCustomComponent = (tag, props, children, originalWDom) => {
-  var _a;
-  needDiffRef.value = true;
-  const newWDom = makeWDomResolver(tag, props, children);
-  const newWDomTree = makeNewWDomTree(newWDom, originalWDom);
-  const { isRoot, getParent: getParent2, wrapElement, afterElement } = originalWDom;
-  newWDomTree.getParent = getParent2;
-  if (!isRoot && getParent2) {
-    const brothers = ((_a = getParent2()) == null ? void 0 : _a.children) || [];
-    const index = brothers.indexOf(originalWDom);
-    brothers.splice(index, 1, newWDomTree);
-  } else {
-    newWDomTree.isRoot = true;
-    newWDomTree.wrapElement = wrapElement;
-    newWDomTree.afterElement = afterElement;
-  }
-  needDiffRef.value = false;
-  wDomUpdate(newWDomTree);
-};
-const makeWDomResolver = (tag, props, children) => {
-  const tagName = tag.name;
-  const ctor = tag;
-  const resolve = (compKey = props) => {
-    initMountHookState(compKey);
-    const component = tag(props, children);
-    const componentMaker = component(componentRender(compKey), props, children);
-    const customNode = makeCustomNode(
-      componentMaker,
-      compKey,
-      tag,
-      props,
-      children
-    );
-    const originalWDom = customNode;
-    setRedrawAction(
-      compKey,
-      () => reRenderCustomComponent(tag, props, children, originalWDom)
-    );
-    getComponentSubInfo(compKey, "vd").value = customNode;
-    return customNode;
-  };
-  return { tagName, ctor, props, children, resolve };
-};
-const makeCustomNode = (componentMaker, compKey, tag, props, children) => {
-  const customNode = componentMaker(props);
-  addComponentProps(
-    customNode,
-    compKey,
-    tag,
-    props,
-    children,
-    makeReRender(componentMaker, compKey, tag, props, children)
-  );
-  return customNode;
-};
-const makeReRender = (componentMaker, compKey, tag, props, children) => {
-  const reRender2 = () => wDomMaker(componentMaker, compKey, tag, props, children, reRender2);
-  return reRender2;
-};
-const wDomMaker = (componentMaker, compKey, tag, props, children, reRender2) => {
-  initUpdateHookState(compKey);
-  runUpdateCallback();
-  const originalWDom = componentMaker(props);
-  setRedrawAction(
-    compKey,
-    () => reRenderCustomComponent(tag, props, children, originalWDom)
-  );
-  addComponentProps(originalWDom, compKey, tag, props, children, reRender2);
-  getComponentSubInfo(compKey, "vd").value = originalWDom;
-  return originalWDom;
-};
-const addComponentProps = (wDom, compKey, tag, props, children, reRender2) => {
-  assign(wDom, {
-    compProps: props,
-    compChild: children,
-    ctor: tag,
-    tagName: tag.name,
-    compKey,
-    reRender: reRender2
+  children: t
+}), ot = (e, t, ...s) => {
+  const c = { value: void 0 }, n = t || {}, r = ue(c, s), o = tt(e, n, r);
+  return T(o) || (c.value = o), o;
+}, ut = (e) => (t, s) => e, ne = (e, t, s, c) => {
+  var f;
+  O.value = !0;
+  const n = re(e, t, s), r = F(n, c), { isRoot: o, getParent: l, wrapElement: h, afterElement: d } = c;
+  if (r.getParent = l, !o && l) {
+    const _ = ((f = l()) == null ? void 0 : f.children) || [], le = _.indexOf(c);
+    _.splice(le, 1, r);
+  } else
+    r.isRoot = !0, r.wrapElement = h, r.afterElement = d;
+  O.value = !1, m(r);
+}, re = (e, t, s) => ({ tagName: e.name, ctor: e, props: t, children: s, resolve: (o = t) => {
+  Se(o);
+  const h = e(t, s)(xe(o), t, s), d = We(
+    h,
+    o,
+    e,
+    t,
+    s
+  ), f = d;
+  return V(
+    o,
+    () => ne(e, t, s, f)
+  ), Z(o, "vd").value = d, d;
+} }), We = (e, t, s, c, n) => {
+  const r = e(c);
+  return oe(
+    r,
+    t,
+    s,
+    c,
+    n,
+    De(e, t, s, c, n)
+  ), r;
+}, De = (e, t, s, c, n) => {
+  const r = () => et(e, t, s, c, n, r);
+  return r;
+}, et = (e, t, s, c, n, r) => {
+  Te(t), we();
+  const o = e(c);
+  return V(
+    t,
+    () => ne(s, c, n, o)
+  ), oe(o, t, s, c, n, r), Z(t, "vd").value = o, o;
+}, oe = (e, t, s, c, n, r) => {
+  S(e, {
+    compProps: c,
+    compChild: n,
+    ctor: s,
+    tagName: s.name,
+    compKey: t,
+    reRender: r
   });
-};
-const makeNode = (tag, props, children) => {
-  if (checkFragmentFunction(tag)) {
-    return Fragment(props, ...children);
-  } else if (checkCustemComponentFunction(tag)) {
-    const componetMakeResolver = makeWDomResolver(tag, props, children);
-    return needDiffRef.value ? componetMakeResolver : componetMakeResolver.resolve();
+}, tt = (e, t, s) => {
+  if ($(e))
+    return ce(t, ...s);
+  if (T(e)) {
+    const c = re(e, t, s);
+    return O.value ? c : c.resolve();
   }
   return {
     type: "element",
-    tag,
-    props,
-    children
+    tag: e,
+    props: t,
+    children: s
   };
-};
-const remakeChildren = (nodeParentPointer, children) => children.map((item) => {
-  const childItem = makeChildrenItem(item);
-  childItem.getParent = () => nodeParentPointer.value;
-  return childItem;
-});
-const makeChildrenItem = (item) => {
-  if (item === null || item === void 0 || item === false) {
+}, ue = (e, t) => t.map(
+  (s) => S(st(s), { getParent: () => e.value })
+), st = (e) => {
+  if (e == null || e === !1)
     return { type: null };
-  } else if (Array.isArray(item)) {
-    const nodeParentPointer = { value: void 0 };
-    const children = remakeChildren(nodeParentPointer, item);
-    const node = {
+  if (Array.isArray(e)) {
+    const t = { value: void 0 }, c = {
       type: "loop",
-      children
+      children: ue(t, e)
     };
-    nodeParentPointer.value = node;
-    return node;
-  } else if (typeof item === "string" || typeof item === "number") {
-    return { type: "text", text: item };
-  }
-  return item;
-};
-const ref = (initValue) => ({ value: initValue });
-const nextTick = () => Promise.resolve();
+    return t.value = c, c;
+  } else if (typeof e == "string" || typeof e == "number")
+    return { type: "text", text: e };
+  return e;
+}, lt = (e) => ({ value: e }), ft = () => Promise.resolve();
 export {
-  Fragment,
-  h,
-  mount,
-  mountCallback,
-  nextTick,
-  ref,
-  render,
-  updateCallback
+  ce as Fragment,
+  ot as h,
+  ut as mount,
+  ct as mountCallback,
+  ft as nextTick,
+  lt as ref,
+  nt as render,
+  rt as updateCallback
 };
 //# sourceMappingURL=lithent.mjs.map