@cldemo/ui-kit 1.1.2 → 1.1.4

package/buildLibs/utils/Mobile/ClFloatBubble.cjs

@@ -1 +1 @@
-"use strict";const o=require("vue"),y=require("../Shared/base-DbuX_Y3x.js"),Q=require("../Shared/index-rFJmbgyH.js"),V=["id"],L=6,Z="left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.3s cubic-bezier(0.32, 0.72, 0, 1)",ee=o.defineComponent({name:"ClFloatBubble",__name:"Index",props:{id:String,className:String,teleportTarget:{type:String,default:""},offsetX:{type:Number,default:0},offsetY:{type:Number,default:0},axis:{type:String,default:"xy",validator:u=>["x","y","xy"].indexOf(u)!==-1},magnetAxis:{type:String,default:"",validator:u=>["","x","y"].indexOf(u)!==-1},gap:{type:Number,default:8},isDisabled:{type:Boolean,default:!1}},emits:["update:offsetX","update:offsetY","onOffsetChange","onClick"],setup(u,{emit:W}){const n=u,a=W,H=n.id,l=o.useTemplateRef("elRef"),c=o.ref(0),d=o.ref(0),v=o.ref(0),x=o.ref(0);let z=0,B=0,C=0,w=0;const p=o.ref(!1);let X=!1,m=null;const Y=()=>typeof n.gap=="number"&&y.CommonBase.isFinite(n.gap)&&n.gap>=0?n.gap:0,i=e=>typeof e=="number"&&y.CommonBase.isFinite(e)?e:0,q=o.computed(()=>{const e={"panel-float-bubble":!0};return y.CommonBase.getJsonMerge(e,Q.CommonElement.getClassNameJson(n.className))}),P=o.ref(!1),M=()=>{if(!y.CommonBase.isNonEmptyString(n.teleportTarget))return null;try{return l.value?.closest(n.teleportTarget)||null}catch{return null}},R=()=>{P.value=!!M()},F=o.computed(()=>({left:`${i(n.offsetX)}px`,top:`${i(n.offsetY)}px`,position:P.value?"absolute":"fixed",transition:p.value?"none":Z})),S=e=>{const t=Y(),r=Math.max(0,c.value-v.value-t);return Math.min(Math.max(e,t),Math.max(t,r))},T=e=>{const t=Y(),r=Math.max(0,d.value-x.value-t);return Math.min(Math.max(e,t),Math.max(t,r))},$=(e,t)=>{let r=e,h=t;const s=Y();if(n.magnetAxis==="x"&&n.axis!=="y"){const f=e-s,O=c.value-v.value-s-e;r=f<=O?s:Math.max(s,c.value-v.value-s)}else if(n.magnetAxis==="y"&&n.axis!=="x"){const f=t-s,O=d.value-x.value-s-t;h=f<=O?s:Math.max(s,d.value-x.value-s)}return{x:r,y:h}},g=()=>{const e=M();if(e){const t=e.getBoundingClientRect();c.value=t.width,d.value=t.height}else c.value=window.innerWidth,d.value=window.innerHeight;l.value&&(v.value=l.value.offsetWidth,x.value=l.value.offsetHeight)};let b=null,_=null;const I=()=>{g();const e=S(i(n.offsetX)),t=T(i(n.offsetY));(e!==n.offsetX||t!==n.offsetY)&&(a("update:offsetX",e),a("update:offsetY",t),a("onOffsetChange",e,t))},N=(e,t)=>{X=!1,!n.isDisabled&&(z=e,B=t,C=i(n.offsetX),w=i(n.offsetY),p.value=!0)},D=(e,t)=>{if(!p.value||n.isDisabled)return;const r=e-z,h=t-B;(Math.abs(r)>L||Math.abs(h)>L)&&(X=!0);let s=C+r,f=w+h;n.axis==="x"&&(f=w),n.axis==="y"&&(s=C),s=S(s),f=T(f),a("update:offsetX",s),a("update:offsetY",f),a("onOffsetChange",s,f)},E=()=>{if(p.value&&(p.value=!1,n.magnetAxis)){const e=$(i(n.offsetX),i(n.offsetY));a("update:offsetX",e.x),a("update:offsetY",e.y),a("onOffsetChange",e.x,e.y)}},J=e=>{const t=e.touches[0];t&&N(t.clientX,t.clientY)},U=e=>{const t=e.touches[0];t&&D(t.clientX,t.clientY)},k=()=>{E()},G=e=>{if(m===null){m=e.pointerId,N(e.clientX,e.clientY);try{l.value?.setPointerCapture(e.pointerId)}catch{}}},j=e=>{m===e.pointerId&&D(e.clientX,e.clientY)},A=e=>{if(m===e.pointerId){m=null,E();try{l.value?.releasePointerCapture(e.pointerId)}catch{}}},K=()=>{X||a("onClick")};return o.onMounted(()=>{R(),g(),window.addEventListener("resize",I),o.watch(()=>n.teleportTarget,()=>{R(),g()});const e=S(i(n.offsetX)),t=T(i(n.offsetY));if((e!==n.offsetX||t!==n.offsetY)&&(a("update:offsetX",e),a("update:offsetY",t),a("onOffsetChange",e,t)),l.value&&typeof ResizeObserver<"u"){b=new ResizeObserver(()=>{g()}),b.observe(l.value);const r=M();r&&(_=new ResizeObserver(()=>{g()}),_.observe(r))}}),o.onBeforeUnmount(()=>{window.removeEventListener("resize",I),b?.disconnect(),b=null,_?.disconnect(),_=null}),(e,t)=>(o.openBlock(),o.createElementBlock("div",{id:o.unref(H),ref_key:"elRef",ref:l,class:o.normalizeClass(q.value),style:o.normalizeStyle(F.value),onTouchstart:J,onTouchmove:U,onTouchend:k,onTouchcancel:k,onPointerdown:G,onPointermove:j,onPointerup:A,onPointercancel:A,onClick:K},[o.renderSlot(e.$slots,"default")],46,V))}});module.exports=ee;
+"use strict";const o=require("vue"),y=require("@cldemo/ui-kit/common/base"),Q=require("@cldemo/ui-kit/common/Element"),V=["id"],L=6,Z="left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.3s cubic-bezier(0.32, 0.72, 0, 1)",ee=o.defineComponent({name:"ClFloatBubble",__name:"Index",props:{id:String,className:String,teleportTarget:{type:String,default:""},offsetX:{type:Number,default:0},offsetY:{type:Number,default:0},axis:{type:String,default:"xy",validator:u=>["x","y","xy"].indexOf(u)!==-1},magnetAxis:{type:String,default:"",validator:u=>["","x","y"].indexOf(u)!==-1},gap:{type:Number,default:8},isDisabled:{type:Boolean,default:!1}},emits:["update:offsetX","update:offsetY","onOffsetChange","onClick"],setup(u,{emit:W}){const n=u,a=W,H=n.id,l=o.useTemplateRef("elRef"),c=o.ref(0),d=o.ref(0),v=o.ref(0),x=o.ref(0);let z=0,P=0,w=0,C=0;const p=o.ref(!1);let X=!1,g=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,q=o.computed(()=>{const e={"panel-float-bubble":!0};return y.getJsonMerge(e,Q.getClassNameJson(n.className))}),R=o.ref(!1),M=()=>{if(!y.isNonEmptyString(n.teleportTarget))return null;try{return l.value?.closest(n.teleportTarget)||null}catch{return null}},I=()=>{R.value=!!M()},F=o.computed(()=>({left:`${i(n.offsetX)}px`,top:`${i(n.offsetY)}px`,position:R.value?"absolute":"fixed",transition:p.value?"none":Z})),S=e=>{const t=Y(),r=Math.max(0,c.value-v.value-t);return Math.min(Math.max(e,t),Math.max(t,r))},T=e=>{const t=Y(),r=Math.max(0,d.value-x.value-t);return Math.min(Math.max(e,t),Math.max(t,r))},$=(e,t)=>{let r=e,h=t;const s=Y();if(n.magnetAxis==="x"&&n.axis!=="y"){const f=e-s,O=c.value-v.value-s-e;r=f<=O?s:Math.max(s,c.value-v.value-s)}else if(n.magnetAxis==="y"&&n.axis!=="x"){const f=t-s,O=d.value-x.value-s-t;h=f<=O?s:Math.max(s,d.value-x.value-s)}return{x:r,y:h}},m=()=>{const e=M();if(e){const t=e.getBoundingClientRect();c.value=t.width,d.value=t.height}else c.value=window.innerWidth,d.value=window.innerHeight;l.value&&(v.value=l.value.offsetWidth,x.value=l.value.offsetHeight)};let _=null,b=null;const N=()=>{m();const e=S(i(n.offsetX)),t=T(i(n.offsetY));(e!==n.offsetX||t!==n.offsetY)&&(a("update:offsetX",e),a("update:offsetY",t),a("onOffsetChange",e,t))},B=(e,t)=>{X=!1,!n.isDisabled&&(z=e,P=t,w=i(n.offsetX),C=i(n.offsetY),p.value=!0)},D=(e,t)=>{if(!p.value||n.isDisabled)return;const r=e-z,h=t-P;(Math.abs(r)>L||Math.abs(h)>L)&&(X=!0);let s=w+r,f=C+h;n.axis==="x"&&(f=C),n.axis==="y"&&(s=w),s=S(s),f=T(f),a("update:offsetX",s),a("update:offsetY",f),a("onOffsetChange",s,f)},E=()=>{if(p.value&&(p.value=!1,n.magnetAxis)){const e=$(i(n.offsetX),i(n.offsetY));a("update:offsetX",e.x),a("update:offsetY",e.y),a("onOffsetChange",e.x,e.y)}},J=e=>{const t=e.touches[0];t&&B(t.clientX,t.clientY)},U=e=>{const t=e.touches[0];t&&D(t.clientX,t.clientY)},k=()=>{E()},G=e=>{if(g===null){g=e.pointerId,B(e.clientX,e.clientY);try{l.value?.setPointerCapture(e.pointerId)}catch{}}},j=e=>{g===e.pointerId&&D(e.clientX,e.clientY)},A=e=>{if(g===e.pointerId){g=null,E();try{l.value?.releasePointerCapture(e.pointerId)}catch{}}},K=()=>{X||a("onClick")};return o.onMounted(()=>{I(),m(),window.addEventListener("resize",N),o.watch(()=>n.teleportTarget,()=>{I(),m()});const e=S(i(n.offsetX)),t=T(i(n.offsetY));if((e!==n.offsetX||t!==n.offsetY)&&(a("update:offsetX",e),a("update:offsetY",t),a("onOffsetChange",e,t)),l.value&&typeof ResizeObserver<"u"){_=new ResizeObserver(()=>{m()}),_.observe(l.value);const r=M();r&&(b=new ResizeObserver(()=>{m()}),b.observe(r))}}),o.onBeforeUnmount(()=>{window.removeEventListener("resize",N),_?.disconnect(),_=null,b?.disconnect(),b=null}),(e,t)=>(o.openBlock(),o.createElementBlock("div",{id:o.unref(H),ref_key:"elRef",ref:l,class:o.normalizeClass(q.value),style:o.normalizeStyle(F.value),onTouchstart:J,onTouchmove:U,onTouchend:k,onTouchcancel:k,onPointerdown:G,onPointermove:j,onPointerup:A,onPointercancel:A,onClick:K},[o.renderSlot(e.$slots,"default")],46,V))}});module.exports=ee;

package/buildLibs/utils/Mobile/ClFloatBubble.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 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";
+import y from "@cldemo/ui-kit/common/base";
+import fe from "@cldemo/ui-kit/common/Element";
 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",
@@ -52,7 +52,7 @@ const ue = ["id"], W = 6, ce = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.
   emits: ["update:offsetX", "update:offsetY", "onOffsetChange", "onClick"],
   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;
+    let z = 0, P = 0, w = 0, C = 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, $ = L(() => {
@@ -109,13 +109,13 @@ const ue = ["id"], W = 6, ce = "left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.
       const e = S(i(n.offsetX)), t = T(i(n.offsetY));
       (e !== n.offsetX || t !== n.offsetY) && (s("update:offsetX", e), s("update:offsetY", t), s("onOffsetChange", e, t));
     }, B = (e, t) => {
-      X = !1, !n.isDisabled && (z = e, P = t, C = i(n.offsetX), w = i(n.offsetY), p.value = !0);
+      X = !1, !n.isDisabled && (z = e, P = t, w = i(n.offsetX), C = i(n.offsetY), p.value = !0);
     }, D = (e, t) => {
       if (!p.value || n.isDisabled) return;
       const a = e - z, h = t - P;
       (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);
+      let o = w + a, l = C + h;
+      n.axis === "x" && (l = C), n.axis === "y" && (o = w), 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.magnetAxis)) {
         const e = U(i(n.offsetX), i(n.offsetY));

package/buildLibs/utils/Mobile/ClFloatPanel.cjs

@@ -1 +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;
+"use strict";const e=require("vue"),i=require("@cldemo/ui-kit/common/base"),re=require("@cldemo/ui-kit/common/Element"),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 E=0,A=0;const h=e.ref(!1),u=e.ref(0);let l="";const C=e.computed(()=>n.show),$=e.computed(()=>n.isOverlay),q=e.computed(()=>n.isContentDraggable),U=e.computed(()=>h.value?"none":`height ${d.value}ms cubic-bezier(0.32, 0.72, 0, 1)`),Y=e.computed(()=>i.isNonEmptyString(n.teleportTarget)?n.teleportTarget:"body"),G=e.computed(()=>n.teleportTarget==="self"),d=e.computed(()=>{const t=Number(n.duration);return i.isFinite(t)&&t>0?t:O}),k=e.computed(()=>{const t=Number(n.zIndex);return i.isFinite(t)?t:x}),g=()=>Array.isArray(n.anchorsArr)?n.anchorsArr.map(Number).filter(t=>i.isFinite(t)&&t>0):[],v=e.computed(()=>{const t=g();return t.length>0?Math.min(...t):ie}),S=e.computed(()=>{const t=g();return t.length>0?Math.max(...t):se}),J=e.computed(()=>Math.max(S.value,u.value)),m=e.computed(()=>{const t=Number(n.height),o=i.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.getJsonMerge(t,re.getClassNameJson(n.className)),t}),X=e.computed(()=>({zIndex:k.value,"--floatpanel-duration":`${d.value}ms`})),Z=e.computed(()=>({zIndex:k.value+1,height:`${m.value}px`,transition:U.value,"--floatpanel-duration":`${d.value}ms`})),j=()=>{const t=n.teleportTarget;if(i.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.isNonEmptyString(t)&&t!=="body"&&t!=="self"){const o=document.querySelector(t);if(o instanceof HTMLElement&&o.clientHeight>0)return o.clientHeight}return t==="self"?S.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)},N=t=>{E=t,A=m.value,u.value=K(),h.value=!0},P=t=>{if(!h.value||!n.isDraggable)return;const o=E-t,f=A+o,r=Math.min(Math.max(f,v.value),u.value);r!==m.value&&(a("update:height",r),a("onHeightChange",r,!0))},L=()=>{if(h.value=!1,!n.isSnap)return;const t=g();if(t.length===0)return;const o=m.value,f=[...t,u.value];let r=f[0],D=Math.abs(o-r);f.forEach(B=>{const H=Math.abs(o-B);H<D&&(D=H,r=B)}),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{}N(t.clientY)},M=t=>{l==="pointer"&&P(t.clientY)},s=()=>{l==="pointer"&&(l="",L())},_=t=>{if(!n.isDraggable||l!=="")return;const o=t.touches[0];o&&(l="touch",N(o.clientY))},w=t=>{if(l!=="touch")return;const o=t.touches[0];o&&P(o.clientY)},c=()=>{l==="touch"&&(l="",L())};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(()=>[C.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(()=>[C.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:_,onTouchmove:w,onTouchend:c,onTouchcancel:c,onPointerdown:y,onPointermove:M,onPointerup:s,onPointercancel:s},[e.createElementVNode("div",{class:"floatpanel-header",onTouchstart:e.withModifiers(_,["stop"]),onTouchmove:e.withModifiers(w,["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(_,["stop"]),onTouchmove:e.withModifiers(w,["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.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 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 i from "@cldemo/ui-kit/common/base";
+import Ae from "@cldemo/ui-kit/common/Element";
 import { l as Ce, u as be } from "../Shared/scrollLock-DQEGK5um.js";
 const Ee = ["id"], Pe = {
   key: 1,

package/buildLibs/utils/Mobile/ClGrid.cjs

@@ -1 +1 @@
-"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-DU1H_1lY.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("@cldemo/ui-kit/common/base"),C=require("@cldemo/ui-kit/common/Element"),N=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),f=["id"],v=["onClick"],h={key:0,class:"grid-item-icon"},E={class:"grid-item-text"},I={key:2,class:"grid-item-badge"},b=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(a,{emit:u}){const n=a,m=u,d=n.id,p=`grid-${r.getRandom(5)}`,i=e.computed(()=>{const t=Number(n.columnNum);return!r.isFinite(t)||t<=0?b:Math.min(12,Math.round(t))}),g=e.computed(()=>r.isArray(n.itemsList)?n.itemsList.filter(t=>!!t&&r.isObject(t)):[]),_=e.computed(()=>{const t={"panel-grid":!0,"panel-grid--border":n.isBorder,"panel-grid--gutter":n.isGutter};return r.getJsonMerge(t,C.getClassNameJson(n.className))}),k=e.computed(()=>({"--grid-columns":String(i.value)})),B=(t,o)=>{m("onClickItem",t,o)},y=(t,o)=>({"grid-item":!0,"grid-item--square":n.isSquare,"grid-item--first-row":o<i.value,"grid-item--has-icon":!!t.icon}),l=t=>{const o=Number(t.badge);return r.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(k.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(y(s,c)),onClick:q=>B(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),l(s)>0?(e.openBlock(),e.createElementBlock("span",I,e.toDisplayString(l(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-fr2I80sU.js";
-import { C as x } from "../Shared/index-B477PjJ3.js";
-import { _ as E } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
+import i from "@cldemo/ui-kit/common/base";
+import x from "@cldemo/ui-kit/common/Element";
+import { _ as E } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 const F = ["id"], G = ["onClick"], q = {
   key: 0,
   class: "grid-item-icon"
@@ -44,10 +44,10 @@ const F = ["id"], G = ["onClick"], q = {
   },
   emits: ["onClickItem"],
   setup(g, { emit: _ }) {
-    const t = g, f = _, y = t.id, C = `grid-${i.getRandom(5)}`, m = a(() => {
+    const t = g, f = _, y = t.id, k = `grid-${i.getRandom(5)}`, m = a(() => {
       const e = Number(t.columnNum);
       return !i.isFinite(e) || e <= 0 ? z : Math.min(12, Math.round(e));
-    }), k = a(
+    }), C = a(
       () => i.isArray(t.itemsList) ? t.itemsList.filter(
         (e) => !!e && i.isObject(e)
       ) : []
@@ -60,35 +60,35 @@ const F = ["id"], G = ["onClick"], q = {
       return i.getJsonMerge(e, x.getClassNameJson(t.className));
     }), h = a(() => ({
       "--grid-columns": String(m.value)
-    })), B = (e, s) => {
-      f("onClickItem", e, s);
-    }, b = (e, s) => ({
+    })), B = (e, n) => {
+      f("onClickItem", e, n);
+    }, b = (e, n) => ({
       "grid-item": !0,
       "grid-item--square": t.isSquare,
       // 首行项（inx < columnNum）去掉顶部边框，避免 nth-child 依赖无效 var()
-      "grid-item--first-row": s < m.value,
+      "grid-item--first-row": n < m.value,
       "grid-item--has-icon": !!e.icon
     }), d = (e) => {
-      const s = Number(e.badge);
-      return i.isFinite(s) && s > 0 ? Math.round(s) : 0;
+      const n = Number(e.badge);
+      return i.isFinite(n) && n > 0 ? Math.round(n) : 0;
     };
-    return (e, s) => (o(), r("div", {
+    return (e, n) => (o(), r("div", {
       id: L(y),
       class: u(N.value),
       style: I(h.value)
     }, [
-      (o(!0), r(l, null, S(k.value, (n, c) => (o(), r("div", {
-        key: `${C}-${c}`,
-        class: u(b(n, c)),
-        onClick: (D) => B(n, c)
+      (o(!0), r(l, null, S(C.value, (s, c) => (o(), r("div", {
+        key: `${k}-${c}`,
+        class: u(b(s, c)),
+        onClick: (D) => B(s, c)
       }, [
-        n.icon ? (o(), r("span", q, [
+        s.icon ? (o(), r("span", q, [
           M(E, {
-            name: n.icon
+            name: s.icon
           }, null, 8, ["name"])
         ])) : (o(), r(l, { key: 1 }, [], 64)),
-        $("span", A, p(n.text), 1),
-        d(n) > 0 ? (o(), r("span", U, p(d(n)), 1)) : (o(), r(l, { key: 3 }, [], 64))
+        $("span", A, p(s.text), 1),
+        d(s) > 0 ? (o(), r("span", U, p(d(s)), 1)) : (o(), r(l, { key: 3 }, [], 64))
       ], 10, G))), 128))
     ], 14, F));
   }

package/buildLibs/utils/Mobile/ClIndexBar.cjs

@@ -1 +1 @@
-"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;
+"use strict";const r=require("vue"),h=require("@cldemo/ui-kit/common/base"),z=require("@cldemo/ui-kit/common/Element"),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.getRandom(5)}`,w=u.id,i=r.ref("");let S=!1;const v=r.useTemplateRef("refElContent");let a=null;const p=new Map,f=r.computed(()=>{if(h.isArray(u.indexList)&&u.indexList.length>0){const e=u.indexList.map(t=>h.isNonEmptyString(t)||h.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.getJsonMerge(e,z.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.isNonEmptyString(c)?c:f.value[n]||"";return{el:o,letter:l}}):[]},L=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},y=e=>e===document.scrollingElement?0:e.getBoundingClientRect().top,C=()=>{const e=a;if(!e)return;B(e);const t=T();if(t.length===0)return;const o=y(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)},x=e=>{const t=y(e),o=e.scrollTop;for(const n of T())p.set(n.el,n.el.getBoundingClientRect().top-t+o)},B=e=>{const t=y(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",C),a=e,e.addEventListener("scroll",C,{passive:!0}))},E=(e,t="auto")=>{if(!v.value)return;const n=T();if(n.length===0)return;const c=n.find(d=>d.letter===e)?.el||n[f.value.indexOf(e)]?.el;if(!c)return;const l=L(c);if(!l)return;_(l),B(l),p.has(c)||x(l);const m=p.get(c)||0;R&&t==="smooth"?l.scrollTo({top:m,behavior:"smooth"}):l.scrollTop=m},$=(e,t)=>{if(S){S=!1;return}i.value=e,g("onSelect",e,t),E(e,u.scrollBehavior==="smooth"?"smooth":"auto")},q=e=>{const t=f.value[e];t&&(S=!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 m=t.clientY-c.top,d=Math.max(0,Math.min(l.length-1,Math.floor(m/(c.height/l.length)))),s=f.value[d];s&&s!==i.value&&(i.value=s,g("onSelect",s,d),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 m=t.clientY-c.top;let d=Math.max(0,Math.min(l.length-1,Math.floor(m/(c.height/l.length))));const s=f.value[d];s&&(i.value=s,g("onSelect",s,d),E(s,"auto"))};r.onMounted(()=>{const e=v.value;if(!e)return;const t=e.querySelector(b);if(!t)return;const o=L(t);o&&(_(o),x(o))}),r.onBeforeUnmount(()=>{a&&(a.removeEventListener("scroll",C),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(f.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-fr2I80sU.js";
-import { C as nt } from "../Shared/index-B477PjJ3.js";
+import m from "@cldemo/ui-kit/common/base";
+import nt from "@cldemo/ui-kit/common/Element";
 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

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

package/buildLibs/utils/Mobile/ClInputPin.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClInputPin.css';
-import { defineComponent as W, useTemplateRef as Y, ref as y, computed as p, onMounted as Z, watch as ee, openBlock as g, createElementBlock as _, normalizeClass as V, unref as te, createElementVNode as b, mergeProps as ne, Fragment as D, renderList as ae, toDisplayString as N, createCommentVNode as S } from "vue";
-import { C } from "../Shared/base-fr2I80sU.js";
-import { C as le } from "../Shared/index-B477PjJ3.js";
+import { defineComponent as W, useTemplateRef as Y, ref as C, computed as p, onMounted as Z, watch as ee, openBlock as g, createElementBlock as _, normalizeClass as V, unref as te, createElementVNode as b, mergeProps as ne, Fragment as D, renderList as ae, toDisplayString as N, createCommentVNode as S } from "vue";
+import y from "@cldemo/ui-kit/common/base";
+import le from "@cldemo/ui-kit/common/Element";
 const oe = ["id"], se = ["disabled", "maxlength", "value"], ue = { class: "inputpin-cells" }, ie = {
   key: 0,
   class: "inputpin-separator"
@@ -60,9 +60,9 @@ const oe = ["id"], se = ["disabled", "maxlength", "value"], ue = { class: "input
   },
   emits: ["update:modelValue", "onChange", "onFinish", "onFocus", "onBlur"],
   setup(v, { expose: M, emit: E }) {
-    const n = v, l = E, T = `inputpin-${C.getRandom(5)}`, w = n.id, s = Y("inputRef"), u = y(0), d = y(!1), i = y(n.modelValue || ""), m = y(!1), c = p(() => {
+    const n = v, l = E, T = `inputpin-${y.getRandom(5)}`, w = n.id, s = Y("inputRef"), u = C(0), d = C(!1), i = C(n.modelValue || ""), m = C(!1), c = p(() => {
       const e = Number(n.length);
-      return C.isFinite(e) && e > 0 ? Math.min(Math.max(Math.round(e), 1), de) : ve;
+      return y.isFinite(e) && e > 0 ? Math.min(Math.max(Math.round(e), 1), de) : ve;
     }), B = p(() => n.separator || "-"), F = p(() => i.value), L = p(() => {
       const e = i.value;
       return n.inputType === "password" ? e.split("").map(() => "•").join("") : e;
@@ -73,7 +73,7 @@ const oe = ["id"], se = ["disabled", "maxlength", "value"], ue = { class: "input
         "panel-input-pin--focused": d.value,
         "panel-input-pin--line": P.value === "line"
       };
-      return C.getJsonMerge(e, le.getClassNameJson(n.className));
+      return y.getJsonMerge(e, le.getClassNameJson(n.className));
     }), A = p(() => {
       const e = {};
       return e.autocomplete = "one-time-code", e;
@@ -136,9 +136,9 @@ const oe = ["id"], se = ["disabled", "maxlength", "value"], ue = { class: "input
       };
     }, X = (e) => {
       const t = L.value;
-      return e < t.length ? t[e] : e === t.length && C.isNonEmptyString(n.placeholder) ? n.placeholder : "";
+      return e < t.length ? t[e] : e === t.length && y.isNonEmptyString(n.placeholder) ? n.placeholder : "";
     }, q = (e) => u.value === e && d.value && !n.isDisabled, Q = (e) => {
-      if (!C.isNonEmptyString(n.separator)) return !1;
+      if (!y.isNonEmptyString(n.separator)) return !1;
       const t = n.separatorPosition > 0 ? n.separatorPosition : Math.floor(c.value / 2);
       return e === t + 1 && e > 1 && e <= c.value;
     };

package/buildLibs/utils/Mobile/ClNavBar.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("../Shared/base-DbuX_Y3x.js"),_=require("../Shared/index-rFJmbgyH.js"),C=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js"),x={key:0,class:"navbar-placeholder"},N=["id"],y={key:1,class:"navbar-left-text"},w={class:"navbar-title"},E={class:"navbar-title-text"},b={key:0,class:"navbar-right-text"},i=1e3,T=e.defineComponent({name:"ClNavBar",__name:"Index",props:{id:String,className:String,title:String,leftText:String,rightText:String,isShow:{type:Boolean,default:!0},isShowLeftArrow:{type:Boolean,default:!0},isFixed:{type:Boolean,default:!0},isSafeAreaInsetTop:Boolean,placeholder:Boolean,zIndex:{type:Number,default:i}},emits:["onClickLeft","onClickRight"],setup(m,{emit:p}){const t=m,s=p,d=t.id,a=e.useSlots(),u=e.computed(()=>!!t.placeholder&&!!t.isFixed),l=e.computed(()=>n.CommonBase.isNonEmptyString(t.leftText)?t.leftText:""),r=e.computed(()=>n.CommonBase.isNonEmptyString(t.rightText)?t.rightText:""),h=e.computed(()=>t.isShowLeftArrow||n.CommonBase.isNonEmptyString(t.leftText)||!!a.left),v=e.computed(()=>n.CommonBase.isNonEmptyString(t.rightText)||!!a.right),g=e.computed(()=>t.isShowLeftArrow),c=e.computed(()=>!!t.isShow),S=e.computed(()=>{const o={"panel-nav-bar":!0,"panel-nav-bar--fixed":t.isFixed,"panel-nav-bar--safe-top":t.isSafeAreaInsetTop};return n.CommonBase.getJsonMerge(o,_.CommonElement.getClassNameJson(t.className))}),f=e.computed(()=>{const o=Number(t.zIndex);return{zIndex:n.CommonBase.isFinite(o)?o:i}}),k=()=>{s("onClickLeft")},B=()=>{s("onClickRight")};return(o,I)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[u.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",x,null,512)),[[e.vShow,c.value]]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{id:e.unref(d),class:e.normalizeClass(S.value),style:e.normalizeStyle(f.value)},[h.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"navbar-left",onClick:k},[g.value?(e.openBlock(),e.createBlock(C._sfc_main,{key:0,name:"angle-left",className:"navbar-arrow"})):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(l.value),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"left")])):e.createCommentVNode("",!0),e.createElementVNode("div",w,[e.renderSlot(o.$slots,"title",{},()=>[e.createElementVNode("span",E,e.toDisplayString(t.title),1)])]),v.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"navbar-right",onClick:B},[r.value?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(r.value),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"right")])):e.createCommentVNode("",!0)],14,N),[[e.vShow,c.value]])],64))}});module.exports=T;
+"use strict";const e=require("vue"),n=require("@cldemo/ui-kit/common/base"),B=require("@cldemo/ui-kit/common/Element"),N=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),x={key:0,class:"navbar-placeholder"},y=["id"],C={key:1,class:"navbar-left-text"},w={class:"navbar-title"},E={class:"navbar-title-text"},T={key:0,class:"navbar-right-text"},i=1e3,b=e.defineComponent({name:"ClNavBar",__name:"Index",props:{id:String,className:String,title:String,leftText:String,rightText:String,isShow:{type:Boolean,default:!0},isShowLeftArrow:{type:Boolean,default:!0},isFixed:{type:Boolean,default:!0},isSafeAreaInsetTop:Boolean,placeholder:Boolean,zIndex:{type:Number,default:i}},emits:["onClickLeft","onClickRight"],setup(m,{emit:p}){const t=m,l=p,u=t.id,s=e.useSlots(),d=e.computed(()=>!!t.placeholder&&!!t.isFixed),r=e.computed(()=>n.isNonEmptyString(t.leftText)?t.leftText:""),a=e.computed(()=>n.isNonEmptyString(t.rightText)?t.rightText:""),h=e.computed(()=>t.isShowLeftArrow||n.isNonEmptyString(t.leftText)||!!s.left),v=e.computed(()=>n.isNonEmptyString(t.rightText)||!!s.right),g=e.computed(()=>t.isShowLeftArrow),c=e.computed(()=>!!t.isShow),S=e.computed(()=>{const o={"panel-nav-bar":!0,"panel-nav-bar--fixed":t.isFixed,"panel-nav-bar--safe-top":t.isSafeAreaInsetTop};return n.getJsonMerge(o,B.getClassNameJson(t.className))}),f=e.computed(()=>{const o=Number(t.zIndex);return{zIndex:n.isFinite(o)?o:i}}),k=()=>{l("onClickLeft")},_=()=>{l("onClickRight")};return(o,I)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[d.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",x,null,512)),[[e.vShow,c.value]]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{id:e.unref(u),class:e.normalizeClass(S.value),style:e.normalizeStyle(f.value)},[h.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"navbar-left",onClick:k},[g.value?(e.openBlock(),e.createBlock(N._sfc_main,{key:0,name:"angle-left",className:"navbar-arrow"})):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("span",C,e.toDisplayString(r.value),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"left")])):e.createCommentVNode("",!0),e.createElementVNode("div",w,[e.renderSlot(o.$slots,"title",{},()=>[e.createElementVNode("span",E,e.toDisplayString(t.title),1)])]),v.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"navbar-right",onClick:_},[a.value?(e.openBlock(),e.createElementBlock("span",T,e.toDisplayString(a.value),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"right")])):e.createCommentVNode("",!0)],14,y),[[e.vShow,c.value]])],64))}});module.exports=b;

package/buildLibs/utils/Mobile/ClNavBar.js

@@ -1,10 +1,10 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClNavBar.css';
-import { defineComponent as L, useSlots as E, computed as t, openBlock as s, createElementBlock as n, Fragment as I, withDirectives as f, vShow as v, createCommentVNode as a, createElementVNode as r, normalizeStyle as A, normalizeClass as z, unref as F, createBlock as R, toDisplayString as i, renderSlot as c } from "vue";
-import { C as l } from "../Shared/base-fr2I80sU.js";
-import { C as D } from "../Shared/index-B477PjJ3.js";
-import { _ as $ } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
+import { defineComponent as L, useSlots as E, computed as t, openBlock as n, createElementBlock as s, Fragment as I, withDirectives as f, vShow as v, createCommentVNode as a, createElementVNode as r, normalizeStyle as A, normalizeClass as z, unref as F, createBlock as R, toDisplayString as i, renderSlot as c } from "vue";
+import l from "@cldemo/ui-kit/common/base";
+import D from "@cldemo/ui-kit/common/Element";
+import { _ as $ } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 const J = {
   key: 0,
   class: "navbar-placeholder"
@@ -76,8 +76,8 @@ const J = {
     }, B = () => {
       p("onClickRight");
     };
-    return (o, Z) => (s(), n(I, null, [
-      y.value ? f((s(), n("div", J, null, 512)), [
+    return (o, Z) => (n(), s(I, null, [
+      y.value ? f((n(), s("div", J, null, 512)), [
         [v, h.value]
       ]) : a("", !0),
       f(r("div", {
@@ -85,17 +85,17 @@ const J = {
         class: z(N.value),
         style: A(T.value)
       }, [
-        k.value ? (s(), n("div", {
+        k.value ? (n(), s("div", {
           key: 0,
           class: "navbar-left",
           onClick: b
         }, [
-          C.value ? (s(), R($, {
+          C.value ? (n(), R($, {
             key: 0,
             name: "angle-left",
             className: "navbar-arrow"
           })) : a("", !0),
-          u.value ? (s(), n("span", V, i(u.value), 1)) : a("", !0),
+          u.value ? (n(), s("span", V, i(u.value), 1)) : a("", !0),
           c(o.$slots, "left")
         ])) : a("", !0),
         r("div", M, [
@@ -103,12 +103,12 @@ const J = {
             r("span", U, i(e.title), 1)
           ])
         ]),
-        w.value ? (s(), n("div", {
+        w.value ? (n(), s("div", {
           key: 1,
           class: "navbar-right",
           onClick: B
         }, [
-          d.value ? (s(), n("span", X, i(d.value), 1)) : a("", !0),
+          d.value ? (n(), s("span", X, i(d.value), 1)) : a("", !0),
           c(o.$slots, "right")
         ])) : a("", !0)
       ], 14, P), [

package/buildLibs/utils/Mobile/ClNoticeBar.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),c=require("../Shared/base-DbuX_Y3x.js"),q=require("../Shared/index-rFJmbgyH.js"),B=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js"),z=["id"],A={class:"noticebar-content"},O={class:"noticebar-text-default"},V=1e3,D=1e3,P=e.defineComponent({name:"ClNoticeBar",__name:"Index",props:{id:String,className:String,text:String,mode:{type:String,validator:n=>n===""||n==="closeable"||n==="link"},color:String,background:String,leftIcon:String,isScrollable:{type:Boolean,default:!0},isWrappable:{type:Boolean,default:!1},speed:{type:Number,default:50},delay:{type:Number,default:1e3}},emits:["onClick","onClickLeftIcon","onClickRightIcon","onClose"],setup(n,{emit:E}){const t=n,a=E,h=t.id,r=e.useTemplateRef("refElWrap"),_=e.useTemplateRef("refElText"),p=e.ref(0);let u=0,o=0,l=null,i=null;const x=e.computed(()=>c.CommonBase.isNonEmptyString(t.leftIcon)),I=e.computed(()=>t.mode==="link"),N=e.computed(()=>{const s={"panel-notice-bar":!0,"panel-notice-bar-wrappable":t.isWrappable};return c.CommonBase.getJsonMerge(s,q.CommonElement.getClassNameJson(t.className))}),T=e.computed(()=>({color:t.color,background:t.background})),R=e.computed(()=>({transform:`translateX(${-p.value}px)`})),d=()=>{if(o&&cancelAnimationFrame(o),o=0,l&&clearTimeout(l),l=null,p.value=0,!t.isScrollable||t.isWrappable)return;const s=r.value,f=_.value;if(!s||!f)return;const b=s.offsetWidth,y=f.scrollWidth;if(y<=b||!c.CommonBase.isFinite(t.speed)||t.speed<=0||!c.CommonBase.isFinite(t.delay)||t.delay<0)return;const C=y+b,m=C/t.speed*V;!c.CommonBase.isFinite(m)||m<=0||(u=0,l=setTimeout(()=>{let k=0;const g=S=>{if(k){const v=S-k;v<D&&(u+=v)}k=S;const M=u%m/m;p.value=M*C,o=requestAnimationFrame(g)};o=requestAnimationFrame(g)},t.delay))};e.onMounted(()=>{d(),r.value&&typeof ResizeObserver<"u"&&(i=new ResizeObserver(d),i.observe(r.value))}),e.onBeforeUnmount(()=>{o&&cancelAnimationFrame(o),l&&clearTimeout(l),i&&i.disconnect()}),e.watch([()=>t.isScrollable,()=>t.isWrappable,()=>t.speed,()=>t.delay,()=>t.text],d);const W=()=>{a("onClick")},w=()=>{a("onClickLeftIcon")},F=()=>{a("onClickRightIcon")},L=()=>{a("onClose")};return(s,f)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(h),class:e.normalizeClass(N.value),style:e.normalizeStyle(T.value),onClick:W},[x.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"noticebar-left-icon",onClick:e.withModifiers(w,["stop"])},e.toDisplayString(t.leftIcon),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",{ref_key:"refElWrap",ref:r,class:"noticebar-wrap"},[e.createElementVNode("div",A,[e.createElementVNode("div",{ref_key:"refElText",ref:_,class:"noticebar-text",style:e.normalizeStyle(R.value)},[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("span",O,e.toDisplayString(t.text),1)])],4)])],512),n.mode==="closeable"?(e.openBlock(),e.createBlock(B._sfc_main,{key:2,name:"close",className:"noticebar-close-icon",onClick:e.withModifiers(L,["stop"])})):I.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:3,name:"angle-right",className:"noticebar-right-icon",onClick:e.withModifiers(F,["stop"])})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64))],14,z))}});module.exports=P;
+"use strict";const e=require("vue"),s=require("@cldemo/ui-kit/common/base"),q=require("@cldemo/ui-kit/common/Element"),E=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),z=["id"],A={class:"noticebar-content"},O={class:"noticebar-text-default"},V=1e3,D=1e3,P=e.defineComponent({name:"ClNoticeBar",__name:"Index",props:{id:String,className:String,text:String,mode:{type:String,validator:n=>n===""||n==="closeable"||n==="link"},color:String,background:String,leftIcon:String,isScrollable:{type:Boolean,default:!0},isWrappable:{type:Boolean,default:!1},speed:{type:Number,default:50},delay:{type:Number,default:1e3}},emits:["onClick","onClickLeftIcon","onClickRightIcon","onClose"],setup(n,{emit:h}){const t=n,r=h,B=t.id,a=e.useTemplateRef("refElWrap"),_=e.useTemplateRef("refElText"),u=e.ref(0);let d=0,o=0,l=null,i=null;const x=e.computed(()=>s.isNonEmptyString(t.leftIcon)),I=e.computed(()=>t.mode==="link"),N=e.computed(()=>{const c={"panel-notice-bar":!0,"panel-notice-bar-wrappable":t.isWrappable};return s.getJsonMerge(c,q.getClassNameJson(t.className))}),T=e.computed(()=>({color:t.color,background:t.background})),R=e.computed(()=>({transform:`translateX(${-u.value}px)`})),m=()=>{if(o&&cancelAnimationFrame(o),o=0,l&&clearTimeout(l),l=null,u.value=0,!t.isScrollable||t.isWrappable)return;const c=a.value,f=_.value;if(!c||!f)return;const y=c.offsetWidth,b=f.scrollWidth;if(b<=y||!s.isFinite(t.speed)||t.speed<=0||!s.isFinite(t.delay)||t.delay<0)return;const g=b+y,p=g/t.speed*V;!s.isFinite(p)||p<=0||(d=0,l=setTimeout(()=>{let k=0;const C=S=>{if(k){const v=S-k;v<D&&(d+=v)}k=S;const M=d%p/p;u.value=M*g,o=requestAnimationFrame(C)};o=requestAnimationFrame(C)},t.delay))};e.onMounted(()=>{m(),a.value&&typeof ResizeObserver<"u"&&(i=new ResizeObserver(m),i.observe(a.value))}),e.onBeforeUnmount(()=>{o&&cancelAnimationFrame(o),l&&clearTimeout(l),i&&i.disconnect()}),e.watch([()=>t.isScrollable,()=>t.isWrappable,()=>t.speed,()=>t.delay,()=>t.text],m);const W=()=>{r("onClick")},w=()=>{r("onClickLeftIcon")},F=()=>{r("onClickRightIcon")},L=()=>{r("onClose")};return(c,f)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(B),class:e.normalizeClass(N.value),style:e.normalizeStyle(T.value),onClick:W},[x.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"noticebar-left-icon",onClick:e.withModifiers(w,["stop"])},e.toDisplayString(t.leftIcon),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",{ref_key:"refElWrap",ref:a,class:"noticebar-wrap"},[e.createElementVNode("div",A,[e.createElementVNode("div",{ref_key:"refElText",ref:_,class:"noticebar-text",style:e.normalizeStyle(R.value)},[e.renderSlot(c.$slots,"default",{},()=>[e.createElementVNode("span",O,e.toDisplayString(t.text),1)])],4)])],512),n.mode==="closeable"?(e.openBlock(),e.createBlock(E._sfc_main,{key:2,name:"close",className:"noticebar-close-icon",onClick:e.withModifiers(L,["stop"])})):I.value?(e.openBlock(),e.createBlock(E._sfc_main,{key:3,name:"angle-right",className:"noticebar-right-icon",onClick:e.withModifiers(F,["stop"])})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64))],14,z))}});module.exports=P;

package/buildLibs/utils/Mobile/ClNoticeBar.js

@@ -1,10 +1,10 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClNoticeBar.css';
-import { defineComponent as G, useTemplateRef as T, ref as U, computed as a, onMounted as V, onBeforeUnmount as X, watch as j, openBlock as s, createElementBlock as p, normalizeStyle as W, normalizeClass as K, unref as Q, withModifiers as _, toDisplayString as R, Fragment as N, createElementVNode as d, renderSlot as Y, createBlock as w } from "vue";
-import { C as r } from "../Shared/base-fr2I80sU.js";
-import { C as Z } from "../Shared/index-B477PjJ3.js";
-import { _ as F } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
+import { defineComponent as G, useTemplateRef as T, ref as U, computed as a, onMounted as V, onBeforeUnmount as X, watch as j, openBlock as s, createElementBlock as p, normalizeStyle as W, normalizeClass as K, unref as Q, withModifiers as g, toDisplayString as R, Fragment as N, createElementVNode as d, renderSlot as Y, createBlock as w } from "vue";
+import r from "@cldemo/ui-kit/common/base";
+import Z from "@cldemo/ui-kit/common/Element";
+import { _ as F } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar-text-default" }, ne = 1e3, le = 1e3, ce = /* @__PURE__ */ G({
   name: "ClNoticeBar",
   __name: "Index",
@@ -49,7 +49,7 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
   },
   emits: ["onClick", "onClickLeftIcon", "onClickRightIcon", "onClose"],
   setup(o, { emit: B }) {
-    const e = o, i = B, L = e.id, c = T("refElWrap"), g = T("refElText"), u = U(0);
+    const e = o, i = B, L = e.id, c = T("refElWrap"), C = T("refElText"), u = U(0);
     let k = 0, t = 0, n = null, f = null;
     const A = a(() => r.isNonEmptyString(e.leftIcon)), z = a(() => e.mode === "link"), M = a(() => {
       const l = {
@@ -64,19 +64,19 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
       transform: `translateX(${-u.value}px)`
     })), b = () => {
       if (t && cancelAnimationFrame(t), t = 0, n && clearTimeout(n), n = null, u.value = 0, !e.isScrollable || e.isWrappable) return;
-      const l = c.value, y = g.value;
+      const l = c.value, y = C.value;
       if (!l || !y) return;
       const S = l.offsetWidth, v = y.scrollWidth;
       if (v <= S || !r.isFinite(e.speed) || e.speed <= 0 || !r.isFinite(e.delay) || e.delay < 0) return;
       const h = v + S, m = h / e.speed * ne;
       !r.isFinite(m) || m <= 0 || (k = 0, n = setTimeout(() => {
-        let C = 0;
+        let _ = 0;
         const x = (E) => {
-          if (C) {
-            const I = E - C;
+          if (_) {
+            const I = E - _;
             I < le && (k += I);
           }
-          C = E;
+          _ = E;
           const J = k % m / m;
           u.value = J * h, t = requestAnimationFrame(x);
         };
@@ -109,7 +109,7 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
       A.value ? (s(), p("span", {
         key: 0,
         class: "noticebar-left-icon",
-        onClick: _(q, ["stop"])
+        onClick: g(q, ["stop"])
       }, R(e.leftIcon), 1)) : (s(), p(N, { key: 1 }, [], 64)),
       d("div", {
         ref_key: "refElWrap",
@@ -119,7 +119,7 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
         d("div", te, [
           d("div", {
             ref_key: "refElText",
-            ref: g,
+            ref: C,
             class: "noticebar-text",
             style: W(P.value)
           }, [
@@ -133,12 +133,12 @@ const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar
         key: 2,
         name: "close",
         className: "noticebar-close-icon",
-        onClick: _(H, ["stop"])
+        onClick: g(H, ["stop"])
       })) : z.value ? (s(), w(F, {
         key: 3,
         name: "angle-right",
         className: "noticebar-right-icon",
-        onClick: _(D, ["stop"])
+        onClick: g(D, ["stop"])
       })) : (s(), p(N, { key: 4 }, [], 64))
     ], 14, ee));
   }

package/buildLibs/utils/Mobile/ClNotifyM.cjs

@@ -1 +1 @@
-"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Dn63CT7W.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BQSP8SA4.js");module.exports=e._sfc_main;

package/buildLibs/utils/Mobile/ClNotifyM.js

@@ -1,7 +1,7 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClNotifyM.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D_GsoOLm.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CBjEJN0Y.js";
 export {
   f as default
 };

package/buildLibs/utils/Mobile/ClNumberKeyboard.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../Shared/base-DbuX_Y3x.js"),M=require("../Shared/index-rFJmbgyH.js"),K=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DyBY0DG5.js"),q=require("../Shared/Index.vue_vue_type_script_setup_true_lang-EG5hgxoY.js"),z={key:0,class:"numberkeyboard-title"},A={class:"numberkeyboard-title-left"},P={class:"numberkeyboard-title-text"},J={class:"numberkeyboard-body"},G=["onClick"],U={class:"numberkeyboard-row"},Y=["onClick"],j=e.defineComponent({name:"ClNumberKeyboard",__name:"Index",props:{id:String,value:{type:String,default:""},className:String,show:Boolean,theme:{type:String,default:"default",validator:s=>["default","custom"].indexOf(s)!==-1},title:String,maxlength:{type:Number,default:1/0},extKeys:{type:[String,Array],default:""},closeButtonText:String,deleteButtonText:{type:String,default:"删除"},isShowDeleteKey:{type:Boolean,default:!0},isBlurOnClose:{type:Boolean,default:!0},isHideOnClickOutside:{type:Boolean,default:!0},isTransition:{type:Boolean,default:!0},zIndex:{type:Number,default:2e3},teleportTarget:{type:String,default:""},isOverlay:{type:Boolean,default:!1},scrollTarget:{type:[String,Object],default:""},isLockScroll:{type:Boolean,default:!0}},emits:["update:show","update:value","update:modelValue","onInput","onDelete","onClose","onBlur","onOpened","onHide"],setup(s,{expose:S,emit:E}){const n=s,a=E,y=`n-${r.CommonBase.getRandom(5)}`,p=n.id||`_elId_numberkeyboard-${r.CommonBase.getRandom(8)}`,i=e.ref(n.show),h=e.computed(()=>!r.CommonBase.isEmpty(n.title)||!r.CommonBase.isEmpty(n.closeButtonText)),B=e.computed(()=>!r.CommonBase.isEmpty(n.closeButtonText)),g=e.computed(()=>n.theme==="custom"),x=e.computed(()=>!!n.isHideOnClickOutside),O=e.computed(()=>n.isTransition?300:1),T=e.computed(()=>[["1","2","3"],["4","5","6"],["7","8","9"]]),w=e.computed(()=>{const t=n.extKeys;return r.CommonBase.isString(t)?r.CommonBase.isEmpty(t)?[]:[t]:Array.isArray(t)?t.filter(o=>r.CommonBase.isNonEmptyString(o)):[]}),N=e.computed(()=>{const t={"panel-number-keyboard":!0,"panel-number-keyboard--custom":g.value};return r.CommonBase.getJsonMerge(t,M.CommonElement.getClassNameJson(n.className))}),I=e.computed(()=>{const t={"numberkeyboard-popup":!0};return r.CommonBase.getStringByJson(t," ")}),$=()=>{const t=Number(n.maxlength);return r.CommonBase.isFinite(t)&&t>=1?Math.floor(t):1/0};e.watch(i,t=>{a("update:show",t)}),e.watch(()=>n.show,t=>{i.value=t});const d=t=>{if(r.CommonBase.isEmpty(t))return;const o=r.CommonBase.isString(n.value)?n.value:"";o.length>=$()||(a("update:value",o+t),a("update:modelValue",o+t),a("onInput",t))},b=()=>{const t=r.CommonBase.isString(n.value)?n.value:"";r.CommonBase.isEmpty(t)||(a("update:value",t.slice(0,-1)),a("update:modelValue",t.slice(0,-1))),a("onDelete")},f=()=>{a("onClose"),n.isBlurOnClose&&a("onBlur"),i.value=!1},L=()=>{n.isBlurOnClose&&a("onBlur")},m=new Map,V=()=>{const t=n.scrollTarget;if(r.CommonBase.isNonEmptyString(t))try{const o=document.querySelector(t);return o instanceof HTMLElement?o:null}catch{return null}return t instanceof HTMLElement?t:null},_=t=>{let o=t.parentElement;for(;o;){const l=window.getComputedStyle(o).overflowY;if(l==="auto"||l==="scroll"||l==="overlay")return o;o=o.parentElement}return document.scrollingElement instanceof HTMLElement?document.scrollingElement:null},C=()=>{m.forEach((t,o)=>{o.style.paddingBottom=t}),m.clear()},D=()=>{const t=document.getElementById(p),o=t instanceof HTMLElement?t.offsetHeight:0;if(a("onOpened",o),o<=0)return;const l=V();if(!l)return;const c=_(l);if(!c)return;const u=c.getBoundingClientRect();if(u.height<=0)return;const v=l.getBoundingClientRect(),R=u.height-o,k=v.bottom-u.top-R+8;if(k<=0)return;m.has(c)||m.set(c,c.style.paddingBottom);const H=parseFloat(m.get(c)||"")||0;c.style.paddingBottom=`${H+k}px`,c.scrollTop+=k},F=()=>{C(),a("onHide")};return e.onUnmounted(()=>{C()}),S({getValue:()=>n.value,setValue:t=>a("update:value",t)}),(t,o)=>(e.openBlock(),e.createBlock(K._sfc_main,{id:e.unref(p),className:I.value,show:i.value,"onUpdate:show":o[2]||(o[2]=l=>i.value=l),position:"bottom",isOverlay:s.isOverlay,duration:O.value,isCloseOnClickOverlay:x.value,isLockScroll:s.isLockScroll,zIndex:s.zIndex,teleportTarget:s.teleportTarget,onOnClosed:F,onOnClickOverlay:L,onOnOpened:D},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(N.value)},[h.value?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",A,[e.renderSlot(t.$slots,"titleLeft")]),e.createElementVNode("div",P,e.toDisplayString(s.title),1),B.value?(e.openBlock(),e.createBlock(q._sfc_main,{key:0,className:"numberkeyboard-title-close",label:s.closeButtonText,color:"text",isShowWaves:!1,onOnClick:f},null,8,["label"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,(l,c)=>(e.openBlock(),e.createElementBlock("div",{key:`${y}-row-${c}`,class:"numberkeyboard-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l,u=>(e.openBlock(),e.createElementBlock("button",{key:`${y}-key-${u}`,type:"button",class:"numberkeyboard-key",onClick:v=>d(String(u))},e.toDisplayString(u),9,G))),128))]))),128)),e.createElementVNode("div",U,[g.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{type:"button",class:"numberkeyboard-key numberkeyboard-key--zero",onClick:o[0]||(o[0]=l=>d("0"))}," 0 "),s.isShowDeleteKey?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"numberkeyboard-key numberkeyboard-key--delete",onClick:b},[e.renderSlot(t.$slots,"delete",{},()=>[e.createTextVNode(e.toDisplayString(s.deleteButtonText),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),B.value?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:"numberkeyboard-key numberkeyboard-key--done",onClick:f},e.toDisplayString(s.closeButtonText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(l,c)=>(e.openBlock(),e.createElementBlock("button",{key:`${y}-extra-${c}`,type:"button",class:"numberkeyboard-key numberkeyboard-key--extra",onClick:u=>d(String(l))},[e.renderSlot(t.$slots,"extKeys",{},()=>[e.createTextVNode(e.toDisplayString(l),1)])],8,Y))),128)),e.createElementVNode("button",{type:"button",class:"numberkeyboard-key",onClick:o[1]||(o[1]=l=>d("0"))}," 0 "),s.isShowDeleteKey?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"numberkeyboard-key numberkeyboard-key--delete",onClick:b},[e.renderSlot(t.$slots,"delete",{},()=>[e.createTextVNode(e.toDisplayString(s.deleteButtonText),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))])])],2)]),_:3},8,["id","className","show","isOverlay","duration","isCloseOnClickOverlay","isLockScroll","zIndex","teleportTarget"]))}});module.exports=j;
+"use strict";const e=require("vue"),r=require("@cldemo/ui-kit/common/base"),M=require("@cldemo/ui-kit/common/Element"),K=require("../Shared/Index.vue_vue_type_script_setup_true_lang-PVhgdZj4.js"),q=require("../Shared/Index.vue_vue_type_script_setup_true_lang-D_YbdXMB.js"),z={key:0,class:"numberkeyboard-title"},A={class:"numberkeyboard-title-left"},P={class:"numberkeyboard-title-text"},J={class:"numberkeyboard-body"},G=["onClick"],U={class:"numberkeyboard-row"},Y=["onClick"],j=e.defineComponent({name:"ClNumberKeyboard",__name:"Index",props:{id:String,value:{type:String,default:""},className:String,show:Boolean,theme:{type:String,default:"default",validator:s=>["default","custom"].indexOf(s)!==-1},title:String,maxlength:{type:Number,default:1/0},extKeys:{type:[String,Array],default:""},closeButtonText:String,deleteButtonText:{type:String,default:"删除"},isShowDeleteKey:{type:Boolean,default:!0},isBlurOnClose:{type:Boolean,default:!0},isHideOnClickOutside:{type:Boolean,default:!0},isTransition:{type:Boolean,default:!0},zIndex:{type:Number,default:2e3},teleportTarget:{type:String,default:""},isOverlay:{type:Boolean,default:!1},scrollTarget:{type:[String,Object],default:""},isLockScroll:{type:Boolean,default:!0}},emits:["update:show","update:value","update:modelValue","onInput","onDelete","onClose","onBlur","onOpened","onHide"],setup(s,{expose:E,emit:C}){const n=s,a=C,y=`n-${r.getRandom(5)}`,p=n.id||`_elId_numberkeyboard-${r.getRandom(8)}`,i=e.ref(n.show),h=e.computed(()=>!r.isEmpty(n.title)||!r.isEmpty(n.closeButtonText)),g=e.computed(()=>!r.isEmpty(n.closeButtonText)),b=e.computed(()=>n.theme==="custom"),x=e.computed(()=>!!n.isHideOnClickOutside),O=e.computed(()=>n.isTransition?300:1),T=e.computed(()=>[["1","2","3"],["4","5","6"],["7","8","9"]]),w=e.computed(()=>{const t=n.extKeys;return r.isString(t)?r.isEmpty(t)?[]:[t]:Array.isArray(t)?t.filter(o=>r.isNonEmptyString(o)):[]}),N=e.computed(()=>{const t={"panel-number-keyboard":!0,"panel-number-keyboard--custom":b.value};return r.getJsonMerge(t,M.getClassNameJson(n.className))}),I=e.computed(()=>{const t={"numberkeyboard-popup":!0};return r.getStringByJson(t," ")}),$=()=>{const t=Number(n.maxlength);return r.isFinite(t)&&t>=1?Math.floor(t):1/0};e.watch(i,t=>{a("update:show",t)}),e.watch(()=>n.show,t=>{i.value=t});const m=t=>{if(r.isEmpty(t))return;const o=r.isString(n.value)?n.value:"";o.length>=$()||(a("update:value",o+t),a("update:modelValue",o+t),a("onInput",t))},B=()=>{const t=r.isString(n.value)?n.value:"";r.isEmpty(t)||(a("update:value",t.slice(0,-1)),a("update:modelValue",t.slice(0,-1))),a("onDelete")},f=()=>{a("onClose"),n.isBlurOnClose&&a("onBlur"),i.value=!1},L=()=>{n.isBlurOnClose&&a("onBlur")},d=new Map,V=()=>{const t=n.scrollTarget;if(r.isNonEmptyString(t))try{const o=document.querySelector(t);return o instanceof HTMLElement?o:null}catch{return null}return t instanceof HTMLElement?t:null},_=t=>{let o=t.parentElement;for(;o;){const l=window.getComputedStyle(o).overflowY;if(l==="auto"||l==="scroll"||l==="overlay")return o;o=o.parentElement}return document.scrollingElement instanceof HTMLElement?document.scrollingElement:null},v=()=>{d.forEach((t,o)=>{o.style.paddingBottom=t}),d.clear()},D=()=>{const t=document.getElementById(p),o=t instanceof HTMLElement?t.offsetHeight:0;if(a("onOpened",o),o<=0)return;const l=V();if(!l)return;const c=_(l);if(!c)return;const u=c.getBoundingClientRect();if(u.height<=0)return;const S=l.getBoundingClientRect(),R=u.height-o,k=S.bottom-u.top-R+8;if(k<=0)return;d.has(c)||d.set(c,c.style.paddingBottom);const H=parseFloat(d.get(c)||"")||0;c.style.paddingBottom=`${H+k}px`,c.scrollTop+=k},F=()=>{v(),a("onHide")};return e.onUnmounted(()=>{v()}),E({getValue:()=>n.value,setValue:t=>a("update:value",t)}),(t,o)=>(e.openBlock(),e.createBlock(K._sfc_main,{id:e.unref(p),className:I.value,show:i.value,"onUpdate:show":o[2]||(o[2]=l=>i.value=l),position:"bottom",isOverlay:s.isOverlay,duration:O.value,isCloseOnClickOverlay:x.value,isLockScroll:s.isLockScroll,zIndex:s.zIndex,teleportTarget:s.teleportTarget,onOnClosed:F,onOnClickOverlay:L,onOnOpened:D},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(N.value)},[h.value?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",A,[e.renderSlot(t.$slots,"titleLeft")]),e.createElementVNode("div",P,e.toDisplayString(s.title),1),g.value?(e.openBlock(),e.createBlock(q._sfc_main,{key:0,className:"numberkeyboard-title-close",label:s.closeButtonText,color:"text",isShowWaves:!1,onOnClick:f},null,8,["label"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,(l,c)=>(e.openBlock(),e.createElementBlock("div",{key:`${y}-row-${c}`,class:"numberkeyboard-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l,u=>(e.openBlock(),e.createElementBlock("button",{key:`${y}-key-${u}`,type:"button",class:"numberkeyboard-key",onClick:S=>m(String(u))},e.toDisplayString(u),9,G))),128))]))),128)),e.createElementVNode("div",U,[b.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{type:"button",class:"numberkeyboard-key numberkeyboard-key--zero",onClick:o[0]||(o[0]=l=>m("0"))}," 0 "),s.isShowDeleteKey?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"numberkeyboard-key numberkeyboard-key--delete",onClick:B},[e.renderSlot(t.$slots,"delete",{},()=>[e.createTextVNode(e.toDisplayString(s.deleteButtonText),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),g.value?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:"numberkeyboard-key numberkeyboard-key--done",onClick:f},e.toDisplayString(s.closeButtonText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(l,c)=>(e.openBlock(),e.createElementBlock("button",{key:`${y}-extra-${c}`,type:"button",class:"numberkeyboard-key numberkeyboard-key--extra",onClick:u=>m(String(l))},[e.renderSlot(t.$slots,"extKeys",{},()=>[e.createTextVNode(e.toDisplayString(l),1)])],8,Y))),128)),e.createElementVNode("button",{type:"button",class:"numberkeyboard-key",onClick:o[1]||(o[1]=l=>m("0"))}," 0 "),s.isShowDeleteKey?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"numberkeyboard-key numberkeyboard-key--delete",onClick:B},[e.renderSlot(t.$slots,"delete",{},()=>[e.createTextVNode(e.toDisplayString(s.deleteButtonText),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))])])],2)]),_:3},8,["id","className","show","isOverlay","duration","isCloseOnClickOverlay","isLockScroll","zIndex","teleportTarget"]))}});module.exports=j;