@cldemo/ui-kit 1.0.17 → 1.1.1

package/buildLibs/modules/dropdownMenu.js

@@ -1,12 +1,9 @@
-import { defineComponent as u, useTemplateRef as D, computed as g, provide as y, reactive as v, openBlock as s, createBlock as h, unref as C, withCtx as l, createElementVNode as n, renderSlot as t, createElementBlock as L, createTextVNode as i, toDisplayString as d, createVNode as b } from "vue";
-import { C as E } from "./shared/base-C5l51ld_.js";
-import { C as S } from "./shared/index-wdK75uN2.js";
-import { _ as P } from "./shared/Popup.vue_vue_type_script_setup_true_lang-CeZQDd0z.js";
-import { _ as A } from "./shared/Index.vue_vue_type_script_setup_true_lang-CyKHq3tv.js";
-const k = {
-  key: 0,
-  class: "dropdownLayer-text-container"
-}, O = { class: "dropdownLayer-text-render" }, B = { class: "dropdownLayer-text-arrow" }, j = /* @__PURE__ */ u({
+import { defineComponent as M, useTemplateRef as j, computed as J, ref as h, reactive as I, onMounted as q, onBeforeUnmount as F, provide as H, openBlock as f, createBlock as K, unref as l, withCtx as E, createElementVNode as m, renderSlot as w, createElementBlock as L, createTextVNode as k, toDisplayString as A, createVNode as R } from "vue";
+import { C as S } from "./shared/base-fr2I80sU.js";
+import { C as z } from "./shared/index-B477PjJ3.js";
+import { _ as G } from "./shared/Popup.vue_vue_type_script_setup_true_lang-YVBgERG9.js";
+import { _ as Q } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
+const W = ["id"], X = { class: "dropdownLayer-text-render" }, Y = { class: "dropdownLayer-text-arrow" }, Z = ["id"], ee = ["aria-labelledby"], ae = /* @__PURE__ */ M({
   name: "ClDropdownMenu",
   __name: "Index",
   props: {
@@ -22,13 +19,13 @@ const k = {
       type: String,
       default: "left",
       // desc: 下拉箭头位置（透传至弹出层）| enum: left, right, center, top, bottom
-      validator: (e) => ["left", "right", "center", "top", "bottom"].includes(e)
+      validator: (o) => ["left", "right", "center", "top", "bottom"].includes(o)
     },
     dropDownPos: {
       type: String,
       default: "down",
       // desc: 下拉面板弹出方向（透传至弹出层）| enum: down, up, left, right
-      validator: (e) => ["down", "up", "left", "right"].includes(e)
+      validator: (o) => ["down", "up", "left", "right"].includes(o)
     },
     isUseLabelArrow: {
       type: Boolean,
@@ -46,61 +43,126 @@ const k = {
     // desc: 面板离开动画类名
   },
   emits: {
-    onChangeOpen: (e) => !0
+    onChangeOpen: (o) => !0
     // desc: 菜单打开/关闭状态变更时触发
   },
-  setup(e, { emit: c }) {
-    const r = e, w = c, p = r.id, a = D("refElDropdownLayer"), m = g(() => {
-      let o = {
+  setup(o, { emit: C }) {
+    const v = o, O = C, i = v.id, d = S.isNonEmptyString(i) ? `${i}-label` : void 0, c = j("refElDropdownLayer"), _ = J(() => {
+      let e = {
         "panel-dropdown-menu": !0
       };
-      return o = E.getJsonMerge(o, S.getClassNameJson(r.className)), Object.keys(o).join(" ");
-    }), f = (o) => {
-      w("onChangeOpen", o);
+      return e = S.getJsonMerge(e, z.getClassNameJson(v.className)), Object.keys(e).join(" ");
+    }), r = h([]), t = h(void 0), g = I({
+      isOpen: !1
+    }), s = () => r.value.filter((e) => !e.disabled), D = () => {
+      s().some((a) => a.id === t.value) || (t.value = void 0);
+    }, u = (e) => {
+      e && (t.value = e.id, e.focus());
+    }, b = (e) => {
+      const n = s();
+      if (n.length === 0) return;
+      const a = n.findIndex((T) => T.id === t.value);
+      let p;
+      a < 0 ? p = e > 0 ? 0 : n.length - 1 : p = (a + e + n.length) % n.length, u(n[p]);
+    }, x = (e) => {
+      r.value.some((n) => n.id === e.id) || r.value.push(e), D();
+    }, P = (e) => {
+      r.value = r.value.filter((n) => n.id !== e.id), t.value === e.id && (t.value = void 0), D();
+    }, B = () => t.value, U = (e) => {
+      t.value = e;
+    }, $ = () => {
+      const e = c.value?.$el;
+      return e ? e.querySelector(".dropdownLayer-text") : null;
+    }, y = (e) => {
+      if (g.isOpen)
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault(), b(1);
+            break;
+          case "ArrowUp":
+            e.preventDefault(), b(-1);
+            break;
+          case "Home": {
+            e.preventDefault();
+            const n = s();
+            u(n[0]);
+            break;
+          }
+          case "End": {
+            e.preventDefault();
+            const n = s();
+            u(n[n.length - 1]);
+            break;
+          }
+        }
+    }, N = () => {
+      $()?.focus();
+    }, V = (e) => {
+      O("onChangeOpen", e), g.isOpen = e, e ? t.value = void 0 : N();
     };
-    return y(
+    return q(() => {
+      document.addEventListener("keydown", y, !0);
+    }), F(() => {
+      document.removeEventListener("keydown", y, !0);
+    }), H(
       "$DropdownmenuTop",
-      v({
+      I({
         hideDropdown: () => {
-          a.value?.setOpen(!1);
-        }
+          c.value?.setOpen(!1);
+        },
+        registerItem: x,
+        unregisterItem: P,
+        activeItemId: B,
+        setActiveItemId: U
       })
-    ), (o, N) => (s(), h(P, {
+    ), (e, n) => (f(), K(G, {
       ref_key: "refElDropdownLayer",
-      ref: a,
-      id: C(p),
-      classParent: m.value,
-      classDropDown: e.classDropDown,
-      dropdownArrowPos: e.direction,
-      dropDownPos: e.dropDownPos,
-      isUseDropdownArrow: e.isUseDropdownArrow,
-      transitionEnter: e.transitionEnter,
-      transitionLeave: e.transitionLeave,
-      onOnChangeOpen: f
+      ref: c,
+      id: l(i),
+      classParent: _.value,
+      classDropDown: o.classDropDown,
+      dropdownArrowPos: o.direction,
+      dropDownPos: o.dropDownPos,
+      isUseDropdownArrow: o.isUseDropdownArrow,
+      transitionEnter: o.transitionEnter,
+      transitionLeave: o.transitionLeave,
+      onOnChangeOpen: V
     }, {
-      label: l(() => [
-        e.isUseLabelArrow ? (s(), L("div", k, [
-          n("div", O, [
-            t(o.$slots, "label", {}, () => [
-              i(d(e.label), 1)
+      label: E(() => [
+        o.isUseLabelArrow ? (f(), L("div", {
+          key: 0,
+          id: l(d),
+          class: "dropdownLayer-text-container"
+        }, [
+          m("div", X, [
+            w(e.$slots, "label", {}, () => [
+              k(A(o.label), 1)
             ])
           ]),
-          n("div", B, [
-            b(A, { name: "angle-down" })
+          m("div", Y, [
+            R(Q, { name: "angle-down" })
+          ])
+        ], 8, W)) : (f(), L("span", {
+          key: 1,
+          id: l(d)
+        }, [
+          w(e.$slots, "label", {}, () => [
+            k(A(o.label), 1)
           ])
-        ])) : t(o.$slots, "label", { key: 1 }, () => [
-          i(d(e.label), 1)
-        ])
+        ], 8, Z))
       ]),
-      dropdown: l(() => [
-        n("ul", null, [
-          t(o.$slots, "default")
-        ])
+      dropdown: E(() => [
+        m("ul", {
+          role: "menu",
+          "aria-labelledby": l(d)
+        }, [
+          w(e.$slots, "default")
+        ], 8, ee)
       ]),
       _: 3
     }, 8, ["id", "classParent", "classDropDown", "dropdownArrowPos", "dropDownPos", "isUseDropdownArrow", "transitionEnter", "transitionLeave"]));
   }
 });
 export {
-  j as default
+  ae as default
 };

package/buildLibs/modules/dropdownMenuItem.js

@@ -1,8 +1,8 @@
-import { defineComponent as u, inject as p, computed as f, openBlock as n, createElementBlock as d, unref as a, normalizeClass as C, createVNode as b, withCtx as k, renderSlot as w } from "vue";
-import { _ as D } from "./shared/Index.vue_vue_type_script_setup_true_lang-BDCMqHLL.js";
-import { C as _ } from "./shared/base-C5l51ld_.js";
-import { C as g } from "./shared/index-wdK75uN2.js";
-const h = ["id"], v = ["id", "aria-disabled"], N = /* @__PURE__ */ u({
+import { defineComponent as D, inject as g, useTemplateRef as k, computed as l, onMounted as w, onBeforeUnmount as _, openBlock as m, createElementBlock as u, unref as c, normalizeClass as x, createVNode as y, withCtx as M, renderSlot as B } from "vue";
+import { _ as E } from "./shared/Index.vue_vue_type_script_setup_true_lang-CoQ8bldZ.js";
+import { C as s } from "./shared/base-fr2I80sU.js";
+import { C as h } from "./shared/index-B477PjJ3.js";
+const N = ["id"], S = ["id", "tabindex", "aria-disabled"], R = /* @__PURE__ */ D({
   name: "ClDropdownMenuItem",
   __name: "Item",
   props: {
@@ -26,46 +26,63 @@ const h = ["id"], v = ["id", "aria-disabled"], N = /* @__PURE__ */ u({
     // desc: 扩展数据，点击时回调传出
   },
   emits: {
-    onClick: (e) => !0
+    onClick: (t) => !0
     // desc: 点击菜单项时触发
   },
-  setup(e, { emit: l }) {
-    const t = e, s = l, i = t.id, r = p("$DropdownmenuTop"), m = f(() => {
-      let o = {
+  setup(t, { emit: f }) {
+    const e = t, p = f, o = e.id, i = g("$DropdownmenuTop"), a = k("refElItem"), n = s.isNonEmptyString(o) ? o : `dropdownMenuItem-${s.getRandom(8)}`, b = l(() => {
+      let d = {
         "dropdownMenu-item": !0,
-        "dropdownMenu-item-disabled": t.disabled,
+        "dropdownMenu-item-disabled": e.disabled,
         "panel-dropdown-menu-item": !0
       };
-      return o = _.getJsonMerge(o, g.getClassNameJson(t.className)), o;
-    }), c = () => {
-      t.disabled || (r?.hideDropdown(), s("onClick", t.extData));
+      return d = s.getJsonMerge(d, h.getClassNameJson(e.className)), d;
+    }), I = l(() => {
+      if (!(e.disabled || e.isDivider))
+        return i?.activeItemId() === n ? 0 : -1;
+    }), r = () => {
+      a.value?.focus();
+    }, v = () => {
+      e.disabled || i?.setActiveItemId(n);
     };
-    return (o, x) => e.isDivider ? (n(), d("li", {
+    w(() => {
+      e.isDivider || i?.registerItem({ id: n, disabled: e.disabled, focus: r });
+    }), _(() => {
+      e.isDivider || i?.unregisterItem({ id: n, disabled: e.disabled, focus: r });
+    });
+    const C = () => {
+      e.disabled || (i?.hideDropdown(), p("onClick", e.extData));
+    };
+    return (d, T) => t.isDivider ? (m(), u("li", {
       key: 0,
-      id: a(i),
+      id: c(o),
       role: "separator",
       class: "dropdownMenu-divider"
-    }, null, 8, h)) : (n(), d("li", {
+    }, null, 8, N)) : (m(), u("li", {
       key: 1,
-      id: a(i),
+      id: c(o),
       role: "menuitem",
-      "aria-disabled": e.disabled ? "true" : void 0,
-      class: C(m.value)
+      tabindex: I.value,
+      "aria-disabled": t.disabled ? "true" : void 0,
+      class: x(b.value),
+      ref_key: "refElItem",
+      ref: a,
+      onFocus: v
     }, [
-      b(D, {
-        url: e.url,
-        disabled: e.disabled,
+      y(E, {
+        url: t.url,
+        disabled: t.disabled,
         isHideUnderline: !0,
-        onOnClick: c
+        onOnClick: C
       }, {
-        default: k(() => [
-          w(o.$slots, "default")
+        default: M(() => [
+          B(d.$slots, "default")
         ]),
         _: 3
       }, 8, ["url", "disabled"])
-    ], 10, v));
+    ], 42, S));
   }
 });
 export {
-  N as default
+  R as default
 };

package/buildLibs/modules/dropdownMenuM.js

@@ -1,6 +1,6 @@
 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-C5l51ld_.js";
-import { C as le } from "./shared/index-wdK75uN2.js";
+import { C as c } from "./shared/base-fr2I80sU.js";
+import { C as le } from "./shared/index-B477PjJ3.js";
 /* empty css                      */
 const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
   name: "ClDropdownMenuM",

package/buildLibs/modules/dropdownMenuMItem.js

@@ -1,9 +1,9 @@
 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-BbLqiWNM.js";
-import { C as i } from "./shared/base-C5l51ld_.js";
-import { C as V } from "./shared/index-wdK75uN2.js";
-import { _ as $ } from "./shared/Index.vue_vue_type_script_setup_true_lang-CyKHq3tv.js";
-import { _ as ue } from "./shared/Index.vue_vue_type_script_setup_true_lang-BH8ejOuv.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-DapaVMSO.js";
+import { _ as ue } from "./shared/Index.vue_vue_type_script_setup_true_lang-C5i17oB9.js";
 /* empty css                      */
 const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
   key: 0,

package/buildLibs/modules/dropdownPopup.js

@@ -1,8 +1,8 @@
 import { defineComponent as m, useTemplateRef as f, computed as g, openBlock as C, createBlock as P, unref as O, withCtx as i, renderSlot as p } from "vue";
 import { c as t } from "./shared/log-BbLqiWNM.js";
-import { C as D } from "./shared/base-C5l51ld_.js";
-import { C as v } from "./shared/index-wdK75uN2.js";
-import { _ as y } from "./shared/Popup.vue_vue_type_script_setup_true_lang-CeZQDd0z.js";
+import { C as D } from "./shared/base-fr2I80sU.js";
+import { C as v } from "./shared/index-B477PjJ3.js";
+import { _ as y } from "./shared/Popup.vue_vue_type_script_setup_true_lang-YVBgERG9.js";
 const b = /* @__PURE__ */ m({
   name: "ClDropdownPopup",
   __name: "Index",

package/buildLibs/modules/echarts.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-DqUgH7kW.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-C2EI2VnJ.js";
 export {
   f as default
 };

package/buildLibs/modules/echartsLineAxisTag.js

@@ -1,8 +1,8 @@
 import { defineComponent as ne, useTemplateRef as oe, ref as W, computed as Z, onMounted as le, nextTick as re, watch as ue, openBlock as X, createBlock as ce, unref as me, withCtx as Q, renderSlot as j, createElementBlock as $, createElementVNode as k, Fragment as ee, renderList as ge, normalizeClass as de, createVNode as he } from "vue";
-import { C as e } from "./shared/base-C5l51ld_.js";
-import { C as te } from "./shared/index-wdK75uN2.js";
-import { _ as fe } from "./shared/Index.vue_vue_type_script_setup_true_lang-DqUgH7kW.js";
-import { _ as ye } from "./shared/Index.vue_vue_type_script_setup_true_lang-DEi_COkc.js";
+import { C as e } from "./shared/base-fr2I80sU.js";
+import { C as te } from "./shared/index-B477PjJ3.js";
+import { _ as fe } from "./shared/Index.vue_vue_type_script_setup_true_lang-C2EI2VnJ.js";
+import { _ as ye } from "./shared/Index.vue_vue_type_script_setup_true_lang-DB10zsLZ.js";
 class pe {
   colorPalette;
   constructor() {

package/buildLibs/modules/ellipsis.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-1gL-yfzx.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-CQ-_RRa-.js";
 export {
   f as default
 };

package/buildLibs/modules/empty.js

@@ -1,6 +1,6 @@
 import { defineComponent as f, useSlots as _, computed as s, openBlock as o, createElementBlock as n, normalizeClass as v, unref as C, createElementVNode as l, normalizeStyle as h, renderSlot as m, toDisplayString as E, createCommentVNode as c } from "vue";
-import { C as i } from "./shared/base-C5l51ld_.js";
-import { C as z } from "./shared/index-wdK75uN2.js";
+import { C as i } from "./shared/base-fr2I80sU.js";
+import { C as z } from "./shared/index-B477PjJ3.js";
 const I = ["id"], N = {
   key: 0,
   class: "empty-description"

package/buildLibs/modules/fileUpload.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-Bn3j7iE7.js";
+import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-DtsjjKBG.js";
 export {
   f as default
 };

package/buildLibs/modules/floatBubble.cjs

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

package/buildLibs/modules/floatBubble.d.ts

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

package/buildLibs/modules/{floatingBubble.js → floatBubble.js}

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

package/buildLibs/modules/floatPanel.cjs

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

package/buildLibs/modules/floatPanel.d.ts

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