@component-hook/picker 0.2.4 → 1.0.0-alpha.0

package/dist/vue/picker.es.js

@@ -1,1868 +1,556 @@
 import "./index.css";
-import { ref as L, computed as b, watch as ht, nextTick as ne, defineComponent as se, openBlock as W, createElementBlock as z, createVNode as Pt, Transition as Et, withCtx as Ct, withDirectives as Dt, createElementVNode as S, unref as D, vShow as Bt, normalizeClass as ct, normalizeStyle as ut, toDisplayString as j, Fragment as xt, renderList as At } from "vue";
-/*!
- * better-scroll / core
- * (c) 2016-2023 ustbhuangyi
- * Released under the MIT License.
- */
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var yt = function(o, t) {
-  return yt = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
-    e.__proto__ = r;
-  } || function(e, r) {
-    for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (e[i] = r[i]);
-  }, yt(o, t);
-};
-function rt(o, t) {
-  yt(o, t);
-  function e() {
-    this.constructor = o;
-  }
-  o.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
-}
-var N = function() {
-  return N = Object.assign || function(t) {
-    for (var e, r = 1, i = arguments.length; r < i; r++) {
-      e = arguments[r];
-      for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
-    }
-    return t;
-  }, N.apply(this, arguments);
-};
-function Kt() {
-  for (var o = 0, t = 0, e = arguments.length; t < e; t++) o += arguments[t].length;
-  for (var r = Array(o), i = 0, t = 0; t < e; t++)
-    for (var n = arguments[t], s = 0, l = n.length; s < l; s++, i++)
-      r[i] = n[s];
-  return r;
+import { defineComponent as L, watch as ce, openBlock as I, createBlock as E, Teleport as me, createVNode as Z, Transition as j, withCtx as H, withDirectives as q, createElementVNode as Y, vShow as J, renderSlot as R, ref as C, readonly as Q, isRef as W, toRef as de, createElementBlock as P, unref as v, normalizeStyle as ee, Fragment as z, renderList as ae, toDisplayString as A, computed as O, watchEffect as fe, withModifiers as pe, createCommentVNode as ve, nextTick as he } from "vue";
+const Te = Array.isArray;
+function ge(e, a) {
+  if (re(e)) return "multiple";
+  const [n] = e;
+  return n[a.children] ? "cascade" : "single";
+}
+function ke(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"
+  };
 }
-var ae = [
-  {
-    sourceKey: "scroller.scrollBehaviorX.currentPos",
-    key: "x"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorY.currentPos",
-    key: "y"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorX.hasScroll",
-    key: "hasHorizontalScroll"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorY.hasScroll",
-    key: "hasVerticalScroll"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorX.contentSize",
-    key: "scrollerWidth"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorY.contentSize",
-    key: "scrollerHeight"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorX.maxScrollPos",
-    key: "maxScrollX"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorY.maxScrollPos",
-    key: "maxScrollY"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorX.minScrollPos",
-    key: "minScrollX"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorY.minScrollPos",
-    key: "minScrollY"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorX.movingDirection",
-    key: "movingDirectionX"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorY.movingDirection",
-    key: "movingDirectionY"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorX.direction",
-    key: "directionX"
-  },
-  {
-    sourceKey: "scroller.scrollBehaviorY.direction",
-    key: "directionY"
-  },
-  {
-    sourceKey: "scroller.actions.enabled",
-    key: "enabled"
-  },
-  {
-    sourceKey: "scroller.animater.pending",
-    key: "pending"
-  },
-  {
-    sourceKey: "scroller.animater.stop",
-    key: "stop"
-  },
-  {
-    sourceKey: "scroller.scrollTo",
-    key: "scrollTo"
-  },
-  {
-    sourceKey: "scroller.scrollBy",
-    key: "scrollBy"
-  },
-  {
-    sourceKey: "scroller.scrollToElement",
-    key: "scrollToElement"
-  },
-  {
-    sourceKey: "scroller.resetPosition",
-    key: "resetPosition"
+function Me(e, a, n) {
+  var p;
+  if (re(e)) return [];
+  const r = [];
+  let o = e, s = 0;
+  for (; o; ) {
+    const g = a[s];
+    let h = se(o, g, n);
+    h === -1 && (h = 0), r.push(o), s += 1, o = (p = o[h]) == null ? void 0 : p[n.children];
   }
-];
-function Q(o) {
-  console.error("[BScroll warn]: " + o);
+  return r;
 }
-var w = typeof window < "u", F = w && navigator.userAgent.toLowerCase(), le = !!(F && /wechatdevtools/.test(F)), he = F && F.indexOf("android") > 0, ce = function() {
-  if (typeof F == "string") {
-    var o = /os (\d\d?_\d(_\d)?)/, t = o.exec(F);
-    if (!t)
-      return !1;
-    var e = t[1].split("_").map(function(r) {
-      return parseInt(r, 10);
-    });
-    return e[0] === 13 && e[1] >= 4;
-  }
-  return !1;
-}(), Rt = !1;
-if (w) {
-  var ue = "test-passive";
-  try {
-    var Yt = {};
-    Object.defineProperty(Yt, "passive", {
-      get: function() {
-        Rt = !0;
-      }
-    }), window.addEventListener(ue, function() {
-    }, Yt);
-  } catch {
+function Ve(e, a, n, r) {
+  const o = [...n];
+  let s = e, p = a + 1;
+  for (; s != null && s[r.children]; ) {
+    const g = s[r.children][0];
+    o[p] = g.value, s = g, p += 1;
   }
+  return o;
 }
-function X() {
-  return window.performance && window.performance.now && window.performance.timing ? window.performance.now() + window.performance.timing.navigationStart : +/* @__PURE__ */ new Date();
+function se(e, a, n) {
+  return e.findIndex((r) => r[n.value] === a);
 }
-var gt = function(o, t) {
-  for (var e in t)
-    o[e] = t[e];
-  return o;
-};
-function kt(o) {
-  return o == null;
+function re(e) {
+  const [a] = e;
+  return Te(a);
 }
-function Mt(o, t, e) {
-  return o < t ? t : o > e ? e : o;
+function ye(e, a) {
+  return e > a ? "horizontal" : a > e ? "vertical" : "";
 }
-var St = w && document.createElement("div").style, I = function() {
-  if (!w)
-    return !1;
-  for (var o = [
-    {
-      key: "standard",
-      value: "transform"
-    },
-    {
-      key: "webkit",
-      value: "webkitTransform"
-    },
-    {
-      key: "Moz",
-      value: "MozTransform"
-    },
-    {
-      key: "O",
-      value: "OTransform"
-    },
-    {
-      key: "ms",
-      value: "msTransform"
-    }
-  ], t = 0, e = o; t < e.length; t++) {
-    var r = e[t];
-    if (St[r.value] !== void 0)
-      return r.key;
+function F(e, a, n) {
+  const r = [];
+  for (let o = e; o <= a; o++) {
+    const s = n(`${o}`);
+    r.push({ label: s, value: o });
   }
-  return !1;
-}();
-function E(o) {
-  return I === !1 ? o : I === "standard" ? o === "transitionEnd" ? "transitionend" : o : I + o.charAt(0).toUpperCase() + o.substr(1);
+  return r;
 }
-function Vt(o) {
-  return typeof o == "string" ? document.querySelector(o) : o;
+function te(e, a) {
+  return e === a.getFullYear();
 }
-function pe(o, t, e, r) {
-  var i = Rt ? {
-    passive: !1,
-    capture: !!r
-  } : !!r;
-  o.addEventListener(t, e, i);
+function ne(e, a) {
+  return e === a.getFullYear();
 }
-function fe(o, t, e, r) {
-  o.removeEventListener(t, e, {
-    capture: !!r
-  });
+function we(e, a) {
+  return e === a.getMonth() + 1;
 }
-function $t(o) {
-  o.cancelable && o.preventDefault();
+function Se(e, a) {
+  return e === a.getMonth() + 1;
 }
-function Xt(o) {
-  for (var t = 0, e = 0; o; )
-    t -= o.offsetLeft, e -= o.offsetTop, o = o.offsetParent;
-  return {
-    left: t,
-    top: e
-  };
+function De(e, a) {
+  return new Date(e, a, 0).getDate();
 }
-I && I !== "standard" && "" + I.toLowerCase();
-var ve = E("transform"), jt = E("transition"), de = w && E("perspective") in St, Ot = w && ("ontouchstart" in window || le), me = w && jt in St, M = {
-  transform: ve,
-  transition: jt,
-  transitionTimingFunction: E("transitionTimingFunction"),
-  transitionDuration: E("transitionDuration"),
-  transitionDelay: E("transitionDelay"),
-  transformOrigin: E("transformOrigin"),
-  transitionEnd: E("transitionEnd"),
-  transitionProperty: E("transitionProperty")
-}, pt = {
-  touchstart: 1,
-  touchmove: 1,
-  touchend: 1,
-  touchcancel: 1,
-  mousedown: 2,
-  mousemove: 2,
-  mouseup: 2
-};
-function _t(o) {
-  if (o instanceof window.SVGElement) {
-    var t = o.getBoundingClientRect();
-    return {
-      top: t.top,
-      left: t.left,
-      width: t.width,
-      height: t.height
-    };
-  } else
-    return {
-      top: o.offsetTop,
-      left: o.offsetLeft,
-      width: o.offsetWidth,
-      height: o.offsetHeight
-    };
+function $(e) {
+  return e;
+}
+function xe(e) {
+  return /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(e);
 }
-function K(o, t) {
-  for (var e in t)
-    if (t[e].test(o[e]))
-      return !0;
-  return !1;
+function oe(e) {
+  if (!xe(e)) return null;
+  const [a, n, r] = e.split(":");
+  return { hour: Number(a), minute: Number(n), second: Number(r) };
 }
-var ye = K;
-function ge(o, t) {
-  var e = document.createEvent("Event");
-  e.initEvent(t, !0, !0), e.pageX = o.pageX, e.pageY = o.pageY, o.target.dispatchEvent(e);
+function U(e) {
+  return e.padStart(2, "0");
 }
-function Ut(o, t) {
-  t === void 0 && (t = "click");
-  var e;
-  o.type === "mouseup" ? e = o : (o.type === "touchend" || o.type === "touchcancel") && (e = o.changedTouches[0]);
-  var r = {};
-  e && (r.screenX = e.screenX || 0, r.screenY = e.screenY || 0, r.clientX = e.clientX || 0, r.clientY = e.clientY || 0);
-  var i, n = !0, s = !0, l = o.ctrlKey, h = o.shiftKey, a = o.altKey, c = o.metaKey, u = {
-    ctrlKey: l,
-    shiftKey: h,
-    altKey: a,
-    metaKey: c
+const be = { class: "chook-picker-container" }, Ie = /* @__PURE__ */ L({
+  __name: "Popup",
+  props: {
+    teleport: { default: "body" },
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue", "open", "close", "closed"],
+  setup(e, { emit: a }) {
+    const n = e, r = a;
+    return ce(
+      () => n.modelValue,
+      (o) => {
+        o ? (document.body.style.overflow = "hidden", r("open")) : (document.body.style.overflow = "", r("close"));
+      },
+      { immediate: !0 }
+    ), (o, s) => (I(), E(me, { to: o.teleport }, [
+      Z(j, { name: "chook-picker-fade" }, {
+        default: H(() => [
+          q(Y("div", {
+            class: "chook-picker-mask",
+            onClick: s[0] || (s[0] = (p) => o.$emit("update:modelValue", !1))
+          }, null, 512), [
+            [J, o.modelValue]
+          ])
+        ]),
+        _: 1
+      }),
+      Z(j, {
+        name: "chook-picker-slide",
+        onAfterLeave: s[1] || (s[1] = (p) => o.$emit("closed"))
+      }, {
+        default: H(() => [
+          q(Y("div", be, [
+            R(o.$slots, "default")
+          ], 512), [
+            [J, o.modelValue]
+          ])
+        ]),
+        _: 3
+      })
+    ], 8, ["to"]));
+  }
+}), Ye = 16, _ = 48, Ce = 0.52, le = 150, X = 300, Oe = 15, Pe = 8e-3, ue = 5, Fe = "Select Date", Ee = ["year", "month", "day"], Le = "Select Time", Be = ["hour", "minute", "second"];
+function Ae() {
+  const e = {
+    startX: 0,
+    startY: 0,
+    deltaX: 0,
+    deltaY: 0,
+    offsetX: 0,
+    offsetY: 0
   };
-  if (typeof MouseEvent < "u")
-    try {
-      i = new MouseEvent(t, gt(N({
-        bubbles: n,
-        cancelable: s
-      }, u), r));
-    } catch {
-      v();
-    }
-  else
-    v();
-  function v() {
-    i = document.createEvent("Event"), i.initEvent(t, n, s), gt(i, r);
+  let a = "", n = !0;
+  const r = () => a === "vertical", o = () => a === "horizontal";
+  function s() {
+    e.deltaX = 0, e.deltaY = 0, e.offsetX = 0, e.offsetY = 0, a = "", n = !0;
   }
-  i.forwardedTouchEvent = !0, i._constructed = !0, o.target.dispatchEvent(i);
-}
-function ke(o) {
-  Ut(o, "dblclick");
+  function p(d) {
+    const k = "touches" in d ? d.touches[0] : d;
+    s(), e.startX = k.clientX, e.startY = k.clientY;
+  }
+  function g(d) {
+    if (!e.startX || !e.startY) return !0;
+    const k = "touches" in d ? d.touches[0] : d;
+    e.deltaX = Math.max(k.clientX, 0) - e.startX, e.deltaY = k.clientY - e.startY, e.offsetX = Math.abs(e.deltaX), e.offsetY = Math.abs(e.deltaY);
+    const T = 10;
+    (!a || e.offsetX < T && e.offsetY < T) && (a = ye(e.offsetX, e.offsetY)), n && (e.offsetX > ue || e.offsetY > ue) && (n = !1);
+  }
+  function h() {
+    e.startX = 0, e.startY = 0;
+  }
+  return {
+    pointer: e,
+    move: g,
+    start: p,
+    stop: h,
+    reset: s,
+    isVertical: r,
+    isHorizontal: o
+  };
 }
-var Y = {
-  // easeOutQuint
-  swipe: {
-    style: "cubic-bezier(0.23, 1, 0.32, 1)",
-    fn: function(o) {
-      return 1 + --o * o * o * o * o;
+function Ne({ column: e, onChange: a }) {
+  const r = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) / Ye, o = C(0), s = C(0), { pointer: p, start: g, move: h, stop: d } = Ae();
+  let k = 0, T = 0, b = 0, M = !1, D = null;
+  function V(f) {
+    g(f), M = !0, s.value = 0, T = Date.now(), k = o.value, b = k, D = null;
+  }
+  function l(f) {
+    if (h(f)) return;
+    const S = W(e) ? e.value.length : e.length, B = k + p.deltaY, N = y((S - 1) * -48), G = Math.min(Math.max(B, N), 0), K = Date.now();
+    o.value = G, !(K - T <= X) && (T = K, b = G);
+  }
+  function i() {
+    d();
+    const f = o.value - b, w = Date.now() - T;
+    if (w < X && Math.abs(f) > Oe) {
+      t(f, w);
+      return;
     }
+    const S = m(o.value);
+    s.value = le, c(S), M = !1;
+  }
+  function t(f, w) {
+    const S = Math.abs(f / w), B = o.value + S / Pe * (f < 0 ? -1 : 1), N = m(B);
+    s.value = X, c(N);
+  }
+  function u() {
+    s.value = 0, M = !1, D && (D(), D = null);
+  }
+  function c(f) {
+    const w = -f * y(_), S = () => a == null ? void 0 : a(f);
+    M && w !== o.value ? D = S : S(), o.value = w;
+  }
+  function m(f) {
+    const w = W(e) ? e.value.length : e.length, S = Math.round(-f / y(_));
+    return S < 0 ? 0 : S >= w ? w - 1 : S;
+  }
+  function y(f) {
+    return f * r;
+  }
+  function x(f, w = "auto") {
+    M && w === "smooth" || (D = null, M = w === "smooth", s.value = w === "smooth" ? le : 0, c(f));
+  }
+  return {
+    offsetY: Q(o),
+    transitionDuration: Q(s),
+    onPointerDown: V,
+    onPointerMove: l,
+    onPointerUp: i,
+    stopInertialSliding: u,
+    scrollToIndex: x
+  };
+}
+const $e = ["onClick"], Ue = /* @__PURE__ */ L({
+  __name: "PickerColumn",
+  props: {
+    column: {},
+    fields: {},
+    selectedIndex: { default: 0 }
   },
-  // easeOutQuard
-  swipeBounce: {
-    style: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
-    fn: function(o) {
-      return o * (2 - o);
+  emits: ["change"],
+  setup(e, { expose: a, emit: n }) {
+    const r = e, o = n, { offsetY: s, transitionDuration: p, onPointerDown: g, onPointerMove: h, onPointerUp: d, stopInertialSliding: k, scrollToIndex: T } = Ne({
+      column: de(r, "column"),
+      onChange: b
+    });
+    function b(V) {
+      V !== r.selectedIndex && o("change", V);
     }
-  },
-  // easeOutQuart
-  bounce: {
-    style: "cubic-bezier(0.165, 0.84, 0.44, 1)",
-    fn: function(o) {
-      return 1 - --o * o * o * o;
+    function M(V = r.selectedIndex, l) {
+      T(V, l);
     }
+    function D(V) {
+      V !== r.selectedIndex && M(V, "smooth");
+    }
+    return a({ scrollToSelected: M }), (V, l) => (I(), P("div", {
+      class: "chook-picker-column",
+      onTouchstartPassive: l[1] || (l[1] = //@ts-ignore
+      (...i) => v(g) && v(g)(...i)),
+      onTouchmovePassive: l[2] || (l[2] = //@ts-ignore
+      (...i) => v(h) && v(h)(...i)),
+      onTouchendPassive: l[3] || (l[3] = //@ts-ignore
+      (...i) => v(d) && v(d)(...i)),
+      onTouchcancel: l[4] || (l[4] = //@ts-ignore
+      (...i) => v(d) && v(d)(...i)),
+      onMousedownPassive: l[5] || (l[5] = //@ts-ignore
+      (...i) => v(g) && v(g)(...i)),
+      onMousemovePassive: l[6] || (l[6] = //@ts-ignore
+      (...i) => v(h) && v(h)(...i)),
+      onMouseupPassive: l[7] || (l[7] = //@ts-ignore
+      (...i) => v(d) && v(d)(...i))
+    }, [
+      Y("ul", {
+        style: ee({
+          overflowY: "hidden",
+          transform: `translate3d(0, ${v(s)}px, 0)`,
+          transitionDuration: `${v(p)}ms`,
+          transitionProperty: v(p) ? "all" : "none"
+        }),
+        onTransitionend: l[0] || (l[0] = //@ts-ignore
+        (...i) => v(k) && v(k)(...i))
+      }, [
+        (I(!0), P(z, null, ae(V.column, (i, t) => (I(), P("li", {
+          key: i[V.fields.value],
+          class: "chook-picker-column-item",
+          role: "button",
+          tabindex: "0",
+          onClick: (u) => D(t)
+        }, [
+          Y("p", {
+            class: "chook-picker-column-label",
+            style: ee({
+              transform: `rotate3d(1, 0, 0, ${(t * v(_) + v(s)) * v(Ce)}deg)`
+            })
+          }, A(i[V.fields.label]), 5)
+        ], 8, $e))), 128))
+      ], 36)
+    ], 32));
   }
-}, Te = 1e3 / 60, B = w && window;
-function qt() {
-}
-var Gt = function() {
-  return w ? B.requestAnimationFrame || B.webkitRequestAnimationFrame || B.mozRequestAnimationFrame || B.oRequestAnimationFrame || // if all else fails, use setTimeout
-  function(o) {
-    return window.setTimeout(o, o.interval || Te);
-  } : qt;
-}(), O = function() {
-  return w ? B.cancelAnimationFrame || B.webkitCancelAnimationFrame || B.mozCancelAnimationFrame || B.oCancelAnimationFrame || function(o) {
-    window.clearTimeout(o);
-  } : qt;
-}(), Lt = function(o) {
-}, ft = {
-  enumerable: !0,
-  configurable: !0,
-  get: Lt,
-  set: Lt
-}, Se = function(o, t) {
-  for (var e = t.split("."), r = 0; r < e.length - 1; r++)
-    if (o = o[e[r]], typeof o != "object" || !o)
-      return;
-  var i = e.pop();
-  return typeof o[i] == "function" ? function() {
-    return o[i].apply(o, arguments);
-  } : o[i];
-}, be = function(o, t, e) {
-  for (var r = t.split("."), i, n = 0; n < r.length - 1; n++)
-    i = r[n], o[i] || (o[i] = {}), o = o[i];
-  o[r.pop()] = e;
-};
-function we(o, t, e) {
-  ft.get = function() {
-    return Se(this, t);
-  }, ft.set = function(i) {
-    be(this, t, i);
-  }, Object.defineProperty(o, e, ft);
-}
-var x = (
-  /** @class */
-  function() {
-    function o(t) {
-      this.events = {}, this.eventTypes = {}, this.registerType(t);
+}), Xe = { class: "chook-picker-header" }, He = { class: "chook-picker-title" }, Re = {
+  key: 0,
+  class: "chook-picker-loading"
+}, ie = /* @__PURE__ */ L({
+  __name: "Picker",
+  props: {
+    show: { type: Boolean },
+    modelValue: {},
+    title: {},
+    columns: {},
+    linkage: { type: Boolean },
+    loading: { type: Boolean },
+    teleport: {},
+    confirmButtonText: { default: "Confirm" },
+    cancelButtonText: { default: "Cancel" },
+    columnsFieldNames: {}
+  },
+  emits: ["update:show", "update:modelValue", "confirm", "cancel", "open", "closed"],
+  setup(e, { emit: a }) {
+    const n = e, r = a, o = C([]), s = C([]), p = C([]), g = C(null), h = O({
+      get: () => n.show,
+      set: (t) => r("update:show", t)
+    }), d = O(() => ke(n.columnsFieldNames)), k = O(() => ge(n.columns, d.value)), T = O(() => {
+      const { columns: t } = n;
+      return k.value === "single" ? [t] : k.value === "multiple" ? t : Me(t, s.value, d.value);
+    });
+    function b(t, u) {
+      const c = T.value[t], m = c[u][d.value.value], y = s.value[t];
+      if (m === y) return;
+      const x = [...s.value];
+      if (x[t] = m, k.value === "cascade") {
+        const f = c[u];
+        s.value = Ve(f, t, x, d.value);
+      } else
+        s.value = x;
+      n.linkage && M();
     }
-    return o.prototype.on = function(t, e, r) {
-      return r === void 0 && (r = this), this.hasType(t), this.events[t] || (this.events[t] = []), this.events[t].push([e, r]), this;
-    }, o.prototype.once = function(t, e, r) {
-      var i = this;
-      r === void 0 && (r = this), this.hasType(t);
-      var n = function() {
-        for (var s = [], l = 0; l < arguments.length; l++)
-          s[l] = arguments[l];
-        i.off(t, n);
-        var h = e.apply(r, s);
-        if (h === !0)
-          return h;
-      };
-      return n.fn = e, this.on(t, n), this;
-    }, o.prototype.off = function(t, e) {
-      if (!t && !e)
-        return this.events = {}, this;
-      if (t) {
-        if (this.hasType(t), !e)
-          return this.events[t] = [], this;
-        var r = this.events[t];
-        if (!r)
-          return this;
-        for (var i = r.length; i--; )
-          (r[i][0] === e || r[i][0] && r[i][0].fn === e) && r.splice(i, 1);
-        return this;
-      }
-    }, o.prototype.trigger = function(t) {
-      for (var e = [], r = 1; r < arguments.length; r++)
-        e[r - 1] = arguments[r];
-      this.hasType(t);
-      var i = this.events[t];
-      if (i)
-        for (var n = i.length, s = Kt(i), l, h = 0; h < n; h++) {
-          var a = s[h], c = a[0], u = a[1];
-          if (c && (l = c.apply(u, e), l === !0))
-            return l;
-        }
-    }, o.prototype.registerType = function(t) {
-      var e = this;
-      t.forEach(function(r) {
-        e.eventTypes[r] = r;
-      });
-    }, o.prototype.destroy = function() {
-      this.events = {}, this.eventTypes = {};
-    }, o.prototype.hasType = function(t) {
-      var e = this.eventTypes, r = e[t] === t;
-      r || Q('EventEmitter has used unknown event type: "' + t + '", should be oneof [' + ("" + Object.keys(e).map(function(i) {
-        return JSON.stringify(i);
-      })) + "]");
-    }, o;
-  }()
-), tt = (
-  /** @class */
-  function() {
-    function o(t, e) {
-      this.wrapper = t, this.events = e, this.addDOMEvents();
+    function M() {
+      r("update:modelValue", s.value), o.value = s.value;
     }
-    return o.prototype.destroy = function() {
-      this.removeDOMEvents(), this.events = [];
-    }, o.prototype.addDOMEvents = function() {
-      this.handleDOMEvents(pe);
-    }, o.prototype.removeDOMEvents = function() {
-      this.handleDOMEvents(fe);
-    }, o.prototype.handleDOMEvents = function(t) {
-      var e = this, r = this.wrapper;
-      this.events.forEach(function(i) {
-        t(r, i.name, e, !!i.capture);
-      });
-    }, o.prototype.handleEvent = function(t) {
-      var e = t.type;
-      this.events.some(function(r) {
-        return r.name === e ? (r.handler(t), !0) : !1;
-      });
-    }, o;
-  }()
-), Pe = (
-  /** @class */
-  /* @__PURE__ */ function() {
-    function o() {
+    function D() {
+      r("update:show", !1);
     }
-    return o;
-  }()
-), Ee = (
-  /** @class */
-  function(o) {
-    rt(t, o);
-    function t() {
-      var e = o.call(this) || this;
-      return e.startX = 0, e.startY = 0, e.scrollX = !1, e.scrollY = !0, e.freeScroll = !1, e.directionLockThreshold = 0, e.eventPassthrough = "", e.click = !1, e.dblclick = !1, e.tap = "", e.bounce = {
-        top: !0,
-        bottom: !0,
-        left: !0,
-        right: !0
-      }, e.bounceTime = 800, e.momentum = !0, e.momentumLimitTime = 300, e.momentumLimitDistance = 15, e.swipeTime = 2500, e.swipeBounceTime = 500, e.deceleration = 15e-4, e.flickLimitTime = 200, e.flickLimitDistance = 100, e.resizePolling = 60, e.probeType = 0, e.stopPropagation = !1, e.preventDefault = !0, e.preventDefaultException = {
-        tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|AUDIO)$/
-      }, e.tagException = {
-        tagName: /^TEXTAREA$/
-      }, e.HWCompositing = !0, e.useTransition = !0, e.bindToWrapper = !1, e.bindToTarget = !1, e.disableMouse = Ot, e.disableTouch = !Ot, e.autoBlur = !0, e.autoEndDistance = 5, e.outOfBoundaryDampingFactor = 1 / 3, e.specifiedIndexAsContent = 0, e.quadrant = 1, e;
+    async function V() {
+      r("open"), await he(), s.value = n.modelValue ? [...n.modelValue] : [...o.value];
     }
-    return t.prototype.merge = function(e) {
-      if (!e)
-        return this;
-      for (var r in e) {
-        if (r === "bounce") {
-          this.bounce = this.resolveBounce(e[r]);
-          continue;
-        }
-        this[r] = e[r];
-      }
-      return this;
-    }, t.prototype.process = function() {
-      return this.translateZ = this.HWCompositing && de ? " translateZ(1px)" : "", this.useTransition = this.useTransition && me, this.preventDefault = !this.eventPassthrough && this.preventDefault, this.scrollX = this.eventPassthrough === "horizontal" ? !1 : this.scrollX, this.scrollY = this.eventPassthrough === "vertical" ? !1 : this.scrollY, this.freeScroll = this.freeScroll && !this.eventPassthrough, this.scrollX = this.freeScroll ? !0 : this.scrollX, this.scrollY = this.freeScroll ? !0 : this.scrollY, this.directionLockThreshold = this.eventPassthrough ? 0 : this.directionLockThreshold, this;
-    }, t.prototype.resolveBounce = function(e) {
-      var r = {
-        top: !0,
-        right: !0,
-        bottom: !0,
-        left: !0
-      }, i = {
-        top: !1,
-        right: !1,
-        bottom: !1,
-        left: !1
-      }, n;
-      return typeof e == "object" ? n = gt(r, e) : n = e ? r : i, n;
-    }, t;
-  }(Pe)
-), Ce = (
-  /** @class */
-  function() {
-    function o(t, e) {
-      this.wrapper = t, this.options = e, this.hooks = new x([
-        "beforeStart",
-        "start",
-        "move",
-        "end",
-        "click"
-      ]), this.handleDOMEvents();
+    function l() {
+      n.linkage || M(), D(), r("confirm", s.value);
     }
-    return o.prototype.handleDOMEvents = function() {
-      var t = this.options, e = t.bindToWrapper, r = t.disableMouse, i = t.disableTouch, n = t.click, s = this.wrapper, l = e ? s : window, h = [], a = [], c = !i, u = !r;
-      n && h.push({
-        name: "click",
-        handler: this.click.bind(this),
-        capture: !0
-      }), c && (h.push({
-        name: "touchstart",
-        handler: this.start.bind(this)
-      }), a.push({
-        name: "touchmove",
-        handler: this.move.bind(this)
-      }, {
-        name: "touchend",
-        handler: this.end.bind(this)
-      }, {
-        name: "touchcancel",
-        handler: this.end.bind(this)
-      })), u && (h.push({
-        name: "mousedown",
-        handler: this.start.bind(this)
-      }), a.push({
-        name: "mousemove",
-        handler: this.move.bind(this)
-      }, {
-        name: "mouseup",
-        handler: this.end.bind(this)
-      })), this.wrapperEventRegister = new tt(s, h), this.targetEventRegister = new tt(l, a);
-    }, o.prototype.beforeHandler = function(t, e) {
-      var r = this.options, i = r.preventDefault, n = r.stopPropagation, s = r.preventDefaultException, l = {
-        start: function() {
-          return i && !K(t.target, s);
-        },
-        end: function() {
-          return i && !K(t.target, s);
-        },
-        move: function() {
-          return i;
-        }
-      };
-      l[e]() && t.preventDefault(), n && t.stopPropagation();
-    }, o.prototype.setInitiated = function(t) {
-      t === void 0 && (t = 0), this.initiated = t;
-    }, o.prototype.start = function(t) {
-      var e = pt[t.type];
-      if (!(this.initiated && this.initiated !== e)) {
-        if (this.setInitiated(e), ye(t.target, this.options.tagException)) {
-          this.setInitiated();
-          return;
-        }
-        if (!(e === 2 && t.button !== 0) && !this.hooks.trigger(this.hooks.eventTypes.beforeStart, t)) {
-          this.beforeHandler(t, "start");
-          var r = t.touches ? t.touches[0] : t;
-          this.pointX = r.pageX, this.pointY = r.pageY, this.hooks.trigger(this.hooks.eventTypes.start, t);
-        }
-      }
-    }, o.prototype.move = function(t) {
-      if (pt[t.type] === this.initiated) {
-        this.beforeHandler(t, "move");
-        var e = t.touches ? t.touches[0] : t, r = e.pageX - this.pointX, i = e.pageY - this.pointY;
-        if (this.pointX = e.pageX, this.pointY = e.pageY, !this.hooks.trigger(this.hooks.eventTypes.move, {
-          deltaX: r,
-          deltaY: i,
-          e: t
-        })) {
-          var n = document.documentElement.scrollLeft || window.pageXOffset || document.body.scrollLeft, s = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop, l = this.pointX - n, h = this.pointY - s, a = this.options.autoEndDistance;
-          (l > document.documentElement.clientWidth - a || h > document.documentElement.clientHeight - a || l < a || h < a) && this.end(t);
-        }
-      }
-    }, o.prototype.end = function(t) {
-      pt[t.type] === this.initiated && (this.setInitiated(), this.beforeHandler(t, "end"), this.hooks.trigger(this.hooks.eventTypes.end, t));
-    }, o.prototype.click = function(t) {
-      this.hooks.trigger(this.hooks.eventTypes.click, t);
-    }, o.prototype.setContent = function(t) {
-      t !== this.wrapper && (this.wrapper = t, this.rebindDOMEvents());
-    }, o.prototype.rebindDOMEvents = function() {
-      this.wrapperEventRegister.destroy(), this.targetEventRegister.destroy(), this.handleDOMEvents();
-    }, o.prototype.destroy = function() {
-      this.wrapperEventRegister.destroy(), this.targetEventRegister.destroy(), this.hooks.destroy();
-    }, o;
-  }()
-), vt = {
-  x: ["translateX", "px"],
-  y: ["translateY", "px"]
-}, De = (
-  /** @class */
-  function() {
-    function o(t) {
-      this.setContent(t), this.hooks = new x(["beforeTranslate", "translate"]);
+    function i() {
+      D(), r("cancel");
     }
-    return o.prototype.getComputedPosition = function() {
-      var t = window.getComputedStyle(this.content, null), e = t[M.transform].split(")")[0].split(", "), r = +(e[12] || e[4]) || 0, i = +(e[13] || e[5]) || 0;
-      return {
-        x: r,
-        y: i
+    return fe(() => {
+      var c;
+      const t = T.value.length, u = [];
+      for (let m = 0; m < t; m++) {
+        const y = T.value[m], x = s.value[m], f = se(y, x, d.value);
+        if (f === -1) {
+          const S = (p.value[m] ?? 0) >= y.length ? y.length - 1 : 0;
+          s.value[m] = y[S][d.value.value], u[m] = S;
+        } else
+          u[m] = f;
+        u[m] !== p.value[m] && ((c = g.value) == null || c[m].scrollToSelected(u[m]));
+      }
+      p.value = u;
+    }), (t, u) => (I(), E(Ie, {
+      modelValue: h.value,
+      "onUpdate:modelValue": u[1] || (u[1] = (c) => h.value = c),
+      teleport: t.teleport,
+      onOpen: V,
+      onClosed: u[2] || (u[2] = (c) => t.$emit("closed"))
+    }, {
+      default: H(() => [
+        Y("div", Xe, [
+          Y("button", {
+            class: "chook-picker-cancel",
+            onClick: i
+          }, A(t.cancelButtonText), 1),
+          Y("p", He, A(t.title), 1),
+          Y("button", {
+            class: "chook-picker-confirm",
+            onClick: l
+          }, A(t.confirmButtonText), 1)
+        ]),
+        Y("div", {
+          class: "chook-picker-columns chook-picker-columns-backdrop",
+          onTouchmove: u[0] || (u[0] = pe(() => {
+          }, ["stop"]))
+        }, [
+          !t.loading && !t.columns.length ? R(t.$slots, "empty", { key: 0 }) : (I(), P(z, { key: 1 }, [
+            (I(!0), P(z, null, ae(T.value, (c, m) => (I(), E(Ue, {
+              key: m,
+              ref_for: !0,
+              ref_key: "columnsRef",
+              ref: g,
+              column: c,
+              fields: d.value,
+              "selected-index": p.value[m],
+              onChange: (y) => b(m, y)
+            }, null, 8, ["column", "fields", "selected-index", "onChange"]))), 128)),
+            u[3] || (u[3] = Y("div", { class: "chook-picker-mask-backdrop" }, null, -1))
+          ], 64))
+        ], 32),
+        t.loading ? (I(), P("div", Re, [
+          R(t.$slots, "loading")
+        ])) : ve("", !0)
+      ]),
+      _: 3
+    }, 8, ["modelValue", "teleport"]));
+  }
+}), _e = /* @__PURE__ */ L({
+  __name: "DatePicker",
+  props: {
+    show: { type: Boolean },
+    modelValue: {},
+    title: { default: Fe },
+    columnsType: { default: () => Ee },
+    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: $ }
+  },
+  emits: ["update:show", "update:modelValue", "confirm", "cancel", "open", "closed"],
+  setup(e, { emit: a }) {
+    const n = e, r = a, o = C([]), s = C([]), p = O({
+      get: () => n.show,
+      set: (l) => r("update:show", l)
+    }), g = O(() => {
+      const { columnsType: l, minDate: i, maxDate: t } = n, u = {
+        year: h,
+        month: d,
+        day: k
       };
-    }, o.prototype.translate = function(t) {
-      var e = [];
-      Object.keys(t).forEach(function(r) {
-        if (vt[r]) {
-          var i = vt[r][0];
-          if (i) {
-            var n = vt[r][1], s = t[r];
-            e.push(i + "(" + s + n + ")");
-          }
-        }
-      }), this.hooks.trigger(this.hooks.eventTypes.beforeTranslate, e, t), this.style[M.transform] = e.join(" "), this.hooks.trigger(this.hooks.eventTypes.translate, t);
-    }, o.prototype.setContent = function(t) {
-      this.content !== t && (this.content = t, this.style = t.style);
-    }, o.prototype.destroy = function() {
-      this.hooks.destroy();
-    }, o;
-  }()
-), Zt = (
-  /** @class */
-  function() {
-    function o(t, e, r) {
-      this.translater = e, this.options = r, this.timer = 0, this.hooks = new x([
-        "move",
-        "end",
-        "beforeForceStop",
-        "forceStop",
-        "callStop",
-        "time",
-        "timeFunction"
-      ]), this.setContent(t);
+      return l.map((c) => u[c](i, t));
+    });
+    function h(l, i) {
+      const t = l.getFullYear(), u = i.getFullYear();
+      return F(t, u, n.formatYearLabel);
     }
-    return o.prototype.translate = function(t) {
-      this.translater.translate(t);
-    }, o.prototype.setPending = function(t) {
-      this.pending = t;
-    }, o.prototype.setForceStopped = function(t) {
-      this.forceStopped = t;
-    }, o.prototype.setCallStop = function(t) {
-      this.callStopWhenPending = t;
-    }, o.prototype.setContent = function(t) {
-      this.content !== t && (this.content = t, this.style = t.style, this.stop());
-    }, o.prototype.clearTimer = function() {
-      this.timer && (O(this.timer), this.timer = 0);
-    }, o.prototype.destroy = function() {
-      this.hooks.destroy(), O(this.timer);
-    }, o;
-  }()
-), Be = function(o, t, e, r) {
-  var i = function(a, c) {
-    var u = a - c, v = u > 0 ? -1 : u < 0 ? 1 : 0;
-    return v;
-  }, n = i(t.x, o.x), s = i(t.y, o.y), l = e.x - r.x, h = e.y - r.y;
-  return n * l <= 0 && s * h <= 0;
-}, xe = (
-  /** @class */
-  function(o) {
-    rt(t, o);
-    function t() {
-      return o !== null && o.apply(this, arguments) || this;
+    function d(l, i) {
+      const t = T("year"), u = te(t, l) ? l.getMonth() + 1 : 1, c = ne(t, i) ? i.getMonth() + 1 : 12;
+      return F(u, c, n.formatMonthLabel);
     }
-    return t.prototype.startProbe = function(e, r) {
-      var i = this, n = e, s = function() {
-        var l = i.translater.getComputedPosition();
-        Be(e, r, l, n) && i.hooks.trigger(i.hooks.eventTypes.move, l), i.pending || (i.callStopWhenPending ? i.callStopWhenPending = !1 : i.hooks.trigger(i.hooks.eventTypes.end, l)), n = l, i.pending && (i.timer = Gt(s));
-      };
-      this.callStopWhenPending && this.setCallStop(!1), O(this.timer), s();
-    }, t.prototype.transitionTime = function(e) {
-      e === void 0 && (e = 0), this.style[M.transitionDuration] = e + "ms", this.hooks.trigger(this.hooks.eventTypes.time, e);
-    }, t.prototype.transitionTimingFunction = function(e) {
-      this.style[M.transitionTimingFunction] = e, this.hooks.trigger(this.hooks.eventTypes.timeFunction, e);
-    }, t.prototype.transitionProperty = function() {
-      this.style[M.transitionProperty] = M.transform;
-    }, t.prototype.move = function(e, r, i, n) {
-      this.setPending(i > 0), this.transitionTimingFunction(n), this.transitionProperty(), this.transitionTime(i), this.translate(r);
-      var s = this.options.probeType === 3;
-      i && s && this.startProbe(e, r), i || (this._reflow = this.content.offsetHeight, s && this.hooks.trigger(this.hooks.eventTypes.move, r), this.hooks.trigger(this.hooks.eventTypes.end, r));
-    }, t.prototype.doStop = function() {
-      var e = this.pending;
-      if (this.setForceStopped(!1), this.setCallStop(!1), e) {
-        this.setPending(!1), O(this.timer);
-        var r = this.translater.getComputedPosition(), i = r.x, n = r.y;
-        this.transitionTime(), this.translate({ x: i, y: n }), this.setForceStopped(!0), this.setCallStop(!0), this.hooks.trigger(this.hooks.eventTypes.forceStop, { x: i, y: n });
-      }
-      return e;
-    }, t.prototype.stop = function() {
-      var e = this.doStop();
-      e && this.hooks.trigger(this.hooks.eventTypes.callStop);
-    }, t;
-  }(Zt)
-), Ae = (
-  /** @class */
-  function(o) {
-    rt(t, o);
-    function t() {
-      return o !== null && o.apply(this, arguments) || this;
+    function k(l, i) {
+      const t = T("year"), u = T("month"), c = te(t, l) && we(u, l), m = ne(t, i) && Se(u, i), y = c ? l.getDate() : 1, x = m ? i.getDate() : De(t, u);
+      return F(y, x, n.formatDayLabel);
     }
-    return t.prototype.move = function(e, r, i, n) {
-      if (!i) {
-        this.translate(r), this.options.probeType === 3 && this.hooks.trigger(this.hooks.eventTypes.move, r), this.hooks.trigger(this.hooks.eventTypes.end, r);
-        return;
-      }
-      this.animate(e, r, i, n);
-    }, t.prototype.animate = function(e, r, i, n) {
-      var s = this, l = X(), h = l + i, a = this.options.probeType === 3, c = function() {
-        var u = X();
-        if (u >= h) {
-          s.translate(r), a && s.hooks.trigger(s.hooks.eventTypes.move, r), s.hooks.trigger(s.hooks.eventTypes.end, r);
-          return;
-        }
-        u = (u - l) / i;
-        var v = n(u), g = {};
-        Object.keys(r).forEach(function(f) {
-          var d = e[f], y = r[f];
-          g[f] = (y - d) * v + d;
-        }), s.translate(g), a && s.hooks.trigger(s.hooks.eventTypes.move, g), s.pending && (s.timer = Gt(c)), s.pending || (s.callStopWhenPending ? s.callStopWhenPending = !1 : s.hooks.trigger(s.hooks.eventTypes.end, r));
-      };
-      this.setPending(!0), this.callStopWhenPending && this.setCallStop(!1), O(this.timer), c();
-    }, t.prototype.doStop = function() {
-      var e = this.pending;
-      if (this.setForceStopped(!1), this.setCallStop(!1), e) {
-        this.setPending(!1), O(this.timer);
-        var r = this.translater.getComputedPosition();
-        this.setForceStopped(!0), this.setCallStop(!0), this.hooks.trigger(this.hooks.eventTypes.forceStop, r);
-      }
-      return e;
-    }, t.prototype.stop = function() {
-      var e = this.doStop();
-      e && this.hooks.trigger(this.hooks.eventTypes.callStop);
-    }, t;
-  }(Zt)
-);
-function Ye(o, t, e) {
-  var r = e.useTransition, i = {};
-  return Object.defineProperty(i, "probeType", {
-    enumerable: !0,
-    configurable: !1,
-    get: function() {
-      return e.probeType;
+    function T(l) {
+      const { columnsType: i } = n, t = i.indexOf(l), u = o.value[t];
+      return u ? Number(u) : l === "year" ? (/* @__PURE__ */ new Date()).getFullYear() : l === "month" ? (/* @__PURE__ */ new Date()).getMonth() + 1 : (/* @__PURE__ */ new Date()).getDate();
     }
-  }), r ? new xe(o, t, i) : new Ae(o, t, i);
-}
-var It = (
-  /** @class */
-  function() {
-    function o(t, e, r) {
-      this.wrapper = t, this.options = r, this.hooks = new x([
-        "beforeComputeBoundary",
-        "computeBoundary",
-        "momentum",
-        "end",
-        "ignoreHasScroll"
-      ]), this.refresh(e);
+    function b(l) {
+      r("update:modelValue", l), s.value = l, r("confirm", l);
     }
-    return o.prototype.start = function() {
-      this.dist = 0, this.setMovingDirection(
-        0
-        /* Default */
-      ), this.setDirection(
-        0
-        /* Default */
-      );
-    }, o.prototype.move = function(t) {
-      return t = this.hasScroll ? t : 0, this.setMovingDirection(t), this.performDampingAlgorithm(t, this.options.outOfBoundaryDampingFactor);
-    }, o.prototype.setMovingDirection = function(t) {
-      this.movingDirection = t > 0 ? -1 : t < 0 ? 1 : 0;
-    }, o.prototype.setDirection = function(t) {
-      this.direction = t > 0 ? -1 : t < 0 ? 1 : 0;
-    }, o.prototype.performDampingAlgorithm = function(t, e) {
-      var r = this.currentPos + t;
-      return (r > this.minScrollPos || r < this.maxScrollPos) && (r > this.minScrollPos && this.options.bounces[0] || r < this.maxScrollPos && this.options.bounces[1] ? r = this.currentPos + t * e : r = r > this.minScrollPos ? this.minScrollPos : this.maxScrollPos), r;
-    }, o.prototype.end = function(t) {
-      var e = {
-        duration: 0
-      }, r = Math.abs(this.currentPos - this.startPos);
-      if (this.options.momentum && t < this.options.momentumLimitTime && r > this.options.momentumLimitDistance) {
-        var i = this.direction === -1 && this.options.bounces[0] || this.direction === 1 && this.options.bounces[1] ? this.wrapperSize : 0;
-        e = this.hasScroll ? this.momentum(this.currentPos, this.startPos, t, this.maxScrollPos, this.minScrollPos, i, this.options) : { destination: this.currentPos, duration: 0 };
-      } else
-        this.hooks.trigger(this.hooks.eventTypes.end, e);
-      return e;
-    }, o.prototype.momentum = function(t, e, r, i, n, s, l) {
-      l === void 0 && (l = this.options);
-      var h = t - e, a = Math.abs(h) / r, c = l.deceleration, u = l.swipeBounceTime, v = l.swipeTime, g = Math.min(v, a * 2 / c), f = {
-        destination: t + a * a / c * (h < 0 ? -1 : 1),
-        duration: g,
-        rate: 15
-      };
-      return this.hooks.trigger(this.hooks.eventTypes.momentum, f, h), f.destination < i ? (f.destination = s ? Math.max(i - s / 4, i - s / f.rate * a) : i, f.duration = u) : f.destination > n && (f.destination = s ? Math.min(n + s / 4, n + s / f.rate * a) : n, f.duration = u), f.destination = Math.round(f.destination), f;
-    }, o.prototype.updateDirection = function() {
-      var t = this.currentPos - this.absStartPos;
-      this.setDirection(t);
-    }, o.prototype.refresh = function(t) {
-      var e = this.options.rect, r = e.size, i = e.position, n = window.getComputedStyle(this.wrapper, null).position === "static", s = _t(this.wrapper);
-      this.wrapperSize = this.wrapper[r === "width" ? "clientWidth" : "clientHeight"], this.setContent(t);
-      var l = _t(this.content);
-      this.contentSize = l[r], this.relativeOffset = l[i], n && (this.relativeOffset -= s[i]), this.computeBoundary(), this.setDirection(
-        0
-        /* Default */
-      );
-    }, o.prototype.setContent = function(t) {
-      t !== this.content && (this.content = t, this.resetState());
-    }, o.prototype.resetState = function() {
-      this.currentPos = 0, this.startPos = 0, this.dist = 0, this.setDirection(
-        0
-        /* Default */
-      ), this.setMovingDirection(
-        0
-        /* Default */
-      ), this.resetStartPos();
-    }, o.prototype.computeBoundary = function() {
-      this.hooks.trigger(this.hooks.eventTypes.beforeComputeBoundary);
-      var t = {
-        minScrollPos: 0,
-        maxScrollPos: this.wrapperSize - this.contentSize
-      };
-      t.maxScrollPos < 0 && (t.maxScrollPos -= this.relativeOffset, this.options.specifiedIndexAsContent === 0 && (t.minScrollPos = -this.relativeOffset)), this.hooks.trigger(this.hooks.eventTypes.computeBoundary, t), this.minScrollPos = t.minScrollPos, this.maxScrollPos = t.maxScrollPos, this.hasScroll = this.options.scrollable && this.maxScrollPos < this.minScrollPos, !this.hasScroll && this.minScrollPos < this.maxScrollPos && (this.maxScrollPos = this.minScrollPos, this.contentSize = this.wrapperSize);
-    }, o.prototype.updatePosition = function(t) {
-      this.currentPos = t;
-    }, o.prototype.getCurrentPos = function() {
-      return this.currentPos;
-    }, o.prototype.checkInBoundary = function() {
-      var t = this.adjustPosition(this.currentPos), e = t === this.getCurrentPos();
-      return {
-        position: t,
-        inBoundary: e
-      };
-    }, o.prototype.adjustPosition = function(t) {
-      return !this.hasScroll && !this.hooks.trigger(this.hooks.eventTypes.ignoreHasScroll) ? t = this.minScrollPos : t > this.minScrollPos ? t = this.minScrollPos : t < this.maxScrollPos && (t = this.maxScrollPos), t;
-    }, o.prototype.updateStartPos = function() {
-      this.startPos = this.currentPos;
-    }, o.prototype.updateAbsStartPos = function() {
-      this.absStartPos = this.currentPos;
-    }, o.prototype.resetStartPos = function() {
-      this.updateStartPos(), this.updateAbsStartPos();
-    }, o.prototype.getAbsDist = function(t) {
-      return this.dist += t, Math.abs(this.dist);
-    }, o.prototype.destroy = function() {
-      this.hooks.destroy();
-    }, o;
-  }()
-), U, q, G, Z, Ht = (U = {}, U.yes = function(o) {
-  return !0;
-}, U.no = function(o) {
-  return $t(o), !1;
-}, U), Me = (q = {}, q.horizontal = (G = {}, G.yes = "horizontal", G.no = "vertical", G), q.vertical = (Z = {}, Z.yes = "vertical", Z.no = "horizontal", Z), q), Xe = (
-  /** @class */
-  function() {
-    function o(t, e, r) {
-      this.directionLockThreshold = t, this.freeScroll = e, this.eventPassthrough = r, this.reset();
+    function M() {
+      r("cancel");
     }
-    return o.prototype.reset = function() {
-      this.directionLocked = "";
-    }, o.prototype.checkMovingDirection = function(t, e, r) {
-      return this.computeDirectionLock(t, e), this.handleEventPassthrough(r);
-    }, o.prototype.adjustDelta = function(t, e) {
-      return this.directionLocked === "horizontal" ? e = 0 : this.directionLocked === "vertical" && (t = 0), {
-        deltaX: t,
-        deltaY: e
-      };
-    }, o.prototype.computeDirectionLock = function(t, e) {
-      this.directionLocked === "" && !this.freeScroll && (t > e + this.directionLockThreshold ? this.directionLocked = "horizontal" : e >= t + this.directionLockThreshold ? this.directionLocked = "vertical" : this.directionLocked = "none");
-    }, o.prototype.handleEventPassthrough = function(t) {
-      var e = Me[this.directionLocked];
-      if (e) {
-        if (this.eventPassthrough === e.yes)
-          return Ht.yes(t);
-        if (this.eventPassthrough === e.no)
-          return Ht.no(t);
+    function D() {
+      if (r("open"), n.modelValue && n.modelValue.length) {
+        o.value = [...n.modelValue];
+        return;
       }
-      return !1;
-    }, o;
-  }()
-), Oe = function(o, t, e) {
-  return e === 2 ? [t, -o] : e === 3 ? [-o, -t] : e === 4 ? [-t, o] : [o, t];
-}, _e = (
-  /** @class */
-  function() {
-    function o(t, e, r, i, n) {
-      this.hooks = new x([
-        "start",
-        "beforeMove",
-        "scrollStart",
-        "scroll",
-        "beforeEnd",
-        "end",
-        "scrollEnd",
-        "contentNotMoved",
-        "detectMovingDirection",
-        "coordinateTransformation"
-      ]), this.scrollBehaviorX = t, this.scrollBehaviorY = e, this.actionsHandler = r, this.animater = i, this.options = n, this.directionLockAction = new Xe(n.directionLockThreshold, n.freeScroll, n.eventPassthrough), this.enabled = !0, this.bindActionsHandler();
+      const { columnsType: l } = n;
+      o.value = l.map((i) => T(i));
     }
-    return o.prototype.bindActionsHandler = function() {
-      var t = this;
-      this.actionsHandler.hooks.on(this.actionsHandler.hooks.eventTypes.start, function(e) {
-        return t.enabled ? t.handleStart(e) : !0;
-      }), this.actionsHandler.hooks.on(this.actionsHandler.hooks.eventTypes.move, function(e) {
-        var r = e.deltaX, i = e.deltaY, n = e.e;
-        if (!t.enabled)
-          return !0;
-        var s = Oe(r, i, t.options.quadrant), l = s[0], h = s[1], a = {
-          deltaX: l,
-          deltaY: h
-        };
-        return t.hooks.trigger(t.hooks.eventTypes.coordinateTransformation, a), t.handleMove(a.deltaX, a.deltaY, n);
-      }), this.actionsHandler.hooks.on(this.actionsHandler.hooks.eventTypes.end, function(e) {
-        return t.enabled ? t.handleEnd(e) : !0;
-      }), this.actionsHandler.hooks.on(this.actionsHandler.hooks.eventTypes.click, function(e) {
-        t.enabled && !e._constructed && t.handleClick(e);
-      });
-    }, o.prototype.handleStart = function(t) {
-      var e = X();
-      this.fingerMoved = !1, this.contentMoved = !1, this.startTime = e, this.directionLockAction.reset(), this.scrollBehaviorX.start(), this.scrollBehaviorY.start(), this.animater.doStop(), this.scrollBehaviorX.resetStartPos(), this.scrollBehaviorY.resetStartPos(), this.hooks.trigger(this.hooks.eventTypes.start, t);
-    }, o.prototype.handleMove = function(t, e, r) {
-      if (!this.hooks.trigger(this.hooks.eventTypes.beforeMove, r)) {
-        var i = this.scrollBehaviorX.getAbsDist(t), n = this.scrollBehaviorY.getAbsDist(e), s = X();
-        if (this.checkMomentum(i, n, s))
-          return !0;
-        if (this.directionLockAction.checkMovingDirection(i, n, r))
-          return this.actionsHandler.setInitiated(), !0;
-        var l = this.directionLockAction.adjustDelta(t, e), h = this.scrollBehaviorX.getCurrentPos(), a = this.scrollBehaviorX.move(l.deltaX), c = this.scrollBehaviorY.getCurrentPos(), u = this.scrollBehaviorY.move(l.deltaY);
-        if (!this.hooks.trigger(this.hooks.eventTypes.detectMovingDirection)) {
-          this.fingerMoved || (this.fingerMoved = !0);
-          var v = a !== h || u !== c;
-          !this.contentMoved && !v && this.hooks.trigger(this.hooks.eventTypes.contentNotMoved), !this.contentMoved && v && (this.contentMoved = !0, this.hooks.trigger(this.hooks.eventTypes.scrollStart)), this.contentMoved && v && (this.animater.translate({
-            x: a,
-            y: u
-          }), this.dispatchScroll(s));
-        }
-      }
-    }, o.prototype.dispatchScroll = function(t) {
-      t - this.startTime > this.options.momentumLimitTime && (this.startTime = t, this.scrollBehaviorX.updateStartPos(), this.scrollBehaviorY.updateStartPos(), this.options.probeType === 1 && this.hooks.trigger(this.hooks.eventTypes.scroll, this.getCurrentPos())), this.options.probeType > 1 && this.hooks.trigger(this.hooks.eventTypes.scroll, this.getCurrentPos());
-    }, o.prototype.checkMomentum = function(t, e, r) {
-      return r - this.endTime > this.options.momentumLimitTime && e < this.options.momentumLimitDistance && t < this.options.momentumLimitDistance;
-    }, o.prototype.handleEnd = function(t) {
-      if (!this.hooks.trigger(this.hooks.eventTypes.beforeEnd, t)) {
-        var e = this.getCurrentPos();
-        if (this.scrollBehaviorX.updateDirection(), this.scrollBehaviorY.updateDirection(), this.hooks.trigger(this.hooks.eventTypes.end, t, e))
-          return !0;
-        e = this.ensureIntegerPos(e), this.animater.translate(e), this.endTime = X();
-        var r = this.endTime - this.startTime;
-        this.hooks.trigger(this.hooks.eventTypes.scrollEnd, e, r);
-      }
-    }, o.prototype.ensureIntegerPos = function(t) {
-      this.ensuringInteger = !0;
-      var e = t.x, r = t.y, i = this.scrollBehaviorX, n = i.minScrollPos, s = i.maxScrollPos, l = this.scrollBehaviorY, h = l.minScrollPos, a = l.maxScrollPos;
-      return e = e > 0 ? Math.ceil(e) : Math.floor(e), r = r > 0 ? Math.ceil(r) : Math.floor(r), e = Mt(e, s, n), r = Mt(r, a, h), { x: e, y: r };
-    }, o.prototype.handleClick = function(t) {
-      K(t.target, this.options.preventDefaultException) || ($t(t), t.stopPropagation());
-    }, o.prototype.getCurrentPos = function() {
-      return {
-        x: this.scrollBehaviorX.getCurrentPos(),
-        y: this.scrollBehaviorY.getCurrentPos()
-      };
-    }, o.prototype.refresh = function() {
-      this.endTime = 0;
-    }, o.prototype.destroy = function() {
-      this.hooks.destroy();
-    }, o;
-  }()
-);
-function Le(o) {
-  var t = [
-    "click",
-    "bindToWrapper",
-    "disableMouse",
-    "disableTouch",
-    "preventDefault",
-    "stopPropagation",
-    "tagException",
-    "preventDefaultException",
-    "autoEndDistance"
-  ].reduce(function(e, r) {
-    return e[r] = o[r], e;
-  }, {});
-  return t;
-}
-function Ft(o, t, e, r) {
-  var i = [
-    "momentum",
-    "momentumLimitTime",
-    "momentumLimitDistance",
-    "deceleration",
-    "swipeBounceTime",
-    "swipeTime",
-    "outOfBoundaryDampingFactor",
-    "specifiedIndexAsContent"
-  ].reduce(function(n, s) {
-    return n[s] = o[s], n;
-  }, {});
-  return i.scrollable = !!o[t], i.bounces = e, i.rect = r, i;
-}
-function Tt(o, t, e) {
-  e.forEach(function(r) {
-    var i, n;
-    typeof r == "string" ? i = n = r : (i = r.source, n = r.target), o.on(i, function() {
-      for (var s = [], l = 0; l < arguments.length; l++)
-        s[l] = arguments[l];
-      return t.trigger.apply(t, Kt([n], s));
-    });
-  });
-}
-function Ie(o, t) {
-  for (var e = Object.keys(o), r = 0, i = e; r < i.length; r++) {
-    var n = i[r];
-    if (o[n] !== t[n])
-      return !1;
-  }
-  return !0;
-}
-var Wt = 1, He = (
-  /** @class */
-  function() {
-    function o(t, e, r) {
-      this.wrapper = t, this.content = e, this.resizeTimeout = 0, this.hooks = new x([
-        "beforeStart",
-        "beforeMove",
-        "beforeScrollStart",
-        "scrollStart",
-        "scroll",
-        "beforeEnd",
-        "scrollEnd",
-        "resize",
-        "touchEnd",
-        "end",
-        "flick",
-        "scrollCancel",
-        "momentum",
-        "scrollTo",
-        "minDistanceScroll",
-        "scrollToElement",
-        "beforeRefresh"
-      ]), this.options = r;
-      var i = this.options.bounce, n = i.left, s = i.right, l = i.top, h = i.bottom;
-      this.scrollBehaviorX = new It(t, e, Ft(r, "scrollX", [n, s], {
-        size: "width",
-        position: "left"
-      })), this.scrollBehaviorY = new It(t, e, Ft(r, "scrollY", [l, h], {
-        size: "height",
-        position: "top"
-      })), this.translater = new De(this.content), this.animater = Ye(this.content, this.translater, this.options), this.actionsHandler = new Ce(this.options.bindToTarget ? this.content : t, Le(this.options)), this.actions = new _e(this.scrollBehaviorX, this.scrollBehaviorY, this.actionsHandler, this.animater, this.options);
-      var a = this.resize.bind(this);
-      this.resizeRegister = new tt(window, [
-        {
-          name: "orientationchange",
-          handler: a
-        },
-        {
-          name: "resize",
-          handler: a
-        }
-      ]), this.registerTransitionEnd(), this.init();
+    function V() {
+      o.value = n.modelValue ? [...n.modelValue] : [...s.value], r("closed");
     }
-    return o.prototype.init = function() {
-      var t = this;
-      this.bindTranslater(), this.bindAnimater(), this.bindActions(), this.hooks.on(this.hooks.eventTypes.scrollEnd, function() {
-        t.togglePointerEvents(!0);
-      });
-    }, o.prototype.registerTransitionEnd = function() {
-      this.transitionEndRegister = new tt(this.content, [
-        {
-          name: M.transitionEnd,
-          handler: this.transitionEnd.bind(this)
-        }
-      ]);
-    }, o.prototype.bindTranslater = function() {
-      var t = this, e = this.translater.hooks;
-      e.on(e.eventTypes.beforeTranslate, function(r) {
-        t.options.translateZ && r.push(t.options.translateZ);
-      }), e.on(e.eventTypes.translate, function(r) {
-        var i = t.getCurrentPos();
-        if (t.updatePositions(r), t.actions.ensuringInteger === !0) {
-          t.actions.ensuringInteger = !1;
-          return;
-        }
-        (r.x !== i.x || r.y !== i.y) && t.togglePointerEvents(!1);
-      });
-    }, o.prototype.bindAnimater = function() {
-      var t = this;
-      this.animater.hooks.on(this.animater.hooks.eventTypes.end, function(e) {
-        t.resetPosition(t.options.bounceTime) || (t.animater.setPending(!1), t.hooks.trigger(t.hooks.eventTypes.scrollEnd, e));
-      }), Tt(this.animater.hooks, this.hooks, [
-        {
-          source: this.animater.hooks.eventTypes.move,
-          target: this.hooks.eventTypes.scroll
-        },
-        {
-          source: this.animater.hooks.eventTypes.forceStop,
-          target: this.hooks.eventTypes.scrollEnd
-        }
-      ]);
-    }, o.prototype.bindActions = function() {
-      var t = this, e = this.actions;
-      Tt(e.hooks, this.hooks, [
-        {
-          source: e.hooks.eventTypes.start,
-          target: this.hooks.eventTypes.beforeStart
-        },
-        {
-          source: e.hooks.eventTypes.start,
-          target: this.hooks.eventTypes.beforeScrollStart
-        },
-        {
-          source: e.hooks.eventTypes.beforeMove,
-          target: this.hooks.eventTypes.beforeMove
-        },
-        {
-          source: e.hooks.eventTypes.scrollStart,
-          target: this.hooks.eventTypes.scrollStart
-        },
-        {
-          source: e.hooks.eventTypes.scroll,
-          target: this.hooks.eventTypes.scroll
-        },
-        {
-          source: e.hooks.eventTypes.beforeEnd,
-          target: this.hooks.eventTypes.beforeEnd
-        }
-      ]), e.hooks.on(e.hooks.eventTypes.end, function(r, i) {
-        if (t.hooks.trigger(t.hooks.eventTypes.touchEnd, i), t.hooks.trigger(t.hooks.eventTypes.end, i) || !e.fingerMoved && (t.hooks.trigger(t.hooks.eventTypes.scrollCancel), t.checkClick(r)))
-          return !0;
-        if (t.resetPosition(t.options.bounceTime, Y.bounce))
-          return t.animater.setForceStopped(!1), !0;
-      }), e.hooks.on(e.hooks.eventTypes.scrollEnd, function(r, i) {
-        var n = Math.abs(r.x - t.scrollBehaviorX.startPos), s = Math.abs(r.y - t.scrollBehaviorY.startPos);
-        if (t.checkFlick(i, n, s)) {
-          t.animater.setForceStopped(!1), t.hooks.trigger(t.hooks.eventTypes.flick);
-          return;
-        }
-        if (t.momentum(r, i)) {
-          t.animater.setForceStopped(!1);
-          return;
-        }
-        e.contentMoved && t.hooks.trigger(t.hooks.eventTypes.scrollEnd, r), t.animater.forceStopped && t.animater.setForceStopped(!1);
-      });
-    }, o.prototype.checkFlick = function(t, e, r) {
-      var i = 1;
-      if (this.hooks.events.flick.length > 1 && t < this.options.flickLimitTime && e < this.options.flickLimitDistance && r < this.options.flickLimitDistance && (r > i || e > i))
-        return !0;
-    }, o.prototype.momentum = function(t, e) {
-      var r = {
-        time: 0,
-        easing: Y.swiper,
-        newX: t.x,
-        newY: t.y
-      }, i = this.scrollBehaviorX.end(e), n = this.scrollBehaviorY.end(e);
-      if (r.newX = kt(i.destination) ? r.newX : i.destination, r.newY = kt(n.destination) ? r.newY : n.destination, r.time = Math.max(i.duration, n.duration), this.hooks.trigger(this.hooks.eventTypes.momentum, r, this), r.newX !== t.x || r.newY !== t.y)
-        return (r.newX > this.scrollBehaviorX.minScrollPos || r.newX < this.scrollBehaviorX.maxScrollPos || r.newY > this.scrollBehaviorY.minScrollPos || r.newY < this.scrollBehaviorY.maxScrollPos) && (r.easing = Y.swipeBounce), this.scrollTo(r.newX, r.newY, r.time, r.easing), !0;
-    }, o.prototype.checkClick = function(t) {
-      var e = {
-        preventClick: this.animater.forceStopped
-      };
-      if (this.hooks.trigger(this.hooks.eventTypes.checkClick))
-        return this.animater.setForceStopped(!1), !0;
-      if (!e.preventClick) {
-        var r = this.options.dblclick, i = !1;
-        if (r && this.lastClickTime) {
-          var n = r.delay, s = n === void 0 ? 300 : n;
-          X() - this.lastClickTime < s && (i = !0, ke(t));
-        }
-        return this.options.tap && ge(t, this.options.tap), this.options.click && !K(t.target, this.options.preventDefaultException) && Ut(t), this.lastClickTime = i ? null : X(), !0;
-      }
-      return !1;
-    }, o.prototype.resize = function() {
-      var t = this;
-      this.actions.enabled && (he && (this.wrapper.scrollTop = 0), clearTimeout(this.resizeTimeout), this.resizeTimeout = window.setTimeout(function() {
-        t.hooks.trigger(t.hooks.eventTypes.resize);
-      }, this.options.resizePolling));
-    }, o.prototype.transitionEnd = function(t) {
-      if (!(t.target !== this.content || !this.animater.pending)) {
-        var e = this.animater;
-        e.transitionTime(), this.resetPosition(this.options.bounceTime, Y.bounce) || (this.animater.setPending(!1), this.options.probeType !== 3 && this.hooks.trigger(this.hooks.eventTypes.scrollEnd, this.getCurrentPos()));
-      }
-    }, o.prototype.togglePointerEvents = function(t) {
-      t === void 0 && (t = !0);
-      for (var e = this.content.children.length ? this.content.children : [this.content], r = t ? "auto" : "none", i = 0; i < e.length; i++) {
-        var n = e[i];
-        n.isBScrollContainer || (n.style.pointerEvents = r);
-      }
-    }, o.prototype.refresh = function(t) {
-      var e = this.setContent(t);
-      this.hooks.trigger(this.hooks.eventTypes.beforeRefresh), this.scrollBehaviorX.refresh(t), this.scrollBehaviorY.refresh(t), e && (this.translater.setContent(t), this.animater.setContent(t), this.transitionEndRegister.destroy(), this.registerTransitionEnd(), this.options.bindToTarget && this.actionsHandler.setContent(t)), this.actions.refresh(), this.wrapperOffset = Xt(this.wrapper);
-    }, o.prototype.setContent = function(t) {
-      var e = t !== this.content;
-      return e && (this.content = t), e;
-    }, o.prototype.scrollBy = function(t, e, r, i) {
-      r === void 0 && (r = 0);
-      var n = this.getCurrentPos(), s = n.x, l = n.y;
-      i = i || Y.bounce, t += s, e += l, this.scrollTo(t, e, r, i);
-    }, o.prototype.scrollTo = function(t, e, r, i, n) {
-      r === void 0 && (r = 0), i === void 0 && (i = Y.bounce), n === void 0 && (n = {
-        start: {},
-        end: {}
-      });
-      var s = this.options.useTransition ? i.style : i.fn, l = this.getCurrentPos(), h = N({ x: l.x, y: l.y }, n.start), a = N({
-        x: t,
-        y: e
-      }, n.end);
-      if (this.hooks.trigger(this.hooks.eventTypes.scrollTo, a), !Ie(h, a)) {
-        var c = Math.abs(a.x - h.x), u = Math.abs(a.y - h.y);
-        c < Wt && u < Wt && (r = 0, this.hooks.trigger(this.hooks.eventTypes.minDistanceScroll)), this.animater.move(h, a, r, s);
-      }
-    }, o.prototype.scrollToElement = function(t, e, r, i, n) {
-      var s = Vt(t), l = Xt(s), h = function(c, u, v) {
-        return typeof c == "number" ? c : c ? Math.round(u / 2 - v / 2) : 0;
-      };
-      r = h(r, s.offsetWidth, this.wrapper.offsetWidth), i = h(i, s.offsetHeight, this.wrapper.offsetHeight);
-      var a = function(c, u, v, g) {
-        return c -= u, c = g.adjustPosition(c - v), c;
+    return (l, i) => (I(), E(ie, {
+      modelValue: o.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (t) => o.value = t),
+      show: p.value,
+      "onUpdate:show": i[1] || (i[1] = (t) => p.value = t),
+      title: l.title,
+      columns: g.value,
+      teleport: l.teleport,
+      "confirm-button-text": l.confirmButtonText,
+      "cancel-button-text": l.cancelButtonText,
+      linkage: "",
+      onConfirm: b,
+      onCancel: M,
+      onOpen: D,
+      onClosed: V
+    }, null, 8, ["modelValue", "show", "title", "columns", "teleport", "confirm-button-text", "cancel-button-text"]));
+  }
+}), Ge = /* @__PURE__ */ L({
+  __name: "TimePicker",
+  props: {
+    show: { type: Boolean },
+    modelValue: {},
+    title: { default: Le },
+    columnsType: { default: () => Be },
+    minTime: {},
+    maxTime: {},
+    teleport: {},
+    confirmButtonText: {},
+    cancelButtonText: {},
+    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: a }) {
+    const n = e, r = a, o = C([]), s = C([]), p = O({
+      get: () => n.show,
+      set: (t) => r("update:show", t)
+    }), g = O(() => {
+      const { columnsType: t } = n, u = {
+        hour: k,
+        minute: T,
+        second: b
       };
-      l.left = a(l.left, this.wrapperOffset.left, r, this.scrollBehaviorX), l.top = a(l.top, this.wrapperOffset.top, i, this.scrollBehaviorY), !this.hooks.trigger(this.hooks.eventTypes.scrollToElement, s, l) && this.scrollTo(l.left, l.top, e, n);
-    }, o.prototype.resetPosition = function(t, e) {
-      t === void 0 && (t = 0), e === void 0 && (e = Y.bounce);
-      var r = this.scrollBehaviorX.checkInBoundary(), i = r.position, n = r.inBoundary, s = this.scrollBehaviorY.checkInBoundary(), l = s.position, h = s.inBoundary;
-      return n && h ? !1 : (ce && this.reflow(), this.scrollTo(i, l, t, e), !0);
-    }, o.prototype.reflow = function() {
-      this._reflow = this.content.offsetHeight;
-    }, o.prototype.updatePositions = function(t) {
-      this.scrollBehaviorX.updatePosition(t.x), this.scrollBehaviorY.updatePosition(t.y);
-    }, o.prototype.getCurrentPos = function() {
-      return this.actions.getCurrentPos();
-    }, o.prototype.enable = function() {
-      this.actions.enabled = !0;
-    }, o.prototype.disable = function() {
-      O(this.animater.timer), this.actions.enabled = !1;
-    }, o.prototype.destroy = function() {
-      var t = this, e = [
-        "resizeRegister",
-        "transitionEndRegister",
-        "actionsHandler",
-        "actions",
-        "hooks",
-        "animater",
-        "translater",
-        "scrollBehaviorX",
-        "scrollBehaviorY"
-      ];
-      e.forEach(function(r) {
-        return t[r].destroy();
-      });
-    }, o;
-  }()
-), it = (
-  /** @class */
-  function(o) {
-    rt(t, o);
-    function t(e, r) {
-      var i = o.call(this, [
-        "refresh",
-        "contentChanged",
-        "enable",
-        "disable",
-        "beforeScrollStart",
-        "scrollStart",
-        "scroll",
-        "scrollEnd",
-        "scrollCancel",
-        "touchEnd",
-        "flick",
-        "destroy"
-      ]) || this, n = Vt(e);
-      return n ? (i.plugins = {}, i.options = new Ee().merge(r).process(), i.setContent(n).valid && (i.hooks = new x([
-        "refresh",
-        "enable",
-        "disable",
-        "destroy",
-        "beforeInitialScrollTo",
-        "contentChanged"
-      ]), i.init(n)), i) : (Q("Can not resolve the wrapper DOM."), i);
+      return t.map((c) => u[c]());
+    }), h = O(() => oe(n.minTime ?? "") ?? { hour: 0, minute: 0, second: 0 }), d = O(() => oe(n.maxTime ?? "") ?? { hour: 23, minute: 59, second: 59 });
+    function k() {
+      const t = h.value.hour, u = d.value.hour;
+      return F(t, u, n.formatHourLabel);
     }
-    return t.use = function(e) {
-      var r = e.pluginName, i = t.plugins.some(function(n) {
-        return e === n.ctor;
-      });
-      return i ? t : kt(r) ? (Q("Plugin Class must specify plugin's name in static property by 'pluginName' field."), t) : (t.pluginsMap[r] = !0, t.plugins.push({
-        name: r,
-        applyOrder: e.applyOrder,
-        ctor: e
-      }), t);
-    }, t.prototype.setContent = function(e) {
-      var r = !1, i = !0, n = e.children[this.options.specifiedIndexAsContent];
-      return n ? (r = this.content !== n, r && (this.content = n)) : (Q("The wrapper need at least one child element to be content element to scroll."), i = !1), {
-        valid: i,
-        contentChanged: r
-      };
-    }, t.prototype.init = function(e) {
-      var r = this;
-      this.wrapper = e, e.isBScrollContainer = !0, this.scroller = new He(e, this.content, this.options), this.scroller.hooks.on(this.scroller.hooks.eventTypes.resize, function() {
-        r.refresh();
-      }), this.eventBubbling(), this.handleAutoBlur(), this.enable(), this.proxy(ae), this.applyPlugins(), this.refreshWithoutReset(this.content);
-      var i = this.options, n = i.startX, s = i.startY, l = {
-        x: n,
-        y: s
-      };
-      this.hooks.trigger(this.hooks.eventTypes.beforeInitialScrollTo, l) || this.scroller.scrollTo(l.x, l.y);
-    }, t.prototype.applyPlugins = function() {
-      var e = this, r = this.options;
-      t.plugins.sort(function(i, n) {
-        var s, l = (s = {}, s.pre = -1, s.post = 1, s), h = i.applyOrder ? l[i.applyOrder] : 0, a = n.applyOrder ? l[n.applyOrder] : 0;
-        return h - a;
-      }).forEach(function(i) {
-        var n = i.ctor;
-        r[i.name] && typeof n == "function" && (e.plugins[i.name] = new n(e));
-      });
-    }, t.prototype.handleAutoBlur = function() {
-      this.options.autoBlur && this.on(this.eventTypes.beforeScrollStart, function() {
-        var e = document.activeElement;
-        e && (e.tagName === "INPUT" || e.tagName === "TEXTAREA") && e.blur();
-      });
-    }, t.prototype.eventBubbling = function() {
-      Tt(this.scroller.hooks, this, [
-        this.eventTypes.beforeScrollStart,
-        this.eventTypes.scrollStart,
-        this.eventTypes.scroll,
-        this.eventTypes.scrollEnd,
-        this.eventTypes.scrollCancel,
-        this.eventTypes.touchEnd,
-        this.eventTypes.flick
-      ]);
-    }, t.prototype.refreshWithoutReset = function(e) {
-      this.scroller.refresh(e), this.hooks.trigger(this.hooks.eventTypes.refresh, e), this.trigger(this.eventTypes.refresh, e);
-    }, t.prototype.proxy = function(e) {
-      var r = this;
-      e.forEach(function(i) {
-        var n = i.key, s = i.sourceKey;
-        we(r, s, n);
-      });
-    }, t.prototype.refresh = function() {
-      var e = this.setContent(this.wrapper), r = e.contentChanged, i = e.valid;
-      if (i) {
-        var n = this.content;
-        this.refreshWithoutReset(n), r && (this.hooks.trigger(this.hooks.eventTypes.contentChanged, n), this.trigger(this.eventTypes.contentChanged, n)), this.scroller.resetPosition();
-      }
-    }, t.prototype.enable = function() {
-      this.scroller.enable(), this.hooks.trigger(this.hooks.eventTypes.enable), this.trigger(this.eventTypes.enable);
-    }, t.prototype.disable = function() {
-      this.scroller.disable(), this.hooks.trigger(this.hooks.eventTypes.disable), this.trigger(this.eventTypes.disable);
-    }, t.prototype.destroy = function() {
-      this.hooks.trigger(this.hooks.eventTypes.destroy), this.trigger(this.eventTypes.destroy), this.scroller.destroy();
-    }, t.prototype.eventRegister = function(e) {
-      this.registerType(e);
-    }, t.plugins = [], t.pluginsMap = {}, t;
-  }(x)
-);
-function R(o, t) {
-  var e = new it(o, t);
-  return e;
-}
-R.use = it.use;
-R.plugins = it.plugins;
-R.pluginsMap = it.pluginsMap;
-var Fe = R;
-/*!
- * better-scroll / wheel
- * (c) 2016-2023 ustbhuangyi
- * Released under the MIT License.
- */
-var V = typeof window < "u", et = V && navigator.userAgent.toLowerCase();
-et && et.indexOf("android") > 0;
-(function() {
-  if (typeof et == "string") {
-    var o = /os (\d\d?_\d(_\d)?)/, t = o.exec(et);
-    if (!t)
-      return !1;
-    var e = t[1].split("_").map(function(r) {
-      return parseInt(r, 10);
-    });
-    return e[0] === 13 && e[1] >= 4;
-  }
-  return !1;
-})();
-var We = !1;
-if (V) {
-  var ze = "test-passive";
-  try {
-    var zt = {};
-    Object.defineProperty(zt, "passive", {
-      get: function() {
-        We = !0;
-      }
-    }), window.addEventListener(ze, function() {
-    }, zt);
-  } catch {
-  }
-}
-var Ne = function(o, t) {
-  for (var e in t)
-    o[e] = t[e];
-  return o;
-}, Jt = V && document.createElement("div").style, H = function() {
-  if (!V)
-    return !1;
-  for (var o = [
-    {
-      key: "standard",
-      value: "transform"
-    },
-    {
-      key: "webkit",
-      value: "webkitTransform"
-    },
-    {
-      key: "Moz",
-      value: "MozTransform"
-    },
-    {
-      key: "O",
-      value: "OTransform"
-    },
-    {
-      key: "ms",
-      value: "msTransform"
+    function T() {
+      const t = M("hour"), { hour: u, minute: c } = h.value, { hour: m, minute: y } = d.value;
+      return F(t === u ? c : 0, t === m ? y : 59, n.formatMinuteLabel);
     }
-  ], t = 0, e = o; t < e.length; t++) {
-    var r = e[t];
-    if (Jt[r.value] !== void 0)
-      return r.key;
-  }
-  return !1;
-}();
-function C(o) {
-  return H === !1 ? o : H === "standard" ? o === "transitionEnd" ? "transitionend" : o : H + o.charAt(0).toUpperCase() + o.substr(1);
-}
-H && H !== "standard" && "" + H.toLowerCase();
-var Ke = C("transform"), Re = C("transition");
-V && C("perspective") in Jt;
-var dt = {
-  transform: Ke,
-  transition: Re,
-  transitionTimingFunction: C("transitionTimingFunction"),
-  transitionDuration: C("transitionDuration"),
-  transitionDelay: C("transitionDelay"),
-  transformOrigin: C("transformOrigin"),
-  transitionEnd: C("transitionEnd"),
-  transitionProperty: C("transitionProperty")
-};
-function J(o, t) {
-  var e = new RegExp("(^|\\s)" + t + "(\\s|$)");
-  return e.test(o.className);
-}
-function Ve(o) {
-  return Array.prototype.slice.call(o, 0);
-}
-var $e = {
-  // easeOutQuint
-  swipe: {
-    style: "cubic-bezier(0.23, 1, 0.32, 1)",
-    fn: function(o) {
-      return 1 + --o * o * o * o * o;
+    function b() {
+      const t = M("hour"), u = M("minute"), { hour: c, minute: m, second: y } = h.value, { hour: x, minute: f, second: w } = d.value;
+      return F(t === c && u === m ? y : 0, t === x && u === f ? w : 59, n.formatSecondLabel);
     }
-  },
-  // easeOutQuard
-  swipeBounce: {
-    style: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
-    fn: function(o) {
-      return o * (2 - o);
+    function M(t) {
+      const { columnsType: u } = n, c = u.indexOf(t), m = o.value[c];
+      return m !== void 0 ? Number(m) : t === "hour" ? (/* @__PURE__ */ new Date()).getHours() : t === "minute" ? (/* @__PURE__ */ new Date()).getMinutes() : (/* @__PURE__ */ new Date()).getSeconds();
     }
-  },
-  // easeOutQuart
-  bounce: {
-    style: "cubic-bezier(0.165, 0.84, 0.44, 1)",
-    fn: function(o) {
-      return 1 - --o * o * o * o;
+    function D(t) {
+      r("update:modelValue", t), s.value = t, r("confirm", t);
     }
-  }
-}, je = "plugins.wheel", Ue = [
-  {
-    key: "wheelTo",
-    name: "wheelTo"
-  },
-  {
-    key: "getSelectedIndex",
-    name: "getSelectedIndex"
-  },
-  {
-    key: "restorePosition",
-    name: "restorePosition"
-  }
-], qe = Ue.map(function(o) {
-  return {
-    key: o.key,
-    sourceKey: je + "." + o.name
-  };
-}), Nt = "wheelIndexChanged", Ge = {
-  rate: 4
-}, Ze = (
-  /** @class */
-  function() {
-    function o(t) {
-      this.scroll = t, this.init();
+    function V() {
+      r("cancel");
     }
-    return o.prototype.init = function() {
-      this.handleBScroll(), this.handleOptions(), this.handleHooks(), this.refreshBoundary(), this.setSelectedIndex(this.options.selectedIndex);
-    }, o.prototype.handleBScroll = function() {
-      this.scroll.proxy(qe), this.scroll.registerType([Nt]);
-    }, o.prototype.handleOptions = function() {
-      var t = this.scroll.options.wheel === !0 ? {} : this.scroll.options.wheel, e = {
-        wheelWrapperClass: "wheel-scroll",
-        wheelItemClass: "wheel-item",
-        rotate: 25,
-        adjustTime: 400,
-        selectedIndex: 0,
-        wheelDisabledItemClass: "wheel-disabled-item"
-      };
-      this.options = Ne(e, t);
-    }, o.prototype.handleHooks = function() {
-      var t = this, e = this.scroll, r = this.scroll.scroller, i = r.actionsHandler, n = r.scrollBehaviorX, s = r.scrollBehaviorY, l = r.animater, h = r.content;
-      e.on(e.eventTypes.scrollEnd, function(a) {
-        var c = t.findNearestValidWheel(a.y).index;
-        if (r.animater.forceStopped && !t.isAdjustingPosition)
-          return t.target = t.items[c], !0;
-        t.setSelectedIndex(c), t.isAdjustingPosition && (t.isAdjustingPosition = !1);
-      }), this.scroll.hooks.on(this.scroll.hooks.eventTypes.refresh, function(a) {
-        a !== h && (h = a, t.setSelectedIndex(t.options.selectedIndex, !0)), t.rotateX(t.scroll.y), t.wheelTo(t.selectedIndex, 0);
-      }), this.scroll.hooks.on(this.scroll.hooks.eventTypes.beforeInitialScrollTo, function(a) {
-        a.x = 0, a.y = -(t.selectedIndex * t.itemHeight);
-      }), r.hooks.on(r.hooks.eventTypes.checkClick, function() {
-        var a = Ve(t.items).indexOf(t.target);
-        return a === -1 || t.wheelTo(a, t.options.adjustTime, $e.swipe), !0;
-      }), r.hooks.on(r.hooks.eventTypes.scrollTo, function(a) {
-        a.y = t.findNearestValidWheel(a.y).y;
-      }), r.hooks.on(r.hooks.eventTypes.minDistanceScroll, function() {
-        var a = r.animater;
-        a.forceStopped === !0 && (a.forceStopped = !1);
-      }), r.hooks.on(r.hooks.eventTypes.scrollToElement, function(a, c) {
-        if (J(a, t.options.wheelItemClass))
-          c.top = t.findNearestValidWheel(c.top).y;
-        else
-          return !0;
-      }), i.hooks.on(i.hooks.eventTypes.beforeStart, function(a) {
-        t.target = a.target;
-      }), n.hooks.on(n.hooks.eventTypes.computeBoundary, function(a) {
-        a.maxScrollPos = 0, a.minScrollPos = 0;
-      }), s.hooks.on(s.hooks.eventTypes.computeBoundary, function(a) {
-        t.items = t.scroll.scroller.content.children, t.checkWheelAllDisabled(), t.itemHeight = t.items.length > 0 ? s.contentSize / t.items.length : 0, a.maxScrollPos = -t.itemHeight * (t.items.length - 1), a.minScrollPos = 0;
-      }), s.hooks.on(s.hooks.eventTypes.momentum, function(a) {
-        a.rate = Ge.rate, a.destination = t.findNearestValidWheel(a.destination).y;
-      }), s.hooks.on(s.hooks.eventTypes.end, function(a) {
-        var c = t.findNearestValidWheel(s.currentPos);
-        a.destination = c.y, a.duration = t.options.adjustTime;
-      }), l.hooks.on(l.hooks.eventTypes.time, function(a) {
-        t.transitionDuration(a);
-      }), l.hooks.on(l.hooks.eventTypes.timeFunction, function(a) {
-        t.timeFunction(a);
-      }), l.hooks.on(l.hooks.eventTypes.callStop, function() {
-        var a = t.findNearestValidWheel(t.scroll.y).index;
-        t.isAdjustingPosition = !0, t.wheelTo(a, 0);
-      }), l.translater.hooks.on(l.translater.hooks.eventTypes.translate, function(a) {
-        t.rotateX(a.y);
-      });
-    }, o.prototype.refreshBoundary = function() {
-      var t = this.scroll.scroller, e = t.scrollBehaviorX, r = t.scrollBehaviorY, i = t.content;
-      e.refresh(i), r.refresh(i);
-    }, o.prototype.setSelectedIndex = function(t, e) {
-      e === void 0 && (e = !1);
-      var r = this.selectedIndex;
-      this.selectedIndex = t, r !== t && !e && this.scroll.trigger(Nt, t);
-    }, o.prototype.getSelectedIndex = function() {
-      return this.selectedIndex;
-    }, o.prototype.wheelTo = function(t, e, r) {
-      t === void 0 && (t = 0), e === void 0 && (e = 0);
-      var i = -t * this.itemHeight;
-      this.scroll.scrollTo(0, i, e, r);
-    }, o.prototype.restorePosition = function() {
-      var t = this.scroll.pending;
-      if (t) {
-        var e = this.getSelectedIndex();
-        this.scroll.scroller.animater.clearTimer(), this.wheelTo(e, 0);
-      }
-    }, o.prototype.transitionDuration = function(t) {
-      for (var e = 0; e < this.items.length; e++)
-        this.items[e].style[dt.transitionDuration] = t + "ms";
-    }, o.prototype.timeFunction = function(t) {
-      for (var e = 0; e < this.items.length; e++)
-        this.items[e].style[dt.transitionTimingFunction] = t;
-    }, o.prototype.rotateX = function(t) {
-      for (var e = this.options.rotate, r = e === void 0 ? 25 : e, i = 0; i < this.items.length; i++) {
-        var n = r * (t / this.itemHeight + i), s = n.toFixed(3);
-        this.items[i].style[dt.transform] = "rotateX(" + s + "deg)";
+    function l() {
+      if (r("open"), n.modelValue && n.modelValue.length) {
+        o.value = [...n.modelValue];
+        return;
       }
-    }, o.prototype.findNearestValidWheel = function(t) {
-      t = t > 0 ? 0 : t < this.scroll.maxScrollY ? this.scroll.maxScrollY : t;
-      for (var e = Math.abs(Math.round(-t / this.itemHeight)), r = e, i = this.items, n = this.options.wheelDisabledItemClass; e >= 0 && J(i[e], n); )
-        e--;
-      if (e < 0)
-        for (e = r; e <= i.length - 1 && J(i[e], n); )
-          e++;
-      return e === i.length && (e = r), {
-        index: this.wheelItemsAllDisabled ? -1 : e,
-        y: -e * this.itemHeight
-      };
-    }, o.prototype.checkWheelAllDisabled = function() {
-      var t = this.options.wheelDisabledItemClass, e = this.items;
-      this.wheelItemsAllDisabled = !0;
-      for (var r = 0; r < e.length; r++)
-        if (!J(e[r], t)) {
-          this.wheelItemsAllDisabled = !1;
-          break;
-        }
-    }, o.pluginName = "wheel", o;
-  }()
-);
-Fe.use(Ze);
-const ot = Array.isArray, Je = (o) => typeof o == "object" && o !== null;
-function bt(o) {
-  return ot(o) && o.length === 3;
-}
-function Qe(o) {
-  return o % 4 === 0 && (o % 100 !== 0 || o % 400 === 0);
-}
-function _(o, t) {
-  const e = [];
-  for (let r = o; r <= t; r++)
-    e.push(r);
-  return e;
-}
-function mt(o, t) {
-  const e = [];
-  for (let r = o; r <= t; r++)
-    e.push(`${r}`.padStart(2, "0"));
-  return e;
-}
-function to() {
-  const o = mt(0, 23), t = mt(0, 59), e = mt(0, 59), r = L([]);
-  i();
-  function i() {
-    const s = /* @__PURE__ */ new Date(), l = s.getHours(), h = s.getMinutes(), a = s.getSeconds();
-    r.value = [l, h, a];
-  }
-  function n(s) {
-    return (bt(s) ? s : r.value).map((h) => +h);
-  }
-  return {
-    timeList: [o, t, e],
-    updateDefaultTime: i,
-    getTimeAnchors: n
-  };
-}
-function eo() {
-  const e = /* @__PURE__ */ new Date(), r = e.getFullYear(), i = e.getMonth() + 1, n = e.getDate(), s = L(r), l = L(i), h = _(1900, 2100), a = _(1, 12), c = b(() => {
-    const f = [4, 6, 9, 11], d = [1, 3, 5, 7, 8, 10, 12];
-    return f.includes(l.value) ? _(1, 30) : d.includes(l.value) ? _(1, 31) : Qe(s.value) ? _(1, 29) : _(1, 28);
-  }), u = b(() => [h, a, c.value]);
-  function v(f) {
-    return (bt(f) ? f : [r, i, n]).map((y, A) => {
-      const P = u.value[A].indexOf(y);
-      return P !== -1 ? P : 0;
-    });
-  }
-  function g(f) {
-    const [d, y] = f;
-    s.value = u.value[0][d], l.value = u.value[1][y];
-  }
-  return {
-    selectYear: s,
-    selectMonth: l,
-    dateList: u,
-    updateDateSelect: g,
-    getDateAnchors: v
-  };
-}
-function oo(o, t) {
-  const e = L([]), r = L(), i = L([]), n = b(() => o.type === "date"), s = b(() => o.type === "time"), { selectYear: l, selectMonth: h, dateList: a, updateDateSelect: c, getDateAnchors: u } = eo(), { timeList: v, updateDefaultTime: g, getTimeAnchors: f } = to(), d = b(() => n.value ? u(o.anchor) : s.value ? f(o.anchor) : ot(o.anchor) ? o.anchor : [o.anchor]);
-  async function y(p = !1) {
-    p ? A() : P(), await ne(), e.value.forEach((k, m) => nt(m)), p || Qt(), te();
-  }
-  function A() {
-    const p = {
-      date: a == null ? void 0 : a.value,
-      time: v
-    }, k = o.type, T = ot(o.data[0]) ? [...o.data] : [o.data];
-    e.value = p[k] ?? T;
-  }
-  function P() {
-    !n.value && !s.value || (n.value && c(d.value), s.value && !bt(o.anchor) && g());
-  }
-  function nt(p) {
-    var T;
-    const k = (T = r.value) == null ? void 0 : T.children[p];
-    if (!k) return;
-    let m = i.value[p];
-    if (m)
-      m.refresh();
-    else {
-      const at = R(k, {
-        wheel: {
-          selectedIndex: 0,
-          rotate: 25
-        },
-        swipeTime: o.swipeTime ?? 500
-      });
-      m = i.value[p] = at, m.on("scrollEnd", () => $(p));
+      const { columnsType: t } = n;
+      o.value = t.map((u) => M(u));
     }
-    return m;
-  }
-  function $(p) {
-    if (!n.value || p === 2) return;
-    const k = i.value[p].getSelectedIndex(), m = a.value[p][k];
-    p === 0 && (l.value = m), p === 1 && (h.value = m), y(!0);
-  }
-  function Qt() {
-    i.value.forEach((p, k) => {
-      var T;
-      const m = (T = d.value) == null ? void 0 : T[k];
-      p.wheelTo(m ?? 0);
-    });
-  }
-  function te() {
-    const p = e.value.length;
-    if (i.value.length <= p) return;
-    i.value.splice(p).forEach((m) => m.destroy());
-  }
-  function ee() {
-    t("cancel"), st();
-  }
-  function oe() {
-    i.value.some((T) => T.isInTransition) && re();
-    const { item: k, anchor: m } = ie();
-    t("confirm", k), t("update:anchor", m), st();
-  }
-  function st() {
-    t("update:isShowPicker", !1);
-  }
-  function re() {
-    i.value.forEach((p) => p.stop());
-  }
-  function ie() {
-    const { item: p, anchor: k } = i.value.reduce(
-      (m, T, at) => {
-        const wt = T.getSelectedIndex(), lt = e.value[at][wt];
-        return m.item.push(s.value ? +lt : lt), m.anchor.push(n.value ? lt : wt), m;
-      },
-      { item: [], anchor: [] }
-    );
-    return p.length > 1 ? { item: p, anchor: k } : { item: p[0], anchor: k[0] };
-  }
-  return ht(
-    () => o.data,
-    () => y(!0),
-    { immediate: !0 }
-  ), ht(
-    () => o.isShowPicker,
-    (p) => p && y()
-  ), ht(
-    () => o.type,
-    () => {
-      P(), y(!0);
+    function i() {
+      o.value = n.modelValue ? [...n.modelValue] : [...s.value], r("closed");
     }
-  ), {
-    pickerData: e,
-    wheelWrapper: r,
-    cancel: ee,
-    confirm: oe,
-    closePicker: st
-  };
-}
-const ro = {
-  cancelClass: "",
-  confirmClass: "",
-  titleClass: "",
-  cancelColor: "#999",
-  confirmColor: "#42b983",
-  titleColor: "",
-  cancelText: "Cancel",
-  confirmText: "Confirm",
-  titleText: ""
-}, io = { class: "component-hook-picker" }, no = { class: "component-hook-picker_title" }, so = { class: "component-hook-picker_panel" }, ao = { class: "component-hook-picker_wheel_scroll" }, ho = /* @__PURE__ */ se({
-  __name: "Picker",
-  props: {
-    data: { default: () => [] },
-    isShowPicker: { type: Boolean },
-    options: { default: () => ({}) },
-    anchor: {},
-    showKey: { default: "" },
-    swipeTime: { default: 500 },
-    type: { default: "" }
-  },
-  emits: ["update:isShowPicker", "update:anchor", "cancel", "confirm"],
-  setup(o, { emit: t }) {
-    const e = o, r = t, i = b(() => ({ ...ro, ...e.options })), n = b(() => i.value.cancelColor), s = b(() => i.value.confirmColor), l = b(() => i.value.titleColor), h = b(() => ot(e.showKey) ? e.showKey : [e.showKey]), { pickerData: a, wheelWrapper: c, cancel: u, confirm: v, closePicker: g } = oo(e, r);
-    return (f, d) => (W(), z("div", null, [
-      Pt(Et, { name: "component-hook-picker-fade" }, {
-        default: Ct(() => [
-          Dt(S("div", {
-            class: "component-hook-picker-mask",
-            onClick: d[0] || (d[0] = //@ts-ignore
-            (...y) => D(g) && D(g)(...y))
-          }, null, 512), [
-            [Bt, f.isShowPicker]
-          ])
-        ]),
-        _: 1
-      }),
-      Pt(Et, { name: "component-hook-picker-slide" }, {
-        default: Ct(() => [
-          Dt(S("div", io, [
-            S("div", no, [
-              S("button", {
-                class: ct(["component-hook-picker_cancel", i.value.cancelClass]),
-                style: ut({ color: n.value }),
-                onClick: d[1] || (d[1] = //@ts-ignore
-                (...y) => D(u) && D(u)(...y))
-              }, j(i.value.cancelText), 7),
-              S("button", {
-                class: ct(["component-hook-picker_confirm", i.value.confirmClass]),
-                style: ut({ color: s.value }),
-                onClick: d[2] || (d[2] = //@ts-ignore
-                (...y) => D(v) && D(v)(...y))
-              }, j(i.value.confirmText), 7),
-              S("h4", {
-                class: ct([i.value.titleClass]),
-                style: ut({ color: l.value })
-              }, j(i.value.titleText), 7)
-            ]),
-            S("div", so, [
-              d[3] || (d[3] = S("div", { class: "component-hook-picker_mask_top" }, null, -1)),
-              d[4] || (d[4] = S("div", { class: "component-hook-picker_mask_bottom" }, null, -1)),
-              S("div", {
-                ref_key: "wheelWrapper",
-                ref: c,
-                class: "component-hook-picker_wheel_wrapper"
-              }, [
-                (W(!0), z(xt, null, At(D(a), (y, A) => (W(), z("div", {
-                  key: A,
-                  class: "component-hook-picker_wheel"
-                }, [
-                  S("ul", ao, [
-                    (W(!0), z(xt, null, At(y, (P, nt) => {
-                      var $;
-                      return W(), z("li", {
-                        key: nt,
-                        class: "component-hook-picker_wheel_item"
-                      }, j(($ = h.value) != null && $[A] && D(Je)(P) ? P[h.value[A]] : P), 1);
-                    }), 128))
-                  ])
-                ]))), 128))
-              ], 512)
-            ])
-          ], 512), [
-            [Bt, f.isShowPicker]
-          ])
-        ]),
-        _: 1
-      })
-    ]));
+    return (t, u) => (I(), E(ie, {
+      modelValue: o.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (c) => o.value = c),
+      show: p.value,
+      "onUpdate:show": u[1] || (u[1] = (c) => p.value = c),
+      title: t.title,
+      columns: g.value,
+      teleport: t.teleport,
+      "confirm-button-text": t.confirmButtonText,
+      "cancel-button-text": t.cancelButtonText,
+      linkage: "",
+      onConfirm: D,
+      onCancel: V,
+      onOpen: l,
+      onClosed: i
+    }, null, 8, ["modelValue", "show", "title", "columns", "teleport", "confirm-button-text", "cancel-button-text"]));
   }
 });
 export {
-  ho as default
+  _e as DatePicker,
+  ie as Picker,
+  Ge as TimePicker
 };