dynamicformdjx 0.6.1 → 0.6.2

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as R, ref as I, watch as j, toRaw as L, createVNode as t, createTextVNode as w, Fragment as B, nextTick as D, onMounted as $, onBeforeUnmount as M, computed as O, reactive as P } from "vue";
-import { t as F, r as H, f as V, p as z, s as Y, g as q, a as E, b as _ } from "./index-BQKYL550.js";
-import { D as re, O as ue, i as oe, h as ie, j as se, k as ce, c as de, e as fe, u as ve, d as me } from "./index-BQKYL550.js";
-const K = /* @__PURE__ */ R({
+import { defineComponent as H, ref as I, watch as j, toRaw as L, createVNode as n, createTextVNode as k, Fragment as B, nextTick as F, computed as O, onMounted as M, onBeforeUnmount as V, reactive as P } from "vue";
+import { t as D, r as R, f as $, p as z, s as Y, g as E, a as q } from "./index-Bsj3F9SM.js";
+import { D as ae, O as re, h as ue, e as oe, j as ie, i as se, k as ce, b as de, d as fe, u as ve, c as me } from "./index-Bsj3F9SM.js";
+const _ = /* @__PURE__ */ H({
   name: "DynamicInput",
   props: {
     size: {
@@ -39,15 +39,15 @@ const K = /* @__PURE__ */ R({
   slots: Object,
   setup(e, {
     emit: o,
-    expose: y,
-    slots: l
+    expose: h,
+    slots: u
   }) {
-    const v = {
+    const d = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
       ...e.btnConfigs
-    }, c = {
+    }, i = {
       hideReset: !1,
       maxHeight: "300px",
       autoScroll: !0,
@@ -58,122 +58,122 @@ const K = /* @__PURE__ */ R({
     }, m = {
       arraySplitSymbol: ",",
       ...e.dyListConfigs
-    }, h = e.size, a = I(F(e.modelValue, e.randomFun, m.arraySplitSymbol)), g = I(null);
-    j(a, (r) => {
+    }, g = e.size, r = I(D(e.modelValue, e.randomFun, m.arraySplitSymbol)), b = I(null);
+    j(r, (l) => {
       if (!e.isController) return;
-      const S = H(r, m.arraySplitSymbol);
-      o("update:modelValue", S), o("onMerge", S, L(a.value));
+      const x = R(l, m.arraySplitSymbol);
+      o("update:modelValue", x), o("onMerge", x, L(r.value));
     }, {
       deep: !0
-    }), y({
-      onSet: (r) => {
-        a.value = F(r ?? e.modelValue, e.randomFun, m.arraySplitSymbol);
+    }), h({
+      onSet: (l) => {
+        r.value = D(l ?? e.modelValue, e.randomFun, m.arraySplitSymbol);
       },
-      getResult: (r = "res") => r === "ori" ? L(a.value) : H(a.value, m.arraySplitSymbol)
+      getResult: (l = "res") => l === "ori" ? L(r.value) : R(r.value, m.arraySplitSymbol)
     });
-    const f = () => a.value.push({
+    const f = () => r.value.push({
       rId: e.randomFun(),
       key: "",
       value: ""
     }), T = () => {
-      a.value = F(e.modelValue, e.randomFun, m.arraySplitSymbol), o("onReset");
-    }, A = () => {
-      a.value.sort((S, i) => +S.rId - +i.rId);
-      const r = H(a.value, m.arraySplitSymbol);
-      o("update:modelValue", r), o("onMerge", r, L(a.value)), a.value = F(r, e.randomFun, m.arraySplitSymbol);
+      r.value = D(e.modelValue, e.randomFun, m.arraySplitSymbol), o("onReset");
+    }, y = () => {
+      r.value.sort((x, c) => +x.rId - +c.rId);
+      const l = R(r.value, m.arraySplitSymbol);
+      o("update:modelValue", l), o("onMerge", l, L(r.value)), r.value = D(l, e.randomFun, m.arraySplitSymbol);
     };
-    return () => t("div", {
-      class: `dynamicForm ${h} ${e.dyCls}`
-    }, [t("div", {
-      class: `dyFormList ${a.value.length ? "" : "noList"}`,
-      ref: g,
+    return () => n("div", {
+      class: `dynamicForm ${g} ${e.dyCls}`
+    }, [n("div", {
+      class: `dyFormList ${r.value.length ? "" : "noList"}`,
+      ref: b,
       style: {
-        maxHeight: c.maxHeight
+        maxHeight: i.maxHeight
       }
-    }, [a.value.map((r, S, i) => {
-      const u = {
-        row: r,
-        index: S,
-        isLast: S === i.length - 1,
+    }, [r.value.map((l, x, c) => {
+      const s = {
+        row: l,
+        index: x,
+        isLast: x === c.length - 1,
         addItem: () => {
-          a.value.push({
+          r.value.push({
             rId: e.randomFun(),
             key: "",
             value: ""
-          }), c.autoScroll && D(() => {
-            const d = g.value;
-            d?.scrollTo({
-              top: d.scrollHeight,
+          }), i.autoScroll && F(() => {
+            const v = b.value;
+            v?.scrollTo({
+              top: v.scrollHeight,
               behavior: "smooth"
             });
           });
         },
         removeItem: () => {
-          a.value = a.value.filter((d) => d.rId !== r.rId);
+          r.value = r.value.filter((v) => v.rId !== l.rId);
         },
-        toggleArray: () => r.isArray = !r.isArray,
-        toggleNumber: () => r.isNumber = !r.isNumber
+        toggleArray: () => l.isArray = !l.isArray,
+        toggleNumber: () => l.isNumber = !l.isNumber
       };
-      return t("div", {
+      return n("div", {
         class: "dItem",
-        key: r.rId
-      }, [t("div", {
+        key: l.rId
+      }, [n("div", {
         class: "input"
-      }, [t("input", {
-        size: h,
-        value: r.key,
+      }, [n("input", {
+        size: g,
+        value: l.key,
         class: "key nativeInput",
-        onInput: (d) => {
-          r.key = d.target.value;
+        onInput: (v) => {
+          l.key = v.target.value;
         }
-      }, null), w(":"), t("div", {
+      }, null), k(":"), n("div", {
         class: "vInput"
-      }, [t("div", {
+      }, [n("div", {
         class: "slot"
-      }, [l.typeTools ? l.typeTools(u) : t(B, null, [!c.hideArrayBtn && t("button", {
-        class: [r.isArray ? "success" : "default", "small", "bt"],
-        onClick: u.toggleArray
-      }, [w("Array")]), !c.hideNumberBtn && t("button", {
-        class: [r.isNumber ? "success" : "default", "small", "bt"],
-        onClick: u.toggleNumber
-      }, [w("Number")])])]), t("input", {
-        size: h,
-        value: r.value,
+      }, [u.typeTools ? u.typeTools(s) : n(B, null, [!i.hideArrayBtn && n("button", {
+        class: [l.isArray ? "success" : "default", "small", "bt"],
+        onClick: s.toggleArray
+      }, [k("Array")]), !i.hideNumberBtn && n("button", {
+        class: [l.isNumber ? "success" : "default", "small", "bt"],
+        onClick: s.toggleNumber
+      }, [k("Number")])])]), n("input", {
+        size: g,
+        value: l.value,
         class: "value nativeV",
-        onInput: (d) => {
-          const n = d.target.value;
-          c.allowFilter && r.isNumber ? r.value = V(n, r.isArray, m.arraySplitSymbol) : r.value = n;
+        onInput: (v) => {
+          const t = v.target.value;
+          i.allowFilter && l.isNumber ? l.value = $(t, l.isArray, m.arraySplitSymbol) : l.value = t;
         }
-      }, null)])]), t("div", {
+      }, null)])]), n("div", {
         class: "btn"
-      }, [l.rowActions ? l.rowActions(u) : t(B, null, [t("button", {
-        class: [h, "success", "bt"],
-        disabled: !u.isLast,
-        onClick: u.addItem
-      }, [w("+")]), t("button", {
-        class: ["danger", h, "bt"],
-        onClick: u.removeItem
-      }, [w("-")])])])]);
-    })]), t("div", {
-      class: `control ${a.value.length ? "" : "noList"}`
-    }, [!a.value.length && (l.newBtn ? l.newBtn({
+      }, [u.rowActions ? u.rowActions(s) : n(B, null, [n("button", {
+        class: [g, "success", "bt"],
+        disabled: !s.isLast,
+        onClick: s.addItem
+      }, [k("+")]), n("button", {
+        class: ["danger", g, "bt"],
+        onClick: s.removeItem
+      }, [k("-")])])])]);
+    })]), n("div", {
+      class: `control ${r.value.length ? "" : "noList"}`
+    }, [!r.value.length && (u.newBtn ? u.newBtn({
       newItem: f
-    }) : t("button", {
-      class: ["success", h, "bt"],
+    }) : n("button", {
+      class: ["success", g, "bt"],
       onClick: f
-    }, [v.newTxt])), !e.isController && t(B, null, [!c.hideReset && (l.resetBtn ? l.resetBtn({
+    }, [d.newTxt])), !e.isController && n(B, null, [!i.hideReset && (u.resetBtn ? u.resetBtn({
       reset: T
-    }) : t("button", {
-      class: ["default", h, "bt"],
+    }) : n("button", {
+      class: ["default", g, "bt"],
       onClick: T
-    }, [v.resetTxt])), l.mergeBtn ? l.mergeBtn({
-      merge: A
-    }) : t("button", {
-      class: ["info", h, "bt"],
-      onClick: A
-    }, [v.mergeTxt])])])]);
+    }, [d.resetTxt])), u.mergeBtn ? u.mergeBtn({
+      merge: y
+    }) : n("button", {
+      class: ["info", g, "bt"],
+      onClick: y
+    }, [d.mergeTxt])])])]);
   }
-}), U = /* @__PURE__ */ R({
+}), K = /* @__PURE__ */ H({
   name: "DynamicCascadeInput",
   props: {
     modelValue: {
@@ -217,15 +217,15 @@ const K = /* @__PURE__ */ R({
   slots: Object,
   setup(e, {
     emit: o,
-    expose: y,
-    slots: l
+    expose: h,
+    slots: u
   }) {
-    const v = {
+    const d = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
       ...e.btnConfigs
-    }, c = {
+    }, i = {
       hideReset: !1,
       maxHeight: "600px",
       allowFilter: !0,
@@ -239,155 +239,155 @@ const K = /* @__PURE__ */ R({
     }, m = {
       arraySplitSymbol: ",",
       ...e.dyListConfigs
-    }, h = (i) => ["string", "number"].includes(i), a = (i) => Object.keys(i).map((u, d) => {
-      let n = i[u];
-      const C = Array.isArray(n), s = C ? n.every((b) => typeof b == "number") : typeof n == "number", p = n === null;
-      return h(typeof n) && (n = i[u]), p && (n = ""), {
-        rId: e.randomFun(d),
-        key: u,
-        value: Object.prototype.toString.call(n) === "[object Object]" ? a(i[u]) : C ? n.join(m.arraySplitSymbol) : n,
+    }, g = (c) => ["string", "number"].includes(c), r = (c) => Object.keys(c).map((s, v) => {
+      let t = c[s];
+      const C = Array.isArray(t), a = C ? t.every((p) => typeof p == "number") : typeof t == "number", S = t === null;
+      return g(typeof t) && (t = c[s]), S && (t = ""), {
+        rId: e.randomFun(v),
+        key: s,
+        value: Object.prototype.toString.call(t) === "[object Object]" ? r(c[s]) : C ? t.join(m.arraySplitSymbol) : t,
         isArray: C || void 0,
-        isNumber: s || void 0
+        isNumber: a || void 0
       };
-    }), g = (i) => i.reduce((u, d) => {
-      const n = d.value;
-      return d.key.trim().length && (u[d.key] = Array.isArray(n) ? g(n) : z(d.value, d.isArray, d.isNumber, m.arraySplitSymbol)), u;
-    }, {}), f = I(a(e.modelValue)), T = (i, u = 1, d) => t("div", {
-      class: [`depth-${u}`, c.showBorder ? "" : "no-border", c.showPad ? "" : "no-pad"],
+    }), b = (c) => c.reduce((s, v) => {
+      const t = v.value;
+      return v.key.trim().length && (s[v.key] = Array.isArray(t) ? b(t) : z(v.value, v.isArray, v.isNumber, m.arraySplitSymbol)), s;
+    }, {}), f = I(r(e.modelValue)), T = (c, s = 1, v) => n("div", {
+      class: [`depth-${s}`, i.showBorder ? "" : "no-border", i.showPad ? "" : "no-pad"],
       style: {
-        "--depth": u,
-        ["--c" + [u]]: Y(c.borderColors, u)
+        "--depth": s,
+        ["--c" + [s]]: Y(i.borderColors, s)
       }
-    }, [i.map((n, C, s) => {
-      const p = Array.isArray(n.value), b = h(typeof n.value), x = {
-        row: n,
+    }, [c.map((t, C, a) => {
+      const S = Array.isArray(t.value), p = g(typeof t.value), w = {
+        row: t,
         index: C,
-        isLast: C === s.length - 1,
+        isLast: C === a.length - 1,
         addItem: () => {
-          i.push({
+          c.push({
             rId: e.randomFun(),
             key: "",
             value: ""
           });
         },
         addChild: () => {
-          b && (n.value = [], n.isArray = void 0), n.value.push({
+          p && (t.value = [], t.isArray = void 0), t.value.push({
             rId: e.randomFun(),
             key: "",
             value: ""
           });
         },
         removeItem: () => {
-          if (i.splice(C, 1), i.length < 1) {
-            if (d === void 0) return g([]);
-            const k = f.value.findIndex((N) => N.rId === d?.rId);
-            u < 1 ? f.value.splice(k, 1, {
-              ...d,
+          if (c.splice(C, 1), c.length < 1) {
+            if (v === void 0) return b([]);
+            const A = f.value.findIndex((N) => N.rId === v?.rId);
+            s < 1 ? f.value.splice(A, 1, {
+              ...v,
               value: ""
-            }) : d.value = "";
+            }) : v.value = "";
           }
         },
-        toggleArray: () => n.isArray = !n.isArray,
-        toggleNumber: () => n.isNumber = !n.isNumber
+        toggleArray: () => t.isArray = !t.isArray,
+        toggleNumber: () => t.isNumber = !t.isNumber
       };
-      return t("div", {
+      return n("div", {
         class: "dItem",
-        key: n.rId,
+        key: t.rId,
         style: {
-          marginLeft: u > 1 ? `${u * c.retractLen}px` : "0"
+          marginLeft: s > 1 ? `${s * i.retractLen}px` : "0"
         }
-      }, [t("div", {
+      }, [n("div", {
         class: "input"
-      }, [!p && t(B, null, [t("input", {
-        value: n.key,
+      }, [!S && n(B, null, [n("input", {
+        value: t.key,
         class: "key nativeInput",
-        onInput: (k) => n.key = k.target.value
-      }, null), w(":")]), t("div", {
+        onInput: (A) => t.key = A.target.value
+      }, null), k(":")]), n("div", {
         class: "vInput"
-      }, [t("div", {
+      }, [n("div", {
         class: "slot"
-      }, [Array.isArray(n.value) ? void 0 : l.typeTools ? l.typeTools(x) : t(B, null, [!c.hideArrayBtn && t("button", {
-        class: [n.isArray ? "success" : "default", "small", "bt"],
-        onClick: x.toggleArray
-      }, [w("Array")]), !c.hideNumberBtn && t("button", {
-        class: [n.isNumber ? "success" : "default", "small", "bt"],
-        onClick: x.toggleNumber
-      }, [w("Number")])])]), t("input", {
-        class: `value nativeV ${p ? "isKey" : ""}`,
-        value: b ? n.value : n.key,
-        onInput: (k) => {
-          const N = k.target.value;
-          if (p) {
-            n.key = N;
+      }, [Array.isArray(t.value) ? void 0 : u.typeTools ? u.typeTools(w) : n(B, null, [!i.hideArrayBtn && n("button", {
+        class: [t.isArray ? "success" : "default", "small", "bt"],
+        onClick: w.toggleArray
+      }, [k("Array")]), !i.hideNumberBtn && n("button", {
+        class: [t.isNumber ? "success" : "default", "small", "bt"],
+        onClick: w.toggleNumber
+      }, [k("Number")])])]), n("input", {
+        class: `value nativeV ${S ? "isKey" : ""}`,
+        value: p ? t.value : t.key,
+        onInput: (A) => {
+          const N = A.target.value;
+          if (S) {
+            t.key = N;
             return;
           }
-          c.allowFilter && n.isNumber ? n.value = V(N, n.isArray, m.arraySplitSymbol) : n.value = N;
+          i.allowFilter && t.isNumber ? t.value = $(N, t.isArray, m.arraySplitSymbol) : t.value = N;
         }
-      }, null), t("div", {
+      }, null), n("div", {
         class: "surSlot"
-      }, [u < e.depth ? !p && (l.newChild ? l.newChild(x) : t("button", {
+      }, [s < e.depth ? !S && (u.newChild ? u.newChild(w) : n("button", {
         class: ["success", "bt"],
-        onClick: x.addChild
-      }, [e.newChildTxt(n)])) : null])])]), t("div", {
+        onClick: w.addChild
+      }, [e.newChildTxt(t)])) : null])])]), n("div", {
         class: "btn"
-      }, [l.rowActions ? l.rowActions(x) : t(B, null, [t("button", {
+      }, [u.rowActions ? u.rowActions(w) : n(B, null, [n("button", {
         class: ["success", "bt"],
-        disabled: !x.isLast,
-        onClick: x.addItem
-      }, [w("+")]), t("button", {
+        disabled: !w.isLast,
+        onClick: w.addItem
+      }, [k("+")]), n("button", {
         class: ["danger", "bt"],
-        onClick: x.removeItem
-      }, [w("-")])])]), Array.isArray(n.value) && T(n.value, u + 1, n)]);
+        onClick: w.removeItem
+      }, [k("-")])])]), Array.isArray(t.value) && T(t.value, s + 1, t)]);
     })]);
-    j(f, (i) => {
+    j(f, (c) => {
       if (!e.isController) return;
-      const u = g(i);
-      o("update:modelValue", u), o("onMerge", u, L(f.value));
+      const s = b(c);
+      o("update:modelValue", s), o("onMerge", s, L(f.value));
     }, {
       deep: !0
-    }), y({
-      onSet: (i) => {
-        f.value = a(i ?? e.modelValue);
+    }), h({
+      onSet: (c) => {
+        f.value = r(c ?? e.modelValue);
       },
-      getResult: (i = "res") => i === "ori" ? L(f.value) : g(f.value)
+      getResult: (c = "res") => c === "ori" ? L(f.value) : b(f.value)
     });
-    const A = () => f.value.push({
+    const y = () => f.value.push({
       rId: e.randomFun(),
       key: "",
       value: ""
-    }), r = () => {
-      f.value = a(e.modelValue), o("onReset");
-    }, S = () => {
-      const i = g(f.value);
-      o("update:modelValue", i), o("onMerge", i, L(f.value)), f.value = a(i);
+    }), l = () => {
+      f.value = r(e.modelValue), o("onReset");
+    }, x = () => {
+      const c = b(f.value);
+      o("update:modelValue", c), o("onMerge", c, L(f.value)), f.value = r(c);
     };
-    return () => t("div", {
+    return () => n("div", {
       class: `dynamicCascadeForm ${e.dyCls}`
-    }, [t("div", {
+    }, [n("div", {
       class: `dyFormList ${f.value.length ? "" : "noObj"}`,
       style: {
-        maxHeight: c.maxHeight
+        maxHeight: i.maxHeight
       }
-    }, [T(f.value)]), t("div", {
+    }, [T(f.value)]), n("div", {
       class: `control ${f.value.length ? "" : "noObj"}`
-    }, [!f.value.length && (l.newBtn ? l.newBtn({
-      newItem: A
-    }) : t("button", {
+    }, [!f.value.length && (u.newBtn ? u.newBtn({
+      newItem: y
+    }) : n("button", {
       class: ["success", "bt"],
-      onClick: A
-    }, [v.newTxt])), !e.isController && t(B, null, [!c.hideReset && (l.resetBtn ? l.resetBtn({
-      reset: r
-    }) : t("button", {
+      onClick: y
+    }, [d.newTxt])), !e.isController && n(B, null, [!i.hideReset && (u.resetBtn ? u.resetBtn({
+      reset: l
+    }) : n("button", {
       class: ["default", "bt"],
-      onClick: r
-    }, [v.resetTxt])), l.mergeBtn ? l.mergeBtn({
-      merge: S
-    }) : t("button", {
+      onClick: l
+    }, [d.resetTxt])), u.mergeBtn ? u.mergeBtn({
+      merge: x
+    }) : n("button", {
       class: ["info", "bt"],
-      onClick: S
-    }, [v.mergeTxt])])])]);
+      onClick: x
+    }, [d.mergeTxt])])])]);
   }
-}), W = {
+}), U = {
   loading: {
     type: Boolean,
     default: !1
@@ -458,216 +458,243 @@ const K = /* @__PURE__ */ R({
   refreshLoading: {
     type: Boolean,
     default: !0
+  },
+  stackStatus: {
+    // true 时常驻展示结束/错误提示，false 时仅在滚动底部展示
+    type: Boolean,
+    default: !0
   }
-}, G = {
+}, W = {
   "update:loading": (e) => !0,
   "update:isError": (e) => !0
-}, ee = /* @__PURE__ */ R({
+}, Z = /* @__PURE__ */ H({
   name: "LoadedScroll",
-  props: W,
-  emits: G,
+  props: U,
+  emits: W,
   slots: Object,
   setup(e, {
     slots: o,
-    emit: y
+    emit: h
   }) {
-    const l = I(null);
-    let v = null;
-    const {
-      ignoreScroll: c,
-      botHintRef: m,
-      hintHeight: h,
-      handleScroll: a,
-      bindHintHeight: g,
-      fetchData: f
-    } = J(e, y), {
-      pullY: T,
-      pullText: A,
-      touching: r,
-      bindLoaded: S,
-      unbindLoaded: i
-    } = Q(e, y, l, u);
-    async function u() {
-      c.value = !0, await D();
-      const d = l.value?.querySelector(e.scrollNode);
-      v?.removeEventListener("scroll", a), v = d, v && (e.memoryScroll || (v.scrollTop = 0), v.addEventListener("scroll", a)), setTimeout(() => {
-        c.value = !1;
+    const u = I(null);
+    let d = null;
+    const i = I(!1), {
+      ignoreScroll: m,
+      botHintRef: g,
+      hintHeight: r,
+      handleScroll: b,
+      updateBottomStatus: f,
+      bindHintHeight: T,
+      fetchData: y
+    } = G(e, h, (a) => {
+      i.value = a;
+    }), {
+      pullY: l,
+      pullText: x,
+      touching: c,
+      bindLoaded: s,
+      unbindLoaded: v
+    } = J(e, h, u, C), t = O(() => e.stackStatus || i.value);
+    j(() => [e.loading, e.finished, e.isError], () => {
+      d && f(d);
+    }, {
+      flush: "post"
+    });
+    async function C() {
+      m.value = !0, await F();
+      const a = u.value?.querySelector(e.scrollNode);
+      d?.removeEventListener("scroll", b), d = a, d ? (e.memoryScroll || (d.scrollTop = 0), f(d), d.addEventListener("scroll", b)) : i.value = !1, setTimeout(() => {
+        m.value = !1;
       });
     }
-    return $(async () => {
-      await g(), await f(), await u(), S();
-    }), M(() => {
-      v && v.removeEventListener("scroll", a), i();
-    }), () => t("div", {
-      ref: l,
+    return M(async () => {
+      await T(), await y(), await C(), s();
+    }), V(() => {
+      d && d.removeEventListener("scroll", b), v();
+    }), () => n("div", {
+      ref: u,
       class: "loadedScroll"
-    }, [e.pullRefresh && t("div", {
+    }, [e.pullRefresh && n("div", {
       class: "pullRefreshHint",
       style: {
-        height: `${T.value}px`,
-        lineHeight: `${T.value}px`,
-        transition: r.value ? "none" : "height .25s",
+        height: `${l.value}px`,
+        lineHeight: `${l.value}px`,
+        transition: c.value ? "none" : "height .25s",
         overflow: "hidden",
         textAlign: "center"
       }
-    }, [A.value]), o.default?.({
-      hintHeight: h.value
-    }), t("div", {
-      ref: m
-    }, [o.bottomHint ? o.bottomHint?.() : e.finished ? t("div", {
+    }, [x.value]), o.default?.({
+      hintHeight: r.value
+    }), n("div", {
+      ref: g,
+      style: {
+        display: "flow-root"
+      }
+    }, [o.bottomHint ? o.bottomHint?.() : n(B, null, [e.loading && n("div", {
       class: "hintText"
-    }, [o.finishedTxt?.() ?? e.finishedTxt]) : t(B, null, [e.loading && t("div", {
+    }, [o.loadingTxt?.() ?? e.loadingTxt]), t.value && e.finished && n("div", {
       class: "hintText"
-    }, [o.loadingTxt?.() ?? e.loadingTxt]), e.isError && !e.loading && t("div", {
+    }, [o.finishedTxt?.() ?? e.finishedTxt]), t.value && e.isError && !e.loading && n("div", {
       class: "hintText errorTxt",
       "data-no-pull": !0,
-      onPointerDown: (d) => d.stopPropagation(),
-      onTouchStart: (d) => d.stopPropagation(),
+      onPointerDown: (a) => a.stopPropagation(),
+      onTouchStart: (a) => a.stopPropagation(),
       onClick: () => {
-        y("update:loading", !0), y("update:isError", !1), f();
+        h("update:loading", !0), h("update:isError", !1), y();
       }
     }, [o.errorTxt?.() ?? e.errorTxt])])])]);
   }
 });
-function J(e, o) {
-  const y = I(!0), l = I(0), v = I(null), c = O(() => e.loading || e.finished || e.isError ? l.value : 0);
-  function m(g) {
-    if (y.value || e.loading || e.finished || e.isError) return;
-    const f = g.target;
-    f.scrollTop + f.clientHeight >= f.scrollHeight - e.offset && (o("update:loading", !0), a());
+function G(e, o, h) {
+  const u = I(!0), d = I(0), i = I(null), m = d;
+  let g;
+  function r(y) {
+    const l = y.scrollTop + y.clientHeight >= y.scrollHeight - e.offset;
+    return h(y.scrollTop + y.clientHeight + m.value >= y.scrollHeight - e.offset), l;
+  }
+  function b(y) {
+    const l = r(y.target);
+    u.value || e.loading || e.finished || e.isError || !l || (o("update:loading", !0), T());
   }
-  async function h() {
-    const g = v.value?.getElementsByTagName("div")[0];
-    l.value = (g?.clientHeight ?? 0) + q(g);
+  async function f() {
+    await F();
+    const y = i.value;
+    if (!y) return;
+    const l = () => {
+      d.value = y.getBoundingClientRect().height;
+    };
+    l(), g?.disconnect(), g = new ResizeObserver(l), g.observe(y);
   }
-  async function a() {
-    return e.loadData?.().then((g) => {
+  V(() => g?.disconnect());
+  async function T() {
+    return e.loadData?.().then((y) => {
       o("update:loading", !1);
-    }).catch((g) => {
+    }).catch((y) => {
       o("update:loading", !1), o("update:isError", !0);
     });
   }
   return {
-    ignoreScroll: y,
-    hintHeight: c,
-    botHeight: l,
-    botHintRef: v,
-    handleScroll: m,
-    bindHintHeight: h,
-    fetchData: a
+    ignoreScroll: u,
+    hintHeight: m,
+    botHeight: d,
+    botHintRef: i,
+    handleScroll: b,
+    updateBottomStatus: r,
+    bindHintHeight: f,
+    fetchData: T
   };
 }
-function Q(e, o, y, l) {
-  const v = I(null), c = I(!1), m = I(!1), h = I(0), a = I(0), g = O(() => m.value ? e.refreshingTxt : a.value >= e.pullDistance ? e.releaseTxt : e.pullTxt);
+function J(e, o, h, u) {
+  const d = I(null), i = I(!1), m = I(!1), g = I(0), r = I(0), b = O(() => m.value ? e.refreshingTxt : r.value >= e.pullDistance ? e.releaseTxt : e.pullTxt);
   function f() {
-    return !y.value || y.value.scrollTop <= 2;
+    return !h.value || h.value.scrollTop <= 2;
   }
   function T() {
     return e.pullRefresh && f() && !m.value;
   }
-  function A(s) {
-    d(s) || (c.value = !1, e.pullRefresh && f() && (m.value || (c.value = !0, h.value = E(s), v.value = _(s), "pointerId" in s && s.currentTarget.setPointerCapture?.(s.pointerId))));
+  function y(a) {
+    v(a) || (i.value = !1, e.pullRefresh && f() && (m.value || (i.value = !0, g.value = E(a), d.value = q(a), "pointerId" in a && a.currentTarget.setPointerCapture?.(a.pointerId))));
   }
-  function r(s) {
-    if (!c.value || "pointerId" in s && v.value !== s.pointerId || !T()) return;
-    const b = E(s) - h.value;
-    b <= 0 || (s.preventDefault(), a.value = Math.min(b * 0.45, e.pullDistance + 30));
+  function l(a) {
+    if (!i.value || "pointerId" in a && d.value !== a.pointerId || !T()) return;
+    const p = E(a) - g.value;
+    p <= 0 || (a.preventDefault(), r.value = Math.min(p * 0.45, e.pullDistance + 30));
   }
-  function S(s) {
-    c.value && ("pointerId" in s && v.value !== s.pointerId || (c.value = !1, "pointerId" in s && s.currentTarget.releasePointerCapture?.(s.pointerId), v.value = null, a.value >= e.pullDistance ? i() : a.value = 0));
+  function x(a) {
+    i.value && ("pointerId" in a && d.value !== a.pointerId || (i.value = !1, "pointerId" in a && a.currentTarget.releasePointerCapture?.(a.pointerId), d.value = null, r.value >= e.pullDistance ? c() : r.value = 0));
   }
-  async function i() {
+  async function c() {
     if (!m.value) {
-      m.value = !0, e.refreshLoading && o("update:loading", !0), a.value = e.pullDistance;
+      m.value = !0, e.refreshLoading && o("update:loading", !0), r.value = e.pullDistance;
       try {
         o("update:isError", !1), await e.refreshData?.();
       } catch {
         o("update:isError", !0);
       } finally {
-        m.value = !1, await D(), await l(), e.refreshLoading && o("update:loading", !1), setTimeout(() => {
-          a.value = 0;
+        m.value = !1, await F(), await u(), e.refreshLoading && o("update:loading", !1), setTimeout(() => {
+          r.value = 0;
         });
       }
     }
   }
-  async function u() {
-    await D(), n(), !(!y.value || !e.pullRefresh) && C().forEach(({
-      name: s,
-      handler: p,
-      options: b
+  async function s() {
+    await F(), t(), !(!h.value || !e.pullRefresh) && C().forEach(({
+      name: a,
+      handler: S,
+      options: p
     }) => {
-      y.value?.addEventListener(s, p, b);
+      h.value?.addEventListener(a, S, p);
     });
   }
-  function d(s) {
-    return !!s.target?.closest("[data-no-pull]");
+  function v(a) {
+    return !!a.target?.closest("[data-no-pull]");
   }
-  function n() {
+  function t() {
     C().forEach(({
-      name: s,
-      handler: p,
-      options: b
+      name: a,
+      handler: S,
+      options: p
     }) => {
-      y.value?.removeEventListener(s, p, b);
+      h.value?.removeEventListener(a, S, p);
     });
   }
   function C() {
-    const s = A, p = r, b = S, x = [{
+    const a = y, S = l, p = x, w = [{
       name: "pointerdown",
-      handler: s
+      handler: a
     }, {
       name: "pointermove",
-      handler: p
+      handler: S
     }, {
       name: "pointerup",
-      handler: b
+      handler: p
     }, {
       name: "pointercancel",
-      handler: b
-    }], k = [{
+      handler: p
+    }], A = [{
       name: "touchstart",
-      handler: s,
+      handler: a,
       options: {
         passive: !0
       }
     }, {
       name: "touchmove",
-      handler: p,
+      handler: S,
       options: {
         passive: !1
       }
     }, {
       name: "touchend",
-      handler: b
+      handler: p
     }, {
       name: "touchcancel",
-      handler: b
+      handler: p
     }];
     switch (e.supportMode) {
       case "pc":
-        return x;
+        return w;
       case "mobile":
-        return k;
+        return A;
       default:
-        return [...x, ...k];
+        return [...w, ...A];
     }
   }
   return {
-    pullY: a,
-    touching: c,
-    pullText: g,
-    bindLoaded: u,
-    unbindLoaded: n
+    pullY: r,
+    touching: i,
+    pullText: b,
+    bindLoaded: s,
+    unbindLoaded: t
   };
 }
-const te = function(e, o) {
-  function y() {
+const ee = function(e, o) {
+  function h() {
     e?.();
   }
-  function l() {
+  function u() {
     e?.();
   }
-  const v = P({
+  const d = P({
     pageNo: 1,
     pageSize: 25,
     showSizePicker: !0,
@@ -675,41 +702,41 @@ const te = function(e, o) {
     pageSlot: 5,
     total: 0,
     layout: "total, prev, pager, next, sizes, jumper",
-    onChange: y,
-    onPageSizeChange: l,
-    setTotalSize(c) {
-      v.total = c;
+    onChange: h,
+    onPageSizeChange: u,
+    setTotalSize(i) {
+      d.total = i;
     },
     ...o
   });
-  return v;
-}, ne = {
+  return d;
+}, te = {
   install(e) {
-    e.component("DynamicInput", K), e.component("DynamicCascadeInput", U);
+    e.component("DynamicInput", _), e.component("DynamicCascadeInput", K);
   }
 };
 export {
-  re as Debounce,
-  U as DynamicCascadeInput,
-  K as DynamicInput,
-  ne as DynamicInputPlugin,
-  ee as LoadedScroll,
-  ue as OmitValue,
-  oe as ensureRef,
-  V as formatNumberInput,
+  ae as Debounce,
+  K as DynamicCascadeInput,
+  _ as DynamicInput,
+  te as DynamicInputPlugin,
+  Z as LoadedScroll,
+  re as OmitValue,
+  ue as ensureRef,
+  $ as formatNumberInput,
   E as getClientY,
-  ie as getDepthColor,
-  _ as getEventId,
-  q as getMarginY,
+  oe as getDepthColor,
+  q as getEventId,
+  ie as getMarginY,
   se as getPadY,
   z as parseValue,
-  H as resetObj,
+  R as resetObj,
   Y as saferRepairColor,
-  F as tranArr,
+  D as tranArr,
   ce as unwrapObj,
   de as useDyForm,
   fe as useObserverSize,
-  te as usePagination,
+  ee as usePagination,
   ve as useReactiveForm,
   me as useWindowSize
 };