lithent 1.18.3 → 1.18.5

package/README.md

@@ -90,14 +90,14 @@ pnpm add lithent
 
 #### Or Use CDN
 
-* UMD : https://cdn.jsdelivr.net/npm/lithent@1.18.3/dist/lithent.umd.js
-* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.18.3/helper/dist/lithentHelper.umd.js
-* UMD-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.18.3/ftags/dist/lithentFTags.umd.js
-* UMD-TAG: https://cdn.jsdelivr.net/npm/lithent@1.18.3/tag/dist/lithentTag.umd.js
-* ESM : https://cdn.jsdelivr.net/npm/lithent@1.18.3/dist/lithent.mjs
-* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.18.3/helper/dist/lithentHelper.mjs
-* ESM-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.18.3/ftags/dist/lithentFTags.mjs
-* ESM-TAG: https://cdn.jsdelivr.net/npm/lithent@1.18.3/tag/dist/lithentTag.mjs
+* UMD : https://cdn.jsdelivr.net/npm/lithent@1.18.5/dist/lithent.umd.js
+* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.18.5/helper/dist/lithentHelper.umd.js
+* UMD-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.18.5/ftags/dist/lithentFTags.umd.js
+* UMD-TAG: https://cdn.jsdelivr.net/npm/lithent@1.18.5/tag/dist/lithentTag.umd.js
+* ESM : https://cdn.jsdelivr.net/npm/lithent@1.18.5/dist/lithent.mjs
+* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.18.5/helper/dist/lithentHelper.mjs
+* ESM-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.18.5/ftags/dist/lithentFTags.mjs
+* ESM-TAG: https://cdn.jsdelivr.net/npm/lithent@1.18.5/tag/dist/lithentTag.mjs
 
 
 It's easier to use lithent with JSX or HTM.
@@ -122,9 +122,9 @@ import { fTags, fFragment, fMount } from 'lithent/ftags';
 const { section, div, p, br, strong } = fTags;
 
 /* UMD
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.3/dist/lithent.umd.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.3/helper/dist/lithentHelper.umd.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.3/ftags/dist/lithentFTags.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.5/dist/lithent.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.5/helper/dist/lithentHelper.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.5/ftags/dist/lithentFTags.umd.js"></script>
 
 const { render } = lithent;
 const { fTags, fMount, fFragment } = lithentFTags;
@@ -197,10 +197,10 @@ const destroy = render(lTag`<${Component} />`, document.getElementById('root'),
 #### With UMD
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.3/dist/lithent.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.18.3/helper/dist/lithentHelper.umd.js"></script-->
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.3/tag/dist/lithentTag.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.18.3/ftags/dist/lithentFTags.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.5/dist/lithent.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.18.5/helper/dist/lithentHelper.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.5/tag/dist/lithentTag.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.18.5/ftags/dist/lithentFTags.umd.js"></script-->
 
 <div id="root"></div>
 

package/dist/index.d.ts

@@ -1,11 +1,12 @@
-export { h, Fragment, portal, mount } from './wDom';
+export { h, Fragment, portal, mount, replaceWDom } from './wDom';
 export { isPropType } from './utils';
 export { componentUpdate } from './utils/redraw';
+export { componentMap } from './utils/universalRef';
 export { render } from './render';
 export { mountCallback } from './hook/mountCallback';
 export { updateCallback } from './hook/updateCallback';
 export { ref, nextTick } from './hook/ref';
-export type { WDom, TagFunction, TagFunctionResolver, FragmentFunction, Component, ComponentSubKey, ComponentRef, Props, Renew, MiddleStateWDomChildren, MiddleStateWDom, NodePointer, Param, } from './types';
+export type { WDom, TagFunction, TagFunctionResolver, FragmentFunction, Component, ComponentSubKey, ComponentMap, Props, Renew, MiddleStateWDomChildren, MiddleStateWDom, NodePointer, Param, } from './types';
 declare global {
     namespace JSX {
         interface IntrinsicElements {

package/dist/lithent.mjs

@@ -1,32 +1,32 @@
-const R = (e) => typeof e == "object" && !("resolve" in e), N = (e, t) => R(e) && e.type === t, pe = (e, t) => "ctor" in e ? e.ctor === (t == null ? void 0 : t.ctor) : e === (t == null ? void 0 : t.ctor), he = (e, t) => {
+const k = (e) => typeof e == "object" && !("resolve" in e), N = (e, t) => k(e) && e.type === t, de = (e, t) => "ctor" in e ? e.ctor === (t == null ? void 0 : t.ctor) : e === (t == null ? void 0 : t.ctor), he = (e, t) => {
   var s, c;
-  return R(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);
+  return k(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);
 }, ie = (e, t) => {
   var s, c;
-  return R(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);
-}, X = (e, t) => R(e) && (t == null ? void 0 : t.type) === e.type, ye = (e, t) => {
+  return k(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);
+}, X = (e, t) => k(e) && (t == null ? void 0 : t.type) === e.type, ye = (e, t) => {
   var s, c;
-  return R(e) && (t == null ? void 0 : t.type) === e.type && (E(o((e.children || [])[0])) && E(o(((t == null ? void 0 : t.children) || [])[0])) || ((s = t == null ? void 0 : t.children) == null ? void 0 : s.length) === ((c = e == null ? void 0 : e.children) == null ? void 0 : c.length));
+  return k(e) && (t == null ? void 0 : t.type) === e.type && (E(o((e.children || [])[0])) && E(o(((t == null ? void 0 : t.children) || [])[0])) || ((s = t == null ? void 0 : t.children) == null ? void 0 : s.length) === ((c = e == null ? void 0 : e.children) == null ? void 0 : c.length));
 }, o = (e) => {
   var t, s;
   return ((t = e == null ? void 0 : e.compProps) == null ? void 0 : t.key) ?? ((s = e == null ? void 0 : e.props) == null ? void 0 : s.key);
-}, v = (e) => e && ["fragment", "loop"].includes(e), T = (e) => typeof e == "function" && !g(e) || typeof e == "object" && "resolve" in e, g = (e) => typeof e == "function" && e === J, m = (e) => R(e) && !e.type, E = (e) => e != null, Y = (e, t) => e === "style" && typeof t == "object", Ce = (e, t) => e === "ref" && typeof t == "object", ve = (e, t) => {
+}, C = (e) => e && ["fragment", "loop"].includes(e), T = (e) => typeof e == "function" && !g(e) || typeof e == "object" && "resolve" in e, g = (e) => typeof e == "function" && e === J, m = (e) => k(e) && !e.type, E = (e) => e != null, Y = (e, t) => e === "style" && typeof t == "object", ve = (e, t) => e === "ref" && typeof t == "object", Ce = (e, t) => {
   const s = Object.getOwnPropertyDescriptor(
     e.constructor.prototype,
     t
   );
   return s && s.get && s.set;
-}, Re = (e) => {
+}, ke = (e) => {
   let t = "et";
   return T(e) ? t = "c" : N(e, "fragment") ? t = "f" : N(e, "element") ? t = "e" : N(e, "loop") ? t = "l" : N(e, "text") ? t = "t" : m(e) && (t = "et"), t;
-}, ke = {
-  c: pe,
+}, Re = {
+  c: de,
   l: ye,
   t: X,
   e: ie,
   f: he,
   et: X
-}, C = Symbol.for("lithentWDomSymbol"), k = { value: "" }, S = { value: {} }, O = { value: !1 }, f = /* @__PURE__ */ new WeakMap(), Ee = (e) => {
+}, v = Symbol.for("lithentWDomSymbol"), R = { value: "" }, S = { value: {} }, O = { value: !1 }, f = /* @__PURE__ */ new WeakMap(), Ee = (e) => {
   f.set(e, {
     vd: { value: null },
     up: () => {
@@ -40,7 +40,7 @@ const R = (e) => typeof e == "object" && !("resolve" in e), N = (e, t) => R(e) &
   });
 }, a = () => S.value, Z = (e, t) => f.get(e) ? f.get(e)[t] : null, Pe = (e) => S.value = e, Se = (e) => {
   S.value = e, Ee(e);
-}, y = (e) => e.getParent && e.getParent(), P = Object.entries, w = Object.keys, b = Object.assign, lt = (e) => typeof e == "object" && !Array.isArray(e) && !Object.getOwnPropertySymbols(e).includes(C), ae = (e) => {
+}, y = (e) => e.getParent && e.getParent(), P = Object.entries, w = Object.keys, b = Object.assign, lt = (e) => typeof e == "object" && !Array.isArray(e) && !Object.getOwnPropertySymbols(e).includes(v), ae = (e) => {
   f.get(a()).umts.push(e);
 }, U = (e) => {
   const { compKey: t } = e;
@@ -96,11 +96,11 @@ const I = () => {
   t && t !== "N" && ({
     A: G,
     D: $,
-    R: Me,
+    R: Ae,
     U: B,
     CNSU: B,
     SR: ce,
-    SU: Ae
+    SU: Me
   }[t](e), delete e.needRerender, delete e.oldChildren, delete e.oldProps);
 }, F = (e) => {
   e.props && e.el && ue(e.props, e.el), (e.children || []).forEach((t) => {
@@ -111,7 +111,7 @@ const I = () => {
 }, $ = (e) => {
   e.oldProps && e.el && ue(e.oldProps, e.el), te(
     e,
-    A(y(e))
+    M(y(e))
   );
 }, te = (e, t) => {
   var s, c;
@@ -124,7 +124,7 @@ const I = () => {
   });
 }, ce = (e) => {
   $(e), G(e);
-}, Ae = (e) => {
+}, Me = (e) => {
   if (B(e), y(e).needRerender !== "CNSU") {
     const s = ne(e);
     G(e, s);
@@ -133,33 +133,33 @@ const I = () => {
   t || (t = L(e));
   const s = y(e);
   if (s.type) {
-    const c = A(s), n = s.type === "loop" && s.needRerender && s.needRerender !== "CNSU" ? j(s, y(s)) : j(e, s);
+    const c = M(s), n = s.type === "loop" && s.needRerender && s.needRerender !== "CNSU" ? j(s, y(s)) : j(e, s);
     t && c && (e.tag !== "portal" && (n ? c.insertBefore(t, n) : c.appendChild(t)), I());
   }
-}, ne = (e) => v(e.type) ? ((e == null ? void 0 : e.children) || []).reduce((t, s) => {
+}, ne = (e) => C(e.type) ? ((e == null ? void 0 : e.children) || []).reduce((t, s) => {
   const c = ne(s);
   return c && t.appendChild(c), t;
 }, z()) : e.el, j = (e, t) => {
   const s = t.children || [], r = s.indexOf(e) + 1, n = s.slice(r), u = re(n), l = t.type || "";
   if (u)
     return u;
-  if (!t.isRoot && v(l))
+  if (!t.isRoot && C(l))
     return j(t, y(t));
-  if (t.isRoot && v(l) && t.afterElement)
+  if (t.isRoot && C(l) && t.afterElement)
     return t.afterElement;
 }, re = (e) => e.reduce(
   (t, s) => {
-    const c = s.type, r = s.el, n = c && v(c);
+    const c = s.type, r = s.el, n = c && C(c);
     return t || (n ? re(s.children || []) : r && r.nodeType !== 11 ? r : t);
   },
   void 0
-), Me = (e) => {
+), Ae = (e) => {
   const t = y(e), s = e.el;
   if (t.type && s)
     if (s.nodeType === 11)
       ce(e);
     else {
-      const c = A(t), r = L(e);
+      const c = M(t), r = L(e);
       c && e.tag !== "portal" && c.replaceChild(r, s), I();
     }
 }, ue = (e, t) => {
@@ -196,12 +196,12 @@ const I = () => {
       u,
       Y(n, r.style) ? r.style : {},
       t
-    ) : Ce(n, u) ? u.value = t : n.match(/^on/) ? K(
+    ) : ve(n, u) ? u.value = t : n.match(/^on/) ? K(
       t,
       n,
       u,
       r[n]
-    ) : n && (n !== "type" && ve(t, n) ? t[n] = u : Qe(
+    ) : n && (n !== "type" && Ce(t, n) ? t[n] = u : Qe(
       Fe(n),
       t,
       u
@@ -210,11 +210,11 @@ const I = () => {
     (n) => t.removeAttribute(n)
   );
 }, Qe = (e, t, s) => {
-  k.value && e !== "xmlns" ? t.setAttributeNS(null, e, s) : t.setAttribute(e, s);
+  R.value && e !== "xmlns" ? t.setAttributeNS(null, e, s) : t.setAttribute(e, s);
 }, L = (e, t) => {
   let s;
-  const { type: c, tag: r, text: n, props: u, children: l = [] } = e, h = v(c);
-  return r === "svg" && (k.value = String(u == null ? void 0 : u.xmlns)), t ? s = e.el : (h ? s = z() : c === "element" && r ? r === "portal" && (u != null && u.portal) ? s = u.portal : s = k.value ? document.createElementNS(k.value, r) : V(r) : c === "text" && E(n) ? s = document.createTextNode(String(n)) : s = V("e"), e.el = s), je(l, s, t), le(u, s, null, t), Ne(e), r === "svg" && (k.value = ""), s;
+  const { type: c, tag: r, text: n, props: u, children: l = [] } = e, h = C(c);
+  return r === "svg" && (R.value = String(u == null ? void 0 : u.xmlns)), t ? s = e.el : (h ? s = z() : c === "element" && r ? r === "portal" && (u != null && u.portal) ? s = u.portal : s = R.value ? document.createElementNS(R.value, r) : V(r) : c === "text" && E(n) ? s = document.createTextNode(String(n)) : s = V("e"), e.el = s), je(l, s, t), le(u, s, null, t), Ne(e), r === "svg" && (R.value = ""), s;
 }, je = (e, t, s) => {
   const c = e.reduce(
     (r, n) => {
@@ -237,12 +237,12 @@ const I = () => {
   }), P(c).forEach(
     ([n]) => r[n] = ""
   ));
-}, A = (e) => {
-  const t = v(e.type);
-  return e.isRoot && t ? e.wrapElement : t ? A(y(e)) : e.el;
-}, M = (e, t) => qe(
+}, M = (e) => {
+  const t = C(e.type);
+  return e.isRoot && t ? e.wrapElement : t ? M(y(e)) : e.el;
+}, A = (e, t) => qe(
   e,
-  ke[Re(e)](e, t),
+  Re[ke(e)](e, t),
   t
 ), qe = (e, t, s) => {
   const c = Xe(e, t, s), r = [
@@ -254,9 +254,9 @@ const I = () => {
 }, _e = (e, t, s) => {
   s !== "A" && t && (e.el = t.el), s && ["D", "R", "SR"].includes(s) && (t && (U(t), F(t)), e.oldChildren = t == null ? void 0 : t.children), e.oldProps = t == null ? void 0 : t.props;
 }, Ie = (e, t, s) => {
-  const c = s && s.type, r = m(e), n = e.isRoot, u = s && y(s), l = !n && (u == null ? void 0 : u.type), h = o(e), p = l === "loop" && E(h), i = e.type === "text" && t && e.text === (s == null ? void 0 : s.text), x = e === s;
-  let d;
-  return r ? d = "D" : i || x ? d = "N" : c ? t ? d = p ? "SU" : "U" : d = p ? "SR" : "R" : d = "A", e.type === "loop" && d === "U" && s && ze(e, s) && (d = "CNSU"), d;
+  const c = s && s.type, r = m(e), n = e.isRoot, u = s && y(s), l = !n && (u == null ? void 0 : u.type), h = o(e), d = l === "loop" && E(h), i = e.type === "text" && t && e.text === (s == null ? void 0 : s.text), x = e === s;
+  let p;
+  return r ? p = "D" : i || x ? p = "N" : c ? t ? p = d ? "SU" : "U" : p = d ? "SR" : "R" : p = "A", e.type === "loop" && p === "U" && s && ze(e, s) && (p = "CNSU"), p;
 }, ze = (e, t) => {
   const s = [...(t == null ? void 0 : t.children) || []], c = [...(e == null ? void 0 : e.children) || []].filter(
     (u) => s.find((l) => o(u) === o(l))
@@ -275,9 +275,9 @@ const I = () => {
   const { compProps: s, compChild: c } = e, { props: r, children: n } = t;
   return s && $e(s, r), c && Ge(c, n), e.reRender && e.reRender();
 }, Xe = (e, t, s) => T(e) ? t && s ? Je(s, e) : e.resolve() : e, Ye = (e, t, s) => t && s ? He(e, s) : Ze(e), Ze = (e) => (e.children || []).map(
-  (t) => b(M(t), { getParent: () => e })
+  (t) => b(A(t), { getParent: () => e })
 ), He = (e, t) => e.type === "loop" && E(o((e.children || [])[0])) ? Ve(e, t) : (e.children || []).map(
-  (s, c) => b(M(s, (t.children || [])[c]), {
+  (s, c) => b(A(s, (t.children || [])[c]), {
     getParent: () => e
   })
 ), Ve = (e, t) => {
@@ -291,7 +291,7 @@ const I = () => {
 }, Ke = (e, t) => {
   const s = [...e.children || []], c = [...t.children || []];
   return [s.map((n) => {
-    const u = ge(n, c), l = M(n, u);
+    const u = ge(n, c), l = A(n, u);
     return u && c.splice(c.indexOf(u), 1), l.getParent = () => e, l;
   }), c];
 }, ge = (e, t) => t.find(
@@ -311,7 +311,7 @@ const me = (e, t) => {
   q.forEach((e) => {
     e();
   }), q.clear(), _ = !1;
-}, dt = (e, t = () => []) => {
+}, pt = (e, t = () => []) => {
   f.get(a()).upR.push(() => H(e, t)), H(e, t);
 }, De = () => {
   var t;
@@ -319,28 +319,28 @@ const me = (e, t) => {
   e != null && e.length && e.forEach((s) => s());
 }, J = (e, ...t) => ({
   type: "fragment",
-  [C]: !0,
+  [v]: !0,
   children: t
 }), et = (e, t, ...s) => {
-  const c = { value: void 0 }, r = t || {}, n = de(c, s), u = rt(e, r, n);
+  const c = { value: void 0 }, r = t || {}, n = pe(c, s), u = rt(e, r, n);
   return T(u) || (c.value = u), u;
-}, pt = (e, t) => et("portal", { portal: t }, e), ht = (e) => (t, s) => e, tt = (e, t, s, c) => {
+}, dt = (e, t) => et("portal", { portal: t }, e), ht = (e) => (t, s) => e, tt = (e, t, s, c) => {
   var i;
   if (c.isLegacy)
     return;
   O.value = !0;
-  const r = fe(e, t, s), n = M(r, c), { isRoot: u, getParent: l, wrapElement: h, afterElement: p } = c;
+  const r = fe(e, t, s), n = A(r, c), { isRoot: u, getParent: l, wrapElement: h, afterElement: d } = c;
   if (n.getParent = l, !u && l) {
-    const x = ((i = l()) == null ? void 0 : i.children) || [], d = x.indexOf(c);
-    x.splice(d, 1, n);
+    const x = ((i = l()) == null ? void 0 : i.children) || [], p = x.indexOf(c);
+    x.splice(p, 1, n);
   } else
-    n.isRoot = !0, n.wrapElement = h, n.afterElement = p;
+    n.isRoot = !0, n.wrapElement = h, n.afterElement = d;
   O.value = !1, ee(n);
 }, fe = (e, t, s) => ({ tagName: e.name, ctor: e, props: t, children: s, resolve: (u = t) => {
   Se(u);
-  const l = e(t, s), p = (typeof l == "function" ? l : () => () => l)(we(u), t, s);
+  const l = e(t, s), d = (typeof l == "function" ? l : () => () => l)(we(u), t, s);
   return st(
-    p,
+    d,
     u,
     e,
     t,
@@ -349,8 +349,8 @@ const me = (e, t) => {
 } }), st = (e, t, s, c, r) => {
   let n = e, u = e(c);
   u.reRender && (n = (h) => {
-    const p = e(h), i = J({}, p);
-    return p.getParent = () => i, i;
+    const d = e(h), i = J({}, d);
+    return d.getParent = () => i, i;
   }, u = n(c));
   const l = ct(
     n,
@@ -375,10 +375,7 @@ const me = (e, t) => {
     tagName: s.name,
     compKey: t,
     reRender: n
-  }), me(
-    t,
-    () => tt(s, c, r, e)
-  ), Z(t, "vd") && (Z(t, "vd").value = e);
+  }), me(t, () => tt(s, c, r, e)), Z(t, "vd") && (Z(t, "vd").value = e);
 }, rt = (e, t, s) => {
   if (g(e))
     return J(t, ...s);
@@ -388,38 +385,40 @@ const me = (e, t) => {
   }
   return {
     type: "element",
-    [C]: !0,
+    [v]: !0,
     tag: e,
     props: t,
     children: s
   };
-}, de = (e, t) => t.map(
+}, pe = (e, t) => t.map(
   (s) => b(ut(s), { getParent: () => e.value })
 ), ut = (e) => {
   if (e == null || e === !1)
-    return { type: null, [C]: !0 };
+    return { type: null, [v]: !0 };
   if (Array.isArray(e)) {
-    const t = { value: void 0 }, s = de(t, e), c = {
+    const t = { value: void 0 }, s = pe(t, e), c = {
       type: "loop",
-      [C]: !0,
+      [v]: !0,
       children: s
     };
     return t.value = c, c;
   } else if (typeof e == "string" || typeof e == "number")
-    return { type: "text", [C]: !0, text: e };
+    return { type: "text", [v]: !0, text: e };
   return e;
 }, it = (e) => ({ value: e }), yt = () => Promise.resolve();
 export {
   J as Fragment,
+  f as componentMap,
   we as componentUpdate,
   et as h,
   lt as isPropType,
   ht as mount,
   ft as mountCallback,
   yt as nextTick,
-  pt as portal,
+  dt as portal,
   it as ref,
   ot as render,
-  dt as updateCallback
+  tt as replaceWDom,
+  pt as updateCallback
 };
 //# sourceMappingURL=lithent.mjs.map