@fecp/mobile 1.1.4 → 1.1.6

package/es/mobile.css

@@ -56,7 +56,45 @@
 :root,:host{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);--van-dropdown-menu-title-font-size: 15px;--van-dropdown-menu-title-text-color: var(--van-text-color);--van-dropdown-menu-title-active-text-color: var(--van-primary-color);--van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);--van-dropdown-menu-title-padding: 0 var(--van-padding-xs);--van-dropdown-menu-title-line-height: var(--van-line-height-lg);--van-dropdown-menu-option-active-color: var(--van-primary-color);--van-dropdown-menu-option-disabled-color: var(--van-text-color-3);--van-dropdown-menu-content-max-height: 80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background);box-shadow:var(--van-dropdown-menu-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__bar--scrollable{padding-left:var(--van-padding-base);padding-right:var(--van-padding-xs);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-dropdown-menu__bar--scrollable::-webkit-scrollbar{display:none}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__item--grow{flex:1 0 auto;padding-left:var(--van-padding-base);padding-right:var(--van-padding-sm)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active:after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
 :root,:host{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item__option--disabled,.van-dropdown-item__option--disabled .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-disabled-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}
 :root,:host{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background);will-change:transform}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background)}
-:root,:host{--van-floating-bubble-size: 48px;--van-floating-bubble-initial-gap: 24px;--van-floating-bubble-icon-size: 28px;--van-floating-bubble-background: var(--van-primary-color);--van-floating-bubble-color: var(--van-background-2);--van-floating-bubble-z-index: 999;--van-floating-bubble-border-radius: var(--van-radius-max)}.van-floating-bubble{position:fixed;left:0;top:0;right:var(--van-floating-bubble-initial-gap);bottom:var(--van-floating-bubble-initial-gap);width:var(--van-floating-bubble-size);height:var(--van-floating-bubble-size);box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--van-floating-bubble-background);color:var(--van-floating-bubble-color);border-radius:var(--van-floating-bubble-border-radius);z-index:var(--van-floating-bubble-z-index);transition:transform var(--van-duration-base)}.van-floating-bubble:active{opacity:.8}.van-floating-bubble__icon{font-size:var(--van-floating-bubble-icon-size)}
+:root,
+:host {
+  --van-floating-bubble-size: 48px;
+  --van-floating-bubble-initial-gap: 24px;
+  --van-floating-bubble-icon-size: 28px;
+  --van-floating-bubble-background: var(--van-primary-color);
+  --van-floating-bubble-color: var(--van-background-2);
+  --van-floating-bubble-z-index: 999;
+  --van-floating-bubble-border-radius: var(--van-radius-max);
+}
+.van-floating-bubble {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: var(--van-floating-bubble-initial-gap);
+  bottom: var(--van-floating-bubble-initial-gap);
+  width: var(--van-floating-bubble-size);
+  height: var(--van-floating-bubble-size);
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+  touch-action: none;
+  background: var(--van-floating-bubble-background);
+  color: var(--van-floating-bubble-color);
+  border-radius: var(--van-floating-bubble-border-radius);
+  z-index: var(--van-floating-bubble-z-index);
+  transition: transform var(--van-duration-base);
+}
+.van-floating-bubble:active {
+  opacity: 0.8;
+}
+.van-floating-bubble__icon {
+  font-size: var(--van-floating-bubble-icon-size);
+}
 :root,:host{--van-pull-refresh-head-height: 50px;--van-pull-refresh-head-font-size: var(--van-font-size-md);--van-pull-refresh-head-text-color: var(--van-text-color-2);--van-pull-refresh-loading-icon-size: 16px}.van-pull-refresh{overflow:hidden}.van-pull-refresh__track{position:relative;height:100%;transition-property:transform}.van-pull-refresh__head{position:absolute;left:0;width:100%;height:var(--van-pull-refresh-head-height);overflow:hidden;color:var(--van-pull-refresh-head-text-color);font-size:var(--van-pull-refresh-head-font-size);line-height:var(--van-pull-refresh-head-height);text-align:center;transform:translateY(-100%)}.van-pull-refresh__loading .van-loading__spinner{width:var(--van-pull-refresh-loading-icon-size);height:var(--van-pull-refresh-loading-icon-size)}
 .van-swipe-cell{position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab}.van-swipe-cell__wrapper{transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-property:transform}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}
 .van-checkbox-group--horizontal{display:flex;flex-wrap:wrap}

package/es/node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/composables/use-route.mjs

@@ -17,7 +17,6 @@ function route({
   }
 }
 function useRoute() {
-  debugger;
   const vm = getCurrentInstance().proxy;
   return () => route(vm);
 }

package/es/node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/grid/Grid.mjs

@@ -23,7 +23,6 @@ var stdin_default = defineComponent({
   setup(props, {
     slots
   }) {
-    debugger;
     const {
       linkChildren
     } = useChildren(GRID_KEY);

package/es/node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/grid-item/GridItem.mjs

@@ -30,7 +30,6 @@ var stdin_default = defineComponent({
       index
     } = useParent(GRID_KEY);
     const route = useRoute();
-    debugger;
     if (!parent) {
       return;
     }

package/es/node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/grid-item/index.mjs

@@ -2,7 +2,6 @@ import stdin_default from "./GridItem.mjs";
 import { gridItemProps } from "./GridItem.mjs";
 import { withInstall } from "../utils/with-install.mjs";
 const GridItem = withInstall(stdin_default);
-debugger;
 export {
   GridItem,
   gridItemProps

package/es/packages/mobile/src/components/feedback/floatingBubble/FloatingBubble.mjs

@@ -0,0 +1,207 @@
+import { defineComponent, ref, computed, onMounted, nextTick, watch, onActivated, onDeactivated, withDirectives, createVNode, mergeProps, vShow, Teleport } from "vue";
+import { useEventListener, useRect } from "../../../../../../node_modules/.pnpm/@vant_use@1.6.0_vue@3.5.13_typescript@5.7.3_/node_modules/@vant/use/dist/index.esm.mjs";
+import { useTouch } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/composables/use-touch.mjs";
+import stdin_default$1 from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.mjs";
+import { createNamespace } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/create.mjs";
+import { makeStringProp, makeNumberProp } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/props.mjs";
+import { windowHeight, windowWidth } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/dom.mjs";
+import { addUnit } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/format.mjs";
+import { pick } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/basic.mjs";
+import { closest } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/closest.mjs";
+const floatingBubbleProps = {
+  gapX: makeNumberProp(24),
+  gapY: makeNumberProp(24),
+  icon: String,
+  axis: makeStringProp("y"),
+  magnetic: String,
+  offset: {
+    type: Object,
+    default: () => ({
+      x: -1,
+      y: -1
+    })
+  },
+  teleport: {
+    type: [String, Object],
+    default: "body"
+  }
+};
+const [name, bem] = createNamespace("floating-bubble");
+var stdin_default = defineComponent({
+  name,
+  inheritAttrs: false,
+  props: floatingBubbleProps,
+  emits: ["click", "update:offset", "offsetChange"],
+  setup(props, { slots, emit, attrs }) {
+    const rootRef = ref();
+    const state = ref({
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    });
+    const boundary = computed(() => ({
+      top: props.gapY,
+      right: windowWidth.value - state.value.width - props.gapX,
+      bottom: windowHeight.value - state.value.height - props.gapY,
+      left: props.gapX
+    }));
+    const dragging = ref(false);
+    let initialized = false;
+    const rootStyle = computed(() => {
+      const style = {};
+      const x = addUnit(state.value.x);
+      const y = addUnit(state.value.y);
+      style.transform = `translate3d(${x}, ${y}, 0)`;
+      if (dragging.value || !initialized) {
+        style.transition = "none";
+      }
+      return style;
+    });
+    const updateState = () => {
+      if (!show.value) return;
+      const { width, height } = useRect(rootRef.value);
+      const { offset } = props;
+      state.value = {
+        x: offset.x > -1 ? offset.x : windowWidth.value - width - props.gapX,
+        y: offset.y > -1 ? offset.y : windowHeight.value - height - props.gapY,
+        width,
+        height
+      };
+    };
+    const touch = useTouch();
+    let prevX = 0;
+    let prevY = 0;
+    const onTouchStart = (e) => {
+      touch.start(e);
+      dragging.value = true;
+      prevX = state.value.x;
+      prevY = state.value.y;
+    };
+    const onTouchMove = (e) => {
+      e.preventDefault();
+      touch.move(e);
+      if (props.axis === "lock") return;
+      if (!touch.isTap.value) {
+        if (props.axis === "x" || props.axis === "xy") {
+          let nextX = prevX + touch.deltaX.value;
+          if (nextX < boundary.value.left) nextX = boundary.value.left;
+          if (nextX > boundary.value.right) nextX = boundary.value.right;
+          state.value.x = nextX;
+        }
+        if (props.axis === "y" || props.axis === "xy") {
+          let nextY = prevY + touch.deltaY.value;
+          if (nextY < boundary.value.top) nextY = boundary.value.top;
+          if (nextY > boundary.value.bottom) nextY = boundary.value.bottom;
+          state.value.y = nextY;
+        }
+        const offset = pick(state.value, ["x", "y"]);
+        emit("update:offset", offset);
+      }
+    };
+    useEventListener("touchmove", onTouchMove, {
+      target: rootRef
+    });
+    const onTouchEnd = () => {
+      dragging.value = false;
+      nextTick(() => {
+        if (props.magnetic === "x") {
+          const nextX = closest(
+            [boundary.value.left, boundary.value.right],
+            state.value.x
+          );
+          state.value.x = nextX;
+        }
+        if (props.magnetic === "y") {
+          const nextY = closest(
+            [boundary.value.top, boundary.value.bottom],
+            state.value.y
+          );
+          state.value.y = nextY;
+        }
+        if (!touch.isTap.value) {
+          const offset = pick(state.value, ["x", "y"]);
+          emit("update:offset", offset);
+          if (prevX !== offset.x || prevY !== offset.y) {
+            emit("offsetChange", offset);
+          }
+        }
+      });
+    };
+    const onClick = (e) => {
+      if (touch.isTap.value) emit("click", e);
+      else e.stopPropagation();
+    };
+    onMounted(() => {
+      updateState();
+      nextTick(() => {
+        initialized = true;
+      });
+    });
+    watch(
+      [
+        windowWidth,
+        windowHeight,
+        () => props.gapX,
+        () => props.gapY,
+        () => props.offset
+      ],
+      updateState,
+      {
+        deep: true
+      }
+    );
+    const show = ref(true);
+    onActivated(() => {
+      show.value = true;
+    });
+    onDeactivated(() => {
+      if (props.teleport) {
+        show.value = false;
+      }
+    });
+    return () => {
+      const Content = withDirectives(
+        createVNode(
+          "div",
+          mergeProps(
+            {
+              class: bem(),
+              ref: rootRef,
+              onTouchstartPassive: onTouchStart,
+              onTouchend: onTouchEnd,
+              onTouchcancel: onTouchEnd,
+              onClickCapture: onClick,
+              style: rootStyle.value
+            },
+            attrs
+          ),
+          [
+            slots.default ? slots.default() : createVNode(
+              stdin_default$1,
+              {
+                name: props.icon,
+                class: bem("icon")
+              },
+              null
+            )
+          ]
+        ),
+        [[vShow, show.value]]
+      );
+      return props.teleport ? createVNode(
+        Teleport,
+        {
+          to: props.teleport
+        },
+        {
+          default: () => [Content]
+        }
+      ) : Content;
+    };
+  }
+});
+export {
+  stdin_default as default,
+  floatingBubbleProps
+};

package/es/packages/mobile/src/components/feedback/floatingBubble/FloatingBubble.vue.mjs

@@ -1,10 +1,7 @@
-/* empty css                                                                                                                 */
-/* empty css                                                                                                                  */
-/* empty css                                                                                                                 */
-/* empty css                                                                                                                            */
-import { createBlock, openBlock, mergeProps, unref, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { computed, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+import stdin_default from "./FloatingBubble.mjs";
+/* empty css           */
 import { routeProps, useRoute } from "../../../utils/use-route.mjs";
-import { FloatingBubble } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/floating-bubble/index.mjs";
 const _sfc_main = {
   __name: "FloatingBubble",
   props: {
@@ -22,11 +19,18 @@ const _sfc_main = {
   },
   setup(__props) {
     const route = useRoute();
+    const props = __props;
+    const compMagnetic = computed(() => {
+      if (props.axis == "xy") {
+        return props.magnetic;
+      } else {
+        return "";
+      }
+    });
     return (_ctx, _cache) => {
-      const _component_van_floating_bubble = FloatingBubble;
-      return openBlock(), createBlock(_component_van_floating_bubble, mergeProps(_ctx.$attrs, {
+      return openBlock(), createBlock(unref(stdin_default), mergeProps(_ctx.$attrs, {
         axis: __props.axis,
-        magnetic: "x",
+        magnetic: compMagnetic.value,
         onClick: unref(route)
       }), createSlots({ _: 2 }, [
         renderList(_ctx.$slots, (item, key) => {
@@ -37,7 +41,7 @@ const _sfc_main = {
             ])
           };
         })
-      ]), 1040, ["axis", "onClick"]);
+      ]), 1040, ["axis", "magnetic", "onClick"]);
     };
   }
 };

package/lib/mobile.css

@@ -56,7 +56,45 @@
 :root,:host{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);--van-dropdown-menu-title-font-size: 15px;--van-dropdown-menu-title-text-color: var(--van-text-color);--van-dropdown-menu-title-active-text-color: var(--van-primary-color);--van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);--van-dropdown-menu-title-padding: 0 var(--van-padding-xs);--van-dropdown-menu-title-line-height: var(--van-line-height-lg);--van-dropdown-menu-option-active-color: var(--van-primary-color);--van-dropdown-menu-option-disabled-color: var(--van-text-color-3);--van-dropdown-menu-content-max-height: 80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background);box-shadow:var(--van-dropdown-menu-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__bar--scrollable{padding-left:var(--van-padding-base);padding-right:var(--van-padding-xs);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-dropdown-menu__bar--scrollable::-webkit-scrollbar{display:none}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__item--grow{flex:1 0 auto;padding-left:var(--van-padding-base);padding-right:var(--van-padding-sm)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active:after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
 :root,:host{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item__option--disabled,.van-dropdown-item__option--disabled .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-disabled-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}
 :root,:host{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background);will-change:transform}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background)}
-:root,:host{--van-floating-bubble-size: 48px;--van-floating-bubble-initial-gap: 24px;--van-floating-bubble-icon-size: 28px;--van-floating-bubble-background: var(--van-primary-color);--van-floating-bubble-color: var(--van-background-2);--van-floating-bubble-z-index: 999;--van-floating-bubble-border-radius: var(--van-radius-max)}.van-floating-bubble{position:fixed;left:0;top:0;right:var(--van-floating-bubble-initial-gap);bottom:var(--van-floating-bubble-initial-gap);width:var(--van-floating-bubble-size);height:var(--van-floating-bubble-size);box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--van-floating-bubble-background);color:var(--van-floating-bubble-color);border-radius:var(--van-floating-bubble-border-radius);z-index:var(--van-floating-bubble-z-index);transition:transform var(--van-duration-base)}.van-floating-bubble:active{opacity:.8}.van-floating-bubble__icon{font-size:var(--van-floating-bubble-icon-size)}
+:root,
+:host {
+  --van-floating-bubble-size: 48px;
+  --van-floating-bubble-initial-gap: 24px;
+  --van-floating-bubble-icon-size: 28px;
+  --van-floating-bubble-background: var(--van-primary-color);
+  --van-floating-bubble-color: var(--van-background-2);
+  --van-floating-bubble-z-index: 999;
+  --van-floating-bubble-border-radius: var(--van-radius-max);
+}
+.van-floating-bubble {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: var(--van-floating-bubble-initial-gap);
+  bottom: var(--van-floating-bubble-initial-gap);
+  width: var(--van-floating-bubble-size);
+  height: var(--van-floating-bubble-size);
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+  touch-action: none;
+  background: var(--van-floating-bubble-background);
+  color: var(--van-floating-bubble-color);
+  border-radius: var(--van-floating-bubble-border-radius);
+  z-index: var(--van-floating-bubble-z-index);
+  transition: transform var(--van-duration-base);
+}
+.van-floating-bubble:active {
+  opacity: 0.8;
+}
+.van-floating-bubble__icon {
+  font-size: var(--van-floating-bubble-icon-size);
+}
 :root,:host{--van-pull-refresh-head-height: 50px;--van-pull-refresh-head-font-size: var(--van-font-size-md);--van-pull-refresh-head-text-color: var(--van-text-color-2);--van-pull-refresh-loading-icon-size: 16px}.van-pull-refresh{overflow:hidden}.van-pull-refresh__track{position:relative;height:100%;transition-property:transform}.van-pull-refresh__head{position:absolute;left:0;width:100%;height:var(--van-pull-refresh-head-height);overflow:hidden;color:var(--van-pull-refresh-head-text-color);font-size:var(--van-pull-refresh-head-font-size);line-height:var(--van-pull-refresh-head-height);text-align:center;transform:translateY(-100%)}.van-pull-refresh__loading .van-loading__spinner{width:var(--van-pull-refresh-loading-icon-size);height:var(--van-pull-refresh-loading-icon-size)}
 .van-swipe-cell{position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab}.van-swipe-cell__wrapper{transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-property:transform}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}
 .van-checkbox-group--horizontal{display:flex;flex-wrap:wrap}

package/lib/node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/composables/use-route.js

@@ -19,7 +19,6 @@ function route({
   }
 }
 function useRoute() {
-  debugger;
   const vm = vue.getCurrentInstance().proxy;
   return () => route(vm);
 }

package/lib/node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/grid/Grid.js

@@ -25,7 +25,6 @@ var stdin_default = vue.defineComponent({
   setup(props2, {
     slots
   }) {
-    debugger;
     const {
       linkChildren
     } = index_esm.useChildren(GRID_KEY);

package/lib/node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/grid-item/GridItem.js

@@ -32,7 +32,6 @@ var stdin_default = vue.defineComponent({
       index: index$2
     } = index_esm.useParent(Grid.GRID_KEY);
     const route = useRoute.useRoute();
-    debugger;
     if (!parent) {
       return;
     }

package/lib/node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/grid-item/index.js

@@ -3,6 +3,5 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const GridItem$1 = require("./GridItem.js");
 const withInstall = require("../utils/with-install.js");
 const GridItem = withInstall.withInstall(GridItem$1.default);
-debugger;
 exports.gridItemProps = GridItem$1.gridItemProps;
 exports.GridItem = GridItem;

package/lib/packages/mobile/src/components/feedback/floatingBubble/FloatingBubble.js

@@ -0,0 +1,207 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index_esm = require("../../../../../../node_modules/.pnpm/@vant_use@1.6.0_vue@3.5.13_typescript@5.7.3_/node_modules/@vant/use/dist/index.esm.js");
+const useTouch = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/composables/use-touch.js");
+const index = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.js");
+const create = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/create.js");
+const props = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/props.js");
+const dom = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/dom.js");
+const format = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/format.js");
+const basic = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/basic.js");
+const closest = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/utils/closest.js");
+const floatingBubbleProps = {
+  gapX: props.makeNumberProp(24),
+  gapY: props.makeNumberProp(24),
+  icon: String,
+  axis: props.makeStringProp("y"),
+  magnetic: String,
+  offset: {
+    type: Object,
+    default: () => ({
+      x: -1,
+      y: -1
+    })
+  },
+  teleport: {
+    type: [String, Object],
+    default: "body"
+  }
+};
+const [name, bem] = create.createNamespace("floating-bubble");
+var stdin_default = vue.defineComponent({
+  name,
+  inheritAttrs: false,
+  props: floatingBubbleProps,
+  emits: ["click", "update:offset", "offsetChange"],
+  setup(props2, { slots, emit, attrs }) {
+    const rootRef = vue.ref();
+    const state = vue.ref({
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    });
+    const boundary = vue.computed(() => ({
+      top: props2.gapY,
+      right: dom.windowWidth.value - state.value.width - props2.gapX,
+      bottom: dom.windowHeight.value - state.value.height - props2.gapY,
+      left: props2.gapX
+    }));
+    const dragging = vue.ref(false);
+    let initialized = false;
+    const rootStyle = vue.computed(() => {
+      const style = {};
+      const x = format.addUnit(state.value.x);
+      const y = format.addUnit(state.value.y);
+      style.transform = `translate3d(${x}, ${y}, 0)`;
+      if (dragging.value || !initialized) {
+        style.transition = "none";
+      }
+      return style;
+    });
+    const updateState = () => {
+      if (!show.value) return;
+      const { width, height } = index_esm.useRect(rootRef.value);
+      const { offset } = props2;
+      state.value = {
+        x: offset.x > -1 ? offset.x : dom.windowWidth.value - width - props2.gapX,
+        y: offset.y > -1 ? offset.y : dom.windowHeight.value - height - props2.gapY,
+        width,
+        height
+      };
+    };
+    const touch = useTouch.useTouch();
+    let prevX = 0;
+    let prevY = 0;
+    const onTouchStart = (e) => {
+      touch.start(e);
+      dragging.value = true;
+      prevX = state.value.x;
+      prevY = state.value.y;
+    };
+    const onTouchMove = (e) => {
+      e.preventDefault();
+      touch.move(e);
+      if (props2.axis === "lock") return;
+      if (!touch.isTap.value) {
+        if (props2.axis === "x" || props2.axis === "xy") {
+          let nextX = prevX + touch.deltaX.value;
+          if (nextX < boundary.value.left) nextX = boundary.value.left;
+          if (nextX > boundary.value.right) nextX = boundary.value.right;
+          state.value.x = nextX;
+        }
+        if (props2.axis === "y" || props2.axis === "xy") {
+          let nextY = prevY + touch.deltaY.value;
+          if (nextY < boundary.value.top) nextY = boundary.value.top;
+          if (nextY > boundary.value.bottom) nextY = boundary.value.bottom;
+          state.value.y = nextY;
+        }
+        const offset = basic.pick(state.value, ["x", "y"]);
+        emit("update:offset", offset);
+      }
+    };
+    index_esm.useEventListener("touchmove", onTouchMove, {
+      target: rootRef
+    });
+    const onTouchEnd = () => {
+      dragging.value = false;
+      vue.nextTick(() => {
+        if (props2.magnetic === "x") {
+          const nextX = closest.closest(
+            [boundary.value.left, boundary.value.right],
+            state.value.x
+          );
+          state.value.x = nextX;
+        }
+        if (props2.magnetic === "y") {
+          const nextY = closest.closest(
+            [boundary.value.top, boundary.value.bottom],
+            state.value.y
+          );
+          state.value.y = nextY;
+        }
+        if (!touch.isTap.value) {
+          const offset = basic.pick(state.value, ["x", "y"]);
+          emit("update:offset", offset);
+          if (prevX !== offset.x || prevY !== offset.y) {
+            emit("offsetChange", offset);
+          }
+        }
+      });
+    };
+    const onClick = (e) => {
+      if (touch.isTap.value) emit("click", e);
+      else e.stopPropagation();
+    };
+    vue.onMounted(() => {
+      updateState();
+      vue.nextTick(() => {
+        initialized = true;
+      });
+    });
+    vue.watch(
+      [
+        dom.windowWidth,
+        dom.windowHeight,
+        () => props2.gapX,
+        () => props2.gapY,
+        () => props2.offset
+      ],
+      updateState,
+      {
+        deep: true
+      }
+    );
+    const show = vue.ref(true);
+    vue.onActivated(() => {
+      show.value = true;
+    });
+    vue.onDeactivated(() => {
+      if (props2.teleport) {
+        show.value = false;
+      }
+    });
+    return () => {
+      const Content = vue.withDirectives(
+        vue.createVNode(
+          "div",
+          vue.mergeProps(
+            {
+              class: bem(),
+              ref: rootRef,
+              onTouchstartPassive: onTouchStart,
+              onTouchend: onTouchEnd,
+              onTouchcancel: onTouchEnd,
+              onClickCapture: onClick,
+              style: rootStyle.value
+            },
+            attrs
+          ),
+          [
+            slots.default ? slots.default() : vue.createVNode(
+              index.default,
+              {
+                name: props2.icon,
+                class: bem("icon")
+              },
+              null
+            )
+          ]
+        ),
+        [[vue.vShow, show.value]]
+      );
+      return props2.teleport ? vue.createVNode(
+        vue.Teleport,
+        {
+          to: props2.teleport
+        },
+        {
+          default: () => [Content]
+        }
+      ) : Content;
+    };
+  }
+});
+exports.default = stdin_default;
+exports.floatingBubbleProps = floatingBubbleProps;

package/lib/packages/mobile/src/components/feedback/floatingBubble/FloatingBubble.vue.js

@@ -1,12 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                                                                                                                 */
-;/* empty css                                                                                                                  */
-;/* empty css                                                                                                                 */
-;/* empty css                                                                                                                            */
 const vue = require("vue");
+const FloatingBubble = require("./FloatingBubble.js");
+;/* empty css           */
 const useRoute = require("../../../utils/use-route.js");
-const index = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/floating-bubble/index.js");
 const _sfc_main = {
   __name: "FloatingBubble",
   props: {
@@ -24,11 +21,18 @@ const _sfc_main = {
   },
   setup(__props) {
     const route = useRoute.useRoute();
+    const props = __props;
+    const compMagnetic = vue.computed(() => {
+      if (props.axis == "xy") {
+        return props.magnetic;
+      } else {
+        return "";
+      }
+    });
     return (_ctx, _cache) => {
-      const _component_van_floating_bubble = index.FloatingBubble;
-      return vue.openBlock(), vue.createBlock(_component_van_floating_bubble, vue.mergeProps(_ctx.$attrs, {
+      return vue.openBlock(), vue.createBlock(vue.unref(FloatingBubble.default), vue.mergeProps(_ctx.$attrs, {
         axis: __props.axis,
-        magnetic: "x",
+        magnetic: compMagnetic.value,
         onClick: vue.unref(route)
       }), vue.createSlots({ _: 2 }, [
         vue.renderList(_ctx.$slots, (item, key) => {
@@ -39,7 +43,7 @@ const _sfc_main = {
             ])
           };
         })
-      ]), 1040, ["axis", "onClick"]);
+      ]), 1040, ["axis", "magnetic", "onClick"]);
     };
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/mobile",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "main": "lib/packages/mobile/index.js",
   "module": "es/packages/mobile/index.mjs",
   "files": [