dynamicformdjx 0.4.4 → 0.6.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as O, ref as R, watch as L, toRaw as p, createVNode as s, createTextVNode as f, Fragment as k, nextTick as M, shallowReactive as D, unref as H, isRef as N } from "vue";
-import { t as B, r as j, f as $, p as E, s as z, e as K } from "./index-B7xg-BCF.js";
-import { O as Y, g as Z } from "./index-B7xg-BCF.js";
-const P = /* @__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: {
@@ -15,7 +15,7 @@ const P = /* @__PURE__ */ O({
     },
     randomFun: {
       type: Function,
-      default: (l) => `${Date.now()}_${l ?? 0}`
+      default: (e) => `${Date.now()}_${e ?? 0}`
     },
     btnConfigs: {
       type: Object
@@ -32,148 +32,148 @@ const P = /* @__PURE__ */ O({
     }
   },
   emits: {
-    "update:modelValue": (l) => !0,
+    "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (l, i) => !0
+    onMerge: (e, o) => !0
   },
   slots: Object,
-  setup(l, {
-    emit: i,
-    expose: I,
-    slots: r
+  setup(e, {
+    emit: o,
+    expose: y,
+    slots: l
   }) {
-    const b = {
+    const v = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
-      ...l.btnConfigs
-    }, m = {
+      ...e.btnConfigs
+    }, c = {
       hideReset: !1,
       maxHeight: "300px",
       autoScroll: !0,
       allowFilter: !0,
       hideArrayBtn: !1,
       hideNumberBtn: !1,
-      ...l.configs
-    }, y = {
+      ...e.configs
+    }, m = {
       arraySplitSymbol: ",",
-      ...l.dyListConfigs
-    }, v = l.size, c = R(B(l.modelValue, l.randomFun, y.arraySplitSymbol)), g = R(null);
-    L(c, (t) => {
-      if (!l.isController) return;
-      const u = j(t, y.arraySplitSymbol);
-      i("update:modelValue", u), i("onMerge", u, p(c.value));
+      ...e.dyListConfigs
+    }, h = e.size, a = I(F(e.modelValue, e.randomFun, m.arraySplitSymbol)), g = I(null);
+    j(a, (r) => {
+      if (!e.isController) return;
+      const S = H(r, m.arraySplitSymbol);
+      o("update:modelValue", S), o("onMerge", S, L(a.value));
     }, {
       deep: !0
-    }), I({
-      onSet: (t) => {
-        c.value = B(t ?? l.modelValue, l.randomFun, y.arraySplitSymbol);
+    }), y({
+      onSet: (r) => {
+        a.value = F(r ?? e.modelValue, e.randomFun, m.arraySplitSymbol);
       },
-      getResult: (t = "res") => t === "ori" ? p(c.value) : j(c.value, y.arraySplitSymbol)
+      getResult: (r = "res") => r === "ori" ? L(a.value) : H(a.value, m.arraySplitSymbol)
     });
-    const d = () => c.value.push({
-      rId: l.randomFun(),
+    const f = () => a.value.push({
+      rId: e.randomFun(),
       key: "",
       value: ""
-    }), A = () => {
-      c.value = B(l.modelValue, l.randomFun, y.arraySplitSymbol), i("onReset");
-    }, w = () => {
-      c.value.sort((u, e) => +u.rId - +e.rId);
-      const t = j(c.value, y.arraySplitSymbol);
-      i("update:modelValue", t), i("onMerge", t, p(c.value)), c.value = B(t, l.randomFun, y.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 () => s("div", {
-      class: `dynamicForm ${v} ${l.dyCls}`
-    }, [s("div", {
-      class: `dyFormList ${c.value.length ? "" : "noList"}`,
+    return () => t("div", {
+      class: `dynamicForm ${h} ${e.dyCls}`
+    }, [t("div", {
+      class: `dyFormList ${a.value.length ? "" : "noList"}`,
       ref: g,
       style: {
-        maxHeight: m.maxHeight
+        maxHeight: c.maxHeight
       }
-    }, [c.value.map((t, u, e) => {
-      const a = {
-        row: t,
-        index: u,
-        isLast: u === e.length - 1,
+    }, [a.value.map((r, S, i) => {
+      const u = {
+        row: r,
+        index: S,
+        isLast: S === i.length - 1,
         addItem: () => {
-          c.value.push({
-            rId: l.randomFun(),
+          a.value.push({
+            rId: e.randomFun(),
             key: "",
             value: ""
-          }), m.autoScroll && M(() => {
-            const o = g.value;
-            o?.scrollTo({
-              top: o.scrollHeight,
+          }), c.autoScroll && D(() => {
+            const d = g.value;
+            d?.scrollTo({
+              top: d.scrollHeight,
               behavior: "smooth"
             });
           });
         },
         removeItem: () => {
-          c.value = c.value.filter((o) => o.rId !== t.rId);
+          a.value = a.value.filter((d) => d.rId !== r.rId);
         },
-        toggleArray: () => t.isArray = !t.isArray,
-        toggleNumber: () => t.isNumber = !t.isNumber
+        toggleArray: () => r.isArray = !r.isArray,
+        toggleNumber: () => r.isNumber = !r.isNumber
       };
-      return s("div", {
+      return t("div", {
         class: "dItem",
-        key: t.rId
-      }, [s("div", {
+        key: r.rId
+      }, [t("div", {
         class: "input"
-      }, [s("input", {
-        size: v,
-        value: t.key,
+      }, [t("input", {
+        size: h,
+        value: r.key,
         class: "key nativeInput",
-        onInput: (o) => {
-          t.key = o.target.value;
+        onInput: (d) => {
+          r.key = d.target.value;
         }
-      }, null), f(":"), s("div", {
+      }, null), w(":"), t("div", {
         class: "vInput"
-      }, [s("div", {
+      }, [t("div", {
         class: "slot"
-      }, [r.typeTools ? r.typeTools(a) : s(k, null, [!m.hideArrayBtn && s("button", {
-        class: [t.isArray ? "success" : "default", "small", "bt"],
-        onClick: a.toggleArray
-      }, [f("Array")]), !m.hideNumberBtn && s("button", {
-        class: [t.isNumber ? "success" : "default", "small", "bt"],
-        onClick: a.toggleNumber
-      }, [f("Number")])])]), s("input", {
-        size: v,
-        value: t.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 n = o.target.value;
-          m.allowFilter && t.isNumber ? t.value = $(n, t.isArray, y.arraySplitSymbol) : t.value = n;
+        onInput: (d) => {
+          const n = d.target.value;
+          c.allowFilter && r.isNumber ? r.value = V(n, r.isArray, m.arraySplitSymbol) : r.value = n;
         }
-      }, null)])]), s("div", {
+      }, null)])]), t("div", {
         class: "btn"
-      }, [r.rowActions ? r.rowActions(a) : s(k, null, [s("button", {
-        class: [v, "success", "bt"],
-        disabled: !a.isLast,
-        onClick: a.addItem
-      }, [f("+")]), s("button", {
-        class: ["danger", v, "bt"],
-        onClick: a.removeItem
-      }, [f("-")])])])]);
-    })]), s("div", {
-      class: `control ${c.value.length ? "" : "noList"}`
-    }, [!c.value.length && (r.newBtn ? r.newBtn({
-      newItem: d
-    }) : s("button", {
-      class: ["success", v, "bt"],
-      onClick: d
-    }, [b.newTxt])), !l.isController && s(k, null, [!m.hideReset && (r.resetBtn ? r.resetBtn({
-      reset: A
-    }) : s("button", {
-      class: ["default", v, "bt"],
+      }, [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
-    }, [b.resetTxt])), r.mergeBtn ? r.mergeBtn({
-      merge: w
-    }) : s("button", {
-      class: ["info", v, "bt"],
-      onClick: w
-    }, [b.mergeTxt])])])]);
+    }, [v.mergeTxt])])])]);
   }
-}), q = /* @__PURE__ */ O({
+}), U = /* @__PURE__ */ R({
   name: "DynamicCascadeInput",
   props: {
     modelValue: {
@@ -188,7 +188,7 @@ const P = /* @__PURE__ */ O({
     },
     randomFun: {
       type: Function,
-      default: (l) => `${Date.now()}_${l ?? 0}`
+      default: (e) => `${Date.now()}_${e ?? 0}`
     },
     // 子层深度 (超过则不再出现添加选项)
     depth: {
@@ -206,26 +206,26 @@ const P = /* @__PURE__ */ O({
     },
     newChildTxt: {
       type: Function,
-      default: (l) => `添加 '${l.key}' 子项`
+      default: (e) => `添加 '${e.key}' 子项`
     }
   },
   emits: {
-    "update:modelValue": (l) => !0,
+    "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (l, i) => !0
+    onMerge: (e, o) => !0
   },
   slots: Object,
-  setup(l, {
-    emit: i,
-    expose: I,
-    slots: r
+  setup(e, {
+    emit: o,
+    expose: y,
+    slots: l
   }) {
-    const b = {
+    const v = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
-      ...l.btnConfigs
-    }, m = {
+      ...e.btnConfigs
+    }, c = {
       hideReset: !1,
       maxHeight: "600px",
       allowFilter: !0,
@@ -235,257 +235,481 @@ const P = /* @__PURE__ */ O({
       hideNumberBtn: !1,
       retractLen: 0,
       borderColors: [],
-      ...l.configs
-    }, y = {
+      ...e.configs
+    }, m = {
       arraySplitSymbol: ",",
-      ...l.dyListConfigs
-    }, v = (e) => ["string", "number"].includes(e), c = (e) => Object.keys(e).map((a, o) => {
-      let n = e[a];
-      const C = Array.isArray(n), T = C ? n.every((V) => typeof V == "number") : typeof n == "number", S = n === null;
-      return v(typeof n) && (n = e[a]), S && (n = ""), {
-        rId: l.randomFun(o),
-        key: a,
-        value: Object.prototype.toString.call(n) === "[object Object]" ? c(e[a]) : C ? n.join(y.arraySplitSymbol) : n,
+      ...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,
         isArray: C || void 0,
-        isNumber: T || void 0
+        isNumber: s || void 0
       };
-    }), g = (e) => e.reduce((a, o) => {
-      const n = o.value;
-      return o.key.trim().length && (a[o.key] = Array.isArray(n) ? g(n) : E(o.value, o.isArray, o.isNumber, y.arraySplitSymbol)), a;
-    }, {}), d = R(c(l.modelValue)), A = (e, a = 1, o) => s("div", {
-      class: [`depth-${a}`, m.showBorder ? "" : "no-border", m.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": a,
-        ["--c" + [a]]: z(m.borderColors, a)
+        "--depth": u,
+        ["--c" + [u]]: Y(c.borderColors, u)
       }
-    }, [e.map((n, C, T) => {
-      const S = Array.isArray(n.value), V = v(typeof n.value), h = {
+    }, [i.map((n, C, s) => {
+      const p = Array.isArray(n.value), b = h(typeof n.value), x = {
         row: n,
         index: C,
-        isLast: C === T.length - 1,
+        isLast: C === s.length - 1,
         addItem: () => {
-          e.push({
-            rId: l.randomFun(),
+          i.push({
+            rId: e.randomFun(),
             key: "",
             value: ""
           });
         },
         addChild: () => {
-          V && (n.value = [], n.isArray = void 0), n.value.push({
-            rId: l.randomFun(),
+          b && (n.value = [], n.isArray = void 0), n.value.push({
+            rId: e.randomFun(),
             key: "",
             value: ""
           });
         },
         removeItem: () => {
-          if (e.splice(C, 1), e.length < 1) {
-            if (o === void 0) return g([]);
-            const F = d.value.findIndex((x) => x.rId === o?.rId);
-            a < 1 ? d.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: () => n.isArray = !n.isArray,
         toggleNumber: () => n.isNumber = !n.isNumber
       };
-      return s("div", {
+      return t("div", {
         class: "dItem",
         key: n.rId,
         style: {
-          marginLeft: a > 1 ? `${a * m.retractLen}px` : "0"
+          marginLeft: u > 1 ? `${u * c.retractLen}px` : "0"
         }
-      }, [s("div", {
+      }, [t("div", {
         class: "input"
-      }, [!S && s(k, null, [s("input", {
+      }, [!p && t(B, null, [t("input", {
         value: n.key,
         class: "key nativeInput",
-        onInput: (F) => n.key = F.target.value
-      }, null), f(":")]), s("div", {
+        onInput: (k) => n.key = k.target.value
+      }, null), w(":")]), t("div", {
         class: "vInput"
-      }, [s("div", {
+      }, [t("div", {
         class: "slot"
-      }, [Array.isArray(n.value) ? void 0 : r.typeTools ? r.typeTools(h) : s(k, null, [!m.hideArrayBtn && s("button", {
+      }, [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: h.toggleArray
-      }, [f("Array")]), !m.hideNumberBtn && s("button", {
+        onClick: x.toggleArray
+      }, [w("Array")]), !c.hideNumberBtn && t("button", {
         class: [n.isNumber ? "success" : "default", "small", "bt"],
-        onClick: h.toggleNumber
-      }, [f("Number")])])]), s("input", {
-        class: `value nativeV ${S ? "isKey" : ""}`,
-        value: V ? n.value : n.key,
-        onInput: (F) => {
-          const x = F.target.value;
-          if (S) {
-            n.key = x;
+        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;
           }
-          m.allowFilter && n.isNumber ? n.value = $(x, n.isArray, y.arraySplitSymbol) : n.value = x;
+          c.allowFilter && n.isNumber ? n.value = V(N, n.isArray, m.arraySplitSymbol) : n.value = N;
         }
-      }, null), s("div", {
+      }, null), t("div", {
         class: "surSlot"
-      }, [a < l.depth ? !S && (r.newChild ? r.newChild(h) : s("button", {
+      }, [u < e.depth ? !p && (l.newChild ? l.newChild(x) : t("button", {
         class: ["success", "bt"],
-        onClick: h.addChild
-      }, [l.newChildTxt(n)])) : null])])]), s("div", {
+        onClick: x.addChild
+      }, [e.newChildTxt(n)])) : null])])]), t("div", {
         class: "btn"
-      }, [r.rowActions ? r.rowActions(h) : s(k, null, [s("button", {
+      }, [l.rowActions ? l.rowActions(x) : t(B, null, [t("button", {
         class: ["success", "bt"],
-        disabled: !h.isLast,
-        onClick: h.addItem
-      }, [f("+")]), s("button", {
+        disabled: !x.isLast,
+        onClick: x.addItem
+      }, [w("+")]), t("button", {
         class: ["danger", "bt"],
-        onClick: h.removeItem
-      }, [f("-")])])]), Array.isArray(n.value) && A(n.value, a + 1, n)]);
+        onClick: x.removeItem
+      }, [w("-")])])]), Array.isArray(n.value) && T(n.value, u + 1, n)]);
     })]);
-    L(d, (e) => {
-      if (!l.isController) return;
-      const a = g(e);
-      i("update:modelValue", a), i("onMerge", a, p(d.value));
+    j(f, (i) => {
+      if (!e.isController) return;
+      const u = g(i);
+      o("update:modelValue", u), o("onMerge", u, L(f.value));
     }, {
       deep: !0
-    }), I({
-      onSet: (e) => {
-        d.value = c(e ?? l.modelValue);
+    }), y({
+      onSet: (i) => {
+        f.value = a(i ?? e.modelValue);
       },
-      getResult: (e = "res") => e === "ori" ? p(d.value) : g(d.value)
+      getResult: (i = "res") => i === "ori" ? L(f.value) : g(f.value)
     });
-    const w = () => d.value.push({
-      rId: l.randomFun(),
+    const A = () => f.value.push({
+      rId: e.randomFun(),
       key: "",
       value: ""
-    }), t = () => {
-      d.value = c(l.modelValue), i("onReset");
-    }, u = () => {
-      const e = g(d.value);
-      i("update:modelValue", e), i("onMerge", e, p(d.value)), d.value = c(e);
+    }), 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 () => s("div", {
-      class: `dynamicCascadeForm ${l.dyCls}`
-    }, [s("div", {
-      class: `dyFormList ${d.value.length ? "" : "noObj"}`,
+    return () => t("div", {
+      class: `dynamicCascadeForm ${e.dyCls}`
+    }, [t("div", {
+      class: `dyFormList ${f.value.length ? "" : "noObj"}`,
       style: {
-        maxHeight: m.maxHeight
+        maxHeight: c.maxHeight
       }
-    }, [A(d.value)]), s("div", {
-      class: `control ${d.value.length ? "" : "noObj"}`
-    }, [!d.value.length && (r.newBtn ? r.newBtn({
-      newItem: w
-    }) : s("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: w
-    }, [b.newTxt])), !l.isController && s(k, null, [!m.hideReset && (r.resetBtn ? r.resetBtn({
-      reset: t
-    }) : s("button", {
+      onClick: A
+    }, [v.newTxt])), !e.isController && t(B, null, [!c.hideReset && (l.resetBtn ? l.resetBtn({
+      reset: r
+    }) : t("button", {
       class: ["default", "bt"],
-      onClick: t
-    }, [b.resetTxt])), r.mergeBtn ? r.mergeBtn({
-      merge: u
-    }) : s("button", {
+      onClick: r
+    }, [v.resetTxt])), l.mergeBtn ? l.mergeBtn({
+      merge: S
+    }) : t("button", {
       class: ["info", "bt"],
-      onClick: u
-    }, [b.mergeTxt])])])]);
+      onClick: S
+    }, [v.mergeTxt])])])]);
+  }
+}), 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(l, i = !0) {
-  return l.map((I) => {
-    const r = I;
-    return r.value = K(I.value), i ? D(r) : r;
-  });
+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(l) {
-  const i = () => H(l), I = (t, u) => {
-    i().forEach((e) => {
-      const a = e.key;
-      (!u || u.includes(a)) && (e.disabled = 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 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);
     });
-  }, r = (t, u) => {
-    i().forEach((e) => {
-      const a = e.key;
-      (!u || u.includes(a)) && (e.hidden = t);
+  }
+  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);
     });
-  }, b = (t, u) => {
-    const e = i().find((a) => a.key === t);
-    e && (N(e.value) ? e.value.value = u : e.value = u);
-  };
-  return {
-    setDisabled: I,
-    setHidden: r,
-    setValue: b,
-    setValues: (t) => {
-      Object.entries(t).forEach(([u, e]) => {
-        b(u, e);
-      });
-    },
-    getValue: (t) => {
-      const u = i().find((e) => e.key === t);
-      if (u) {
-        const e = u.value;
-        return N(e) ? p(e.value) : e;
+  }
+  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
       }
-    },
-    getValues: (t) => {
-      const u = t && t.length ? new Set(t) : null;
-      return i().reduce((e, a) => {
-        const o = a.key;
-        if (!u || u.has(o)) {
-          const n = N(a.value) ? p(a.value.value) : a.value;
-          e[o] = n;
-        }
-        return e;
-      }, {});
-    },
-    onReset: (t = null) => {
-      i().forEach((u) => {
-        N(u.value) ? u.value.value = t : u.value = t;
-      });
-    },
-    getItem: (t) => i().find((u) => u.key === t),
-    setItem: (t, u) => {
-      i().forEach((e) => {
-        if (e.key === t) {
-          const { key: a, ...o } = u;
-          Object.assign(e, o);
-        }
-      });
-    },
-    setItems: (t) => {
-      const u = new Map(t);
-      i().forEach((e) => {
-        const a = u.get(e.key);
-        if (a) {
-          const { key: o, ...n } = a;
-          Object.assign(e, n);
-        }
-      });
-    },
-    updateKeys: (t) => {
-      const u = new Map(t);
-      i().forEach((e) => {
-        const a = u.get(e.key);
-        a && (e.key = a);
-      });
+    }, {
+      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 U = {
-  install(l) {
-    l.component("DynamicInput", P), l.component("DynamicCascadeInput", q);
+const te = function(e, o) {
+  function y() {
+    e?.();
+  }
+  function l() {
+    e?.();
+  }
+  const v = P({
+    pageNo: 1,
+    pageSize: 25,
+    showSizePicker: !0,
+    pageSizes: [25, 50, 100, 200],
+    pageSlot: 5,
+    total: 0,
+    layout: "total, prev, pager, next, sizes, jumper",
+    onChange: y,
+    onPageSizeChange: l,
+    setTotalSize(c) {
+      v.total = c;
+    },
+    ...o
+  });
+  return v;
+}, ne = {
+  install(e) {
+    e.component("DynamicInput", K), e.component("DynamicCascadeInput", U);
   }
 };
 export {
-  q as DynamicCascadeInput,
-  P as DynamicInput,
-  U as DynamicInputPlugin,
-  Y as OmitValue,
-  K as ensureRef,
-  $ as formatNumberInput,
-  Z as getDepthColor,
-  E as parseValue,
-  j as resetObj,
-  z as saferRepairColor,
-  B as tranArr,
-  Q as useDyForm,
-  J as useReactiveForm
+  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
 };