dynamicformdjx 0.5.0 → 0.6.2

package/dist/index.mjs

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