@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/utils/Mobile/ClInputOtp.js

@@ -1,177 +0,0 @@
-import '../../styles/Common/Token.css';
-import '../../styles/Mobile/ClInputOtp.css';
-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/utils/Mobile/ClShareSheet.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),a=require("../Shared/base-DmcbRUB5.js"),S=require("../Shared/index-CXRfOfiT.js"),_=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CyRAlV4P.js"),f=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DXQ2H_E6.js"),E={key:0,class:"sharesheet-title"},O={key:2,class:"sharesheet-description"},x={class:"sharesheet-options"},w=["onClick"],N={key:0,class:"sharesheet-option-icon"},T={class:"sharesheet-option-name"},b={key:2,class:"sharesheet-option-desc"},L=e.defineComponent({name:"ClShareSheet",__name:"Index",props:{id:String,className:String,show:Boolean,title:String,description:String,optionsList:Array,cancelText:String,isOverlay:{type:Boolean,default:!0},isCloseOnClickOverlay:{type:Boolean,default:!0},isLockScroll:{type:Boolean,default:!1},isSafeAreaInsetBottom:Boolean,duration:{type:Number,default:300},zIndex:{type:Number,default:2e3},teleportTarget:{type:String,default:""}},emits:["update:show","onSelect","onCancel","onClickOverlay"],setup(s,{emit:d}){const t=s,c=d,k=`sharesheet-${a.CommonBase.getRandom(5)}`,y=t.id,l=e.ref(t.show),i=e.computed(()=>a.CommonBase.isNonEmptyString(t.title)?t.title:""),u=e.computed(()=>a.CommonBase.isNonEmptyString(t.description)?t.description:""),m=e.computed(()=>a.CommonBase.isNonEmptyString(t.cancelText)?t.cancelText:""),B=e.computed(()=>Array.isArray(t.optionsList)?t.optionsList.filter(o=>a.CommonBase.isObject(o)&&a.CommonBase.isNonEmptyString(o.name)):[]),h=e.computed(()=>{const o={"panel-share-sheet":!0};return a.CommonBase.getJsonMerge(o,S.CommonElement.getClassNameJson(t.className))});e.watch(l,o=>{o!==t.show&&c("update:show",o)}),e.watch(()=>t.show,o=>{l.value=o});const v=(o,r)=>{l.value&&c("onSelect",o,r)},C=()=>{l.value&&(c("onCancel"),l.value=!1)},g=()=>{c("onClickOverlay")};return(o,r)=>(e.openBlock(),e.createBlock(_._sfc_main,{id:e.unref(y),show:l.value,"onUpdate:show":r[0]||(r[0]=n=>l.value=n),position:"bottom",isOverlay:s.isOverlay,isRound:!0,duration:s.duration,isCloseOnClickOverlay:s.isCloseOnClickOverlay,isLockScroll:s.isLockScroll,isSafeAreaInsetBottom:s.isSafeAreaInsetBottom,zIndex:s.zIndex,teleportTarget:s.teleportTarget,onOnClickOverlay:g},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(h.value)},[i.value?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),u.value?(e.openBlock(),e.createElementBlock("div",O,e.toDisplayString(u.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64)),e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,(n,p)=>(e.openBlock(),e.createElementBlock("button",{key:`${k}-${n.id}-${p}`,type:"button",class:"sharesheet-option",onClick:A=>v(n,p)},[n.icon?(e.openBlock(),e.createElementBlock("span",N,[e.createVNode(f._sfc_main,{name:n.icon},null,8,["name"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",T,e.toDisplayString(n.name),1),n.description?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(n.description),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],8,w))),128))]),m.value?(e.openBlock(),e.createElementBlock("button",{key:4,type:"button",class:"sharesheet-cancel",onClick:C},e.toDisplayString(m.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[],64))],2)]),_:1},8,["id","show","isOverlay","duration","isCloseOnClickOverlay","isLockScroll","isSafeAreaInsetBottom","zIndex","teleportTarget"]))}});module.exports=L;

package/buildLibs/utils/Mobile/ClShareSheet.css

@@ -1 +0,0 @@
-.panel-share-sheet{background:var(--cl-bg, #ffffff)}.sharesheet-title{padding:16px 16px 4px;font-size:14px;color:var(--cl-text-primary, #323233);text-align:center;font-weight:500}.sharesheet-description{padding:4px 16px 12px;font-size:12px;color:var(--cl-text-tertiary, #aaaaaa);text-align:center}.sharesheet-options{display:flex;flex-wrap:wrap;padding:8px 8px 12px;max-height:60vh;overflow-y:auto}.sharesheet-option{display:flex;flex-direction:column;align-items:center;justify-content:center;width:33.33%;padding:12px 4px;box-sizing:border-box;border:none;background:transparent;font-family:inherit;cursor:pointer}.sharesheet-option:active{opacity:.7}.sharesheet-option-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--cl-bg-subtle, #fafafa);font-size:20px;margin-bottom:6px}.sharesheet-option-name{font-size:12px;color:var(--cl-text-primary, #323233)}.sharesheet-option-desc{font-size:10px;color:var(--cl-text-tertiary, #aaaaaa);margin-top:2px}.sharesheet-cancel{width:100%;padding:12px 16px;font-size:14px;color:var(--cl-text-primary, #323233);text-align:center;border:none;border-top:1px solid #f5f6f7;background:transparent;font-family:inherit;box-sizing:border-box;cursor:pointer}.sharesheet-cancel:active{opacity:.7}

package/buildLibs/utils/Mobile/ClShareSheet.d.ts

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

package/buildLibs/utils/Shared/Base.vue_vue_type_script_setup_true_lang-CiIYjt-L.js

@@ -1 +0,0 @@
-"use strict";const n=require("vue"),h=require("./log-C2ZbqiAV.js"),i=require("./base-DmcbRUB5.js"),u=require("./index-CXRfOfiT.js"),de=require("./resize-BqfiqIio.js"),ce=["id"],fe=["aria-expanded"],ue=["id"],we=n.defineComponent({name:"ClDropdownlayer",__name:"Base",props:{id:String,classParent:{type:[String,Object]},classText:{type:[String,Object]},classDropDown:{type:[String,Object]},isDisabled:{type:Boolean,default:!1},dropdownArrowPos:{type:String,default:"left",validator:d=>["left","right","center","top","bottom"].includes(d)},dropDownPos:{type:String,default:"down",validator:d=>["down","up","left","right"].includes(d)},isUseDropdownArrow:{type:Boolean,default:!1},isCloseDestroy:{type:Boolean,default:!0},transitionEnter:{type:String,default:"zoomInTop"},transitionLeave:{type:String,default:"zoomOutTop"},isInitDelayComplete:{type:Boolean,default:!1},appendContainer:{type:String,default:""},appendFollowWidth:{type:Boolean,default:!1},triggers:{type:String,default:"click",validator:d=>["click","hover"].includes(d)},onOpenBeforeCallback:Function},emits:{onChangeOpen:d=>!0,onChangePosition:d=>!0,onOpenComplete:()=>!0,onAfterLeave:()=>!0},setup(d,{expose:j,emit:K}){const r=d,D=K,M=i.CommonBase.isNonEmptyString(r.id)?r.id:`dropdownLayer-${i.CommonBase.getRandom(8)}`,f=n.useTemplateRef("refElTopParent"),L=n.useTemplateRef("refElText"),p=n.useTemplateRef("refElDropdown"),o=n.reactive({isOpen:!1,isShowOpen:!1,isInitFirstOpen:!1,dropDownPos:"down",arrowPos:"left",dropDownTop:"",dropDownLeft:"",arrowLeft:"",isOpacity0:!1,dropdownId:`${M}-dropdown`}),B=n.ref(!1),k=n.ref(null),S=n.ref([]),C=n.ref(null),P=n.ref(null);let m=null,x=null,E=null,b=null,g=!1;const V=n.computed(()=>{let e={"panel-dropdownlayer":!0,"dropdownLayer-arrow":r.isUseDropdownArrow,"dropdownLayer-disabled":r.isDisabled};return i.CommonBase.isNonEmptyString(r.classParent)?e=i.CommonBase.getJsonMerge(e,u.CommonElement.getClassNameJson(r.classParent)):i.CommonBase.isObject(r.classParent)&&(e=i.CommonBase.getJsonMerge(e,r.classParent)),e}),G=n.computed(()=>{let e={"dropdownLayer-text":!0,"dropdownLayer-text-open":o.isShowOpen};return!i.CommonBase.isEmpty(o.dropDownPos)&&o.isShowOpen&&(e[`dropdownLayer-text-${o.dropDownPos}`]=!0),i.CommonBase.isNonEmptyString(r.classText)?e=i.CommonBase.getJsonMerge(e,u.CommonElement.getClassNameJson(r.classText)):i.CommonBase.isObject(r.classText)&&(e=i.CommonBase.getJsonMerge(e,r.classText)),e}),Q=n.computed(()=>{let e={"dropdownLayer-dropdown":!0,"dropdownLayer-dropdown-open":o.isShowOpen,"dropdownLayer-dropdown-arrow":r.isUseDropdownArrow,"dropdownLayer-dropdown-opacity0":o.isOpacity0};return e[`dropdownLayer-dropdown-${o.dropDownPos}`]=!0,e[`dropdownLayer-dropdown-arrow-${o.arrowPos}`]=!0,i.CommonBase.isNonEmptyString(r.classDropDown)?e=i.CommonBase.getJsonMerge(e,u.CommonElement.getClassNameJson(r.classDropDown)):i.CommonBase.isObject(r.classDropDown)&&(e=i.CommonBase.getJsonMerge(e,r.classDropDown)),e}),X=n.computed(()=>!i.CommonBase.isEmpty(r.appendContainer)),Y=n.computed(()=>{const e={},{dropDownPos:t,dropdownArrowPos:s}=r,{dropDownTop:a,dropDownLeft:l}=o;return t==="down"||t==="up"?(e.top=a,(s==="center"||s==="top"||s==="bottom"||X.value)&&(e.left=l)):(t==="left"||t==="right")&&(e.left=l,e.top=a),e}),Z=n.computed(()=>{const e={};return(r.dropdownArrowPos==="center"||r.dropdownArrowPos==="top"||r.dropdownArrowPos==="bottom")&&(e.left=o.arrowLeft),e}),ee=(e,t)=>{const s=r.isUseDropdownArrow,a={};return t==="down"?a.top=s?e.textHeight+e.arrowHeight-1:e.textHeight:t==="up"?a.top=s?-(e.dropDownHeight+e.arrowHeight-3):-e.dropDownHeight:t==="left"?(a.left=s?-(e.dropDownWidth+e.arrowWidth-1):-e.dropDownWidth,a.top=0):t==="right"&&(a.left=s?e.textWidth+e.arrowWidth-1:e.textWidth,a.top=0),a},oe=e=>{!p.value||!f.value||(p.value.style.width=e&&r.appendFollowWidth?`${f.value.offsetWidth}px`:"")},w=()=>{o.isShowOpen&&n.nextTick(()=>{if(!f.value||!L.value||!p.value)return;const e=r.isUseDropdownArrow?p.value.querySelector(".arrow"):null,t=!i.CommonBase.isEmpty(r.appendContainer),s=t?r.appendContainer:null;oe(t);let a=L.value;if(P.value){const I=u.CommonElement.getParent(P.value,".dropdownLayer-arrow-anchorPoint",L.value,!1);i.CommonBase.isUndefined(I)||(a=I)}const l=u.CommonElement.calculationDropdownPosition(f.value,a,p.value,e,s),v=l[{down:"dropDownPosDown",up:"dropDownPosUp",left:"dropDownPosLeft",right:"dropDownPosRight"}[r.dropDownPos]||"dropDownPosDown"];o.dropDownPos=v;const y=ne(l,v);o.arrowPos=y;const c=ee(l,v);(y==="center"||y==="top"||y==="bottom")&&(v==="down"||v==="up")&&(c.left=l.arrowPosCenterLRInfo?.dropDownLeft,o.arrowLeft=l.arrowPosCenterLRInfo?.arrowLeft!=null?`${l.arrowPosCenterLRInfo.arrowLeft}px`:""),t&&(c.top=(c.top||0)+(l.controlOffset?.top||0),c.left=(c.left||0)+(l.controlOffset?.left||0),y==="right"&&(c.left=(l.controlOffset?.left||0)+f.value.offsetWidth-p.value.offsetWidth)),o.dropDownTop=c.top!=null?`${c.top}px`:"",o.dropDownLeft=c.left!=null?`${c.left}px`:"",D("onChangePosition",{use:{dropDownPos:v,arrowPos:y,dropDownTop:c.top,dropDownLeft:c.left,arrowLeft:o.arrowLeft},original:l})})},ne=(e,t)=>{switch(r.dropdownArrowPos){case"left":return e.arrowPosLeft;case"right":return e.arrowPosRight;case"top":return e.arrowPosTop;case"bottom":return e.arrowPosBottom;case"center":return t==="down"||t==="up"?e.arrowPosCenterLR:t==="left"||t==="right"?e.arrowPosCenterTB:e.arrowPosLeft;default:return e.arrowPosLeft}},z=e=>{k.value=e},U=e=>{o.isShowOpen&&e?.target&&te(e)},$=e=>e?p.value&&p.value.contains(e)?!1:i.CommonBase.isUndefined(u.CommonElement.getParent(e,`#${o.dropdownId}`,f.value)):!0,te=e=>{if(f.value){$(e?.target)&&$(k.value?.target)&&(o.isOpen=!1);return}if(i.CommonBase.isNonEmptyString(r.appendContainer))try{document.querySelectorAll(`${r.appendContainer}>#${o.dropdownId}`).forEach(t=>t.parentNode?.removeChild(t))}catch{h.clLog.warn("DropdownLayer","appendContainer 选择器非法，残留面板清理已跳过")}T(),o.isOpen=!1},F=e=>{if(o.isShowOpen){if(x)return;const t=e.currentTarget;x=requestAnimationFrame(()=>{x=null,w();const s=u.CommonElement.getPositionView(f.value,t),a=t.dataset,l={right:0,left:0};l.right=i.CommonBase.isUndefined(a.padRight)?0:parseInt(a.padRight.replace("px","")),l.left=i.CommonBase.isUndefined(a.padLeft)?0:parseInt(a.padLeft.replace("px",""));let O=!1;s.top+s.height/2<=0&&(O=!0),s.right+s.width/2<=l.right&&l.right>=0&&(O=!0),s.left+s.width/2<=l.left&&l.left>=0&&(O=!0),o.isOpacity0=O})}else A(!1)},A=(e=!0)=>{S.value.length>0&&S.value.forEach(t=>{e?t.addEventListener("scroll",F):t.removeEventListener("scroll",F)})},T=()=>{clearTimeout(b),b=null;const e=document.querySelector("body");e&&g&&e.removeEventListener("mousedown",z),g&&document.body.removeEventListener("click",U),g=!1,A(!1),o.isShowOpen=!1,N(),P.value=null,k.value=null},W=()=>{C.value=new de.Resize({callback:()=>{o.isOpen&&w()}});const{dropDownPos:e}=r;e==="down"||e==="up"?(o.dropDownPos="down",o.arrowPos="left"):(e==="left"||e==="right")&&(o.dropDownPos="left",o.arrowPos="top")},q=()=>{m||!p.value||typeof window>"u"||!window.ResizeObserver||(m=new window.ResizeObserver(()=>{o.isOpen&&p.value&&w()}),m.observe(p.value))},N=()=>{m&&(m.disconnect(),m=null)},R=e=>{if(!r.isDisabled){if(P.value=e.target,!o.isOpen&&r.onOpenBeforeCallback)try{const t=r.onOpenBeforeCallback();if(i.CommonBase.isBoolean(t)&&!t)return}catch{h.clLog.warn("DropdownLayer","onOpenBeforeCallback 执行异常，已按不阻止打开处理")}o.isOpen?re():se()}},re=()=>{o.isOpen=!1},se=()=>{if(o.isShowOpen){J();return}if(r.isCloseDestroy&&o.isInitFirstOpen){J();return}o.isOpen=!0},J=()=>{B.value=!0,o.isInitFirstOpen=!1,o.isShowOpen=!1,n.nextTick(()=>{o.isOpen=!o.isOpen})};n.onMounted(()=>{n.nextTick(()=>{W()})}),n.onActivated(()=>{C.value||n.nextTick(()=>{W()})}),n.onDeactivated(()=>{clearTimeout(E),C.value?.destroy(),C.value=null,N(),T(),o.isOpen=!1}),n.onUnmounted(()=>{clearTimeout(E),C.value?.destroy(),T()}),n.watch(()=>o.isOpen,e=>{o.isInitFirstOpen||(o.isInitFirstOpen=!0,i.CommonBase.isEmpty(r.appendContainer)||n.nextTick(()=>{let t=u.CommonElement.getParentCheckBody(f.value,r.appendContainer);i.CommonBase.isUndefined(t)&&(t=document.querySelector("body")),p.value&&t.appendChild(p.value),S.value=u.CommonElement.getParentScrollList(f.value,r.appendContainer,!1),A()})),e||T(),D("onChangeOpen",e),e&&(o.isOpacity0=!1,b=setTimeout(()=>{if(b=null,!o.isOpen||g)return;g=!0;const t=document.querySelector("body");t&&t.addEventListener("mousedown",z),document.body.addEventListener("click",U)}),r.isInitDelayComplete||n.nextTick(()=>{o.isShowOpen=!0,w()}))});const _=e=>{(r.triggers==="click"||e instanceof KeyboardEvent)&&R(e)};n.watch(()=>p.value,e=>{e&&q()});const ie=e=>{r.triggers==="hover"&&(clearTimeout(E),o.isOpen||R(e))},H=e=>{r.triggers==="hover"&&(E=setTimeout(()=>{p.value?.matches(":hover")||o.isOpen&&R(e)},150))},le=()=>{q(),D("onOpenComplete")},ae=()=>{B.value=!1},pe=()=>{if(B.value){B.value=!1;return}r.isCloseDestroy&&(o.isInitFirstOpen=!1),D("onAfterLeave")};return j({setOpen:e=>{if(!i.CommonBase.isBoolean(e)){h.clLog.warn("DropdownLayer","setOpen 参数必须为 boolean，已忽略");return}if(e&&r.onOpenBeforeCallback)try{const t=r.onOpenBeforeCallback();if(i.CommonBase.isBoolean(t)&&!t){h.clLog.warn("DropdownLayer","setOpen 打开被 onOpenBeforeCallback 阻止");return}}catch{h.clLog.warn("DropdownLayer","onOpenBeforeCallback 执行异常，已按不阻止打开处理")}o.isOpen=e},calculationPosition:()=>w(),initCompleteOpen:()=>{o.isOpen&&n.nextTick(()=>{o.isOpen&&(o.isShowOpen=!0,p.value?w():n.nextTick(()=>{w()}))})},getIsShowOpen:()=>o.isShowOpen}),(e,t)=>(n.openBlock(),n.createElementBlock("div",{id:n.unref(M),class:n.normalizeClass(V.value),ref_key:"refElTopParent",ref:f},[n.createElementVNode("div",{class:n.normalizeClass(G.value),onClick:t[0]||(t[0]=s=>_(s)),onMouseover:t[1]||(t[1]=s=>ie(s)),onMouseleave:t[2]||(t[2]=s=>H(s)),onKeydown:[t[3]||(t[3]=n.withKeys(n.withModifiers(s=>_(s),["prevent"]),["enter"])),t[4]||(t[4]=n.withKeys(n.withModifiers(s=>_(s),["prevent"]),["space"]))],role:"combobox",tabindex:"0","aria-expanded":o.isOpen,"aria-haspopup":"listbox",ref_key:"refElText",ref:L},[n.renderSlot(e.$slots,"labelText")],42,fe),o.isInitFirstOpen?(n.openBlock(),n.createBlock(n.Transition,{key:0,name:"dropdown-transit","enter-active-class":d.transitionEnter,"leave-active-class":d.transitionLeave,onEnter:le,onAfterLeave:pe,onLeaveCancelled:ae},{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{id:o.dropdownId,class:n.normalizeClass(Q.value),style:n.normalizeStyle(Y.value),ref_key:"refElDropdown",ref:p,onMouseleave:t[5]||(t[5]=s=>H(s))},[d.isUseDropdownArrow?(n.openBlock(),n.createElementBlock("div",{key:0,class:"arrow",style:n.normalizeStyle(Z.value)},null,4)):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[],64)),n.renderSlot(e.$slots,"dropdown")],46,ue),[[n.vShow,o.isShowOpen]])]),_:3},8,["enter-active-class","leave-active-class"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[],64))],10,ce))}});exports._sfc_main=we;

package/buildLibs/utils/Shared/BaseTransition.vue_vue_type_script_setup_true_lang-BD35JTIP.js

@@ -1 +0,0 @@
-"use strict";const t=require("vue");;/* empty css               */const v=require("./base-DmcbRUB5.js"),N=require("./index-CXRfOfiT.js"),q=require("./Index.vue_vue_type_script_setup_true_lang-DcOTqPR-.js"),A=["a[href]","area[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","iframe","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])','[tabindex]:not([tabindex="-1"])'].join(",");function _(i){return Array.from(i.querySelectorAll(A)).filter(c=>!(c.hasAttribute("disabled")||c.getAttribute("aria-hidden")==="true"||c.offsetParent===null&&getComputedStyle(c).position!=="fixed"))}function D(i,c,d={}){let s=null;const w=()=>i.value??null,l=o=>{if(!c.value)return;const a=w();if(!a)return;if(o.key==="Escape"){if(d.isEscapeClose&&!d.isEscapeClose()||!d.onEscape)return;o.stopPropagation(),d.onEscape();return}if(o.key!=="Tab")return;const n=_(a);if(n.length===0){o.preventDefault(),a.focus();return}const g=n[0],h=n[n.length-1],f=document.activeElement;if(!(f?a.contains(f):!1)){o.preventDefault(),(o.shiftKey?h:g).focus();return}o.shiftKey&&f===g?(o.preventDefault(),h.focus()):!o.shiftKey&&f===h&&(o.preventDefault(),g.focus())},p=()=>{s=document.activeElement,document.addEventListener("keydown",l,!0),d.isAutoFocus!==!1&&requestAnimationFrame(()=>{const o=w();if(!o)return;const a=_(o);a.length>0?a[0].focus():o.focus()})},y=()=>{document.removeEventListener("keydown",l,!0);const o=s;s=null,o&&requestAnimationFrame(()=>{o.isConnected&&o.focus()})};t.watch(c,o=>{o?p():y()},{immediate:!0}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",l,!0)})}const F=["id"],M={class:"modal-content"},P=t.defineComponent({name:"ClModalTransition",__name:"BaseTransition",props:{id:String,className:String,isBackClick:{type:Boolean,default:!0},width:{type:String,default:"600px"},classTransitionEnter:{type:String,default:"animated fadeInDown"},classTransitionLeave:{type:String,default:"animated fadeOutUp"},teleportTarget:{type:String,default:""},isEscapeClose:{type:Boolean,default:!0},isFocusTrap:{type:Boolean,default:!0}},emits:{onClickBack:()=>!0},setup(i,{expose:c,emit:d}){const s=i,w=d,l=new Map;let p=!1;const y=new Map,o=t.useTemplateRef("refElParent"),a=t.useTemplateRef("refElDialog"),n=t.reactive({isShow:!1}),g=t.computed(()=>v.CommonBase.getJsonMerge({"panel-modal":!0},N.CommonElement.getClassNameJson(s.className))),h=t.computed(()=>({modal:!0,fade:!0,show:n.isShow})),f=t.computed(()=>{const e={};return v.CommonBase.isEmpty(s.width)||(e.width=s.width),e}),b=()=>{w("onClickBack")},S=e=>{const r=l.get(e)??0;l.set(e,r+1),!(r>0||/\bmodal-open\b/.test(e.className))&&(y.set(e,e===document.body?{x:window.scrollX,y:window.scrollY}:{x:e.scrollLeft,y:e.scrollTop}),e.className+=" modal-open",e===document.body&&(p=!0))},T=e=>{const r=l.get(e)??0;if(!(r<=0))if(r===1){l.delete(e),e===document.body?p&&(e.className=e.className.replace(/\bmodal-open\b/g,"").trim(),p=!1):e.className=e.className.replace(/\bmodal-open\b/g,"").trim();const u=y.get(e);u&&(y.delete(e),requestAnimationFrame(()=>{e===document.body?window.scrollTo(u.x,u.y):(e.scrollTop=u.y,e.scrollLeft=u.x)}))}else l.set(e,r-1)},k=()=>{const e=s.teleportTarget;if(v.CommonBase.isEmpty(e)||e==="body")return document.body;if(e==="self"){const u=o.value?o.value.parentElement:null;if(!u)return null;let m=u;for(;m&&m!==document.body;){if(window.getComputedStyle(m).position!=="static")return m;m=m.parentElement}return document.body}const r=document.querySelector(e);return r===document.body?document.body:r??document.body},C=()=>{if(n.isShow){const e=k();e&&S(e)}else{const e=k();e&&T(e)}},E=()=>{n.isShow=!1};D(a,t.computed(()=>s.isFocusTrap&&n.isShow),{onEscape:()=>{s.isEscapeClose&&E()},isEscapeClose:()=>s.isEscapeClose}),t.onBeforeUnmount(()=>{n.isShow&&C()}),t.watch(()=>n.isShow,()=>{C()});const B=e=>{s.isBackClick&&e.currentTarget===e.target&&(E(),b())},L=()=>{},x=()=>{};return c({show:()=>{n.isShow=!0},hide:()=>{E()}}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(g.value),id:i.id,ref_key:"refElParent",ref:o},[t.createVNode(t.Transition,{"enter-active-class":i.classTransitionEnter,"leave-active-class":i.classTransitionLeave,onEnter:L,onAfterLeave:x},{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",{class:t.normalizeClass(h.value),role:"dialog","aria-modal":"true",tabindex:"-1",ref_key:"refElDialog",ref:a},[t.createElementVNode("div",{class:"modal-wrapper",onClick:B},[t.createElementVNode("div",{class:"modal-dialog",style:t.normalizeStyle(f.value)},[t.createElementVNode("div",M,[t.renderSlot(e.$slots,"default")])],4)])],2),[[t.vShow,n.isShow]])]),_:3},8,["enter-active-class","leave-active-class"]),t.createVNode(q._sfc_main,{show:n.isShow,zIndex:999999,isLockScroll:!1,background:"var(--cl-mask, rgba(0, 0, 0, 0.3))",duration:150,teleportTarget:i.teleportTarget},null,8,["show","teleportTarget"])],10,F))}});exports._sfc_main=P;

package/buildLibs/utils/Shared/BaseTransition.vue_vue_type_script_setup_true_lang-DHyNMo5z.js

@@ -1,255 +0,0 @@
-import { watch as x, onBeforeUnmount as N, defineComponent as q, useTemplateRef as T, reactive as I, computed as w, openBlock as K, createElementBlock as O, normalizeClass as _, createVNode as B, Transition as z, withCtx as U, withDirectives as J, createElementVNode as b, normalizeStyle as R, renderSlot as V, vShow as $ } from "vue";
-/* empty css              */
-import { C as v } from "./base-C5l51ld_.js";
-import { C as j } from "./index-wdK75uN2.js";
-import { _ as H } from "./Index.vue_vue_type_script_setup_true_lang-Cw8P2xE-.js";
-const X = [
-  "a[href]",
-  "area[href]",
-  "button:not([disabled])",
-  'input:not([disabled]):not([type="hidden"])',
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "iframe",
-  "audio[controls]",
-  "video[controls]",
-  '[contenteditable]:not([contenteditable="false"])',
-  '[tabindex]:not([tabindex="-1"])'
-].join(",");
-function L(r) {
-  return Array.from(r.querySelectorAll(X)).filter((i) => !(i.hasAttribute("disabled") || i.getAttribute("aria-hidden") === "true" || i.offsetParent === null && getComputedStyle(i).position !== "fixed"));
-}
-function Y(r, i, u = {}) {
-  let n = null;
-  const h = () => r.value ?? null, c = (t) => {
-    if (!i.value) return;
-    const s = h();
-    if (!s) return;
-    if (t.key === "Escape") {
-      if (u.isEscapeClose && !u.isEscapeClose() || !u.onEscape) return;
-      t.stopPropagation(), u.onEscape();
-      return;
-    }
-    if (t.key !== "Tab") return;
-    const o = L(s);
-    if (o.length === 0) {
-      t.preventDefault(), s.focus();
-      return;
-    }
-    const y = o[0], g = o[o.length - 1], d = document.activeElement;
-    if (!(d ? s.contains(d) : !1)) {
-      t.preventDefault(), (t.shiftKey ? g : y).focus();
-      return;
-    }
-    t.shiftKey && d === y ? (t.preventDefault(), g.focus()) : !t.shiftKey && d === g && (t.preventDefault(), y.focus());
-  }, m = () => {
-    n = document.activeElement, document.addEventListener("keydown", c, !0), u.isAutoFocus !== !1 && requestAnimationFrame(() => {
-      const t = h();
-      if (!t) return;
-      const s = L(t);
-      s.length > 0 ? s[0].focus() : t.focus();
-    });
-  }, p = () => {
-    document.removeEventListener("keydown", c, !0);
-    const t = n;
-    n = null, t && requestAnimationFrame(() => {
-      t.isConnected && t.focus();
-    });
-  };
-  x(
-    i,
-    (t) => {
-      t ? m() : p();
-    },
-    { immediate: !0 }
-  ), N(() => {
-    document.removeEventListener("keydown", c, !0);
-  });
-}
-const G = ["id"], Q = { class: "modal-content" }, ae = /* @__PURE__ */ q({
-  name: "ClModalTransition",
-  __name: "BaseTransition",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，从父组件透传用于 DOM 查询
-    className: String,
-    // desc: 自定义 CSS 类名
-    isBackClick: {
-      type: Boolean,
-      default: !0
-      // desc: 是否允许点击遮罩关闭
-    },
-    width: {
-      type: String,
-      default: "600px"
-      // desc: 弹窗宽度
-    },
-    classTransitionEnter: {
-      type: String,
-      default: "animated fadeInDown"
-      // desc: 进入动画类名
-    },
-    classTransitionLeave: {
-      type: String,
-      default: "animated fadeOutUp"
-      // desc: 离开动画类名
-    },
-    teleportTarget: {
-      type: String,
-      default: ""
-      // desc: 遮罩挂载目标 | enum: 空→body、self、#id（指定容器 id）
-    },
-    isEscapeClose: {
-      type: Boolean,
-      default: !0
-      // desc: 是否允许按 Esc 关闭（键盘用户的主要退出方式）
-    },
-    isFocusTrap: {
-      type: Boolean,
-      default: !0
-      // desc: 是否启用焦点陷阱（打开后 Tab 循环在弹窗内，关闭后焦点还原到触发元素）
-    }
-  },
-  emits: {
-    onClickBack: () => !0
-    // desc: 点击遮罩层时触发
-  },
-  setup(r, { expose: i, emit: u }) {
-    const n = r, h = u, c = /* @__PURE__ */ new Map();
-    let m = !1;
-    const p = /* @__PURE__ */ new Map(), t = T("refElParent"), s = T("refElDialog"), o = I({
-      isShow: !1
-    }), y = w(() => v.getJsonMerge(
-      { "panel-modal": !0 },
-      j.getClassNameJson(n.className)
-    )), g = w(() => ({
-      modal: !0,
-      fade: !0,
-      show: o.isShow
-    })), d = w(() => {
-      const e = {};
-      return v.isEmpty(n.width) || (e.width = n.width), e;
-    }), k = () => {
-      h("onClickBack");
-    }, A = (e) => {
-      const a = c.get(e) ?? 0;
-      c.set(e, a + 1), !(a > 0 || /\bmodal-open\b/.test(e.className)) && (p.set(
-        e,
-        e === document.body ? { x: window.scrollX, y: window.scrollY } : { x: e.scrollLeft, y: e.scrollTop }
-      ), e.className += " modal-open", e === document.body && (m = !0));
-    }, D = (e) => {
-      const a = c.get(e) ?? 0;
-      if (!(a <= 0))
-        if (a === 1) {
-          c.delete(e), e === document.body ? m && (e.className = e.className.replace(/\bmodal-open\b/g, "").trim(), m = !1) : e.className = e.className.replace(/\bmodal-open\b/g, "").trim();
-          const l = p.get(e);
-          l && (p.delete(e), requestAnimationFrame(() => {
-            e === document.body ? window.scrollTo(l.x, l.y) : (e.scrollTop = l.y, e.scrollLeft = l.x);
-          }));
-        } else
-          c.set(e, a - 1);
-    }, C = () => {
-      const e = n.teleportTarget;
-      if (v.isEmpty(e) || e === "body") return document.body;
-      if (e === "self") {
-        const l = t.value ? t.value.parentElement : null;
-        if (!l) return null;
-        let f = l;
-        for (; f && f !== document.body; ) {
-          if (window.getComputedStyle(f).position !== "static") return f;
-          f = f.parentElement;
-        }
-        return document.body;
-      }
-      const a = document.querySelector(e);
-      return a === document.body ? document.body : a ?? document.body;
-    }, S = () => {
-      if (o.isShow) {
-        const e = C();
-        e && A(e);
-      } else {
-        const e = C();
-        e && D(e);
-      }
-    }, E = () => {
-      o.isShow = !1;
-    };
-    Y(s, w(() => n.isFocusTrap && o.isShow), {
-      onEscape: () => {
-        n.isEscapeClose && E();
-      },
-      isEscapeClose: () => n.isEscapeClose
-    }), N(() => {
-      o.isShow && S();
-    }), x(
-      () => o.isShow,
-      () => {
-        S();
-      }
-    );
-    const F = (e) => {
-      n.isBackClick && e.currentTarget === e.target && (E(), k());
-    }, M = () => {
-    }, P = () => {
-    };
-    return i({
-      show: () => {
-        o.isShow = !0;
-      },
-      hide: () => {
-        E();
-      }
-    }), (e, a) => (K(), O("div", {
-      class: _(y.value),
-      id: r.id,
-      ref_key: "refElParent",
-      ref: t
-    }, [
-      B(z, {
-        "enter-active-class": r.classTransitionEnter,
-        "leave-active-class": r.classTransitionLeave,
-        onEnter: M,
-        onAfterLeave: P
-      }, {
-        default: U(() => [
-          J(b("div", {
-            class: _(g.value),
-            role: "dialog",
-            "aria-modal": "true",
-            tabindex: "-1",
-            ref_key: "refElDialog",
-            ref: s
-          }, [
-            b("div", {
-              class: "modal-wrapper",
-              onClick: F
-            }, [
-              b("div", {
-                class: "modal-dialog",
-                style: R(d.value)
-              }, [
-                b("div", Q, [
-                  V(e.$slots, "default")
-                ])
-              ], 4)
-            ])
-          ], 2), [
-            [$, o.isShow]
-          ])
-        ]),
-        _: 3
-      }, 8, ["enter-active-class", "leave-active-class"]),
-      B(H, {
-        show: o.isShow,
-        zIndex: 999999,
-        isLockScroll: !1,
-        background: "var(--cl-mask, rgba(0, 0, 0, 0.3))",
-        duration: 150,
-        teleportTarget: r.teleportTarget
-      }, null, 8, ["show", "teleportTarget"])
-    ], 10, G));
-  }
-});
-export {
-  ae as _
-};

package/buildLibs/utils/Shared/Index-BBs91jFy.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 _
-};