@component-hook/picker 1.1.1 → 1.1.3

package/dist/vue/picker.es.js

@@ -1,77 +1,76 @@
 import "./index.css";
-import { defineComponent as B, watch as ie, createBlock as E, openBlock as I, Teleport as ce, createVNode as Z, Transition as j, withCtx as X, withDirectives as q, createElementVNode as Y, vShow as J, renderSlot as R, ref as C, readonly as Q, isRef as W, toRef as me, createElementBlock as F, unref as g, normalizeStyle as ee, Fragment as z, renderList as ue, toDisplayString as A, computed as O, watchEffect as de, withModifiers as fe, nextTick as pe } from "vue";
+import { ref as Y, readonly as Z, isRef as j, defineComponent as E, toRef as re, createElementBlock as P, openBlock as C, unref as T, createElementVNode as I, normalizeStyle as q, Fragment as R, renderList as ue, toDisplayString as A, watch as ce, createBlock as L, Teleport as me, createVNode as J, Transition as Q, withCtx as z, withDirectives as W, vShow as ee, renderSlot as _, computed as O, watchEffect as de, withModifiers as fe, nextTick as pe } from "vue";
 const ve = Array.isArray;
-function he(e, s) {
-  if (se(e)) return "multiple";
+function he(e, a) {
+  if (ae(e)) return "multiple";
   const [n] = e;
-  return n != null && n[s.children] ? "cascade" : "single";
+  return n?.[a.children] ? "cascade" : "single";
 }
 function Te(e) {
   return {
-    children: (e == null ? void 0 : e.children) || "children",
-    label: (e == null ? void 0 : e.label) || "label",
-    value: (e == null ? void 0 : e.value) || "value"
+    children: e?.children || "children",
+    label: e?.label || "label",
+    value: e?.value || "value"
   };
 }
-function ge(e, s, n) {
-  var d;
-  if (se(e)) return [];
-  const l = [];
-  let o = e, r = 0;
+function ge(e, a, n) {
+  if (ae(e)) return [];
+  const u = [];
+  let o = e, i = 0;
   for (; o; ) {
-    const p = s[r];
-    let f = ae(o, p, n);
-    f === -1 && (f = 0), l.push(o), r += 1, o = (d = o[f]) == null ? void 0 : d[n.children];
+    const d = a[i];
+    let f = se(o, d, n);
+    f === -1 && (f = 0), u.push(o), i += 1, o = o[f]?.[n.children];
   }
-  return l;
+  return u;
 }
-function ke(e, s, n, l) {
+function ke(e, a, n, u) {
   const o = [...n];
-  let r = e, d = s + 1;
-  for (; r != null && r[l.children]; ) {
-    const p = r[l.children][0];
-    o[d] = p.value, r = p, d += 1;
+  let i = e, d = a + 1;
+  for (; i?.[u.children]; ) {
+    const f = i[u.children][0];
+    o[d] = f.value, i = f, d += 1;
   }
   return o;
 }
-function ae(e, s, n) {
-  return e.findIndex((l) => (l == null ? void 0 : l[n.value]) === s);
+function se(e, a, n) {
+  return e.findIndex((u) => u?.[n.value] === a);
 }
-function se(e) {
-  const [s] = e;
-  return ve(s);
+function ae(e) {
+  const [a] = e;
+  return ve(a);
 }
-function Me(e, s) {
-  return e > s ? "horizontal" : s > e ? "vertical" : "";
+function Me(e, a) {
+  return e > a ? "horizontal" : a > e ? "vertical" : "";
 }
-function L(e, s, n) {
-  const l = [];
-  for (let o = e; o <= s; o++) {
-    const r = n(`${o}`);
-    l.push({ label: r, value: o });
+function F(e, a, n) {
+  const u = [];
+  for (let o = e; o <= a; o++) {
+    const i = n(`${o}`);
+    u.push({ label: i, value: o });
   }
-  return l;
+  return u;
 }
-function te(e, s) {
-  return e === s.getFullYear();
+function te(e, a) {
+  return e === a.getFullYear();
 }
-function ne(e, s) {
-  return e === s.getFullYear();
+function ne(e, a) {
+  return e === a.getFullYear();
 }
-function Ve(e, s) {
-  return e === s.getMonth() + 1;
+function Ve(e, a) {
+  return e === a.getMonth() + 1;
 }
-function ye(e, s) {
-  return e === s.getMonth() + 1;
+function ye(e, a) {
+  return e === a.getMonth() + 1;
 }
-function we(e, s) {
-  return new Date(e, s, 0).getDate();
+function we(e, a) {
+  return new Date(e, a, 0).getDate();
 }
-function xe(e, s, n) {
-  const l = /* @__PURE__ */ new Date(), o = Date.now(), r = e.getTime(), d = s.getTime(), p = o >= r && o <= d;
-  return n === "year" ? p ? l.getFullYear() : e.getFullYear() : n === "month" ? p ? l.getMonth() + 1 : e.getMonth() + 1 : p ? l.getDate() : e.getDate();
+function xe(e, a, n) {
+  const u = /* @__PURE__ */ new Date(), o = Date.now(), i = e.getTime(), d = a.getTime(), f = o >= i && o <= d;
+  return n === "year" ? f ? u.getFullYear() : e.getFullYear() : n === "month" ? f ? u.getMonth() + 1 : e.getMonth() + 1 : f ? u.getDate() : e.getDate();
 }
-function $(e) {
+function H(e) {
   return e;
 }
 function De(e) {
@@ -79,60 +78,18 @@ function De(e) {
 }
 function oe(e) {
   if (!De(e)) return null;
-  const [s, n, l] = e.split(":");
-  return { hour: Number(s), minute: Number(n), second: Number(l) };
+  const [a, n, u] = e.split(":");
+  return { hour: Number(a), minute: Number(n), second: Number(u) };
 }
-function H(e) {
+function U(e) {
   return e.padStart(2, "0");
 }
-function Se(e, s, n) {
-  const l = Date.now(), { hour: o, minute: r, second: d } = e, { hour: p, minute: f, second: m } = s, V = (/* @__PURE__ */ new Date()).setHours(o, r, d), M = (/* @__PURE__ */ new Date()).setHours(p, f, m), x = l >= V && l <= M;
-  return n === "hour" ? x ? (/* @__PURE__ */ new Date()).getHours() : o : n === "minute" ? x ? (/* @__PURE__ */ new Date()).getMinutes() : r : x ? (/* @__PURE__ */ new Date()).getSeconds() : d;
+function Se(e, a, n) {
+  const u = Date.now(), { hour: o, minute: i, second: d } = e, { hour: f, minute: p, second: m } = a, M = (/* @__PURE__ */ new Date()).setHours(o, i, d), g = (/* @__PURE__ */ new Date()).setHours(f, p, m), w = u >= M && u <= g;
+  return n === "hour" ? w ? (/* @__PURE__ */ new Date()).getHours() : o : n === "minute" ? w ? (/* @__PURE__ */ new Date()).getMinutes() : i : w ? (/* @__PURE__ */ new Date()).getSeconds() : d;
 }
-const be = { class: "chook-picker-container" }, Ie = /* @__PURE__ */ B({
-  __name: "Popup",
-  props: {
-    teleport: { default: "body" },
-    modelValue: { type: Boolean }
-  },
-  emits: ["update:modelValue", "open", "close", "closed"],
-  setup(e, { emit: s }) {
-    const n = e, l = s;
-    return ie(
-      () => n.modelValue,
-      (o) => {
-        o ? (document.body.style.overflow = "hidden", l("open")) : (document.body.style.overflow = "", l("close"));
-      },
-      { immediate: !0 }
-    ), (o, r) => (I(), E(ce, { to: o.teleport }, [
-      Z(j, { name: "chook-picker-fade" }, {
-        default: X(() => [
-          q(Y("div", {
-            class: "chook-picker-mask",
-            onClick: r[0] || (r[0] = (d) => o.$emit("update:modelValue", !1))
-          }, null, 512), [
-            [J, o.modelValue]
-          ])
-        ]),
-        _: 1
-      }),
-      Z(j, {
-        name: "chook-picker-slide",
-        onAfterLeave: r[1] || (r[1] = (d) => o.$emit("closed"))
-      }, {
-        default: X(() => [
-          q(Y("div", be, [
-            R(o.$slots, "default")
-          ], 512), [
-            [J, o.modelValue]
-          ])
-        ]),
-        _: 3
-      })
-    ], 8, ["to"]));
-  }
-}), Ye = 16, _ = 48, Ce = 0.52, le = 150, U = 300, Oe = 15, Pe = 8e-3, Fe = "Select Date", Le = ["year", "month", "day"], Ee = "Select Time", Be = ["hour", "minute", "second"];
-function Ae() {
+const be = 16, N = 48, Ce = 0.52, le = 150, X = 300, Ie = 15, Ye = 8e-3, Oe = "Select Date", Pe = ["year", "month", "day"], Fe = "Select Time", Le = ["hour", "minute", "second"];
+function Ee() {
   const e = {
     startX: 0,
     startY: 0,
@@ -141,88 +98,88 @@ function Ae() {
     offsetX: 0,
     offsetY: 0
   };
-  let s = "";
-  const n = () => s === "vertical", l = () => s === "horizontal";
+  let a = "";
+  const n = () => a === "vertical", u = () => a === "horizontal";
   function o() {
-    e.deltaX = 0, e.deltaY = 0, e.offsetX = 0, e.offsetY = 0, s = "";
+    e.deltaX = 0, e.deltaY = 0, e.offsetX = 0, e.offsetY = 0, a = "";
   }
-  function r(f) {
-    const m = "touches" in f ? f.touches[0] : f;
+  function i(p) {
+    const m = "touches" in p ? p.touches[0] : p;
     o(), e.startX = m.clientX, e.startY = m.clientY;
   }
-  function d(f) {
+  function d(p) {
     if (!e.startX || !e.startY) return !0;
-    const m = "touches" in f ? f.touches[0] : f;
+    const m = "touches" in p ? p.touches[0] : p;
     e.deltaX = Math.max(m.clientX, 0) - e.startX, e.deltaY = m.clientY - e.startY, e.offsetX = Math.abs(e.deltaX), e.offsetY = Math.abs(e.deltaY);
-    const V = 10;
-    (!s || e.offsetX < V && e.offsetY < V) && (s = Me(e.offsetX, e.offsetY));
+    const M = 10;
+    (!a || e.offsetX < M && e.offsetY < M) && (a = Me(e.offsetX, e.offsetY));
   }
-  function p() {
+  function f() {
     e.startX = 0, e.startY = 0;
   }
   return {
     pointer: e,
     move: d,
-    start: r,
-    stop: p,
+    start: i,
+    stop: f,
     reset: o,
     isVertical: n,
-    isHorizontal: l
+    isHorizontal: u
   };
 }
-function Ne({ column: e, onChange: s }) {
-  const l = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) / Ye, o = C(0), r = C(0), { pointer: d, start: p, move: f, stop: m } = Ae();
-  let V = 0, M = 0, x = 0, y = !1, D = null;
-  function w(h) {
-    p(h), y = !0, r.value = 0, M = Date.now(), V = o.value, x = V, D = null;
+function Be({ column: e, onChange: a }) {
+  const u = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) / be, o = Y(0), i = Y(0), { pointer: d, start: f, move: p, stop: m } = Ee();
+  let M = 0, g = 0, w = 0, V = !1, x = null;
+  function y(v) {
+    f(v), V = !0, i.value = 0, g = Date.now(), M = o.value, w = M, x = null;
   }
-  function a(h) {
-    if (f(h)) return;
-    const b = W(e) ? e.value.length : e.length, P = V + d.deltaY, N = v((b - 1) * -48), G = Math.min(Math.max(P, N), 0), K = Date.now();
-    o.value = G, !(K - M <= U) && (M = K, x = G);
+  function s(v) {
+    if (p(v)) return;
+    const b = j(e) ? e.value.length : e.length, B = M + d.deltaY, $ = D((b - 1) * -N), G = Math.min(Math.max(B, $), 0), K = Date.now();
+    o.value = G, !(K - g <= X) && (g = K, w = G);
   }
-  function i() {
+  function r() {
     m();
-    const h = o.value - x, T = Date.now() - M;
-    if (T < U && Math.abs(h) > Oe) {
-      t(h, T);
+    const v = o.value - w, k = Date.now() - g;
+    if (k < X && Math.abs(v) > Ie) {
+      t(v, k);
       return;
     }
-    const b = k(o.value);
-    r.value = le, c(b), y = !1;
+    const b = h(o.value);
+    i.value = le, c(b), V = !1;
   }
-  function t(h, T) {
-    const b = Math.abs(h / T), P = o.value + b / Pe * (h < 0 ? -1 : 1), N = k(P);
-    r.value = U, c(N);
+  function t(v, k) {
+    const b = Math.abs(v / k), B = o.value + b / Ye * (v < 0 ? -1 : 1), $ = h(B);
+    i.value = X, c($);
   }
-  function u() {
-    r.value = 0, y = !1, D && (D(), D = null);
+  function l() {
+    i.value = 0, V = !1, x && (x(), x = null);
   }
-  function c(h) {
-    const T = -h * v(_), b = () => s == null ? void 0 : s(h);
-    y && T !== o.value ? D = b : b(), o.value = T;
+  function c(v) {
+    const k = -v * D(N), b = () => a?.(v);
+    V && k !== o.value ? x = b : b(), o.value = k;
   }
-  function k(h) {
-    const T = W(e) ? e.value.length : e.length, b = Math.round(-h / v(_));
-    return b < 0 ? 0 : b >= T ? T - 1 : b;
+  function h(v) {
+    const k = j(e) ? e.value.length : e.length, b = Math.round(-v / D(N));
+    return b < 0 ? 0 : b >= k ? k - 1 : b;
   }
-  function v(h) {
-    return h * l;
+  function D(v) {
+    return v * u;
   }
-  function S(h, T = "auto") {
-    y && T === "smooth" || (D = null, y = T === "smooth", r.value = T === "smooth" ? le : 0, c(h));
+  function S(v, k = "auto") {
+    V && k === "smooth" || (x = null, V = k === "smooth", i.value = k === "smooth" ? le : 0, c(v));
   }
   return {
-    offsetY: Q(o),
-    transitionDuration: Q(r),
-    onPointerDown: w,
-    onPointerMove: a,
-    onPointerUp: i,
-    stopInertialSliding: u,
+    offsetY: Z(o),
+    transitionDuration: Z(i),
+    onPointerDown: y,
+    onPointerMove: s,
+    onPointerUp: r,
+    stopInertialSliding: l,
     scrollToIndex: S
   };
 }
-const $e = ["onClick"], He = /* @__PURE__ */ B({
+const Ae = ["onClick"], Ne = /* @__PURE__ */ E({
   __name: "PickerColumn",
   props: {
     column: {},
@@ -230,68 +187,110 @@ const $e = ["onClick"], He = /* @__PURE__ */ B({
     selectedIndex: { default: 0 }
   },
   emits: ["change"],
-  setup(e, { expose: s, emit: n }) {
-    const l = e, o = n, { offsetY: r, transitionDuration: d, onPointerDown: p, onPointerMove: f, onPointerUp: m, stopInertialSliding: V, scrollToIndex: M } = Ne({
-      column: me(l, "column"),
-      onChange: x
+  setup(e, { expose: a, emit: n }) {
+    const u = e, o = n, { offsetY: i, transitionDuration: d, onPointerDown: f, onPointerMove: p, onPointerUp: m, stopInertialSliding: M, scrollToIndex: g } = Be({
+      column: re(u, "column"),
+      onChange: w
     });
-    function x(w) {
-      w !== l.selectedIndex && o("change", w);
+    function w(y) {
+      y !== u.selectedIndex && o("change", y);
     }
-    function y(w = l.selectedIndex, a) {
-      M(w, a);
+    function V(y = u.selectedIndex, s) {
+      g(y, s);
     }
-    function D(w) {
-      w !== l.selectedIndex && y(w, "smooth");
+    function x(y) {
+      y !== u.selectedIndex && V(y, "smooth");
     }
-    return s({ scrollToSelected: y }), (w, a) => (I(), F("div", {
+    return a({ scrollToSelected: V }), (y, s) => (C(), P("div", {
       class: "chook-picker-column",
-      onTouchstartPassive: a[1] || (a[1] = //@ts-ignore
-      (...i) => g(p) && g(p)(...i)),
-      onTouchmovePassive: a[2] || (a[2] = //@ts-ignore
-      (...i) => g(f) && g(f)(...i)),
-      onTouchendPassive: a[3] || (a[3] = //@ts-ignore
-      (...i) => g(m) && g(m)(...i)),
-      onTouchcancel: a[4] || (a[4] = //@ts-ignore
-      (...i) => g(m) && g(m)(...i)),
-      onMousedownPassive: a[5] || (a[5] = //@ts-ignore
-      (...i) => g(p) && g(p)(...i)),
-      onMousemovePassive: a[6] || (a[6] = //@ts-ignore
-      (...i) => g(f) && g(f)(...i)),
-      onMouseupPassive: a[7] || (a[7] = //@ts-ignore
-      (...i) => g(m) && g(m)(...i))
+      onTouchstartPassive: s[1] || (s[1] = //@ts-ignore
+      (...r) => T(f) && T(f)(...r)),
+      onTouchmovePassive: s[2] || (s[2] = //@ts-ignore
+      (...r) => T(p) && T(p)(...r)),
+      onTouchendPassive: s[3] || (s[3] = //@ts-ignore
+      (...r) => T(m) && T(m)(...r)),
+      onTouchcancel: s[4] || (s[4] = //@ts-ignore
+      (...r) => T(m) && T(m)(...r)),
+      onMousedownPassive: s[5] || (s[5] = //@ts-ignore
+      (...r) => T(f) && T(f)(...r)),
+      onMousemovePassive: s[6] || (s[6] = //@ts-ignore
+      (...r) => T(p) && T(p)(...r)),
+      onMouseupPassive: s[7] || (s[7] = //@ts-ignore
+      (...r) => T(m) && T(m)(...r))
     }, [
-      Y("ul", {
-        style: ee({
+      I("ul", {
+        style: q({
           overflowY: "hidden",
-          transform: `translate3d(0, ${g(r)}px, 0)`,
-          transitionDuration: `${g(d)}ms`,
-          transitionProperty: g(d) ? "all" : "none"
+          transform: `translate3d(0, ${T(i)}px, 0)`,
+          transitionDuration: `${T(d)}ms`,
+          transitionProperty: T(d) ? "all" : "none"
         }),
-        onTransitionend: a[0] || (a[0] = //@ts-ignore
-        (...i) => g(V) && g(V)(...i))
+        onTransitionend: s[0] || (s[0] = //@ts-ignore
+        (...r) => T(M) && T(M)(...r))
       }, [
-        (I(!0), F(z, null, ue(w.column, (i, t) => (I(), F("li", {
-          key: i == null ? void 0 : i[w.fields.value],
+        (C(!0), P(R, null, ue(y.column, (r, t) => (C(), P("li", {
+          key: r?.[y.fields.value],
           class: "chook-picker-column-item",
           role: "button",
           tabindex: "0",
-          onClick: (u) => D(t)
+          onClick: (l) => x(t)
         }, [
-          Y("p", {
+          I("p", {
             class: "chook-picker-column-label",
-            style: ee({
-              transform: `rotate3d(1, 0, 0, ${(t * g(_) + g(r)) * g(Ce)}deg)`
+            style: q({
+              transform: `rotate3d(1, 0, 0, ${(t * T(N) + T(i)) * T(Ce)}deg)`
             })
-          }, A(i == null ? void 0 : i[w.fields.label]), 5)
-        ], 8, $e))), 128))
+          }, A(r?.[y.fields.label]), 5)
+        ], 8, Ae))), 128))
       ], 36)
     ], 32));
   }
+}), $e = { class: "chook-picker-container" }, He = /* @__PURE__ */ E({
+  __name: "Popup",
+  props: {
+    teleport: { default: "body" },
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue", "open", "close", "closed"],
+  setup(e, { emit: a }) {
+    const n = e, u = a;
+    return ce(
+      () => n.modelValue,
+      (o) => {
+        o ? (document.body.style.overflow = "hidden", u("open")) : (document.body.style.overflow = "", u("close"));
+      },
+      { immediate: !0 }
+    ), (o, i) => (C(), L(me, { to: o.teleport }, [
+      J(Q, { name: "chook-picker-fade" }, {
+        default: z(() => [
+          W(I("div", {
+            class: "chook-picker-mask",
+            onClick: i[0] || (i[0] = (d) => o.$emit("update:modelValue", !1))
+          }, null, 512), [
+            [ee, o.modelValue]
+          ])
+        ]),
+        _: 1
+      }),
+      J(Q, {
+        name: "chook-picker-slide",
+        onAfterLeave: i[1] || (i[1] = (d) => o.$emit("closed"))
+      }, {
+        default: z(() => [
+          W(I("div", $e, [
+            _(o.$slots, "default")
+          ], 512), [
+            [ee, o.modelValue]
+          ])
+        ]),
+        _: 3
+      })
+    ], 8, ["to"]));
+  }
 }), Ue = { class: "chook-picker-header" }, Xe = { class: "chook-picker-title" }, Re = { class: "chook-picker-loading" }, ze = {
   key: 1,
   class: "chook-picker-columns"
-}, re = /* @__PURE__ */ B({
+}, ie = /* @__PURE__ */ E({
   __name: "Picker",
   props: {
     show: { type: Boolean },
@@ -306,263 +305,261 @@ const $e = ["onClick"], He = /* @__PURE__ */ B({
     columnsFieldNames: {}
   },
   emits: ["update:show", "update:modelValue", "confirm", "cancel", "open", "closed"],
-  setup(e, { emit: s }) {
-    const n = e, l = s, o = C([]), r = C([]), d = C([]), p = C(null), f = O({
+  setup(e, { emit: a }) {
+    const n = e, u = a, o = Y([]), i = Y([]), d = Y([]), f = Y(null), p = O({
       get: () => n.show,
-      set: (t) => l("update:show", t)
-    }), m = O(() => Te(n.columnsFieldNames)), V = O(() => he(n.columns, m.value)), M = O(() => {
+      set: (t) => u("update:show", t)
+    }), m = O(() => Te(n.columnsFieldNames)), M = O(() => he(n.columns, m.value)), g = O(() => {
       const { columns: t } = n;
-      return V.value === "single" ? [t] : V.value === "multiple" ? t : ge(t, r.value, m.value);
+      return M.value === "single" ? [t] : M.value === "multiple" ? t : ge(t, i.value, m.value);
     });
-    function x(t, u) {
-      var h;
-      const c = M.value[t], k = (h = c[u]) == null ? void 0 : h[m.value.value], v = r.value[t];
-      if (k === v) return;
-      const S = [...r.value];
-      if (S[t] = k, V.value === "cascade") {
-        const T = c[u];
-        r.value = ke(T, t, S, m.value);
+    function w(t, l) {
+      const c = g.value[t], h = c[l]?.[m.value.value], D = i.value[t];
+      if (h === D) return;
+      const S = [...i.value];
+      if (S[t] = h, M.value === "cascade") {
+        const v = c[l];
+        i.value = ke(v, t, S, m.value);
       } else
-        r.value = S;
-      n.linkage && y();
+        i.value = S;
+      n.linkage && V();
     }
-    function y() {
-      l("update:modelValue", r.value), o.value = r.value;
+    function V() {
+      u("update:modelValue", i.value), o.value = i.value;
     }
-    function D() {
-      l("update:show", !1);
+    function x() {
+      u("update:show", !1);
     }
-    async function w() {
-      l("open"), await pe(), r.value = n.modelValue ? [...n.modelValue] : [...o.value];
+    async function y() {
+      u("open"), await pe(), i.value = n.modelValue ? [...n.modelValue] : [...o.value];
     }
-    function a() {
-      n.linkage || y(), D(), l("confirm", r.value);
+    function s() {
+      n.linkage || V(), x(), u("confirm", i.value);
     }
-    function i() {
-      D(), l("cancel");
+    function r() {
+      x(), u("cancel");
     }
     return de(() => {
-      var c, k;
-      const t = M.value.length, u = [];
-      for (let v = 0; v < t; v++) {
-        const S = M.value[v], h = r.value[v], T = ae(S, h, m.value);
-        if (T === -1) {
-          const P = (d.value[v] ?? 0) >= S.length ? Math.max(S.length - 1, 0) : 0;
-          r.value[v] = (c = S[P]) == null ? void 0 : c[m.value.value], u[v] = P;
+      const t = g.value.length, l = [];
+      for (let c = 0; c < t; c++) {
+        const h = g.value[c], D = i.value[c], S = se(h, D, m.value);
+        if (S === -1) {
+          const k = (d.value[c] ?? 0) >= h.length ? Math.max(h.length - 1, 0) : 0;
+          i.value[c] = h[k]?.[m.value.value], l[c] = k;
         } else
-          u[v] = T;
-        u[v] !== d.value[v] && ((k = p.value) == null || k[v].scrollToSelected(u[v]));
+          l[c] = S;
+        l[c] !== d.value[c] && f.value?.[c].scrollToSelected(l[c]);
       }
-      d.value = u;
-    }), (t, u) => (I(), E(Ie, {
-      modelValue: f.value,
-      "onUpdate:modelValue": u[1] || (u[1] = (c) => f.value = c),
+      d.value = l;
+    }), (t, l) => (C(), L(He, {
+      modelValue: p.value,
+      "onUpdate:modelValue": l[1] || (l[1] = (c) => p.value = c),
       teleport: t.teleport,
-      onOpen: w,
-      onClosed: u[2] || (u[2] = (c) => t.$emit("closed"))
+      onOpen: y,
+      onClosed: l[2] || (l[2] = (c) => t.$emit("closed"))
     }, {
-      default: X(() => [
-        Y("div", Ue, [
-          Y("button", {
+      default: z(() => [
+        I("div", Ue, [
+          I("button", {
             class: "chook-picker-cancel",
-            onClick: i
+            onClick: r
           }, A(t.cancelButtonText), 1),
-          Y("p", Xe, A(t.title), 1),
-          Y("button", {
+          I("p", Xe, A(t.title), 1),
+          I("button", {
             class: "chook-picker-confirm",
-            onClick: a
+            onClick: s
           }, A(t.confirmButtonText), 1)
         ]),
-        t.loading ? (I(), F(z, { key: 0 }, [
-          Y("div", Re, [
-            R(t.$slots, "loading")
+        t.loading ? (C(), P(R, { key: 0 }, [
+          I("div", Re, [
+            _(t.$slots, "loading")
           ]),
-          u[3] || (u[3] = Y("div", { class: "chook-picker-columns" }, null, -1))
-        ], 64)) : t.columns.length ? (I(), F("div", {
+          l[3] || (l[3] = I("div", { class: "chook-picker-columns" }, null, -1))
+        ], 64)) : t.columns.length ? (C(), P("div", {
           key: 2,
           class: "chook-picker-columns chook-picker-columns-backdrop",
-          onTouchmove: u[0] || (u[0] = fe(() => {
+          onTouchmove: l[0] || (l[0] = fe(() => {
           }, ["stop"]))
         }, [
-          (I(!0), F(z, null, ue(M.value, (c, k) => (I(), E(He, {
-            key: k,
+          (C(!0), P(R, null, ue(g.value, (c, h) => (C(), L(Ne, {
+            key: h,
             ref_for: !0,
             ref_key: "columnsRef",
-            ref: p,
+            ref: f,
             column: c,
             fields: m.value,
-            "selected-index": d.value[k],
-            onChange: (v) => x(k, v)
+            "selected-index": d.value[h],
+            onChange: (D) => w(h, D)
           }, null, 8, ["column", "fields", "selected-index", "onChange"]))), 128)),
-          u[4] || (u[4] = Y("div", { class: "chook-picker-mask-backdrop" }, null, -1))
-        ], 32)) : (I(), F("div", ze, [
-          R(t.$slots, "empty")
+          l[4] || (l[4] = I("div", { class: "chook-picker-mask-backdrop" }, null, -1))
+        ], 32)) : (C(), P("div", ze, [
+          _(t.$slots, "empty")
         ]))
       ]),
       _: 3
     }, 8, ["modelValue", "teleport"]));
   }
-}), Ge = /* @__PURE__ */ B({
+}), Ge = /* @__PURE__ */ E({
   __name: "DatePicker",
   props: {
     show: { type: Boolean },
     modelValue: {},
-    title: { default: Fe },
-    columnsType: { default: () => Le },
+    title: { default: Oe },
+    columnsType: { default: () => Pe },
     minDate: { default: () => new Date((/* @__PURE__ */ new Date()).getFullYear() - 10, 0, 1) },
     maxDate: { default: () => new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31) },
     teleport: {},
     confirmButtonText: {},
     cancelButtonText: {},
-    formatYearLabel: { type: Function, default: $ },
-    formatMonthLabel: { type: Function, default: $ },
-    formatDayLabel: { type: Function, default: $ }
+    formatYearLabel: { type: Function, default: H },
+    formatMonthLabel: { type: Function, default: H },
+    formatDayLabel: { type: Function, default: H }
   },
   emits: ["update:show", "update:modelValue", "confirm", "cancel", "open", "closed"],
-  setup(e, { emit: s }) {
-    const n = e, l = s, o = C([]), r = C([]), d = O({
+  setup(e, { emit: a }) {
+    const n = e, u = a, o = Y([]), i = Y([]), d = O({
       get: () => n.show,
-      set: (a) => l("update:show", a)
-    }), p = O(() => {
-      const { columnsType: a, minDate: i, maxDate: t } = n, u = {
-        year: f,
+      set: (s) => u("update:show", s)
+    }), f = O(() => {
+      const { columnsType: s, minDate: r, maxDate: t } = n, l = {
+        year: p,
         month: m,
-        day: V
+        day: M
       };
-      return a.map((c) => u[c](i, t));
+      return s.map((c) => l[c](r, t));
     });
-    function f(a, i) {
-      const t = a.getFullYear(), u = i.getFullYear();
-      return L(t, u, n.formatYearLabel);
+    function p(s, r) {
+      const t = s.getFullYear(), l = r.getFullYear();
+      return F(t, l, n.formatYearLabel);
     }
-    function m(a, i) {
-      const t = M("year"), u = te(t, a) ? a.getMonth() + 1 : 1, c = ne(t, i) ? i.getMonth() + 1 : 12;
-      return L(u, c, n.formatMonthLabel);
+    function m(s, r) {
+      const t = g("year"), l = te(t, s) ? s.getMonth() + 1 : 1, c = ne(t, r) ? r.getMonth() + 1 : 12;
+      return F(l, c, n.formatMonthLabel);
     }
-    function V(a, i) {
-      const t = M("year"), u = M("month"), c = te(t, a) && Ve(u, a), k = ne(t, i) && ye(u, i), v = c ? a.getDate() : 1, S = k ? i.getDate() : we(t, u);
-      return L(v, S, n.formatDayLabel);
+    function M(s, r) {
+      const t = g("year"), l = g("month"), c = te(t, s) && Ve(l, s), h = ne(t, r) && ye(l, r), D = c ? s.getDate() : 1, S = h ? r.getDate() : we(t, l);
+      return F(D, S, n.formatDayLabel);
     }
-    function M(a) {
-      const { columnsType: i } = n, t = i.indexOf(a), u = o.value[t];
-      return u ? Number(u) : xe(n.minDate, n.maxDate, a);
+    function g(s) {
+      const { columnsType: r } = n, t = r.indexOf(s), l = o.value[t];
+      return l ? Number(l) : xe(n.minDate, n.maxDate, s);
     }
-    function x(a) {
-      l("update:modelValue", a), r.value = a, l("confirm", a);
+    function w(s) {
+      u("update:modelValue", s), i.value = s, u("confirm", s);
     }
-    function y() {
-      l("cancel");
+    function V() {
+      u("cancel");
     }
-    function D() {
-      if (l("open"), n.modelValue && n.modelValue.length) {
+    function x() {
+      if (u("open"), n.modelValue && n.modelValue.length) {
         o.value = [...n.modelValue];
         return;
       }
-      const { columnsType: a } = n;
-      o.value = a.map((i) => M(i));
+      const { columnsType: s } = n;
+      o.value = s.map((r) => g(r));
     }
-    function w() {
-      o.value = n.modelValue ? [...n.modelValue] : [...r.value], l("closed");
+    function y() {
+      o.value = n.modelValue ? [...n.modelValue] : [...i.value], u("closed");
     }
-    return (a, i) => (I(), E(re, {
+    return (s, r) => (C(), L(ie, {
       modelValue: o.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (t) => o.value = t),
+      "onUpdate:modelValue": r[0] || (r[0] = (t) => o.value = t),
       show: d.value,
-      "onUpdate:show": i[1] || (i[1] = (t) => d.value = t),
-      title: a.title,
-      columns: p.value,
-      teleport: a.teleport,
-      "confirm-button-text": a.confirmButtonText,
-      "cancel-button-text": a.cancelButtonText,
+      "onUpdate:show": r[1] || (r[1] = (t) => d.value = t),
+      title: s.title,
+      columns: f.value,
+      teleport: s.teleport,
+      "confirm-button-text": s.confirmButtonText,
+      "cancel-button-text": s.cancelButtonText,
       linkage: "",
-      onConfirm: x,
-      onCancel: y,
-      onOpen: D,
-      onClosed: w
+      onConfirm: w,
+      onCancel: V,
+      onOpen: x,
+      onClosed: y
     }, null, 8, ["modelValue", "show", "title", "columns", "teleport", "confirm-button-text", "cancel-button-text"]));
   }
-}), Ke = /* @__PURE__ */ B({
+}), Ke = /* @__PURE__ */ E({
   __name: "TimePicker",
   props: {
     show: { type: Boolean },
     modelValue: {},
-    title: { default: Ee },
-    columnsType: { default: () => Be },
+    title: { default: Fe },
+    columnsType: { default: () => Le },
     minTime: {},
     maxTime: {},
     teleport: {},
     confirmButtonText: {},
     cancelButtonText: {},
-    formatHourLabel: { type: Function, default: H },
-    formatMinuteLabel: { type: Function, default: H },
-    formatSecondLabel: { type: Function, default: H }
+    formatHourLabel: { type: Function, default: U },
+    formatMinuteLabel: { type: Function, default: U },
+    formatSecondLabel: { type: Function, default: U }
   },
   emits: ["update:show", "update:modelValue", "confirm", "cancel", "open", "closed"],
-  setup(e, { emit: s }) {
-    const n = e, l = s, o = C([]), r = C([]), d = O({
+  setup(e, { emit: a }) {
+    const n = e, u = a, o = Y([]), i = Y([]), d = O({
       get: () => n.show,
-      set: (t) => l("update:show", t)
-    }), p = O(() => {
-      const { columnsType: t } = n, u = {
-        hour: V,
-        minute: M,
-        second: x
+      set: (t) => u("update:show", t)
+    }), f = O(() => {
+      const { columnsType: t } = n, l = {
+        hour: M,
+        minute: g,
+        second: w
       };
-      return t.map((c) => u[c]());
-    }), f = O(() => oe(n.minTime ?? "") ?? { hour: 0, minute: 0, second: 0 }), m = O(() => oe(n.maxTime ?? "") ?? { hour: 23, minute: 59, second: 59 });
-    function V() {
-      const t = f.value.hour, u = m.value.hour;
-      return L(t, u, n.formatHourLabel);
-    }
+      return t.map((c) => l[c]());
+    }), p = O(() => oe(n.minTime ?? "") ?? { hour: 0, minute: 0, second: 0 }), m = O(() => oe(n.maxTime ?? "") ?? { hour: 23, minute: 59, second: 59 });
     function M() {
-      const t = y("hour"), { hour: u, minute: c } = f.value, { hour: k, minute: v } = m.value;
-      return L(t === u ? c : 0, t === k ? v : 59, n.formatMinuteLabel);
+      const t = p.value.hour, l = m.value.hour;
+      return F(t, l, n.formatHourLabel);
     }
-    function x() {
-      const t = y("hour"), u = y("minute"), { hour: c, minute: k, second: v } = f.value, { hour: S, minute: h, second: T } = m.value;
-      return L(t === c && u === k ? v : 0, t === S && u === h ? T : 59, n.formatSecondLabel);
+    function g() {
+      const t = V("hour"), { hour: l, minute: c } = p.value, { hour: h, minute: D } = m.value;
+      return F(t === l ? c : 0, t === h ? D : 59, n.formatMinuteLabel);
     }
-    function y(t) {
-      const { columnsType: u } = n, c = u.indexOf(t), k = o.value[c];
-      return k !== void 0 ? Number(k) : Se(f.value, m.value, t);
+    function w() {
+      const t = V("hour"), l = V("minute"), { hour: c, minute: h, second: D } = p.value, { hour: S, minute: v, second: k } = m.value;
+      return F(t === c && l === h ? D : 0, t === S && l === v ? k : 59, n.formatSecondLabel);
     }
-    function D(t) {
-      l("update:modelValue", t), r.value = t, l("confirm", t);
+    function V(t) {
+      const { columnsType: l } = n, c = l.indexOf(t), h = o.value[c];
+      return h !== void 0 ? Number(h) : Se(p.value, m.value, t);
     }
-    function w() {
-      l("cancel");
+    function x(t) {
+      u("update:modelValue", t), i.value = t, u("confirm", t);
     }
-    function a() {
-      if (l("open"), n.modelValue && n.modelValue.length) {
+    function y() {
+      u("cancel");
+    }
+    function s() {
+      if (u("open"), n.modelValue && n.modelValue.length) {
         o.value = [...n.modelValue];
         return;
       }
       const { columnsType: t } = n;
-      o.value = t.map((u) => y(u));
+      o.value = t.map((l) => V(l));
     }
-    function i() {
-      o.value = n.modelValue ? [...n.modelValue] : [...r.value], l("closed");
+    function r() {
+      o.value = n.modelValue ? [...n.modelValue] : [...i.value], u("closed");
     }
-    return (t, u) => (I(), E(re, {
+    return (t, l) => (C(), L(ie, {
       modelValue: o.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (c) => o.value = c),
+      "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
       show: d.value,
-      "onUpdate:show": u[1] || (u[1] = (c) => d.value = c),
+      "onUpdate:show": l[1] || (l[1] = (c) => d.value = c),
       title: t.title,
-      columns: p.value,
+      columns: f.value,
       teleport: t.teleport,
       "confirm-button-text": t.confirmButtonText,
       "cancel-button-text": t.cancelButtonText,
       linkage: "",
-      onConfirm: D,
-      onCancel: w,
-      onOpen: a,
-      onClosed: i
+      onConfirm: x,
+      onCancel: y,
+      onOpen: s,
+      onClosed: r
     }, null, 8, ["modelValue", "show", "title", "columns", "teleport", "confirm-button-text", "cancel-button-text"]));
   }
 });
 export {
   Ge as DatePicker,
-  re as Picker,
+  ie as Picker,
   Ke as TimePicker
 };