@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/utils/Mobile/{ClFloatingBubble.js → ClFloatBubble.js}

@@ -1,10 +1,10 @@
 import '../../styles/Common/Token.css';
-import '../../styles/Mobile/ClFloatingBubble.css';
-import { defineComponent as V, useTemplateRef as Z, ref as f, computed as W, onMounted as ee, watch as te, onBeforeUnmount as ne, openBlock as oe, createElementBlock as se, normalizeStyle as ae, normalizeClass as ie, unref as re, renderSlot as le } from "vue";
-import { C as y } from "../Shared/base-C5l51ld_.js";
-import { C as fe } from "../Shared/index-wdK75uN2.js";
-const ce = ["id"], H = 6, ue = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.3s cubic-bezier(0.32, 0.72, 0, 1)", ge = /* @__PURE__ */ V({
-  name: "ClFloatingBubble",
+import '../../styles/Mobile/ClFloatBubble.css';
+import { defineComponent as V, useTemplateRef as Z, ref as f, computed as L, onMounted as ee, watch as te, onBeforeUnmount as ne, openBlock as oe, createElementBlock as se, normalizeStyle as ae, normalizeClass as ie, unref as re, renderSlot as le } from "vue";
+import { C as y } from "../Shared/base-fr2I80sU.js";
+import { C as fe } from "../Shared/index-B477PjJ3.js";
+const ue = ["id"], W = 6, ce = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.3s cubic-bezier(0.32, 0.72, 0, 1)", ge = /* @__PURE__ */ V({
+  name: "ClFloatBubble",
   __name: "Index",
   props: {
     id: String,
@@ -30,13 +30,13 @@ const ce = ["id"], H = 6, ue = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.
       type: String,
       default: "xy",
       // desc: 拖拽方向 | enum: x, y, xy
-      validator: (c) => ["x", "y", "xy"].indexOf(c) !== -1
+      validator: (u) => ["x", "y", "xy"].indexOf(u) !== -1
     },
-    magnetic: {
+    magnetAxis: {
       type: String,
       default: "",
       // desc: 磁吸方向 | enum: x, y
-      validator: (c) => ["", "x", "y"].indexOf(c) !== -1
+      validator: (u) => ["", "x", "y"].indexOf(u) !== -1
     },
     gap: {
       type: Number,
@@ -50,14 +50,14 @@ const ce = ["id"], H = 6, ue = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.
     }
   },
   emits: ["update:offsetX", "update:offsetY", "onOffsetChange", "onClick"],
-  setup(c, { emit: F }) {
-    const n = c, s = F, $ = n.id, r = Z("elRef"), u = f(0), d = f(0), v = f(0), _ = f(0);
+  setup(u, { emit: H }) {
+    const n = u, s = H, F = n.id, r = Z("elRef"), c = f(0), d = f(0), v = f(0), x = f(0);
     let z = 0, P = 0, C = 0, w = 0;
     const p = f(!1);
     let X = !1, m = null;
-    const Y = () => typeof n.gap == "number" && y.isFinite(n.gap) && n.gap >= 0 ? n.gap : 0, i = (e) => typeof e == "number" && y.isFinite(e) ? e : 0, A = W(() => {
+    const Y = () => typeof n.gap == "number" && y.isFinite(n.gap) && n.gap >= 0 ? n.gap : 0, i = (e) => typeof e == "number" && y.isFinite(e) ? e : 0, $ = L(() => {
       const e = {
-        "panel-floating-bubble": !0
+        "panel-float-bubble": !0
       };
       return y.getJsonMerge(e, fe.getClassNameJson(n.className));
     }), R = f(!1), M = () => {
@@ -69,41 +69,41 @@ const ce = ["id"], H = 6, ue = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.
       }
     }, I = () => {
       R.value = !!M();
-    }, J = W(() => ({
+    }, J = L(() => ({
       left: `${i(n.offsetX)}px`,
       top: `${i(n.offsetY)}px`,
       // 容器模式（teleportTarget 指定且匹配）→ absolute 相对容器定位，边界=容器尺寸（模拟真机屏幕内浮动）；
       // 默认模式 → fixed 相对视口（真实手机行为），边界=视口
       position: R.value ? "absolute" : "fixed",
       // 拖拽中关闭过渡（跟手），磁吸/程序设置时恢复过渡（平滑动画）
-      transition: p.value ? "none" : ue
+      transition: p.value ? "none" : ce
     })), S = (e) => {
-      const t = Y(), a = Math.max(0, u.value - v.value - t);
+      const t = Y(), a = Math.max(0, c.value - v.value - t);
       return Math.min(Math.max(e, t), Math.max(t, a));
     }, T = (e) => {
-      const t = Y(), a = Math.max(0, d.value - _.value - t);
+      const t = Y(), a = Math.max(0, d.value - x.value - t);
       return Math.min(Math.max(e, t), Math.max(t, a));
     }, U = (e, t) => {
       let a = e, h = t;
       const o = Y();
-      if (n.magnetic === "x" && n.axis !== "y") {
-        const l = e - o, O = u.value - v.value - o - e;
-        a = l <= O ? o : Math.max(o, u.value - v.value - o);
-      } else if (n.magnetic === "y" && n.axis !== "x") {
-        const l = t - o, O = d.value - _.value - o - t;
-        h = l <= O ? o : Math.max(o, d.value - _.value - o);
+      if (n.magnetAxis === "x" && n.axis !== "y") {
+        const l = e - o, O = c.value - v.value - o - e;
+        a = l <= O ? o : Math.max(o, c.value - v.value - o);
+      } else if (n.magnetAxis === "y" && n.axis !== "x") {
+        const l = t - o, O = d.value - x.value - o - t;
+        h = l <= O ? o : Math.max(o, d.value - x.value - o);
       }
       return { x: a, y: h };
     }, g = () => {
       const e = M();
       if (e) {
         const t = e.getBoundingClientRect();
-        u.value = t.width, d.value = t.height;
+        c.value = t.width, d.value = t.height;
       } else
-        u.value = window.innerWidth, d.value = window.innerHeight;
-      r.value && (v.value = r.value.offsetWidth, _.value = r.value.offsetHeight);
+        c.value = window.innerWidth, d.value = window.innerHeight;
+      r.value && (v.value = r.value.offsetWidth, x.value = r.value.offsetHeight);
     };
-    let b = null, x = null;
+    let _ = null, b = null;
     const N = () => {
       g();
       const e = S(i(n.offsetX)), t = T(i(n.offsetY));
@@ -113,11 +113,11 @@ const ce = ["id"], H = 6, ue = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.
     }, D = (e, t) => {
       if (!p.value || n.isDisabled) return;
       const a = e - z, h = t - P;
-      (Math.abs(a) > H || Math.abs(h) > H) && (X = !0);
+      (Math.abs(a) > W || Math.abs(h) > W) && (X = !0);
       let o = C + a, l = w + h;
       n.axis === "x" && (l = w), n.axis === "y" && (o = C), o = S(o), l = T(l), s("update:offsetX", o), s("update:offsetY", l), s("onOffsetChange", o, l);
     }, E = () => {
-      if (p.value && (p.value = !1, n.magnetic)) {
+      if (p.value && (p.value = !1, n.magnetAxis)) {
         const e = U(i(n.offsetX), i(n.offsetY));
         s("update:offsetX", e.x), s("update:offsetY", e.y), s("onOffsetChange", e.x, e.y);
       }
@@ -139,7 +139,7 @@ const ce = ["id"], H = 6, ue = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.
       }
     }, K = (e) => {
       m === e.pointerId && D(e.clientX, e.clientY);
-    }, L = (e) => {
+    }, A = (e) => {
       if (m === e.pointerId) {
         m = null, E();
         try {
@@ -159,21 +159,21 @@ const ce = ["id"], H = 6, ue = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.
       );
       const e = S(i(n.offsetX)), t = T(i(n.offsetY));
       if ((e !== n.offsetX || t !== n.offsetY) && (s("update:offsetX", e), s("update:offsetY", t), s("onOffsetChange", e, t)), r.value && typeof ResizeObserver < "u") {
-        b = new ResizeObserver(() => {
+        _ = new ResizeObserver(() => {
           g();
-        }), b.observe(r.value);
+        }), _.observe(r.value);
         const a = M();
-        a && (x = new ResizeObserver(() => {
+        a && (b = new ResizeObserver(() => {
           g();
-        }), x.observe(a));
+        }), b.observe(a));
       }
     }), ne(() => {
-      window.removeEventListener("resize", N), b?.disconnect(), b = null, x?.disconnect(), x = null;
+      window.removeEventListener("resize", N), _?.disconnect(), _ = null, b?.disconnect(), b = null;
     }), (e, t) => (oe(), se("div", {
-      id: re($),
+      id: re(F),
       ref_key: "elRef",
       ref: r,
-      class: ie(A.value),
+      class: ie($.value),
       style: ae(J.value),
       onTouchstart: G,
       onTouchmove: j,
@@ -181,12 +181,12 @@ const ce = ["id"], H = 6, ue = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.
       onTouchcancel: k,
       onPointerdown: q,
       onPointermove: K,
-      onPointerup: L,
-      onPointercancel: L,
+      onPointerup: A,
+      onPointercancel: A,
       onClick: Q
     }, [
       le(e.$slots, "default")
-    ], 46, ce));
+    ], 46, ue));
   }
 });
 export {

package/buildLibs/utils/Mobile/ClFloatPanel.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("../Shared/base-DbuX_Y3x.js"),re=require("../Shared/index-rFJmbgyH.js"),I=require("../Shared/scrollLock-Bjjnxpit.js"),ae=["id"],le={key:1,class:"floatpanel-content"},O=300,x=2e3,ie=100,se=500,ce=e.defineComponent({name:"ClFloatPanel",__name:"Index",props:{id:String,className:String,show:Boolean,height:{type:Number,default:300},anchorsArr:{type:Array,default:()=>[100,300,500]},isOverlay:{type:Boolean,default:!0},isCloseOnClickOverlay:{type:Boolean,default:!0},isDraggable:{type:Boolean,default:!0},isContentDraggable:{type:Boolean,default:!1},isSnap:{type:Boolean,default:!0},isLockScroll:{type:Boolean,default:!0},isSafeAreaInsetBottom:Boolean,duration:{type:Number,default:O},zIndex:{type:Number,default:x},teleportTarget:{type:String,default:""}},emits:["update:show","update:height","onHeightChange","onOpen","onOpened","onClose","onClosed","onClickOverlay"],setup(F,{emit:z}){const n=F,a=z,V=n.id;let w=0,E=0;const f=e.ref(!1),u=e.ref(0);let l="";const A=e.computed(()=>n.show),$=e.computed(()=>n.isOverlay),q=e.computed(()=>n.isContentDraggable),U=e.computed(()=>f.value?"none":`height ${d.value}ms cubic-bezier(0.32, 0.72, 0, 1)`),Y=e.computed(()=>i.CommonBase.isNonEmptyString(n.teleportTarget)?n.teleportTarget:"body"),G=e.computed(()=>n.teleportTarget==="self"),d=e.computed(()=>{const t=Number(n.duration);return i.CommonBase.isFinite(t)&&t>0?t:O}),k=e.computed(()=>{const t=Number(n.zIndex);return i.CommonBase.isFinite(t)?t:x}),g=()=>Array.isArray(n.anchorsArr)?n.anchorsArr.map(Number).filter(t=>i.CommonBase.isFinite(t)&&t>0):[],v=e.computed(()=>{const t=g();return t.length>0?Math.min(...t):ie}),b=e.computed(()=>{const t=g();return t.length>0?Math.max(...t):se}),J=e.computed(()=>Math.max(b.value,u.value)),h=e.computed(()=>{const t=Number(n.height),o=i.CommonBase.isFinite(t)?t:v.value;return Math.min(Math.max(o,v.value),J.value)}),R=e.computed(()=>{let t={"panel-float-panel":!0,"panel-float-panel--safe-bottom":n.isSafeAreaInsetBottom};return t=i.CommonBase.getJsonMerge(t,re.CommonElement.getClassNameJson(n.className)),t}),X=e.computed(()=>({zIndex:k.value,"--floatpanel-duration":`${d.value}ms`})),Z=e.computed(()=>({zIndex:k.value+1,height:`${h.value}px`,transition:U.value,"--floatpanel-duration":`${d.value}ms`})),j=()=>{const t=n.teleportTarget;if(i.CommonBase.isNonEmptyString(t)&&t!=="body"&&t!=="self"){const o=document.querySelector(t);return o instanceof HTMLElement?o:null}return document.body},K=()=>{const t=n.teleportTarget;if(i.CommonBase.isNonEmptyString(t)&&t!=="body"&&t!=="self"){const o=document.querySelector(t);if(o instanceof HTMLElement&&o.clientHeight>0)return o.clientHeight}return t==="self"?b.value:window.innerHeight};let p=!1,T=null;const Q=()=>{if(p)return;const t=j();t&&(p=!0,T=t,I.lockScroll(t))},B=()=>{p&&(p=!1,I.unlockScroll(T),T=null)},S=t=>{w=t,E=h.value,u.value=K(),f.value=!0},N=t=>{if(!f.value||!n.isDraggable)return;const o=w-t,m=E+o,r=Math.min(Math.max(m,v.value),u.value);r!==h.value&&(a("update:height",r),a("onHeightChange",r,!0))},P=()=>{if(f.value=!1,!n.isSnap)return;const t=g();if(t.length===0)return;const o=h.value,m=[...t,u.value];let r=m[0],L=Math.abs(o-r);m.forEach(D=>{const H=Math.abs(o-D);H<L&&(L=H,r=D)}),r=Math.min(r,u.value),r!==o&&(a("update:height",r),a("onHeightChange",r,!1))},y=t=>{if(!n.isDraggable||l!=="")return;l="pointer";const o=t.currentTarget;if(o instanceof HTMLElement&&typeof o.setPointerCapture=="function")try{o.setPointerCapture(t.pointerId)}catch{}S(t.clientY)},M=t=>{l==="pointer"&&N(t.clientY)},s=()=>{l==="pointer"&&(l="",P())},C=t=>{if(!n.isDraggable||l!=="")return;const o=t.touches[0];o&&(l="touch",S(o.clientY))},_=t=>{if(l!=="touch")return;const o=t.touches[0];o&&N(o.clientY)},c=()=>{l==="touch"&&(l="",P())};e.onUnmounted(()=>{p&&B()}),e.watch([()=>n.show,()=>n.isLockScroll],([t,o])=>{t&&o?Q():B()},{immediate:!0});const W=()=>{a("onClickOverlay"),n.isCloseOnClickOverlay&&a("update:show",!1)},ee=()=>{a("onOpen")},te=()=>{a("onOpened")},oe=()=>{a("onClose")},ne=()=>{a("onClosed")};return(t,o)=>(e.openBlock(),e.createBlock(e.Teleport,{to:Y.value,disabled:G.value},[e.createVNode(e.Transition,{name:"floatpanel-fade",duration:d.value},{default:e.withCtx(()=>[A.value&&$.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"panel-float-panel-overlay",style:e.normalizeStyle(X.value),onClick:W},null,4)):e.createCommentVNode("",!0)]),_:1},8,["duration"]),e.createVNode(e.Transition,{name:"floatpanel-slide",duration:d.value,onEnter:ee,onAfterEnter:te,onLeave:oe,onAfterLeave:ne},{default:e.withCtx(()=>[A.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(V),role:"dialog","aria-modal":"true",class:e.normalizeClass(R.value),style:e.normalizeStyle(Z.value),onTouchstart:C,onTouchmove:_,onTouchend:c,onTouchcancel:c,onPointerdown:y,onPointermove:M,onPointerup:s,onPointercancel:s},[e.createElementVNode("div",{class:"floatpanel-header",onTouchstart:e.withModifiers(C,["stop"]),onTouchmove:e.withModifiers(_,["stop"]),onTouchend:e.withModifiers(c,["stop"]),onTouchcancel:e.withModifiers(c,["stop"]),onPointerdown:e.withModifiers(y,["stop"]),onPointermove:e.withModifiers(M,["stop"]),onPointerup:e.withModifiers(s,["stop"]),onPointercancel:e.withModifiers(s,["stop"])},[o[0]||(o[0]=e.createElementVNode("div",{class:"floatpanel-header-bar"},null,-1)),e.renderSlot(t.$slots,"header")],32),q.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"floatpanel-content",onTouchstart:e.withModifiers(C,["stop"]),onTouchmove:e.withModifiers(_,["stop"]),onTouchend:e.withModifiers(c,["stop"]),onTouchcancel:e.withModifiers(c,["stop"]),onPointerdown:e.withModifiers(y,["stop"]),onPointermove:e.withModifiers(M,["stop"]),onPointerup:e.withModifiers(s,["stop"]),onPointercancel:e.withModifiers(s,["stop"])},[e.renderSlot(t.$slots,"default")],32)):(e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(t.$slots,"default")]))],46,ae)):e.createCommentVNode("",!0)]),_:3},8,["duration"])],8,["to","disabled"]))}});module.exports=ce;

package/buildLibs/utils/Mobile/ClFloatPanel.css

@@ -0,0 +1 @@
+.panel-float-panel-overlay{position:fixed;inset:0;background:var(--cl-overlay, rgba(0, 0, 0, .5));transition:opacity var(--floatpanel-duration, .3s) ease}.panel-float-panel{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:var(--cl-bg, #ffffff);border-radius:16px 16px 0 0;box-shadow:0 -4px 16px var(--cl-shadow-color, rgba(0, 0, 0, .08));overflow:hidden;transition:height var(--floatpanel-duration, .3s) cubic-bezier(.32,.72,0,1)}.panel-float-panel--safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.floatpanel-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:32px;padding:8px 12px 4px;cursor:grab;touch-action:none}.floatpanel-header:active{cursor:grabbing}.floatpanel-header-bar{width:36px;height:4px;border-radius:2px;background:var(--cl-handle, #e5e5e5);margin-bottom:4px}.floatpanel-content{flex:1;overflow-y:auto;padding:8px 16px 16px;-webkit-overflow-scrolling:touch}.floatpanel-fade-enter-active,.floatpanel-fade-leave-active{transition:opacity var(--floatpanel-duration, .3s) ease}.floatpanel-fade-enter-from,.floatpanel-fade-leave-to{opacity:0}.floatpanel-slide-enter-active,.floatpanel-slide-leave-active{transition:transform var(--floatpanel-duration, .3s) cubic-bezier(.32,.72,0,1)}.floatpanel-slide-enter-from,.floatpanel-slide-leave-to{transform:translateY(100%)}

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

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

package/buildLibs/utils/Mobile/{ClFloatingPanel.js → ClFloatPanel.js}

@@ -1,14 +1,14 @@
 import '../../styles/Common/Token.css';
-import '../../styles/Mobile/ClFloatingPanel.css';
-import { defineComponent as ge, ref as z, computed as a, onUnmounted as he, watch as me, openBlock as h, createBlock as ve, Teleport as Te, createVNode as $, Transition as G, withCtx as U, createElementBlock as T, normalizeStyle as Y, createCommentVNode as V, normalizeClass as ye, unref as _e, createElementVNode as q, withModifiers as o, renderSlot as P } from "vue";
-import { C as i } from "../Shared/base-C5l51ld_.js";
-import { C as Ae } from "../Shared/index-wdK75uN2.js";
+import '../../styles/Mobile/ClFloatPanel.css';
+import { defineComponent as he, ref as z, computed as a, onUnmounted as me, watch as ge, openBlock as m, createBlock as ve, Teleport as Te, createVNode as $, Transition as U, withCtx as Y, createElementBlock as T, normalizeStyle as V, createCommentVNode as q, normalizeClass as ye, unref as _e, createElementVNode as G, withModifiers as n, renderSlot as S } from "vue";
+import { C as i } from "../Shared/base-fr2I80sU.js";
+import { C as Ae } from "../Shared/index-B477PjJ3.js";
 import { l as Ce, u as be } from "../Shared/scrollLock-DQEGK5um.js";
-const Ee = ["id"], Ne = {
+const Ee = ["id"], Pe = {
   key: 1,
-  class: "floatingpanel-content"
-}, J = 300, R = 2e3, Pe = 100, Se = 500, ke = /* @__PURE__ */ ge({
-  name: "ClFloatingPanel",
+  class: "floatpanel-content"
+}, J = 300, R = 2e3, Se = 100, Me = 500, He = /* @__PURE__ */ he({
+  name: "ClFloatPanel",
   __name: "Index",
   props: {
     id: String,
@@ -77,82 +77,82 @@ const Ee = ["id"], Ne = {
   },
   emits: ["update:show", "update:height", "onHeightChange", "onOpen", "onOpened", "onClose", "onClosed", "onClickOverlay"],
   setup(X, { emit: Z }) {
-    const n = X, l = Z, j = n.id;
-    let S = 0, I = 0;
-    const m = z(!1), d = z(0);
+    const o = X, l = Z, j = o.id;
+    let M = 0, N = 0;
+    const g = z(!1), d = z(0);
     let s = "";
-    const M = a(() => n.show), K = a(() => n.isOverlay), Q = a(() => n.isContentDraggable), W = a(() => m.value ? "none" : `height ${p.value}ms cubic-bezier(0.32, 0.72, 0, 1)`), ee = a(
-      () => i.isNonEmptyString(n.teleportTarget) ? n.teleportTarget : "body"
-    ), te = a(() => n.teleportTarget === "self"), p = a(() => {
-      const e = Number(n.duration);
+    const D = a(() => o.show), K = a(() => o.isOverlay), Q = a(() => o.isContentDraggable), W = a(() => g.value ? "none" : `height ${p.value}ms cubic-bezier(0.32, 0.72, 0, 1)`), ee = a(
+      () => i.isNonEmptyString(o.teleportTarget) ? o.teleportTarget : "body"
+    ), te = a(() => o.teleportTarget === "self"), p = a(() => {
+      const e = Number(o.duration);
       return i.isFinite(e) && e > 0 ? e : J;
-    }), D = a(() => {
-      const e = Number(n.zIndex);
+    }), L = a(() => {
+      const e = Number(o.zIndex);
       return i.isFinite(e) ? e : R;
-    }), y = () => Array.isArray(n.anchorsArr) ? n.anchorsArr.map(Number).filter((e) => i.isFinite(e) && e > 0) : [], _ = a(() => {
+    }), y = () => Array.isArray(o.anchorsArr) ? o.anchorsArr.map(Number).filter((e) => i.isFinite(e) && e > 0) : [], _ = a(() => {
       const e = y();
-      return e.length > 0 ? Math.min(...e) : Pe;
-    }), L = a(() => {
+      return e.length > 0 ? Math.min(...e) : Se;
+    }), k = a(() => {
       const e = y();
-      return e.length > 0 ? Math.max(...e) : Se;
-    }), ne = a(() => Math.max(L.value, d.value)), v = a(() => {
-      const e = Number(n.height), t = i.isFinite(e) ? e : _.value;
-      return Math.min(Math.max(t, _.value), ne.value);
-    }), oe = a(() => {
+      return e.length > 0 ? Math.max(...e) : Me;
+    }), oe = a(() => Math.max(k.value, d.value)), v = a(() => {
+      const e = Number(o.height), t = i.isFinite(e) ? e : _.value;
+      return Math.min(Math.max(t, _.value), oe.value);
+    }), ne = a(() => {
       let e = {
-        "panel-floating-panel": !0,
-        "panel-floating-panel--safe-bottom": n.isSafeAreaInsetBottom
+        "panel-float-panel": !0,
+        "panel-float-panel--safe-bottom": o.isSafeAreaInsetBottom
       };
-      return e = i.getJsonMerge(e, Ae.getClassNameJson(n.className)), e;
+      return e = i.getJsonMerge(e, Ae.getClassNameJson(o.className)), e;
     }), ae = a(() => ({
-      zIndex: D.value,
-      "--floatingpanel-duration": `${p.value}ms`
+      zIndex: L.value,
+      "--floatpanel-duration": `${p.value}ms`
     })), re = a(() => ({
-      zIndex: D.value + 1,
+      zIndex: L.value + 1,
       height: `${v.value}px`,
       transition: W.value,
-      "--floatingpanel-duration": `${p.value}ms`
+      "--floatpanel-duration": `${p.value}ms`
     })), le = () => {
-      const e = n.teleportTarget;
+      const e = o.teleportTarget;
       if (i.isNonEmptyString(e) && e !== "body" && e !== "self") {
         const t = document.querySelector(e);
         return t instanceof HTMLElement ? t : null;
       }
       return document.body;
     }, se = () => {
-      const e = n.teleportTarget;
+      const e = o.teleportTarget;
       if (i.isNonEmptyString(e) && e !== "body" && e !== "self") {
         const t = document.querySelector(e);
         if (t instanceof HTMLElement && t.clientHeight > 0)
           return t.clientHeight;
       }
-      return e === "self" ? L.value : window.innerHeight;
+      return e === "self" ? k.value : window.innerHeight;
     };
     let f = !1, A = null;
     const ie = () => {
       if (f) return;
       const e = le();
       e && (f = !0, A = e, Ce(e));
-    }, k = () => {
+    }, H = () => {
       f && (f = !1, be(A), A = null);
-    }, H = (e) => {
-      S = e, I = v.value, d.value = se(), m.value = !0;
+    }, I = (e) => {
+      M = e, N = v.value, d.value = se(), g.value = !0;
     }, O = (e) => {
-      if (!m.value || !n.isDraggable) return;
-      const t = S - e, g = I + t, r = Math.min(Math.max(g, _.value), d.value);
+      if (!g.value || !o.isDraggable) return;
+      const t = M - e, h = N + t, r = Math.min(Math.max(h, _.value), d.value);
       r !== v.value && (l("update:height", r), l("onHeightChange", r, !0));
     }, x = () => {
-      if (m.value = !1, !n.isSnap) return;
+      if (g.value = !1, !o.isSnap) return;
       const e = y();
       if (e.length === 0) return;
-      const t = v.value, g = [...e, d.value];
-      let r = g[0], w = Math.abs(t - r);
-      g.forEach((B) => {
+      const t = v.value, h = [...e, d.value];
+      let r = h[0], w = Math.abs(t - r);
+      h.forEach((B) => {
         const F = Math.abs(t - B);
         F < w && (w = F, r = B);
       }), r = Math.min(r, d.value), r !== t && (l("update:height", r), l("onHeightChange", r, !1));
     }, C = (e) => {
-      if (!n.isDraggable || s !== "") return;
+      if (!o.isDraggable || s !== "") return;
       s = "pointer";
       const t = e.currentTarget;
       if (t instanceof HTMLElement && typeof t.setPointerCapture == "function")
@@ -160,33 +160,33 @@ const Ee = ["id"], Ne = {
           t.setPointerCapture(e.pointerId);
         } catch {
         }
-      H(e.clientY);
+      I(e.clientY);
     }, b = (e) => {
       s === "pointer" && O(e.clientY);
     }, c = () => {
       s === "pointer" && (s = "", x());
     }, E = (e) => {
-      if (!n.isDraggable || s !== "") return;
+      if (!o.isDraggable || s !== "") return;
       const t = e.touches[0];
-      t && (s = "touch", H(t.clientY));
-    }, N = (e) => {
+      t && (s = "touch", I(t.clientY));
+    }, P = (e) => {
       if (s !== "touch") return;
       const t = e.touches[0];
       t && O(t.clientY);
     }, u = () => {
       s === "touch" && (s = "", x());
     };
-    he(() => {
-      f && k();
-    }), me(
-      [() => n.show, () => n.isLockScroll],
+    me(() => {
+      f && H();
+    }), ge(
+      [() => o.show, () => o.isLockScroll],
       ([e, t]) => {
-        e && t ? ie() : k();
+        e && t ? ie() : H();
       },
       { immediate: !0 }
     );
     const ce = () => {
-      l("onClickOverlay"), n.isCloseOnClickOverlay && l("update:show", !1);
+      l("onClickOverlay"), o.isCloseOnClickOverlay && l("update:show", !1);
     }, ue = () => {
       l("onOpen");
     }, de = () => {
@@ -196,42 +196,42 @@ const Ee = ["id"], Ne = {
     }, fe = () => {
       l("onClosed");
     };
-    return (e, t) => (h(), ve(Te, {
+    return (e, t) => (m(), ve(Te, {
       to: ee.value,
       disabled: te.value
     }, [
-      $(G, {
-        name: "floatingpanel-fade",
+      $(U, {
+        name: "floatpanel-fade",
         duration: p.value
       }, {
-        default: U(() => [
-          M.value && K.value ? (h(), T("div", {
+        default: Y(() => [
+          D.value && K.value ? (m(), T("div", {
             key: 0,
-            class: "panel-floating-panel-overlay",
-            style: Y(ae.value),
+            class: "panel-float-panel-overlay",
+            style: V(ae.value),
             onClick: ce
-          }, null, 4)) : V("", !0)
+          }, null, 4)) : q("", !0)
         ]),
         _: 1
       }, 8, ["duration"]),
-      $(G, {
-        name: "floatingpanel-slide",
+      $(U, {
+        name: "floatpanel-slide",
         duration: p.value,
         onEnter: ue,
         onAfterEnter: de,
         onLeave: pe,
         onAfterLeave: fe
       }, {
-        default: U(() => [
-          M.value ? (h(), T("div", {
+        default: Y(() => [
+          D.value ? (m(), T("div", {
             key: 0,
             id: _e(j),
             role: "dialog",
             "aria-modal": "true",
-            class: ye(oe.value),
-            style: Y(re.value),
+            class: ye(ne.value),
+            style: V(re.value),
             onTouchstart: E,
-            onTouchmove: N,
+            onTouchmove: P,
             onTouchend: u,
             onTouchcancel: u,
             onPointerdown: C,
@@ -239,37 +239,37 @@ const Ee = ["id"], Ne = {
             onPointerup: c,
             onPointercancel: c
           }, [
-            q("div", {
-              class: "floatingpanel-header",
-              onTouchstart: o(E, ["stop"]),
-              onTouchmove: o(N, ["stop"]),
-              onTouchend: o(u, ["stop"]),
-              onTouchcancel: o(u, ["stop"]),
-              onPointerdown: o(C, ["stop"]),
-              onPointermove: o(b, ["stop"]),
-              onPointerup: o(c, ["stop"]),
-              onPointercancel: o(c, ["stop"])
+            G("div", {
+              class: "floatpanel-header",
+              onTouchstart: n(E, ["stop"]),
+              onTouchmove: n(P, ["stop"]),
+              onTouchend: n(u, ["stop"]),
+              onTouchcancel: n(u, ["stop"]),
+              onPointerdown: n(C, ["stop"]),
+              onPointermove: n(b, ["stop"]),
+              onPointerup: n(c, ["stop"]),
+              onPointercancel: n(c, ["stop"])
             }, [
-              t[0] || (t[0] = q("div", { class: "floatingpanel-header-bar" }, null, -1)),
-              P(e.$slots, "header")
+              t[0] || (t[0] = G("div", { class: "floatpanel-header-bar" }, null, -1)),
+              S(e.$slots, "header")
             ], 32),
-            Q.value ? (h(), T("div", {
+            Q.value ? (m(), T("div", {
               key: 0,
-              class: "floatingpanel-content",
-              onTouchstart: o(E, ["stop"]),
-              onTouchmove: o(N, ["stop"]),
-              onTouchend: o(u, ["stop"]),
-              onTouchcancel: o(u, ["stop"]),
-              onPointerdown: o(C, ["stop"]),
-              onPointermove: o(b, ["stop"]),
-              onPointerup: o(c, ["stop"]),
-              onPointercancel: o(c, ["stop"])
+              class: "floatpanel-content",
+              onTouchstart: n(E, ["stop"]),
+              onTouchmove: n(P, ["stop"]),
+              onTouchend: n(u, ["stop"]),
+              onTouchcancel: n(u, ["stop"]),
+              onPointerdown: n(C, ["stop"]),
+              onPointermove: n(b, ["stop"]),
+              onPointerup: n(c, ["stop"]),
+              onPointercancel: n(c, ["stop"])
             }, [
-              P(e.$slots, "default")
-            ], 32)) : (h(), T("div", Ne, [
-              P(e.$slots, "default")
+              S(e.$slots, "default")
+            ], 32)) : (m(), T("div", Pe, [
+              S(e.$slots, "default")
             ]))
-          ], 46, Ee)) : V("", !0)
+          ], 46, Ee)) : q("", !0)
         ]),
         _: 3
       }, 8, ["duration"])
@@ -277,5 +277,5 @@ const Ee = ["id"], Ne = {
   }
 });
 export {
-  ke as default
+  He as default
 };

package/buildLibs/utils/Mobile/ClGrid.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../Shared/base-DmcbRUB5.js"),y=require("../Shared/index-CXRfOfiT.js"),N=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DXQ2H_E6.js"),f=["id"],v=["onClick"],h={key:0,class:"grid-item-icon"},E={class:"grid-item-text"},b={key:2,class:"grid-item-badge"},I=4,S=e.defineComponent({name:"ClGrid",__name:"Index",props:{id:String,className:String,itemsList:{type:Array,default:()=>[]},columnNum:{type:Number,default:4},isBorder:{type:Boolean,default:!0},isSquare:{type:Boolean,default:!0},isGutter:Boolean},emits:["onClickItem"],setup(l,{emit:m}){const n=l,u=m,d=n.id,p=`grid-${r.CommonBase.getRandom(5)}`,i=e.computed(()=>{const t=Number(n.columnNum);return!r.CommonBase.isFinite(t)||t<=0?I:Math.min(12,Math.round(t))}),g=e.computed(()=>r.CommonBase.isArray(n.itemsList)?n.itemsList.filter(t=>!!t&&r.CommonBase.isObject(t)):[]),_=e.computed(()=>{const t={"panel-grid":!0,"panel-grid--border":n.isBorder,"panel-grid--gutter":n.isGutter};return r.CommonBase.getJsonMerge(t,y.CommonElement.getClassNameJson(n.className))}),B=e.computed(()=>({"--grid-columns":String(i.value)})),k=(t,o)=>{u("onClickItem",t,o)},C=(t,o)=>({"grid-item":!0,"grid-item--square":n.isSquare,"grid-item--first-row":o<i.value,"grid-item--has-icon":!!t.icon}),a=t=>{const o=Number(t.badge);return r.CommonBase.isFinite(o)&&o>0?Math.round(o):0};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(d),class:e.normalizeClass(_.value),style:e.normalizeStyle(B.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(s,c)=>(e.openBlock(),e.createElementBlock("div",{key:`${p}-${c}`,class:e.normalizeClass(C(s,c)),onClick:q=>k(s,c)},[s.icon?(e.openBlock(),e.createElementBlock("span",h,[e.createVNode(N._sfc_main,{name:s.icon},null,8,["name"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",E,e.toDisplayString(s.text),1),a(s)>0?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(a(s)),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],10,v))),128))],14,f))}});module.exports=S;
+"use strict";const e=require("vue"),r=require("../Shared/base-DbuX_Y3x.js"),y=require("../Shared/index-rFJmbgyH.js"),N=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js"),f=["id"],v=["onClick"],h={key:0,class:"grid-item-icon"},E={class:"grid-item-text"},b={key:2,class:"grid-item-badge"},I=4,S=e.defineComponent({name:"ClGrid",__name:"Index",props:{id:String,className:String,itemsList:{type:Array,default:()=>[]},columnNum:{type:Number,default:4},isBorder:{type:Boolean,default:!0},isSquare:{type:Boolean,default:!0},isGutter:Boolean},emits:["onClickItem"],setup(l,{emit:m}){const n=l,u=m,d=n.id,p=`grid-${r.CommonBase.getRandom(5)}`,i=e.computed(()=>{const t=Number(n.columnNum);return!r.CommonBase.isFinite(t)||t<=0?I:Math.min(12,Math.round(t))}),g=e.computed(()=>r.CommonBase.isArray(n.itemsList)?n.itemsList.filter(t=>!!t&&r.CommonBase.isObject(t)):[]),_=e.computed(()=>{const t={"panel-grid":!0,"panel-grid--border":n.isBorder,"panel-grid--gutter":n.isGutter};return r.CommonBase.getJsonMerge(t,y.CommonElement.getClassNameJson(n.className))}),B=e.computed(()=>({"--grid-columns":String(i.value)})),k=(t,o)=>{u("onClickItem",t,o)},C=(t,o)=>({"grid-item":!0,"grid-item--square":n.isSquare,"grid-item--first-row":o<i.value,"grid-item--has-icon":!!t.icon}),a=t=>{const o=Number(t.badge);return r.CommonBase.isFinite(o)&&o>0?Math.round(o):0};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(d),class:e.normalizeClass(_.value),style:e.normalizeStyle(B.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(s,c)=>(e.openBlock(),e.createElementBlock("div",{key:`${p}-${c}`,class:e.normalizeClass(C(s,c)),onClick:q=>k(s,c)},[s.icon?(e.openBlock(),e.createElementBlock("span",h,[e.createVNode(N._sfc_main,{name:s.icon},null,8,["name"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",E,e.toDisplayString(s.text),1),a(s)>0?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(a(s)),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],10,v))),128))],14,f))}});module.exports=S;

package/buildLibs/utils/Mobile/ClGrid.js

@@ -2,9 +2,9 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClGrid.css';
 import { defineComponent as v, computed as a, openBlock as o, createElementBlock as r, normalizeStyle as I, normalizeClass as u, unref as L, Fragment as l, renderList as S, createVNode as M, createElementVNode as $, toDisplayString as p } from "vue";
-import { C as i } from "../Shared/base-C5l51ld_.js";
-import { C as x } from "../Shared/index-wdK75uN2.js";
-import { _ as E } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CVBKgYfQ.js";
+import { C as i } from "../Shared/base-fr2I80sU.js";
+import { C as x } from "../Shared/index-B477PjJ3.js";
+import { _ as E } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
 const F = ["id"], G = ["onClick"], q = {
   key: 0,
   class: "grid-item-icon"

package/buildLibs/utils/Mobile/ClIndexBar.cjs

@@ -1 +1 @@
-"use strict";const r=require("vue"),h=require("../Shared/base-DmcbRUB5.js"),z=require("../Shared/index-CXRfOfiT.js"),D=["id"],F={class:"indexbar-sidebar"},J=["onClick","onTouchstart"],b="[data-indexbar-anchor]",V=r.defineComponent({name:"ClIndexBar",__name:"Index",props:{id:String,className:String,indexList:{type:Array,default:()=>[]},activeColor:String,scrollBehavior:{type:String,default:"smooth"}},emits:["onSelect"],setup(A,{emit:k}){const u=A,g=k,M="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""),R=typeof document<"u"&&"scrollBehavior"in document.documentElement.style,N=`indexbar-${h.CommonBase.getRandom(5)}`,w=u.id,i=r.ref("");let C=!1;const v=r.useTemplateRef("refElContent");let a=null;const p=new Map,d=r.computed(()=>{if(h.CommonBase.isArray(u.indexList)&&u.indexList.length>0){const e=u.indexList.map(t=>h.CommonBase.isNonEmptyString(t)||h.CommonBase.isNumber(t)?String(t):"").filter(t=>t!=="");return Array.from(new Set(e))}return M}),O=r.computed(()=>{const e={"panel-index-bar":!0};return h.CommonBase.getJsonMerge(e,z.CommonElement.getClassNameJson(u.className))}),P=r.computed(()=>({"--indexbar-active-color":u.activeColor||"var(--cl-primary, #1088f0)"})),T=()=>{const e=v.value;return e?Array.from(e.querySelectorAll(b)).map((o,n)=>{const c=o.dataset.indexbarAnchor,l=h.CommonBase.isNonEmptyString(c)?c:d.value[n]||"";return{el:o,letter:l}}):[]},B=e=>{let t=e.parentElement;for(;t;){const o=window.getComputedStyle(t).overflowY;if(/(auto|scroll|overlay)/.test(o))return t.scrollHeight>t.clientHeight?t===document.body||t===document.documentElement?document.scrollingElement:t:null;t=t.parentElement}return document.scrollingElement},S=e=>e===document.scrollingElement?0:e.getBoundingClientRect().top,y=()=>{const e=a;if(!e)return;x(e);const t=T();if(t.length===0)return;const o=S(e);let n="";for(const c of t){if(!c.letter)continue;if(c.el.getBoundingClientRect().top-o<=1)n=c.letter;else break}n&&n!==i.value&&(i.value=n)},L=e=>{const t=S(e),o=e.scrollTop;for(const n of T())p.set(n.el,n.el.getBoundingClientRect().top-t+o)},x=e=>{const t=S(e),o=e.scrollTop;for(const n of T()){const c=n.el,l=c.getBoundingClientRect().top;Math.abs(l-t)>1&&p.set(c,l-t+o)}},_=e=>{a!==e&&(a&&a.removeEventListener("scroll",y),a=e,e.addEventListener("scroll",y,{passive:!0}))},E=(e,t="auto")=>{if(!v.value)return;const n=T();if(n.length===0)return;const c=n.find(m=>m.letter===e)?.el||n[d.value.indexOf(e)]?.el;if(!c)return;const l=B(c);if(!l)return;_(l),x(l),p.has(c)||L(l);const f=p.get(c)||0;R&&t==="smooth"?l.scrollTo({top:f,behavior:"smooth"}):l.scrollTop=f},$=(e,t)=>{if(C){C=!1;return}i.value=e,g("onSelect",e,t),E(e,u.scrollBehavior==="smooth"?"smooth":"auto")},q=e=>{const t=d.value[e];t&&(C=!0,i.value=t,g("onSelect",t,e),E(t,"auto"))},H=e=>{const t=e.touches[0];if(!t)return;const o=e.currentTarget;if(!o)return;const n=o.parentElement;if(!n)return;const c=n.getBoundingClientRect(),l=Array.from(n.children);if(l.length===0)return;const f=t.clientY-c.top,m=Math.max(0,Math.min(l.length-1,Math.floor(f/(c.height/l.length)))),s=d.value[m];s&&s!==i.value&&(i.value=s,g("onSelect",s,m),E(s,"auto"))},U=e=>{const t=e.changedTouches[0];if(!t)return;const o=e.currentTarget;if(!o)return;const n=o.parentElement;if(!n)return;const c=n.getBoundingClientRect(),l=Array.from(n.children);if(l.length===0)return;const f=t.clientY-c.top;let m=Math.max(0,Math.min(l.length-1,Math.floor(f/(c.height/l.length))));const s=d.value[m];s&&(i.value=s,g("onSelect",s,m),E(s,"auto"))};r.onMounted(()=>{const e=v.value;if(!e)return;const t=e.querySelector(b);if(!t)return;const o=B(t);o&&(_(o),L(o))}),r.onBeforeUnmount(()=>{a&&(a.removeEventListener("scroll",y),a=null),p.clear()});const Y=e=>({"indexbar-letter":!0,"indexbar-letter--active":e===i.value});return(e,t)=>(r.openBlock(),r.createElementBlock("div",{id:r.unref(w),class:r.normalizeClass(O.value),style:r.normalizeStyle(P.value)},[r.createElementVNode("div",F,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(d.value,(o,n)=>(r.openBlock(),r.createElementBlock("span",{key:`${N}-${n}`,class:r.normalizeClass(Y(o)),onClick:c=>$(o,n),onTouchstart:c=>q(n),onTouchmove:H,onTouchend:U},r.toDisplayString(o),43,J))),128))]),r.createElementVNode("div",{ref_key:"refElContent",ref:v,class:"indexbar-content"},[r.renderSlot(e.$slots,"default")],512)],14,D))}});module.exports=V;
+"use strict";const r=require("vue"),h=require("../Shared/base-DbuX_Y3x.js"),z=require("../Shared/index-rFJmbgyH.js"),D=["id"],F={class:"indexbar-sidebar"},J=["onClick","onTouchstart"],b="[data-indexbar-anchor]",V=r.defineComponent({name:"ClIndexBar",__name:"Index",props:{id:String,className:String,indexList:{type:Array,default:()=>[]},activeColor:String,scrollBehavior:{type:String,default:"smooth"}},emits:["onSelect"],setup(A,{emit:k}){const u=A,g=k,M="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""),R=typeof document<"u"&&"scrollBehavior"in document.documentElement.style,N=`indexbar-${h.CommonBase.getRandom(5)}`,w=u.id,i=r.ref("");let C=!1;const v=r.useTemplateRef("refElContent");let a=null;const p=new Map,d=r.computed(()=>{if(h.CommonBase.isArray(u.indexList)&&u.indexList.length>0){const e=u.indexList.map(t=>h.CommonBase.isNonEmptyString(t)||h.CommonBase.isNumber(t)?String(t):"").filter(t=>t!=="");return Array.from(new Set(e))}return M}),O=r.computed(()=>{const e={"panel-index-bar":!0};return h.CommonBase.getJsonMerge(e,z.CommonElement.getClassNameJson(u.className))}),P=r.computed(()=>({"--indexbar-active-color":u.activeColor||"var(--cl-primary, #1088f0)"})),T=()=>{const e=v.value;return e?Array.from(e.querySelectorAll(b)).map((o,n)=>{const c=o.dataset.indexbarAnchor,l=h.CommonBase.isNonEmptyString(c)?c:d.value[n]||"";return{el:o,letter:l}}):[]},B=e=>{let t=e.parentElement;for(;t;){const o=window.getComputedStyle(t).overflowY;if(/(auto|scroll|overlay)/.test(o))return t.scrollHeight>t.clientHeight?t===document.body||t===document.documentElement?document.scrollingElement:t:null;t=t.parentElement}return document.scrollingElement},S=e=>e===document.scrollingElement?0:e.getBoundingClientRect().top,y=()=>{const e=a;if(!e)return;x(e);const t=T();if(t.length===0)return;const o=S(e);let n="";for(const c of t){if(!c.letter)continue;if(c.el.getBoundingClientRect().top-o<=1)n=c.letter;else break}n&&n!==i.value&&(i.value=n)},L=e=>{const t=S(e),o=e.scrollTop;for(const n of T())p.set(n.el,n.el.getBoundingClientRect().top-t+o)},x=e=>{const t=S(e),o=e.scrollTop;for(const n of T()){const c=n.el,l=c.getBoundingClientRect().top;Math.abs(l-t)>1&&p.set(c,l-t+o)}},_=e=>{a!==e&&(a&&a.removeEventListener("scroll",y),a=e,e.addEventListener("scroll",y,{passive:!0}))},E=(e,t="auto")=>{if(!v.value)return;const n=T();if(n.length===0)return;const c=n.find(m=>m.letter===e)?.el||n[d.value.indexOf(e)]?.el;if(!c)return;const l=B(c);if(!l)return;_(l),x(l),p.has(c)||L(l);const f=p.get(c)||0;R&&t==="smooth"?l.scrollTo({top:f,behavior:"smooth"}):l.scrollTop=f},$=(e,t)=>{if(C){C=!1;return}i.value=e,g("onSelect",e,t),E(e,u.scrollBehavior==="smooth"?"smooth":"auto")},q=e=>{const t=d.value[e];t&&(C=!0,i.value=t,g("onSelect",t,e),E(t,"auto"))},H=e=>{const t=e.touches[0];if(!t)return;const o=e.currentTarget;if(!o)return;const n=o.parentElement;if(!n)return;const c=n.getBoundingClientRect(),l=Array.from(n.children);if(l.length===0)return;const f=t.clientY-c.top,m=Math.max(0,Math.min(l.length-1,Math.floor(f/(c.height/l.length)))),s=d.value[m];s&&s!==i.value&&(i.value=s,g("onSelect",s,m),E(s,"auto"))},U=e=>{const t=e.changedTouches[0];if(!t)return;const o=e.currentTarget;if(!o)return;const n=o.parentElement;if(!n)return;const c=n.getBoundingClientRect(),l=Array.from(n.children);if(l.length===0)return;const f=t.clientY-c.top;let m=Math.max(0,Math.min(l.length-1,Math.floor(f/(c.height/l.length))));const s=d.value[m];s&&(i.value=s,g("onSelect",s,m),E(s,"auto"))};r.onMounted(()=>{const e=v.value;if(!e)return;const t=e.querySelector(b);if(!t)return;const o=B(t);o&&(_(o),L(o))}),r.onBeforeUnmount(()=>{a&&(a.removeEventListener("scroll",y),a=null),p.clear()});const Y=e=>({"indexbar-letter":!0,"indexbar-letter--active":e===i.value});return(e,t)=>(r.openBlock(),r.createElementBlock("div",{id:r.unref(w),class:r.normalizeClass(O.value),style:r.normalizeStyle(P.value)},[r.createElementVNode("div",F,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(d.value,(o,n)=>(r.openBlock(),r.createElementBlock("span",{key:`${N}-${n}`,class:r.normalizeClass(Y(o)),onClick:c=>$(o,n),onTouchstart:c=>q(n),onTouchmove:H,onTouchend:U},r.toDisplayString(o),43,J))),128))]),r.createElementVNode("div",{ref_key:"refElContent",ref:v,class:"indexbar-content"},[r.renderSlot(e.$slots,"default")],512)],14,D))}});module.exports=V;

package/buildLibs/utils/Mobile/ClIndexBar.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClIndexBar.css';
 import { defineComponent as V, ref as G, useTemplateRef as I, computed as C, onMounted as K, onBeforeUnmount as Q, openBlock as L, createElementBlock as x, normalizeStyle as W, normalizeClass as M, unref as X, createElementVNode as R, Fragment as Z, renderList as j, toDisplayString as tt, renderSlot as et } from "vue";
-import { C as m } from "../Shared/base-C5l51ld_.js";
-import { C as nt } from "../Shared/index-wdK75uN2.js";
+import { C as m } from "../Shared/base-fr2I80sU.js";
+import { C as nt } from "../Shared/index-B477PjJ3.js";
 const ot = ["id"], rt = { class: "indexbar-sidebar" }, ct = ["onClick", "onTouchstart"], k = "[data-indexbar-anchor]", at = /* @__PURE__ */ V({
   name: "ClIndexBar",
   __name: "Index",

package/buildLibs/utils/Mobile/ClInputPin.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),g=require("../Shared/base-DbuX_Y3x.js"),I=require("../Shared/index-rFJmbgyH.js"),J=["id"],O=["disabled","maxlength","value"],j={class:"inputpin-cells"},K={key:0,class:"inputpin-separator"},U=["onClick"],X={class:"inputpin-cell-value"},Q={key:0,class:"inputpin-cursor"},W=6,Y=10,Z=t.defineComponent({name:"ClInputPin",__name:"Index",props:{id:String,className:String,modelValue:String,length:{type:Number,default:6},separator:String,separatorPosition:{type:Number,default:0},placeholder:String,autofocus:Boolean,isDisabled:{type:Boolean,default:!1},isClearable:{type:Boolean,default:!1},inputType:{type:String,default:"text",validator:m=>["text","number","password"].indexOf(m)!==-1},theme:{type:String,default:"box",validator:m=>["box","line"].indexOf(m)!==-1}},emits:["update:modelValue","onChange","onFinish","onFocus","onBlur"],setup(m,{expose:y,emit:k}){const a=m,l=k,b=`inputpin-${g.CommonBase.getRandom(5)}`,B=a.id,u=t.useTemplateRef("inputRef"),i=t.ref(0),d=t.ref(!1),r=t.ref(a.modelValue||""),v=t.ref(!1),p=t.computed(()=>{const e=Number(a.length);return g.CommonBase.isFinite(e)&&e>0?Math.min(Math.max(Math.round(e),1),Y):W}),V=t.computed(()=>a.separator||"-"),x=t.computed(()=>r.value),E=t.computed(()=>{const e=r.value;return a.inputType==="password"?e.split("").map(()=>"•").join(""):e}),C=t.computed(()=>a.isDisabled),_=t.computed(()=>a.isClearable),N=t.computed(()=>a.theme==="line"?"line":"box"),D=t.computed(()=>{const e={"panel-input-pin":!0,"panel-input-pin--disabled":C.value,"panel-input-pin--focused":d.value,"panel-input-pin--line":N.value==="line"};return g.CommonBase.getJsonMerge(e,I.CommonElement.getClassNameJson(a.className))}),S=t.computed(()=>{const e={};return e.autocomplete="one-time-code",e}),f=()=>{C.value||u.value?.focus()},h=e=>{u.value&&(u.value.value=e);const n=p.value;i.value=Math.min(e.length,n-1),e.length>=n?v.value||(v.value=!0,l("onFinish",e)):v.value=!1},M=()=>{f()},F=e=>{i.value=e,f()},T=e=>{const n=e.target;let o=n.value;a.inputType==="number"&&(o=o.replace(/\D/g,""));const c=p.value,s=o.slice(0,c);r.value=s,n.value!==s&&(n.value=s),l("update:modelValue",s),l("onChange",s),h(s)},w=e=>{if(e.key==="Backspace"){e.preventDefault();const n=r.value;if(n.length>0){const o=Math.max(0,Math.min(i.value,n.length-1)),c=n.slice(0,o)+n.slice(o+1);r.value=c,l("update:modelValue",c),l("onChange",c),h(c),i.value=Math.min(o,c.length)}else _.value&&(r.value="",l("update:modelValue",""),l("onChange",""),h(""))}else e.key==="ArrowLeft"?i.value=Math.max(0,i.value-1):e.key==="ArrowRight"?i.value=Math.min(p.value-1,i.value+1):e.key==="Enter"?u.value?.blur():e.key==="Escape"&&_.value&&(r.value="",l("update:modelValue",""),l("onChange",""),h(""))},L=()=>{d.value=!0,l("onFocus")},P=()=>{d.value=!1,l("onBlur")},R=e=>{e.preventDefault();const n=e.clipboardData?.getData("text")||"",o=a.inputType==="number"?n.replace(/\D/g,""):n,c=p.value,s=o.slice(0,c);r.value=s,u.value&&(u.value.value=s),l("update:modelValue",s),l("onChange",s),h(s)},A=()=>{f()},$=()=>{r.value="",u.value&&(u.value.value=""),l("update:modelValue",""),l("onChange",""),v.value=!1,i.value=0,f()};t.onMounted(()=>{a.autofocus&&f()}),t.watch(()=>a.modelValue,e=>{const n=e||"";r.value=n,u.value&&(u.value.value=n),v.value=n.length>=p.value}),y({focus:A,clear:$});const q=e=>{const n=r.value,o=i.value===e&&d.value&&!a.isDisabled;return{"inputpin-cell":!0,"inputpin-cell--filled":e<n.length,"inputpin-cell--active":o}},z=e=>{const n=E.value;return e<n.length?n[e]:e===n.length&&g.CommonBase.isNonEmptyString(a.placeholder)?a.placeholder:""},G=e=>i.value===e&&d.value&&!a.isDisabled,H=e=>{if(!g.CommonBase.isNonEmptyString(a.separator))return!1;const n=a.separatorPosition>0?a.separatorPosition:Math.floor(p.value/2);return e===n+1&&e>1&&e<=p.value};return(e,n)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(B),class:t.normalizeClass(D.value),onClick:M},[t.createElementVNode("input",t.mergeProps({ref_key:"inputRef",ref:u,class:"inputpin-hidden-input",disabled:C.value,type:"text"},S.value,{maxlength:p.value,value:x.value,onInput:T,onKeydown:w,onFocus:L,onBlur:P,onPaste:R}),null,16,O),t.createElementVNode("div",j,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(p.value,o=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:`${b}-${o}`},[H(o)?(t.openBlock(),t.createElementBlock("div",K,t.toDisplayString(V.value),1)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(q(o-1)),onClick:c=>F(o-1)},[t.createElementVNode("span",X,t.toDisplayString(z(o-1)),1),G(o-1)?(t.openBlock(),t.createElementBlock("span",Q)):t.createCommentVNode("",!0)],10,U)],64))),128))])],10,J))}});module.exports=Z;

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

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