@cldemo/ui-kit 1.1.2 → 1.1.3

package/buildLibs/utils/Mobile/ClCropperM.js

@@ -2,15 +2,15 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Mobile/ClCropperM.css';
-import { defineComponent as pe, defineAsyncComponent as ue, useTemplateRef as A, ref as L, reactive as B, computed as w, onMounted as de, nextTick as ce, onBeforeUnmount as me, watch as N, openBlock as a, createElementBlock as s, normalizeClass as z, unref as O, createElementVNode as n, withModifiers as m, createVNode as u, Fragment as f, mergeProps as ge, withCtx as G, normalizeStyle as R } from "vue";
-import { c as he } from "../Shared/log-CSNil8va.js";
-import { C as v } from "../Shared/base-fr2I80sU.js";
-import { C as fe } from "../Shared/index-B477PjJ3.js";
-import { R as ve } from "../Shared/resize-CyrJxi6F.js";
-import { _ as we } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bj0lKDBR.js";
-import { _ as g } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
-import { _ as Ce } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DfJX3uyy.js";
-const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
+import { defineComponent as pe, defineAsyncComponent as ue, useTemplateRef as A, ref as L, reactive as B, computed as w, onMounted as de, nextTick as ce, onBeforeUnmount as me, watch as N, openBlock as a, createElementBlock as s, normalizeClass as z, unref as O, createElementVNode as n, withModifiers as m, createVNode as u, Fragment as f, mergeProps as ge, withCtx as G, normalizeStyle as E } from "vue";
+import he from "@cldemo/ui-kit/common/log";
+import v from "@cldemo/ui-kit/common/base";
+import fe from "@cldemo/ui-kit/common/Element";
+import { Resize as ve } from "@cldemo/ui-kit/common/Element/Event";
+import { _ as we } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DROYOL5-.js";
+import { _ as g } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as Me } from "../Shared/Index.vue_vue_type_script_setup_true_lang-b5gVNBt4.js";
+const Ce = ["id"], ye = { class: "imgCropperM-container" }, be = {
   key: 0,
   class: "imgCropperM-upload"
 }, Se = ["id", "name"], xe = ["for"], Ie = { class: "frame-alignline" }, _e = {
@@ -19,7 +19,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
 }, ke = { class: "imgCropperM-btns" }, Le = { class: "imgCropperM-btns-row" }, Be = {
   key: 0,
   class: "imgCropperM-btns-save"
-}, Re = { class: "panel-cropperM-preview" }, Ee = { class: "cropperM-preview-body" }, Pe = ["src"], $e = {
+}, Ee = { class: "panel-cropperM-preview" }, Re = { class: "cropperM-preview-body" }, Pe = ["src"], $e = {
   key: 1,
   class: "cropperM-preview-empty"
 }, F = 320, Te = 480, Je = /* @__PURE__ */ pe({
@@ -95,7 +95,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
     // desc: 实时裁切效果数据（拖拽/缩放/旋转时持续触发），调用方可自行渲染内嵌预览
   },
   setup(c, { expose: V, emit: j }) {
-    const q = ue(() => import("cropper-next-vue").then((t) => (Promise.resolve({                  }), t.VueCropper))), i = c, C = j, U = i.id || `cropperM-${v.getRandom(8)}`, l = A("refElCropper"), M = A("refElMain"), b = L(!1), p = B({
+    const q = ue(() => import("cropper-next-vue").then((t) => (Promise.resolve({                  }), t.VueCropper))), i = c, M = j, U = i.id || `cropperM-${v.getRandom(8)}`, l = A("refElCropper"), C = A("refElMain"), b = L(!1), p = B({
       uploadAgainId: `btnImgCropperM_uploadAgain_${v.getRandom(8)}`,
       isInitImageLoading: !1
     }), S = L(!1), r = B({
@@ -122,7 +122,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
       mode: "contain",
       centerBox: i.isCenterBox,
       centerWrapper: !1
-    }), y = L(!0), E = w(() => {
+    }), y = L(!0), R = w(() => {
       const { alignLine: t } = i;
       return v.isNonEmptyString(t) ? t.split(",") : [];
     }), W = w(() => {
@@ -157,7 +157,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
         height: Math.max(1, i.height ?? 1)
       };
     }, x = () => {
-      const t = M.value;
+      const t = C.value;
       if (!t) return;
       const e = t.clientWidth || 300, o = Math.max(1, i.width ?? 1), d = Math.max(1, i.height ?? 1), k = Math.min(Math.round(e * d / o), Te);
       h.wrapper = { width: e, height: k };
@@ -183,8 +183,8 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
     let I = null;
     de(() => {
       ce(() => {
-        y.value && (X(), x(), M.value && (I = new ve({
-          element: M.value,
+        y.value && (X(), x(), C.value && (I = new ve({
+          element: C.value,
           isDelay: !1,
           callback: () => {
             x();
@@ -206,17 +206,17 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
     );
     const K = (t) => {
       if (!t) {
-        p.isInitImageLoading = !1, C("onImgLoad", !1);
+        p.isInitImageLoading = !1, M("onImgLoad", !1);
         return;
       }
       const e = t.type === "success";
-      p.isInitImageLoading = !1, C("onImgLoad", e);
+      p.isInitImageLoading = !1, M("onImgLoad", e);
     }, Q = (t) => {
       t && (r.url = t.url || "", r.w = t.w || 0, r.h = t.h || 0, r.imgStyle = t.img ? {
         width: t.img.width,
         height: t.img.height,
         transform: t.img.transform
-      } : {}, C("onRealTime", {
+      } : {}, M("onRealTime", {
         url: r.url,
         w: r.w,
         h: r.h,
@@ -249,7 +249,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
     }, oe = () => {
       l.value && (p.isInitImageLoading = !0, l.value.reload());
     }, _ = (t, e) => {
-      C("onSubmit", { success: !e, data: t, msg: e });
+      M("onSubmit", { success: !e, data: t, msg: e });
     }, re = () => {
       if (!l.value) {
         _("", "vue-cropper 实例未就绪");
@@ -307,7 +307,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
         ])) : (a(), s(f, { key: 1 }, [], 64)),
         n("div", {
           ref_key: "refElMain",
-          ref: M,
+          ref: C,
           class: "imgCropperM-main"
         }, [
           u(O(q), ge({
@@ -321,10 +321,10 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
             _: 1
           }, 16),
           n("div", Ie, [
-            E.value.indexOf("center") > -1 ? (a(), s(f, { key: 0 }, [
+            R.value.indexOf("center") > -1 ? (a(), s(f, { key: 0 }, [
               e[3] || (e[3] = n("div", { class: "alignline-h alignline-center-h" }, null, -1)),
               e[4] || (e[4] = n("div", { class: "alignline-v alignline-center-v" }, null, -1))
-            ], 64)) : E.value.indexOf("nineGrid") > -1 ? (a(), s(f, { key: 1 }, [
+            ], 64)) : R.value.indexOf("nineGrid") > -1 ? (a(), s(f, { key: 1 }, [
               e[5] || (e[5] = n("div", { class: "alignline-h alignline-nineGrid-h1" }, null, -1)),
               e[6] || (e[6] = n("div", { class: "alignline-h alignline-nineGrid-h2" }, null, -1)),
               e[7] || (e[7] = n("div", { class: "alignline-v alignline-nineGrid-v1" }, null, -1)),
@@ -410,7 +410,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
           ])) : (a(), s(f, { key: 1 }, [], 64))
         ])
       ]),
-      u(Ce, {
+      u(Me, {
         show: S.value,
         "onUpdate:show": e[0] || (e[0] = (o) => S.value = o),
         position: "bottom",
@@ -420,23 +420,23 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
         "teleport-target": c.previewTeleportTarget || void 0
       }, {
         default: G(() => [
-          n("div", Re, [
+          n("div", Ee, [
             e[10] || (e[10] = n("div", { class: "cropperM-preview-head" }, [
               n("span", { class: "cropperM-preview-title" }, "裁剪预览")
             ], -1)),
-            n("div", Ee, [
+            n("div", Re, [
               r.url ? (a(), s("div", {
                 key: 0,
                 class: z(["cropperM-preview-box", { "is-round": P.value }]),
-                style: R(H.value)
+                style: E(H.value)
               }, [
                 n("div", {
                   class: "cropperM-preview-inner",
-                  style: R(J.value)
+                  style: E(J.value)
                 }, [
                   n("img", {
                     src: r.url,
-                    style: R(r.imgStyle),
+                    style: E(r.imgStyle),
                     alt: "裁剪预览"
                   }, null, 12, Pe)
                 ], 4)
@@ -446,7 +446,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
         ]),
         _: 1
       }, 8, ["show", "teleport-target"])
-    ], 10, Me));
+    ], 10, Ce));
   }
 });
 export {

package/buildLibs/utils/Mobile/ClDropdownMenuM.cjs

@@ -1 +1 @@
-"use strict";const t=require("vue"),c=require("../Shared/base-DbuX_Y3x.js"),$=require("../Shared/index-rFJmbgyH.js");;/* empty css                        */const q=["id"],F={class:"dropdownmenum-bar"},P=t.defineComponent({name:"ClDropdownMenuM",__name:"Index",props:{id:String,className:String,activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},direction:{type:String,default:"down",validator:p=>["down","up"].includes(p)},zIndex:{type:Number,default:2e3},duration:{type:Number,default:200},isOverlay:{type:Boolean,default:!0},isCloseOnClickOverlay:{type:Boolean,default:!0},isCloseOnClickOutside:{type:Boolean,default:!0},teleportTarget:{type:String,default:""}},emits:["onOpen","onClose","onOpened","onClosed","onClickOverlay"],setup(p,{expose:L,emit:x}){const n=p,i=x,I=n.id,r=t.ref(-1);let k=0;const a=t.useTemplateRef("rootEl"),u=t.ref(!1),v=t.ref(!1),f=t.ref({top:0,left:0,width:0,bottom:0,baseTop:0,baseLeft:0,baseBottom:0}),C=t.computed(()=>n.direction==="up"?"up":"down"),h=t.computed(()=>n.activeColor),w=t.computed(()=>c.CommonBase.isFinite(n.duration)&&n.duration>0?n.duration:200),B=t.computed(()=>{const e=Number(n.zIndex);return c.CommonBase.isFinite(e)&&e>0?Math.round(e):2e3}),O=t.computed(()=>{const e=n.teleportTarget;return c.CommonBase.isNonEmptyString(e)&&/^[#.][A-Za-z_][\w-]*$/.test(e)?e:"body"}),E=t.computed(()=>n.teleportTarget==="self"),S=t.computed(()=>{const e={"panel-dropdown-menu-m":!0,"dropdownmenum--up":C.value==="up"};return c.CommonBase.getJsonMerge(e,$.CommonElement.getClassNameJson(n.className))}),N=t.computed(()=>{const e=f.value,o={zIndex:B.value-1,left:0,right:0,"--dropdownmenum-duration":`${w.value}ms`};return C.value==="up"?(o.top=0,o.bottom=`${e.baseBottom-e.top}px`):(o.top=`${e.bottom-e.baseTop}px`,o.bottom=0),o}),z=()=>{const e=n.teleportTarget;if(c.CommonBase.isNonEmptyString(e)&&e.charAt(0)==="#"){const o=document.querySelector(e);if(o instanceof HTMLElement){let l=o;for(;l&&l!==document.body;){if(window.getComputedStyle(l).transform!=="none"){const g=l.getBoundingClientRect();return{top:g.top,left:g.left,bottom:g.bottom}}l=l.parentElement}}}return{top:0,left:0,bottom:window.innerHeight}},b=()=>{if(!a.value)return;const e=a.value.getBoundingClientRect(),o=z();f.value={top:e.top,left:e.left,width:e.width,bottom:e.bottom,baseTop:o.top,baseLeft:o.left,baseBottom:o.bottom}},d=()=>{r.value!==-1&&b()},T=()=>{window.addEventListener("scroll",d,!0),window.addEventListener("resize",d)},y=()=>{window.removeEventListener("scroll",d,!0),window.removeEventListener("resize",d)},s=e=>{const o=r.value!==-1;r.value=e,e!==-1?o||i("onOpen"):o&&i("onClose")},A=()=>{i("onClickOverlay"),n.isCloseOnClickOverlay&&s(-1)},_=e=>{r.value===e?s(-1):s(e)},M=e=>{s(e)},D=()=>{const e=k;return k++,e};t.provide("$DropdownMenuMTop",{activeIndex:r,direction:C,activeColor:h,zIndex:B,duration:w,teleportTo:O,isTeleportDisabled:E,barPos:f,registerItem:D,toggleItem:_,setActiveIndex:M});const m=e=>{if(!n.isCloseOnClickOutside||r.value===-1)return;const o=e.target??null;o instanceof Element&&o.closest(".dropdownmenum-panel, .dropdownmenum-overlay")||a.value&&a.value.contains(o)||s(-1)};t.watch(r,e=>{e!==-1?(u.value=!0,b(),T(),t.nextTick(()=>{r.value!==-1&&n.isOverlay&&(v.value=!0)})):(v.value=!1,n.isOverlay||(u.value=!1),y())});const V=()=>{r.value===-1&&(u.value=!1),i("onClosed")};return t.onMounted(()=>{document.addEventListener("click",m)}),t.onActivated(()=>{document.addEventListener("click",m),r.value!==-1&&(b(),T())}),t.onDeactivated(()=>{document.removeEventListener("click",m),y()}),t.onBeforeUnmount(()=>{document.removeEventListener("click",m),y()}),L({toggle:e=>{_(e)},open:e=>{s(e)},close:()=>{s(-1)}}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"rootEl",ref:a,id:t.unref(I),class:t.normalizeClass(S.value)},[t.createElementVNode("div",F,[t.renderSlot(e.$slots,"default")]),u.value?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:O.value,disabled:E.value},[t.createVNode(t.Transition,{name:"dropdownmenum-fade",duration:w.value,onAfterEnter:o[0]||(o[0]=l=>i("onOpened")),onAfterLeave:V},{default:t.withCtx(()=>[v.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:"dropdownmenum-overlay",style:t.normalizeStyle(N.value),onClick:A},null,4)):t.createCommentVNode("",!0)]),_:1},8,["duration"])],8,["to","disabled"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64))],10,q))}});module.exports=P;
+"use strict";const t=require("vue"),c=require("@cldemo/ui-kit/common/base"),$=require("@cldemo/ui-kit/common/Element");;/* empty css                        */const q=["id"],F={class:"dropdownmenum-bar"},P=t.defineComponent({name:"ClDropdownMenuM",__name:"Index",props:{id:String,className:String,activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},direction:{type:String,default:"down",validator:m=>["down","up"].includes(m)},zIndex:{type:Number,default:2e3},duration:{type:Number,default:200},isOverlay:{type:Boolean,default:!0},isCloseOnClickOverlay:{type:Boolean,default:!0},isCloseOnClickOutside:{type:Boolean,default:!0},teleportTarget:{type:String,default:""}},emits:["onOpen","onClose","onOpened","onClosed","onClickOverlay"],setup(m,{expose:L,emit:x}){const n=m,i=x,I=n.id,r=t.ref(-1);let k=0;const a=t.useTemplateRef("rootEl"),u=t.ref(!1),v=t.ref(!1),f=t.ref({top:0,left:0,width:0,bottom:0,baseTop:0,baseLeft:0,baseBottom:0}),w=t.computed(()=>n.direction==="up"?"up":"down"),h=t.computed(()=>n.activeColor),y=t.computed(()=>c.isFinite(n.duration)&&n.duration>0?n.duration:200),O=t.computed(()=>{const e=Number(n.zIndex);return c.isFinite(e)&&e>0?Math.round(e):2e3}),E=t.computed(()=>{const e=n.teleportTarget;return c.isNonEmptyString(e)&&/^[#.][A-Za-z_][\w-]*$/.test(e)?e:"body"}),B=t.computed(()=>n.teleportTarget==="self"),S=t.computed(()=>{const e={"panel-dropdown-menu-m":!0,"dropdownmenum--up":w.value==="up"};return c.getJsonMerge(e,$.getClassNameJson(n.className))}),N=t.computed(()=>{const e=f.value,o={zIndex:O.value-1,left:0,right:0,"--dropdownmenum-duration":`${y.value}ms`};return w.value==="up"?(o.top=0,o.bottom=`${e.baseBottom-e.top}px`):(o.top=`${e.bottom-e.baseTop}px`,o.bottom=0),o}),z=()=>{const e=n.teleportTarget;if(c.isNonEmptyString(e)&&e.charAt(0)==="#"){const o=document.querySelector(e);if(o instanceof HTMLElement){let s=o;for(;s&&s!==document.body;){if(window.getComputedStyle(s).transform!=="none"){const C=s.getBoundingClientRect();return{top:C.top,left:C.left,bottom:C.bottom}}s=s.parentElement}}}return{top:0,left:0,bottom:window.innerHeight}},b=()=>{if(!a.value)return;const e=a.value.getBoundingClientRect(),o=z();f.value={top:e.top,left:e.left,width:e.width,bottom:e.bottom,baseTop:o.top,baseLeft:o.left,baseBottom:o.bottom}},d=()=>{r.value!==-1&&b()},T=()=>{window.addEventListener("scroll",d,!0),window.addEventListener("resize",d)},g=()=>{window.removeEventListener("scroll",d,!0),window.removeEventListener("resize",d)},l=e=>{const o=r.value!==-1;r.value=e,e!==-1?o||i("onOpen"):o&&i("onClose")},A=()=>{i("onClickOverlay"),n.isCloseOnClickOverlay&&l(-1)},_=e=>{r.value===e?l(-1):l(e)},M=e=>{l(e)},D=()=>{const e=k;return k++,e};t.provide("$DropdownMenuMTop",{activeIndex:r,direction:w,activeColor:h,zIndex:O,duration:y,teleportTo:E,isTeleportDisabled:B,barPos:f,registerItem:D,toggleItem:_,setActiveIndex:M});const p=e=>{if(!n.isCloseOnClickOutside||r.value===-1)return;const o=e.target??null;o instanceof Element&&o.closest(".dropdownmenum-panel, .dropdownmenum-overlay")||a.value&&a.value.contains(o)||l(-1)};t.watch(r,e=>{e!==-1?(u.value=!0,b(),T(),t.nextTick(()=>{r.value!==-1&&n.isOverlay&&(v.value=!0)})):(v.value=!1,n.isOverlay||(u.value=!1),g())});const V=()=>{r.value===-1&&(u.value=!1),i("onClosed")};return t.onMounted(()=>{document.addEventListener("click",p)}),t.onActivated(()=>{document.addEventListener("click",p),r.value!==-1&&(b(),T())}),t.onDeactivated(()=>{document.removeEventListener("click",p),g()}),t.onBeforeUnmount(()=>{document.removeEventListener("click",p),g()}),L({toggle:e=>{_(e)},open:e=>{l(e)},close:()=>{l(-1)}}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"rootEl",ref:a,id:t.unref(I),class:t.normalizeClass(S.value)},[t.createElementVNode("div",F,[t.renderSlot(e.$slots,"default")]),u.value?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:E.value,disabled:B.value},[t.createVNode(t.Transition,{name:"dropdownmenum-fade",duration:y.value,onAfterEnter:o[0]||(o[0]=s=>i("onOpened")),onAfterLeave:V},{default:t.withCtx(()=>[v.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:"dropdownmenum-overlay",style:t.normalizeStyle(N.value),onClick:A},null,4)):t.createCommentVNode("",!0)]),_:1},8,["duration"])],8,["to","disabled"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64))],10,q))}});module.exports=P;

package/buildLibs/utils/Mobile/ClDropdownMenuM.js

@@ -1,10 +1,10 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClDropdownMenuM.css';
-import { defineComponent as F, ref as m, useTemplateRef as P, computed as r, provide as R, watch as q, nextTick as H, onMounted as J, onActivated as Z, onDeactivated as U, onBeforeUnmount as j, openBlock as v, createElementBlock as E, normalizeClass as G, unref as K, createElementVNode as Q, renderSlot as W, createBlock as X, Teleport as Y, createVNode as ee, Transition as te, withCtx as oe, normalizeStyle as ne, createCommentVNode as re, Fragment as se } from "vue";
-import { C as c } from "../Shared/base-fr2I80sU.js";
-import { C as le } from "../Shared/index-B477PjJ3.js";
+import { defineComponent as F, ref as m, useTemplateRef as P, computed as r, provide as R, watch as q, nextTick as H, onMounted as J, onActivated as Z, onDeactivated as U, onBeforeUnmount as j, openBlock as v, createElementBlock as E, normalizeClass as G, unref as K, createElementVNode as Q, renderSlot as W, createBlock as X, Teleport as Y, createVNode as ee, Transition as te, withCtx as oe, normalizeStyle as ne, createCommentVNode as re, Fragment as le } from "vue";
+import c from "@cldemo/ui-kit/common/base";
+import se from "@cldemo/ui-kit/common/Element";
 /* empty css                       */
-const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
+const ie = ["id"], ae = { class: "dropdownmenum-bar" }, ge = /* @__PURE__ */ F({
   name: "ClDropdownMenuM",
   __name: "Index",
   props: {
@@ -66,7 +66,7 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
       baseTop: 0,
       baseLeft: 0,
       baseBottom: 0
-    }), C = r(() => o.direction === "up" ? "up" : "down"), z = r(() => o.activeColor), b = r(
+    }), b = r(() => o.direction === "up" ? "up" : "down"), z = r(() => o.activeColor), g = r(
       () => c.isFinite(o.duration) && o.duration > 0 ? o.duration : 200
     ), _ = r(() => {
       const e = Number(o.zIndex);
@@ -77,34 +77,34 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
     }), I = r(() => o.teleportTarget === "self"), A = r(() => {
       const e = {
         "panel-dropdown-menu-m": !0,
-        "dropdownmenum--up": C.value === "up"
+        "dropdownmenum--up": b.value === "up"
       };
-      return c.getJsonMerge(e, le.getClassNameJson(o.className));
+      return c.getJsonMerge(e, se.getClassNameJson(o.className));
     }), M = r(() => {
       const e = y.value, t = {
         zIndex: _.value - 1,
         left: 0,
         right: 0,
-        "--dropdownmenum-duration": `${b.value}ms`
+        "--dropdownmenum-duration": `${g.value}ms`
       };
-      return C.value === "up" ? (t.top = 0, t.bottom = `${e.baseBottom - e.top}px`) : (t.top = `${e.bottom - e.baseTop}px`, t.bottom = 0), t;
+      return b.value === "up" ? (t.top = 0, t.bottom = `${e.baseBottom - e.top}px`) : (t.top = `${e.bottom - e.baseTop}px`, t.bottom = 0), t;
     }), D = () => {
       const e = o.teleportTarget;
       if (c.isNonEmptyString(e) && e.charAt(0) === "#") {
         const t = document.querySelector(e);
         if (t instanceof HTMLElement) {
-          let l = t;
-          for (; l && l !== document.body; ) {
-            if (window.getComputedStyle(l).transform !== "none") {
-              const k = l.getBoundingClientRect();
+          let s = t;
+          for (; s && s !== document.body; ) {
+            if (window.getComputedStyle(s).transform !== "none") {
+              const k = s.getBoundingClientRect();
               return { top: k.top, left: k.left, bottom: k.bottom };
             }
-            l = l.parentElement;
+            s = s.parentElement;
           }
         }
       }
       return { top: 0, left: 0, bottom: window.innerHeight };
-    }, g = () => {
+    }, C = () => {
       if (!a.value) return;
       const e = a.value.getBoundingClientRect(), t = D();
       y.value = {
@@ -117,25 +117,25 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
         baseBottom: t.bottom
       };
     }, u = () => {
-      n.value !== -1 && g();
+      n.value !== -1 && C();
     }, L = () => {
       window.addEventListener("scroll", u, !0), window.addEventListener("resize", u);
     }, O = () => {
       window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
-    }, s = (e) => {
+    }, l = (e) => {
       const t = n.value !== -1;
       n.value = e, e !== -1 ? t || i("onOpen") : t && i("onClose");
     }, V = () => {
-      i("onClickOverlay"), o.isCloseOnClickOverlay && s(-1);
+      i("onClickOverlay"), o.isCloseOnClickOverlay && l(-1);
     }, x = (e) => {
-      n.value === e ? s(-1) : s(e);
+      n.value === e ? l(-1) : l(e);
     };
     R("$DropdownMenuMTop", {
       activeIndex: n,
-      direction: C,
+      direction: b,
       activeColor: z,
       zIndex: _,
-      duration: b,
+      duration: g,
       teleportTo: B,
       isTeleportDisabled: I,
       barPos: y,
@@ -145,16 +145,16 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
       },
       toggleItem: x,
       setActiveIndex: (e) => {
-        s(e);
+        l(e);
       }
     });
     const p = (e) => {
       if (!o.isCloseOnClickOutside || n.value === -1) return;
       const t = e.target ?? null;
-      t instanceof Element && t.closest(".dropdownmenum-panel, .dropdownmenum-overlay") || a.value && a.value.contains(t) || s(-1);
+      t instanceof Element && t.closest(".dropdownmenum-panel, .dropdownmenum-overlay") || a.value && a.value.contains(t) || l(-1);
     };
     q(n, (e) => {
-      e !== -1 ? (d.value = !0, g(), L(), H(() => {
+      e !== -1 ? (d.value = !0, C(), L(), H(() => {
         n.value !== -1 && o.isOverlay && (w.value = !0);
       })) : (w.value = !1, o.isOverlay || (d.value = !1), O());
     });
@@ -164,7 +164,7 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
     return J(() => {
       document.addEventListener("click", p);
     }), Z(() => {
-      document.addEventListener("click", p), n.value !== -1 && (g(), L());
+      document.addEventListener("click", p), n.value !== -1 && (C(), L());
     }), U(() => {
       document.removeEventListener("click", p), O();
     }), j(() => {
@@ -174,10 +174,10 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
         x(e);
       },
       open: (e) => {
-        s(e);
+        l(e);
       },
       close: () => {
-        s(-1);
+        l(-1);
       }
     }), (e, t) => (v(), E("div", {
       ref_key: "rootEl",
@@ -195,8 +195,8 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
       }, [
         ee(te, {
           name: "dropdownmenum-fade",
-          duration: b.value,
-          onAfterEnter: t[0] || (t[0] = (l) => i("onOpened")),
+          duration: g.value,
+          onAfterEnter: t[0] || (t[0] = (s) => i("onOpened")),
           onAfterLeave: $
         }, {
           default: oe(() => [
@@ -209,10 +209,10 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
           ]),
           _: 1
         }, 8, ["duration"])
-      ], 8, ["to", "disabled"])) : (v(), E(se, { key: 1 }, [], 64))
+      ], 8, ["to", "disabled"])) : (v(), E(le, { key: 1 }, [], 64))
     ], 10, ie));
   }
 });
 export {
-  be as default
+  ge as default
 };

package/buildLibs/utils/Mobile/ClDropdownMenuMItem.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),q=require("../Shared/log-gqSePaMZ.js"),a=require("../Shared/base-DbuX_Y3x.js"),B=require("../Shared/index-rFJmbgyH.js"),_=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js"),F=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Bbk1BxEq.js");;/* empty css                        */const P=["id"],J={class:"dropdownmenum-item-title-text"},O={key:0,class:"dropdownmenum-panel-loading"},U={key:0,class:"dropdownmenum-options"},j=["onClick"],H={class:"dropdownmenum-option-text"},R=e.defineComponent({name:"ClDropdownMenuMItem",__name:"Item",props:{id:String,className:String,title:String,modelValue:{type:[String,Number],default:void 0},optionsList:{type:Array,default:()=>[]},optionLabel:{type:String,default:"text"},optionValue:{type:String,default:"value"},disabled:Boolean,isLoading:Boolean},emits:["update:modelValue","onChange"],setup(i,{emit:w}){const n=i,v=w,y=n.id,C=`dropdownmenumItem-${a.CommonBase.getRandom(5)}`,l=e.inject("$DropdownMenuMTop"),b=e.useSlots(),s=e.ref(-1),u=e.ref(!1),d=e.ref(!1),r=e.computed(()=>s.value!==-1&&l?.activeIndex.value===s.value),m=e.computed(()=>l?.direction.value||"down"),x=e.computed(()=>{const t=m.value==="up";return r.value?t?"caret-down":"caret-up":t?"caret-up":"caret-down"}),k=e.computed(()=>l?.duration.value||200),S=e.computed(()=>!!b.default),T=e.computed(()=>Array.isArray(n.optionsList)&&n.optionsList.length>0),p=e.computed(()=>r.value&&!n.disabled),V=e.computed(()=>l?.teleportTo.value||"body"),h=e.computed(()=>!!l?.isTeleportDisabled.value),f=t=>t[n.optionValue]===n.modelValue,g=t=>{const o=t[n.optionLabel];return a.CommonBase.isString(o)?o:a.CommonBase.isNumber(o)?String(o):""},E=e.computed(()=>{if(a.CommonBase.isNonEmptyString(n.title))return n.title;if(a.CommonBase.isEmpty(n.modelValue))return"";const t=(n.optionsList||[]).find(o=>o[n.optionValue]===n.modelValue);return t?g(t):""}),I=e.computed(()=>{const t={"dropdownmenum-item":!0,"dropdownmenum-item--disabled":n.disabled};return a.CommonBase.getJsonMerge(t,B.CommonElement.getClassNameJson(n.className))}),N=e.computed(()=>r.value&&l?{color:l.activeColor.value}:void 0),L=e.computed(()=>{const t=l?.barPos.value,o={zIndex:l?.zIndex.value||2e3,"--dropdownmenum-duration":`${k.value}ms`};return t&&(m.value==="up"?(o.bottom=`${t.baseBottom-t.top}px`,o.left=`${t.left-t.baseLeft}px`):(o.top=`${t.bottom-t.baseTop}px`,o.left=`${t.left-t.baseLeft}px`),o.width=`${t.width}px`),o}),$=t=>{const o={"dropdownmenum-option":!0,"dropdownmenum-option--disabled":!!t.disabled,"dropdownmenum-option--selected":f(t)};return a.CommonBase.getJsonMerge(o,B.CommonElement.getClassNameJson(t.className))};e.watch(p,t=>{t?(u.value=!0,e.nextTick(()=>{p.value&&(d.value=!0)})):d.value=!1});const D=()=>{p.value||(u.value=!1)};e.onMounted(()=>{if(!l){q.clLog.warn("ClDropdownMenuMItem","警告：必须放置在 cl-dropdown-menu-m 容器内使用");return}s.value=l.registerItem()}),e.onBeforeUnmount(()=>{l&&s.value!==-1&&l.activeIndex.value===s.value&&l.setActiveIndex(-1)});const M=()=>{n.disabled||!l||l.toggleItem(s.value)},z=t=>{if(t.disabled)return;const o=t[n.optionValue];v("update:modelValue",o),v("onChange",o),l?.setActiveIndex(-1)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(y),class:e.normalizeClass(I.value)},[e.createElementVNode("div",{class:e.normalizeClass(["dropdownmenum-item-title",{"dropdownmenum-item-title--active":r.value}]),style:e.normalizeStyle(N.value),onClick:M},[e.createElementVNode("span",J,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(E.value),1)])]),e.createVNode(_._sfc_main,{class:"dropdownmenum-item-arrow",name:x.value},null,8,["name"])],6),u.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:V.value,disabled:h.value},[e.createVNode(e.Transition,{name:"dropdownmenum-panel",duration:k.value,onAfterLeave:D},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdownmenum-panel",{"dropdownmenum-panel--up":m.value==="up"}]),style:e.normalizeStyle(L.value)},[S.value?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[i.isLoading?(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(F._sfc_main,{size:"small"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[T.value?(e.openBlock(),e.createElementBlock("ul",U,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.optionsList,(c,A)=>(e.openBlock(),e.createElementBlock("li",{key:`${C}-${A}`,class:e.normalizeClass($(c)),onClick:G=>z(c)},[e.createElementVNode("span",H,e.toDisplayString(g(c)),1),f(c)?(e.openBlock(),e.createBlock(_._sfc_main,{key:0,class:"dropdownmenum-option-check",name:"check"})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,j))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))],64))],6)):e.createCommentVNode("",!0)]),_:3},8,["duration"])],8,["to","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,P))}});module.exports=R;
+"use strict";const e=require("vue"),q=require("@cldemo/ui-kit/common/log"),a=require("@cldemo/ui-kit/common/base"),g=require("@cldemo/ui-kit/common/Element"),w=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),F=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js");;/* empty css                        */const P=["id"],J={class:"dropdownmenum-item-title-text"},O={key:0,class:"dropdownmenum-panel-loading"},U={key:0,class:"dropdownmenum-options"},j=["onClick"],H={class:"dropdownmenum-option-text"},R=e.defineComponent({name:"ClDropdownMenuMItem",__name:"Item",props:{id:String,className:String,title:String,modelValue:{type:[String,Number],default:void 0},optionsList:{type:Array,default:()=>[]},optionLabel:{type:String,default:"text"},optionValue:{type:String,default:"value"},disabled:Boolean,isLoading:Boolean},emits:["update:modelValue","onChange"],setup(i,{emit:y}){const n=i,v=y,B=n.id,b=`dropdownmenumItem-${a.getRandom(5)}`,l=e.inject("$DropdownMenuMTop"),x=e.useSlots(),s=e.ref(-1),u=e.ref(!1),d=e.ref(!1),r=e.computed(()=>s.value!==-1&&l?.activeIndex.value===s.value),m=e.computed(()=>l?.direction.value||"down"),C=e.computed(()=>{const t=m.value==="up";return r.value?t?"caret-down":"caret-up":t?"caret-up":"caret-down"}),k=e.computed(()=>l?.duration.value||200),S=e.computed(()=>!!x.default),T=e.computed(()=>Array.isArray(n.optionsList)&&n.optionsList.length>0),p=e.computed(()=>r.value&&!n.disabled),V=e.computed(()=>l?.teleportTo.value||"body"),h=e.computed(()=>!!l?.isTeleportDisabled.value),f=t=>t[n.optionValue]===n.modelValue,_=t=>{const o=t[n.optionLabel];return a.isString(o)?o:a.isNumber(o)?String(o):""},I=e.computed(()=>{if(a.isNonEmptyString(n.title))return n.title;if(a.isEmpty(n.modelValue))return"";const t=(n.optionsList||[]).find(o=>o[n.optionValue]===n.modelValue);return t?_(t):""}),E=e.computed(()=>{const t={"dropdownmenum-item":!0,"dropdownmenum-item--disabled":n.disabled};return a.getJsonMerge(t,g.getClassNameJson(n.className))}),N=e.computed(()=>r.value&&l?{color:l.activeColor.value}:void 0),L=e.computed(()=>{const t=l?.barPos.value,o={zIndex:l?.zIndex.value||2e3,"--dropdownmenum-duration":`${k.value}ms`};return t&&(m.value==="up"?(o.bottom=`${t.baseBottom-t.top}px`,o.left=`${t.left-t.baseLeft}px`):(o.top=`${t.bottom-t.baseTop}px`,o.left=`${t.left-t.baseLeft}px`),o.width=`${t.width}px`),o}),$=t=>{const o={"dropdownmenum-option":!0,"dropdownmenum-option--disabled":!!t.disabled,"dropdownmenum-option--selected":f(t)};return a.getJsonMerge(o,g.getClassNameJson(t.className))};e.watch(p,t=>{t?(u.value=!0,e.nextTick(()=>{p.value&&(d.value=!0)})):d.value=!1});const D=()=>{p.value||(u.value=!1)};e.onMounted(()=>{if(!l){q.warn("ClDropdownMenuMItem","警告：必须放置在 cl-dropdown-menu-m 容器内使用");return}s.value=l.registerItem()}),e.onBeforeUnmount(()=>{l&&s.value!==-1&&l.activeIndex.value===s.value&&l.setActiveIndex(-1)});const M=()=>{n.disabled||!l||l.toggleItem(s.value)},z=t=>{if(t.disabled)return;const o=t[n.optionValue];v("update:modelValue",o),v("onChange",o),l?.setActiveIndex(-1)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(B),class:e.normalizeClass(E.value)},[e.createElementVNode("div",{class:e.normalizeClass(["dropdownmenum-item-title",{"dropdownmenum-item-title--active":r.value}]),style:e.normalizeStyle(N.value),onClick:M},[e.createElementVNode("span",J,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(I.value),1)])]),e.createVNode(w._sfc_main,{class:"dropdownmenum-item-arrow",name:C.value},null,8,["name"])],6),u.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:V.value,disabled:h.value},[e.createVNode(e.Transition,{name:"dropdownmenum-panel",duration:k.value,onAfterLeave:D},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdownmenum-panel",{"dropdownmenum-panel--up":m.value==="up"}]),style:e.normalizeStyle(L.value)},[S.value?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[i.isLoading?(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(F._sfc_main,{size:"small"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[T.value?(e.openBlock(),e.createElementBlock("ul",U,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.optionsList,(c,A)=>(e.openBlock(),e.createElementBlock("li",{key:`${b}-${A}`,class:e.normalizeClass($(c)),onClick:G=>z(c)},[e.createElementVNode("span",H,e.toDisplayString(_(c)),1),f(c)?(e.openBlock(),e.createBlock(w._sfc_main,{key:0,class:"dropdownmenum-option-check",name:"check"})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,j))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))],64))],6)):e.createCommentVNode("",!0)]),_:3},8,["duration"])],8,["to","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,P))}});module.exports=R;

package/buildLibs/utils/Mobile/ClDropdownMenuMItem.js

@@ -2,12 +2,12 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Mobile/ClDropdownMenuMItem.css';
-import { defineComponent as Q, inject as W, useSlots as X, ref as g, computed as l, watch as Y, nextTick as Z, onMounted as ee, onBeforeUnmount as te, openBlock as s, createElementBlock as a, normalizeClass as c, unref as oe, createElementVNode as b, normalizeStyle as h, renderSlot as S, createTextVNode as ne, toDisplayString as I, createVNode as k, createBlock as L, Teleport as le, Transition as se, withCtx as ae, Fragment as d, renderList as ie, createCommentVNode as re } from "vue";
-import { c as de } from "../Shared/log-CSNil8va.js";
-import { C as i } from "../Shared/base-fr2I80sU.js";
-import { C as V } from "../Shared/index-B477PjJ3.js";
-import { _ as $ } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
-import { _ as ue } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bj0lKDBR.js";
+import { defineComponent as Q, inject as W, useSlots as X, ref as g, computed as l, watch as Y, nextTick as Z, onMounted as ee, onBeforeUnmount as te, openBlock as s, createElementBlock as a, normalizeClass as c, unref as oe, createElementVNode as b, normalizeStyle as C, renderSlot as S, createTextVNode as ne, toDisplayString as I, createVNode as k, createBlock as L, Teleport as le, Transition as se, withCtx as ae, Fragment as d, renderList as ie, createCommentVNode as re } from "vue";
+import de from "@cldemo/ui-kit/common/log";
+import i from "@cldemo/ui-kit/common/base";
+import V from "@cldemo/ui-kit/common/Element";
+import { _ as $ } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as ue } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DROYOL5-.js";
 /* empty css                       */
 const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
   key: 0,
@@ -15,7 +15,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
 }, ve = {
   key: 0,
   class: "dropdownmenum-options"
-}, fe = ["onClick"], we = { class: "dropdownmenum-option-text" }, he = /* @__PURE__ */ Q({
+}, fe = ["onClick"], we = { class: "dropdownmenum-option-text" }, Ce = /* @__PURE__ */ Q({
   name: "ClDropdownMenuMItem",
   __name: "Item",
   props: {
@@ -57,7 +57,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
       return u.value ? e ? "caret-down" : "caret-up" : e ? "caret-up" : "caret-down";
     }), x = l(() => n?.duration.value || 200), z = l(() => !!D.default), E = l(
       () => Array.isArray(o.optionsList) && o.optionsList.length > 0
-    ), y = l(() => u.value && !o.disabled), P = l(() => n?.teleportTo.value || "body"), J = l(() => !!n?.isTeleportDisabled.value), C = (e) => e[o.optionValue] === o.modelValue, T = (e) => {
+    ), y = l(() => u.value && !o.disabled), P = l(() => n?.teleportTo.value || "body"), J = l(() => !!n?.isTeleportDisabled.value), T = (e) => e[o.optionValue] === o.modelValue, h = (e) => {
       const t = e[o.optionLabel];
       return i.isString(t) ? t : i.isNumber(t) ? String(t) : "";
     }, O = l(() => {
@@ -67,7 +67,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
       const e = (o.optionsList || []).find(
         (t) => t[o.optionValue] === o.modelValue
       );
-      return e ? T(e) : "";
+      return e ? h(e) : "";
     }), U = l(() => {
       const e = {
         "dropdownmenum-item": !0,
@@ -86,7 +86,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
       const t = {
         "dropdownmenum-option": !0,
         "dropdownmenum-option--disabled": !!e.disabled,
-        "dropdownmenum-option--selected": C(e)
+        "dropdownmenum-option--selected": T(e)
       };
       return i.getJsonMerge(t, V.getClassNameJson(e.className));
     };
@@ -120,7 +120,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
     }, [
       b("div", {
         class: c(["dropdownmenum-item-title", { "dropdownmenum-item-title--active": u.value }]),
-        style: h(j.value),
+        style: C(j.value),
         onClick: q
       }, [
         b("span", ce, [
@@ -147,7 +147,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
             f.value ? (s(), a("div", {
               key: 0,
               class: c(["dropdownmenum-panel", { "dropdownmenum-panel--up": w.value === "up" }]),
-              style: h(F.value)
+              style: C(F.value)
             }, [
               z.value ? S(e.$slots, "default", { key: 0 }) : (s(), a(d, { key: 1 }, [
                 p.isLoading ? (s(), a("div", pe, [
@@ -159,8 +159,8 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
                       class: c(H(m)),
                       onClick: (ye) => G(m)
                     }, [
-                      b("span", we, I(T(m)), 1),
-                      C(m) ? (s(), L($, {
+                      b("span", we, I(h(m)), 1),
+                      T(m) ? (s(), L($, {
                         key: 0,
                         class: "dropdownmenum-option-check",
                         name: "check"
@@ -178,5 +178,5 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
   }
 });
 export {
-  he as default
+  Ce as default
 };

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;