@component-hook/picker 1.0.3 → 1.1.0

package/dist/vue/picker.es.js

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