@cldemo/ui-kit 1.0.17 → 1.1.1

package/buildLibs/modules/areaM.cjs

@@ -1,5 +0,0 @@
-try {
-  module.exports = require('../utils/Mobile/ClAreaM.cjs').default
-} catch (e) {
-  module.exports = {}
-}

package/buildLibs/modules/areaM.d.ts

@@ -1 +0,0 @@
-export type { default } from '../types/Mobile/AreaM/Index.vue.d.ts';

package/buildLibs/modules/areaM.js

@@ -1,255 +0,0 @@
-import { defineComponent as ye, ref as v, watch as F, computed as a, resolveComponent as fe, openBlock as c, createBlock as $, Teleport as ge, createVNode as f, Transition as j, withCtx as J, createElementBlock as g, normalizeStyle as k, createCommentVNode as G, normalizeClass as he, unref as xe, createElementVNode as m, toDisplayString as A, Fragment as U } from "vue";
-import { c as Ce } from "./shared/log-BbLqiWNM.js";
-import { C as o } from "./shared/base-C5l51ld_.js";
-import { C as _e } from "./shared/index-wdK75uN2.js";
-import { _ as B } from "./shared/Index-aam7IdIy.js";
-const Ne = ["id"], Ie = { class: "aream-header" }, Oe = { class: "aream-header-title" }, Se = { class: "aream-columns" }, Le = {
-  key: 0,
-  class: "aream-loading"
-}, Te = 44, be = 6, De = /* @__PURE__ */ ye({
-  name: "ClAreaM",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    value: {
-      type: [Array, String],
-      default: () => []
-      // desc: 选中值（省市区名数组），支持 v-model
-    },
-    show: Boolean,
-    // desc: 是否显示选择器，支持 v-model:show
-    title: String,
-    // desc: 顶部标题
-    confirmButtonText: String,
-    // desc: 确认按钮文字
-    cancelButtonText: String,
-    // desc: 取消按钮文字
-    areaList: {
-      type: Array,
-      default: () => []
-      // desc: 省市区数据（{ name, children }[]）。为空时自动按需加载内置全国数据（2024 最新、含港澳台），加载期间列区显示 loading
-    },
-    columnsNum: {
-      type: Number,
-      default: 3
-      // desc: 显示列数 | enum: 2, 3
-    },
-    isOverlay: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示遮罩层
-    },
-    isCloseOnClickOverlay: {
-      type: Boolean,
-      default: !0
-      // desc: 点击遮罩层后是否关闭
-    },
-    duration: {
-      type: Number,
-      default: 300
-      // desc: 动画时长(ms)
-    },
-    zIndex: {
-      type: Number,
-      default: 2e3
-      // desc: 面板层级
-    },
-    teleportTarget: {
-      type: String,
-      default: ""
-      // desc: 挂载目标 | enum: body（默认）、#id（指定容器 id）
-    }
-  },
-  emits: ["update:show", "update:value", "update:modelValue", "onConfirm", "onCancel", "onChange"],
-  setup(E, { emit: Z }) {
-    const t = E, l = Z, q = t.id, p = v(0), s = v(0), r = v(0), I = v(null), O = v(!1), h = v(!1), K = async () => {
-      if (!(O.value || h.value)) {
-        O.value = !0;
-        try {
-          const e = await import("./shared/area-data-BeJ-VWXo.js");
-          I.value = e.areaData, z();
-        } catch (e) {
-          Ce.error("ClAreaM", "AreaM 内置省市区数据加载失败:", e);
-        } finally {
-          O.value = !1, h.value = !0;
-        }
-      }
-    };
-    F(
-      () => t.areaList,
-      async (e) => {
-        (!Array.isArray(e) || e.length === 0) && !h.value && await K();
-      },
-      { immediate: !0 }
-    );
-    const w = a(() => t.show), Q = a(
-      () => o.isNonEmptyString(t.title) ? t.title : "地区选择"
-    ), R = a(
-      () => o.isNonEmptyString(t.confirmButtonText) ? t.confirmButtonText : "确认"
-    ), W = a(
-      () => o.isNonEmptyString(t.cancelButtonText) ? t.cancelButtonText : "取消"
-    ), D = a(() => t.columnsNum >= 3), X = a(() => {
-      const e = Array.isArray(t.areaList) ? t.areaList.filter((n) => n && o.isObject(n) && o.isNonEmptyString(n.name)) : [];
-      return e.length > 0 ? e : I.value || [];
-    }), Y = a(
-      () => (t.areaList === void 0 || t.areaList === null || Array.isArray(t.areaList) && t.areaList.length === 0) && !I.value && !h.value
-    ), x = a(() => X.value), P = (e) => Array.isArray(e) ? e.filter((n) => !!n && o.isObject(n) && o.isNonEmptyString(n.name)) : [], C = a(() => {
-      const e = x.value[p.value];
-      return P(e ? e.children : []);
-    }), S = a(() => {
-      const e = C.value[s.value];
-      return P(e ? e.children : []);
-    }), L = (e) => e.map((n) => ({ text: n.name, value: n.name })), ee = a(() => L(x.value)), te = a(() => L(C.value)), ae = a(() => L(S.value)), _ = a(() => Te), T = a(() => be), ne = a(() => ({
-      height: `${_.value}px`
-    })), oe = a(
-      () => o.isNonEmptyString(t.teleportTarget) ? t.teleportTarget : "body"
-    ), le = a(() => t.teleportTarget === "self"), N = a(() => {
-      const e = Number(t.duration);
-      return o.isFinite(e) && e > 0 ? e : 300;
-    }), H = a(() => {
-      const e = Number(t.zIndex);
-      return o.isFinite(e) ? e : 2e3;
-    }), ie = a(() => {
-      const e = {
-        "panel-area-m": !0
-      };
-      return o.getJsonMerge(e, _e.getClassNameJson(t.className));
-    }), se = a(() => ({
-      zIndex: H.value,
-      "--aream-duration": `${N.value}ms`
-    })), re = a(() => ({
-      zIndex: H.value + 1,
-      "--aream-duration": `${N.value}ms`
-    })), V = () => {
-      const e = [], n = x.value[p.value];
-      n && e.push(n.name);
-      const u = C.value[s.value];
-      u && e.push(u.name);
-      const d = S.value[r.value];
-      return D.value && d && e.push(d.name), e;
-    }, b = () => {
-      const e = V();
-      l("update:value", e), l("update:modelValue", e), l("onChange", e);
-    }, z = () => {
-      const e = t.value;
-      if (!Array.isArray(e) || e.length === 0) return;
-      const [n, u, d] = e, M = x.value.findIndex((i) => i && i.name === n);
-      if (M > -1 && (p.value = M, s.value = 0, r.value = 0), u) {
-        const i = C.value.findIndex((y) => y && y.name === u);
-        i > -1 && (s.value = i);
-      }
-      if (d) {
-        const i = S.value.findIndex((y) => y && y.name === d);
-        i > -1 && (r.value = i);
-      }
-    };
-    F([() => t.value, () => t.areaList], z, { immediate: !0 });
-    const ue = (e) => {
-      p.value = e, s.value = 0, r.value = 0, b();
-    }, ce = (e) => {
-      s.value = e, r.value = 0, b();
-    }, me = (e) => {
-      r.value = e, b();
-    }, ve = () => {
-      l("onConfirm", V()), l("update:show", !1);
-    }, pe = () => {
-      l("onCancel"), l("update:show", !1);
-    }, de = () => {
-      t.isCloseOnClickOverlay && l("update:show", !1);
-    };
-    return (e, n) => {
-      const u = fe("cl-load");
-      return c(), $(ge, {
-        to: oe.value,
-        disabled: le.value
-      }, [
-        f(j, {
-          name: "aream-fade",
-          duration: N.value
-        }, {
-          default: J(() => [
-            w.value && E.isOverlay ? (c(), g("div", {
-              key: 0,
-              class: "panel-area-m-overlay",
-              style: k(se.value),
-              onClick: de
-            }, null, 4)) : G("", !0)
-          ]),
-          _: 1
-        }, 8, ["duration"]),
-        f(j, {
-          name: "aream-slide",
-          duration: N.value
-        }, {
-          default: J(() => [
-            w.value ? (c(), g("div", {
-              key: 0,
-              id: xe(q),
-              class: he(ie.value),
-              style: k(re.value)
-            }, [
-              m("div", Ie, [
-                m("span", {
-                  class: "aream-header-btn",
-                  onClick: pe
-                }, A(W.value), 1),
-                m("span", Oe, A(Q.value), 1),
-                m("span", {
-                  class: "aream-header-btn aream-header-btn--confirm",
-                  onClick: ve
-                }, A(R.value), 1)
-              ]),
-              m("div", Se, [
-                Y.value ? (c(), g("div", Le, [
-                  f(u, {
-                    theme: "rotaryLine",
-                    size: "large",
-                    color: "var(--cl-primary, #1088f0)"
-                  }),
-                  n[0] || (n[0] = m("span", { class: "aream-loading-text" }, "数据加载中…", -1))
-                ])) : (c(), g(U, { key: 1 }, [
-                  m("div", {
-                    class: "picker-frame",
-                    style: k(ne.value)
-                  }, null, 4),
-                  f(B, {
-                    className: "aream-column",
-                    optionsList: ee.value,
-                    valueIndex: p.value,
-                    optionHeight: _.value,
-                    visibleOptionNum: T.value,
-                    onOnSelect: ue
-                  }, null, 8, ["optionsList", "valueIndex", "optionHeight", "visibleOptionNum"]),
-                  f(B, {
-                    className: "aream-column",
-                    optionsList: te.value,
-                    valueIndex: s.value,
-                    optionHeight: _.value,
-                    visibleOptionNum: T.value,
-                    onOnSelect: ce
-                  }, null, 8, ["optionsList", "valueIndex", "optionHeight", "visibleOptionNum"]),
-                  D.value ? (c(), $(B, {
-                    key: 0,
-                    className: "aream-column",
-                    optionsList: ae.value,
-                    valueIndex: r.value,
-                    optionHeight: _.value,
-                    visibleOptionNum: T.value,
-                    onOnSelect: me
-                  }, null, 8, ["optionsList", "valueIndex", "optionHeight", "visibleOptionNum"])) : (c(), g(U, { key: 1 }, [], 64))
-                ], 64))
-              ])
-            ], 14, Ne)) : G("", !0)
-          ]),
-          _: 1
-        }, 8, ["duration"])
-      ], 8, ["to", "disabled"]);
-    };
-  }
-});
-export {
-  De as default
-};

package/buildLibs/modules/floatingBubble.cjs

@@ -1,5 +0,0 @@
-try {
-  module.exports = require('../utils/Mobile/ClFloatingBubble.cjs').default
-} catch (e) {
-  module.exports = {}
-}

package/buildLibs/modules/floatingBubble.d.ts

@@ -1 +0,0 @@
-export type { default } from '../types/Mobile/FloatingBubble/Index.vue.d.ts';

package/buildLibs/modules/floatingPanel.cjs

@@ -1,5 +0,0 @@
-try {
-  module.exports = require('../utils/Mobile/ClFloatingPanel.cjs').default
-} catch (e) {
-  module.exports = {}
-}

package/buildLibs/modules/floatingPanel.d.ts

@@ -1 +0,0 @@
-export type { default } from '../types/Mobile/FloatingPanel/Index.vue.d.ts';

package/buildLibs/modules/inputOtp.cjs

@@ -1,5 +0,0 @@
-try {
-  module.exports = require('../utils/Mobile/ClInputOtp.cjs').default
-} catch (e) {
-  module.exports = {}
-}

package/buildLibs/modules/inputOtp.d.ts

@@ -1 +0,0 @@
-export type { default } from '../types/Mobile/InputOtp/Index.vue.d.ts';

package/buildLibs/modules/inputOtp.js

@@ -1,175 +0,0 @@
-import { defineComponent as Q, useTemplateRef as W, ref as C, computed as p, onMounted as Y, watch as Z, openBlock as h, createElementBlock as g, normalizeClass as x, unref as ee, createElementVNode as y, mergeProps as te, Fragment as D, renderList as ae, toDisplayString as N, createCommentVNode as M } from "vue";
-import { C as _ } from "./shared/base-C5l51ld_.js";
-import { C as ne } from "./shared/index-wdK75uN2.js";
-const oe = ["id"], le = ["disabled", "maxlength", "value"], se = { class: "inputotp-cells" }, ue = {
-  key: 0,
-  class: "inputotp-separator"
-}, ie = ["onClick"], re = { class: "inputotp-cell-value" }, ce = {
-  key: 0,
-  class: "inputotp-cursor"
-}, pe = 6, ve = 10, he = /* @__PURE__ */ Q({
-  name: "ClInputOtp",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    modelValue: String,
-    // desc: 当前输入值，支持 v-model
-    length: {
-      type: Number,
-      default: 6
-      // desc: 验证码格数
-    },
-    separator: String,
-    // desc: 分隔符文字（在每 length/2 处插入）
-    separatorPosition: {
-      type: Number,
-      default: 0
-      // desc: 分隔符插入位置（0 = 自动中间；>0 指定索引后）
-    },
-    placeholder: String,
-    // desc: 占位字符（默认 •）
-    autofocus: Boolean,
-    // desc: 是否自动聚焦
-    isDisabled: {
-      type: Boolean,
-      default: !1
-      // desc: 是否禁用输入
-    },
-    isClearable: {
-      type: Boolean,
-      default: !1
-      // desc: 是否支持清空（Esc/退格到首位）
-    },
-    inputType: {
-      type: String,
-      default: "text",
-      // desc: 输入类型 | enum: text, number, password
-      validator: (b) => ["text", "number", "password"].indexOf(b) !== -1
-    }
-  },
-  emits: ["update:modelValue", "onChange", "onFinish", "onFocus", "onBlur"],
-  setup(b, { expose: S, emit: E }) {
-    const a = b, o = E, w = `inputotp-${_.getRandom(5)}`, B = a.id, s = W("inputRef"), u = C(0), v = C(!1), i = C(a.modelValue || ""), d = C(!1), c = p(() => {
-      const e = Number(a.length);
-      return _.isFinite(e) && e > 0 ? Math.min(Math.max(Math.round(e), 1), ve) : pe;
-    }), F = p(() => a.separator || "-"), T = p(() => i.value), L = p(() => {
-      const e = i.value;
-      return a.inputType === "password" ? e.split("").map(() => "•").join("") : e;
-    }), k = p(() => a.isDisabled), V = p(() => a.isClearable), R = p(() => {
-      const e = {
-        "panel-input-otp": !0,
-        "panel-input-otp--disabled": k.value,
-        "panel-input-otp--focused": v.value
-      };
-      return _.getJsonMerge(e, ne.getClassNameJson(a.className));
-    }), A = p(() => {
-      const e = {};
-      return e.autocomplete = "one-time-code", e;
-    }), m = () => {
-      k.value || s.value?.focus();
-    }, f = (e) => {
-      s.value && (s.value.value = e);
-      const t = c.value;
-      u.value = Math.min(e.length, t - 1), e.length >= t ? d.value || (d.value = !0, o("onFinish", e)) : d.value = !1;
-    }, P = () => {
-      m();
-    }, $ = (e) => {
-      u.value = e, m();
-    }, G = (e) => {
-      const t = e.target;
-      let n = t.value;
-      a.inputType === "number" && (n = n.replace(/\D/g, ""));
-      const r = c.value, l = n.slice(0, r);
-      i.value = l, t.value !== l && (t.value = l), o("update:modelValue", l), o("onChange", l), f(l);
-    }, H = (e) => {
-      if (e.key === "Backspace") {
-        e.preventDefault();
-        const t = i.value;
-        if (t.length > 0) {
-          const n = Math.max(0, Math.min(u.value, t.length - 1)), r = t.slice(0, n) + t.slice(n + 1);
-          i.value = r, o("update:modelValue", r), o("onChange", r), f(r), u.value = Math.min(n, r.length);
-        } else V.value && (i.value = "", o("update:modelValue", ""), o("onChange", ""), f(""));
-      } else e.key === "ArrowLeft" ? u.value = Math.max(0, u.value - 1) : e.key === "ArrowRight" ? u.value = Math.min(c.value - 1, u.value + 1) : e.key === "Enter" ? s.value?.blur() : e.key === "Escape" && V.value && (i.value = "", o("update:modelValue", ""), o("onChange", ""), f(""));
-    }, I = () => {
-      v.value = !0, o("onFocus");
-    }, J = () => {
-      v.value = !1, o("onBlur");
-    }, O = (e) => {
-      e.preventDefault();
-      const t = e.clipboardData?.getData("text") || "", n = a.inputType === "number" ? t.replace(/\D/g, "") : t, r = c.value, l = n.slice(0, r);
-      i.value = l, s.value && (s.value.value = l), o("update:modelValue", l), o("onChange", l), f(l);
-    }, j = () => {
-      m();
-    }, z = () => {
-      i.value = "", s.value && (s.value.value = ""), o("update:modelValue", ""), o("onChange", ""), d.value = !1, u.value = 0, m();
-    };
-    Y(() => {
-      a.autofocus && m();
-    }), Z(
-      () => a.modelValue,
-      (e) => {
-        const t = e || "";
-        i.value = t, s.value && (s.value.value = t), d.value = t.length >= c.value;
-      }
-    ), S({
-      focus: j,
-      clear: z
-    });
-    const K = (e) => {
-      const t = i.value, n = u.value === e && v.value && !a.isDisabled;
-      return {
-        "inputotp-cell": !0,
-        "inputotp-cell--filled": e < t.length,
-        "inputotp-cell--active": n
-      };
-    }, U = (e) => {
-      const t = L.value;
-      return e < t.length ? t[e] : e === t.length && _.isNonEmptyString(a.placeholder) ? a.placeholder : "";
-    }, X = (e) => u.value === e && v.value && !a.isDisabled, q = (e) => {
-      if (!_.isNonEmptyString(a.separator)) return !1;
-      const t = a.separatorPosition > 0 ? a.separatorPosition : Math.floor(c.value / 2);
-      return e === t + 1 && e > 1 && e <= c.value;
-    };
-    return (e, t) => (h(), g("div", {
-      id: ee(B),
-      class: x(R.value),
-      onClick: P
-    }, [
-      y("input", te({
-        ref_key: "inputRef",
-        ref: s,
-        class: "inputotp-hidden-input",
-        disabled: k.value,
-        type: "text"
-      }, A.value, {
-        maxlength: c.value,
-        value: T.value,
-        onInput: G,
-        onKeydown: H,
-        onFocus: I,
-        onBlur: J,
-        onPaste: O
-      }), null, 16, le),
-      y("div", se, [
-        (h(!0), g(D, null, ae(c.value, (n) => (h(), g(D, {
-          key: `${w}-${n}`
-        }, [
-          q(n) ? (h(), g("div", ue, N(F.value), 1)) : M("", !0),
-          y("div", {
-            class: x(K(n - 1)),
-            onClick: (r) => $(n - 1)
-          }, [
-            y("span", re, N(U(n - 1)), 1),
-            X(n - 1) ? (h(), g("span", ce)) : M("", !0)
-          ], 10, ie)
-        ], 64))), 128))
-      ])
-    ], 10, oe));
-  }
-});
-export {
-  he as default
-};

package/buildLibs/modules/shareSheet.cjs

@@ -1,5 +0,0 @@
-try {
-  module.exports = require('../utils/Mobile/ClShareSheet.cjs').default
-} catch (e) {
-  module.exports = {}
-}

package/buildLibs/modules/shareSheet.d.ts

@@ -1 +0,0 @@
-export type { default } from '../types/Mobile/ShareSheet/Index.vue.d.ts';

package/buildLibs/modules/shared/Index-aam7IdIy.js

@@ -1,174 +0,0 @@
-import { defineComponent as K, ref as h, computed as p, onBeforeUnmount as Q, watch as B, openBlock as g, createElementBlock as M, normalizeStyle as T, normalizeClass as R, createElementVNode as W, Fragment as Z, renderList as ee, toDisplayString as te } from "vue";
-import { C as H } from "./base-C5l51ld_.js";
-const ne = ["aria-readonly"], oe = ["aria-selected"], ie = { key: 0 }, se = ["innerHTML"], U = 300, ae = 15, le = 3e-3, Y = 0.3, re = /* @__PURE__ */ K({
-  name: "ClPickerColumn",
-  __name: "Column",
-  props: {
-    className: String,
-    // desc: 该列自定义CSS类名
-    optionsList: {
-      type: Array,
-      default: () => []
-    },
-    valueIndex: {
-      type: Number,
-      default: 0
-      // desc: 当前选中项索引
-    },
-    optionHeight: {
-      type: Number,
-      default: 44
-      // desc: 选项高度(px)
-    },
-    visibleOptionNum: {
-      type: Number,
-      default: 6
-      // desc: 可见选项个数
-    },
-    swipeDuration: {
-      type: Number,
-      default: 1e3
-      // desc: 惯性滚动动画时长(ms)
-    },
-    isAllowHtml: Boolean,
-    // desc: 是否允许选项内容渲染 HTML
-    isReadonly: Boolean
-    // desc: 是否只读（禁止滑动切换）
-  },
-  emits: ["onSelect"],
-  setup(f, { emit: z }) {
-    const t = f, V = z, P = `pickerColumn-${H.getRandom(5)}`, c = h(
-      (Math.max(1, t.visibleOptionNum) * t.optionHeight - t.optionHeight) / 2 - (H.isFinite(t.valueIndex) && t.valueIndex >= 0 ? t.valueIndex : 0) * t.optionHeight
-    ), v = h(0), r = h(!1), d = h(0), k = h(0);
-    let a = null, _ = 0, x = 0, I = 0;
-    const D = p(() => Math.max(1, t.visibleOptionNum) * t.optionHeight), l = p(() => (D.value - t.optionHeight) / 2), y = p(() => c.value + v.value), N = p(
-      () => (l.value - y.value) / t.optionHeight
-    ), q = p(() => ({ height: `${D.value}px` })), G = p(() => ({
-      transform: `translateY(${y.value}px)`,
-      transition: d.value > 0 ? `transform ${d.value}ms cubic-bezier(0.23, 1, 0.32, 1)` : "none"
-    })), O = (e) => ({
-      "picker-column-item--active": Math.round(N.value) === e,
-      "picker-column-item--disabled": !!t.optionsList[e]?.disabled
-    }), X = (e) => {
-      const o = Math.abs(e - N.value);
-      return {
-        height: `${t.optionHeight}px`,
-        lineHeight: `${t.optionHeight}px`,
-        opacity: Math.max(1 - o * 0.4, 0),
-        transform: `rotateX(${-o * 12}deg) scale(${Math.max(1 - o * 0.15, 0.5)})`
-      };
-    }, C = (e) => {
-      if ("touches" in e) {
-        const o = e.touches;
-        return o.length > 0 ? o[0].clientY : 0;
-      }
-      return e.clientY;
-    }, E = (e) => Math.round((l.value - e) / t.optionHeight), w = (e) => {
-      const o = t.optionsList.length;
-      if (o === 0) return e;
-      const i = c.value + e, n = l.value, m = l.value - (o - 1) * t.optionHeight;
-      let s = i;
-      return s > n ? s = n + (s - n) * Y : s < m && (s = m + (s - m) * Y), s - c.value;
-    }, j = (e) => {
-      const o = t.optionsList.length;
-      if (o === 0) {
-        c.value = l.value, v.value = 0;
-        return;
-      }
-      const i = E(y.value);
-      let n = E(e);
-      if (n = Math.min(Math.max(n, 0), o - 1), t.optionsList[n]?.disabled) {
-        let s = -1;
-        for (let u = 1; u < o; u++) {
-          if (n - u >= 0 && !t.optionsList[n - u]?.disabled) {
-            s = n - u;
-            break;
-          }
-          if (n + u < o && !t.optionsList[n + u]?.disabled) {
-            s = n + u;
-            break;
-          }
-        }
-        s >= 0 ? n = s : n = i;
-      }
-      c.value = l.value - n * t.optionHeight;
-      const m = Math.abs(n - i);
-      d.value = Math.min(t.swipeDuration, Math.max(200, m * 150)), v.value = 0, n !== t.valueIndex && V("onSelect", n);
-    }, F = ((e) => A(e)), S = ((e) => b(e)), J = () => {
-      document.addEventListener("mousemove", F), document.addEventListener("mouseup", S);
-    }, L = () => {
-      document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", S);
-    };
-    Q(() => {
-      L(), a !== null && cancelAnimationFrame(a);
-    }), B(
-      () => t.valueIndex,
-      (e) => {
-        r.value || !H.isFinite(e) || e < 0 || (c.value = l.value - e * t.optionHeight, d.value = 200);
-      }
-    ), B(
-      () => t.optionsList,
-      () => {
-        if (r.value) return;
-        const e = t.optionsList.length;
-        let o = H.isFinite(t.valueIndex) && t.valueIndex >= 0 ? t.valueIndex : 0;
-        e > 0 && (o = Math.min(o, e - 1)), c.value = l.value - o * t.optionHeight, d.value = 0;
-      }
-    );
-    const $ = (e) => {
-      t.isReadonly || !("touches" in e) && e.button !== 0 || (r.value && L(), k.value = C(e), x = Date.now(), I = 0, r.value = !0, d.value = 0, "touches" in e || J());
-    }, A = (e) => {
-      if (!r.value) return;
-      if (!("touches" in e) && e.buttons === 0) {
-        b();
-        return;
-      }
-      e.preventDefault();
-      const i = C(e) - k.value, n = Date.now();
-      n - x > U && (x = n, I = i), a === null && (a = requestAnimationFrame(() => {
-        a = null, v.value = w(_);
-      })), _ = i;
-    }, b = (e) => {
-      if (!r.value) return;
-      if (r.value = !1, L(), e?.type === "touchcancel") {
-        v.value = 0;
-        return;
-      }
-      a !== null && (cancelAnimationFrame(a), a = null, v.value = w(_));
-      const o = _ - I, i = Date.now() - x, m = i > 0 && i < U && Math.abs(o) > ae ? Math.abs(o) / i / le * (o < 0 ? -1 : 1) : 0;
-      j(y.value + m);
-    };
-    return (e, o) => (g(), M("div", {
-      class: R(["picker-column", f.className]),
-      style: T(q.value),
-      role: "listbox",
-      "aria-readonly": f.isReadonly || void 0,
-      onTouchstart: $,
-      onTouchmove: A,
-      onTouchend: b,
-      onTouchcancel: b,
-      onMousedown: $
-    }, [
-      W("div", {
-        class: "picker-column-list",
-        style: T(G.value)
-      }, [
-        (g(!0), M(Z, null, ee(f.optionsList, (i, n) => (g(), M("div", {
-          key: `${P}-${n}`,
-          class: R(["picker-column-item", O(n)]),
-          style: T(X(n)),
-          role: "option",
-          "aria-selected": O(n)["picker-column-item--active"] || void 0
-        }, [
-          f.isAllowHtml ? (g(), M("span", {
-            key: 1,
-            innerHTML: i.text
-          }, null, 8, se)) : (g(), M("span", ie, te(i.text), 1))
-        ], 14, oe))), 128))
-      ], 4)
-    ], 46, ne));
-  }
-});
-export {
-  re as _
-};