dynamicformdjx 0.5.0 → 0.6.0

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 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({
   name: "DynamicInput",
   props: {
     size: {
@@ -34,13 +34,13 @@ 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,
-    slots: u
+    emit: o,
+    expose: y,
+    slots: l
   }) {
     const v = {
       resetTxt: "重置",
@@ -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) => {
+    }, h = e.size, a = I(F(e.modelValue, e.randomFun, m.arraySplitSymbol)), g = I(null);
+    j(a, (r) => {
       if (!e.isController) return;
-      const b = j(a, m.arraySplitSymbol);
-      d("update:modelValue", b), d("onMerge", b, A(r.value));
+      const S = H(r, m.arraySplitSymbol);
+      o("update:modelValue", S), o("onMerge", S, L(a.value));
     }, {
       deep: !0
-    }), k({
-      onSet: (a) => {
-        r.value = B(a ?? e.modelValue, e.randomFun, m.arraySplitSymbol);
+    }), y({
+      onSet: (r) => {
+        a.value = F(r ?? e.modelValue, e.randomFun, m.arraySplitSymbol);
       },
-      getResult: (a = "res") => a === "ori" ? A(r.value) : j(r.value, m.arraySplitSymbol)
+      getResult: (r = "res") => r === "ori" ? L(a.value) : H(a.value, m.arraySplitSymbol)
     });
-    const i = () => r.value.push({
+    const f = () => a.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 = () => {
+      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);
     };
-    return () => n("div", {
-      class: `dynamicForm ${y} ${e.dyCls}`
-    }, [n("div", {
-      class: `dyFormList ${r.value.length ? "" : "noList"}`,
-      ref: C,
+    return () => t("div", {
+      class: `dynamicForm ${h} ${e.dyCls}`
+    }, [t("div", {
+      class: `dyFormList ${a.value.length ? "" : "noList"}`,
+      ref: g,
       style: {
         maxHeight: c.maxHeight
       }
-    }, [r.value.map((a, b, s) => {
-      const l = {
-        row: a,
-        index: b,
-        isLast: b === s.length - 1,
+    }, [a.value.map((r, S, i) => {
+      const u = {
+        row: r,
+        index: S,
+        isLast: S === i.length - 1,
         addItem: () => {
-          r.value.push({
+          a.value.push({
             rId: e.randomFun(),
             key: "",
             value: ""
-          }), c.autoScroll && $(() => {
-            const o = C.value;
-            o?.scrollTo({
-              top: o.scrollHeight,
+          }), c.autoScroll && D(() => {
+            const d = g.value;
+            d?.scrollTo({
+              top: d.scrollHeight,
               behavior: "smooth"
             });
           });
         },
         removeItem: () => {
-          r.value = r.value.filter((o) => o.rId !== a.rId);
+          a.value = a.value.filter((d) => d.rId !== r.rId);
         },
-        toggleArray: () => a.isArray = !a.isArray,
-        toggleNumber: () => a.isNumber = !a.isNumber
+        toggleArray: () => r.isArray = !r.isArray,
+        toggleNumber: () => r.isNumber = !r.isNumber
       };
-      return n("div", {
+      return t("div", {
         class: "dItem",
-        key: a.rId
-      }, [n("div", {
+        key: r.rId
+      }, [t("div", {
         class: "input"
-      }, [n("input", {
-        size: y,
-        value: a.key,
+      }, [t("input", {
+        size: h,
+        value: r.key,
         class: "key nativeInput",
-        onInput: (o) => {
-          a.key = o.target.value;
+        onInput: (d) => {
+          r.key = d.target.value;
         }
-      }, null), g(":"), n("div", {
+      }, null), w(":"), t("div", {
         class: "vInput"
-      }, [n("div", {
+      }, [t("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,
+      }, [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,
         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: (d) => {
+          const n = d.target.value;
+          c.allowFilter && r.isNumber ? r.value = V(n, r.isArray, m.arraySplitSymbol) : r.value = n;
         }
-      }, null)])]), n("div", {
+      }, null)])]), t("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("-")])])])]);
-    })]), n("div", {
-      class: `control ${r.value.length ? "" : "noList"}`
-    }, [!r.value.length && (u.newBtn ? u.newBtn({
-      newItem: i
-    }) : n("button", {
-      class: ["success", y, "bt"],
-      onClick: i
-    }, [v.newTxt])), !e.isController && n(p, null, [!c.hideReset && (u.resetBtn ? u.resetBtn({
-      reset: w
-    }) : n("button", {
-      class: ["default", y, "bt"],
-      onClick: w
-    }, [v.resetTxt])), u.mergeBtn ? u.mergeBtn({
-      merge: x
-    }) : n("button", {
-      class: ["info", y, "bt"],
-      onClick: x
+      }, [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({
+      newItem: f
+    }) : t("button", {
+      class: ["success", h, "bt"],
+      onClick: f
+    }, [v.newTxt])), !e.isController && t(B, null, [!c.hideReset && (l.resetBtn ? l.resetBtn({
+      reset: T
+    }) : t("button", {
+      class: ["default", h, "bt"],
+      onClick: T
+    }, [v.resetTxt])), l.mergeBtn ? l.mergeBtn({
+      merge: A
+    }) : t("button", {
+      class: ["info", h, "bt"],
+      onClick: A
     }, [v.mergeTxt])])])]);
   }
-}), P = /* @__PURE__ */ O({
+}), U = /* @__PURE__ */ R({
   name: "DynamicCascadeInput",
   props: {
     modelValue: {
@@ -212,13 +212,13 @@ 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,
-    slots: u
+    emit: o,
+    expose: y,
+    slots: l
   }) {
     const v = {
       resetTxt: "重置",
@@ -239,162 +239,435 @@ 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
+    }, 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,
+        isArray: C || void 0,
+        isNumber: s || 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"],
+    }), 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"],
       style: {
-        "--depth": l,
-        ["--c" + [l]]: M(c.borderColors, l)
+        "--depth": u,
+        ["--c" + [u]]: Y(c.borderColors, u)
       }
-    }, [s.map((t, h, T) => {
-      const I = Array.isArray(t.value), N = y(typeof t.value), f = {
-        row: t,
-        index: h,
-        isLast: h === T.length - 1,
+    }, [i.map((n, C, s) => {
+      const p = Array.isArray(n.value), b = h(typeof n.value), x = {
+        row: n,
+        index: C,
+        isLast: C === s.length - 1,
         addItem: () => {
-          s.push({
+          i.push({
             rId: e.randomFun(),
             key: "",
             value: ""
           });
         },
         addChild: () => {
-          N && (t.value = [], t.isArray = void 0), t.value.push({
+          b && (n.value = [], n.isArray = void 0), n.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 (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,
               value: ""
-            }) : o.value = "";
+            }) : d.value = "";
           }
         },
-        toggleArray: () => t.isArray = !t.isArray,
-        toggleNumber: () => t.isNumber = !t.isNumber
+        toggleArray: () => n.isArray = !n.isArray,
+        toggleNumber: () => n.isNumber = !n.isNumber
       };
-      return n("div", {
+      return t("div", {
         class: "dItem",
-        key: t.rId,
+        key: n.rId,
         style: {
-          marginLeft: l > 1 ? `${l * c.retractLen}px` : "0"
+          marginLeft: u > 1 ? `${u * c.retractLen}px` : "0"
         }
-      }, [n("div", {
+      }, [t("div", {
         class: "input"
-      }, [!I && n(p, null, [n("input", {
-        value: t.key,
+      }, [!p && t(B, null, [t("input", {
+        value: n.key,
         class: "key nativeInput",
-        onInput: (F) => t.key = F.target.value
-      }, null), g(":")]), n("div", {
+        onInput: (k) => n.key = k.target.value
+      }, null), w(":")]), t("div", {
         class: "vInput"
-      }, [n("div", {
+      }, [t("div", {
         class: "slot"
-      }, [Array.isArray(t.value) ? void 0 : u.typeTools ? u.typeTools(f) : n(p, null, [!c.hideArrayBtn && n("button", {
-        class: [t.isArray ? "success" : "default", "small", "bt"],
-        onClick: f.toggleArray
-      }, [g("Array")]), !c.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;
+      }, [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;
             return;
           }
-          c.allowFilter && t.isNumber ? t.value = R(S, t.isArray, m.arraySplitSymbol) : t.value = S;
+          c.allowFilter && n.isNumber ? n.value = V(N, n.isArray, m.arraySplitSymbol) : n.value = N;
         }
-      }, null), n("div", {
+      }, null), t("div", {
         class: "surSlot"
-      }, [l < e.depth ? !I && (u.newChild ? u.newChild(f) : n("button", {
+      }, [u < e.depth ? !p && (l.newChild ? l.newChild(x) : t("button", {
         class: ["success", "bt"],
-        onClick: f.addChild
-      }, [e.newChildTxt(t)])) : null])])]), n("div", {
+        onClick: x.addChild
+      }, [e.newChildTxt(n)])) : null])])]), t("div", {
         class: "btn"
-      }, [u.rowActions ? u.rowActions(f) : n(p, null, [n("button", {
+      }, [l.rowActions ? l.rowActions(x) : t(B, null, [t("button", {
         class: ["success", "bt"],
-        disabled: !f.isLast,
-        onClick: f.addItem
-      }, [g("+")]), n("button", {
+        disabled: !x.isLast,
+        onClick: x.addItem
+      }, [w("+")]), t("button", {
         class: ["danger", "bt"],
-        onClick: f.removeItem
-      }, [g("-")])])]), Array.isArray(t.value) && w(t.value, l + 1, t)]);
+        onClick: x.removeItem
+      }, [w("-")])])]), Array.isArray(n.value) && T(n.value, u + 1, n)]);
     })]);
-    L(i, (s) => {
+    j(f, (i) => {
       if (!e.isController) return;
-      const l = C(s);
-      d("update:modelValue", l), d("onMerge", l, A(i.value));
+      const u = g(i);
+      o("update:modelValue", u), o("onMerge", u, L(f.value));
     }, {
       deep: !0
-    }), k({
-      onSet: (s) => {
-        i.value = r(s ?? e.modelValue);
+    }), y({
+      onSet: (i) => {
+        f.value = a(i ?? e.modelValue);
       },
-      getResult: (s = "res") => s === "ori" ? A(i.value) : C(i.value)
+      getResult: (i = "res") => i === "ori" ? L(f.value) : g(f.value)
     });
-    const x = () => i.value.push({
+    const A = () => 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);
+    }), 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);
     };
-    return () => n("div", {
+    return () => t("div", {
       class: `dynamicCascadeForm ${e.dyCls}`
-    }, [n("div", {
-      class: `dyFormList ${i.value.length ? "" : "noObj"}`,
+    }, [t("div", {
+      class: `dyFormList ${f.value.length ? "" : "noObj"}`,
       style: {
         maxHeight: c.maxHeight
       }
-    }, [w(i.value)]), n("div", {
-      class: `control ${i.value.length ? "" : "noObj"}`
-    }, [!i.value.length && (u.newBtn ? u.newBtn({
-      newItem: x
-    }) : n("button", {
+    }, [T(f.value)]), t("div", {
+      class: `control ${f.value.length ? "" : "noObj"}`
+    }, [!f.value.length && (l.newBtn ? l.newBtn({
+      newItem: A
+    }) : t("button", {
       class: ["success", "bt"],
-      onClick: x
-    }, [v.newTxt])), !e.isController && n(p, null, [!c.hideReset && (u.resetBtn ? u.resetBtn({
-      reset: a
-    }) : n("button", {
+      onClick: A
+    }, [v.newTxt])), !e.isController && t(B, null, [!c.hideReset && (l.resetBtn ? l.resetBtn({
+      reset: r
+    }) : t("button", {
       class: ["default", "bt"],
-      onClick: a
-    }, [v.resetTxt])), u.mergeBtn ? u.mergeBtn({
-      merge: b
-    }) : n("button", {
+      onClick: r
+    }, [v.resetTxt])), l.mergeBtn ? l.mergeBtn({
+      merge: S
+    }) : t("button", {
       class: ["info", "bt"],
-      onClick: b
+      onClick: S
     }, [v.mergeTxt])])])]);
   }
-}), K = function(e, d) {
-  function k() {
+}), W = {
+  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
+  }
+}, G = {
+  "update:loading": (e) => !0,
+  "update:isError": (e) => !0
+}, ee = /* @__PURE__ */ R({
+  name: "LoadedScroll",
+  props: W,
+  emits: G,
+  slots: Object,
+  setup(e, {
+    slots: o,
+    emit: y
+  }) {
+    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;
+      });
+    }
+    return $(async () => {
+      await g(), await f(), await u(), S();
+    }), M(() => {
+      v && v.removeEventListener("scroll", a), i();
+    }), () => t("div", {
+      ref: l,
+      class: "loadedScroll"
+    }, [e.pullRefresh && t("div", {
+      class: "pullRefreshHint",
+      style: {
+        height: `${T.value}px`,
+        lineHeight: `${T.value}px`,
+        transition: r.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", {
+      class: "hintText"
+    }, [o.finishedTxt?.() ?? e.finishedTxt]) : t(B, null, [e.loading && t("div", {
+      class: "hintText"
+    }, [o.loadingTxt?.() ?? e.loadingTxt]), e.isError && !e.loading && t("div", {
+      class: "hintText errorTxt",
+      "data-no-pull": !0,
+      onPointerDown: (d) => d.stopPropagation(),
+      onTouchStart: (d) => d.stopPropagation(),
+      onClick: () => {
+        y("update:loading", !0), y("update:isError", !1), f();
+      }
+    }, [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());
+  }
+  async function h() {
+    const g = v.value?.getElementsByTagName("div")[0];
+    l.value = (g?.clientHeight ?? 0) + q(g);
+  }
+  async function a() {
+    return e.loadData?.().then((g) => {
+      o("update:loading", !1);
+    }).catch((g) => {
+      o("update:loading", !1), o("update:isError", !0);
+    });
+  }
+  return {
+    ignoreScroll: y,
+    hintHeight: c,
+    botHeight: l,
+    botHintRef: v,
+    handleScroll: m,
+    bindHintHeight: h,
+    fetchData: a
+  };
+}
+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 f() {
+    return !y.value || y.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 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 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));
+  }
+  async function i() {
+    if (!m.value) {
+      m.value = !0, e.refreshLoading && o("update:loading", !0), a.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;
+        });
+      }
+    }
+  }
+  async function u() {
+    await D(), n(), !(!y.value || !e.pullRefresh) && C().forEach(({
+      name: s,
+      handler: p,
+      options: b
+    }) => {
+      y.value?.addEventListener(s, p, b);
+    });
+  }
+  function d(s) {
+    return !!s.target?.closest("[data-no-pull]");
+  }
+  function n() {
+    C().forEach(({
+      name: s,
+      handler: p,
+      options: b
+    }) => {
+      y.value?.removeEventListener(s, p, b);
+    });
+  }
+  function C() {
+    const s = A, p = r, b = S, x = [{
+      name: "pointerdown",
+      handler: s
+    }, {
+      name: "pointermove",
+      handler: p
+    }, {
+      name: "pointerup",
+      handler: b
+    }, {
+      name: "pointercancel",
+      handler: b
+    }], k = [{
+      name: "touchstart",
+      handler: s,
+      options: {
+        passive: !0
+      }
+    }, {
+      name: "touchmove",
+      handler: p,
+      options: {
+        passive: !1
+      }
+    }, {
+      name: "touchend",
+      handler: b
+    }, {
+      name: "touchcancel",
+      handler: b
+    }];
+    switch (e.supportMode) {
+      case "pc":
+        return x;
+      case "mobile":
+        return k;
+      default:
+        return [...x, ...k];
+    }
+  }
+  return {
+    pullY: a,
+    touching: c,
+    pullText: g,
+    bindLoaded: u,
+    unbindLoaded: n
+  };
+}
+const te = function(e, o) {
+  function y() {
     e?.();
   }
-  function u() {
+  function l() {
     e?.();
   }
-  const v = z({
+  const v = P({
     pageNo: 1,
     pageSize: 25,
     showSizePicker: !0,
@@ -402,37 +675,41 @@ const H = /* @__PURE__ */ O({
     pageSlot: 5,
     total: 0,
     layout: "total, prev, pager, next, sizes, jumper",
-    onChange: k,
-    onPageSizeChange: u,
+    onChange: y,
+    onPageSizeChange: l,
     setTotalSize(c) {
       v.total = c;
     },
-    ...d
+    ...o
   });
   return v;
-}, W = {
+}, ne = {
   install(e) {
-    e.component("DynamicInput", H), e.component("DynamicCascadeInput", P);
+    e.component("DynamicInput", K), e.component("DynamicCascadeInput", U);
   }
 };
 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
+  re as Debounce,
+  U as DynamicCascadeInput,
+  K as DynamicInput,
+  ne as DynamicInputPlugin,
+  ee as LoadedScroll,
+  ue as OmitValue,
+  oe as ensureRef,
+  V as formatNumberInput,
+  E as getClientY,
+  ie as getDepthColor,
+  _ as getEventId,
+  q as getMarginY,
+  se as getPadY,
+  z as parseValue,
+  H as resetObj,
+  Y as saferRepairColor,
+  F as tranArr,
+  ce as unwrapObj,
+  de as useDyForm,
+  fe as useObserverSize,
+  te as usePagination,
+  ve as useReactiveForm,
+  me as useWindowSize
 };