jky-component-lib 0.0.141 → 0.0.142

package/dist/es/amap/AClusterMarker/AClusterMarker.vue.d.ts

@@ -0,0 +1,55 @@
+import { AClusterMarkerProps, ClusterPoint } from './types';
+declare global {
+    interface Window {
+        AMap: any;
+    }
+}
+type __VLS_Props = AClusterMarkerProps;
+declare function updatePoints(newPoints: ClusterPoint[]): void;
+declare function clearClusters(): void;
+declare function destroy(): void;
+type __VLS_PublicProps = {
+    modelValue?: ClusterPoint[];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    updatePoints: typeof updatePoints;
+    clearClusters: typeof clearClusters;
+    destroy: typeof destroy;
+    getClusterInstance: () => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: ClusterPoint[]) => any;
+} & {
+    click: (cluster: any) => any;
+    mouseout: (cluster: any) => any;
+    mouseover: (cluster: any) => any;
+    ready: (cluster: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ClusterPoint[]) => any) | undefined;
+    onClick?: ((cluster: any) => any) | undefined;
+    onMouseout?: ((cluster: any) => any) | undefined;
+    onMouseover?: ((cluster: any) => any) | undefined;
+    onReady?: ((cluster: any) => any) | undefined;
+}>, {
+    gridSize: number;
+    visible: boolean;
+    zoomOnClick: boolean;
+    minClusterSize: number;
+    averageCenter: boolean;
+    enable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/amap/AClusterMarker/AClusterMarker.vue.js

@@ -0,0 +1,202 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, useModel, watch, onUnmounted, renderSlot, mergeModels } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyAClusterMarker",
+  inheritAttrs: false
+}), {
+  __name: "AClusterMarker",
+  props: /* @__PURE__ */ mergeModels({
+    map: {},
+    points: {},
+    gridSize: { default: 60 },
+    styles: {},
+    visible: { type: Boolean, default: true },
+    zoomOnClick: { type: Boolean, default: true },
+    minClusterSize: { default: 2 },
+    maxZoom: {},
+    averageCenter: { type: Boolean, default: false },
+    renderClusterMarker: {},
+    renderMarker: {},
+    enable: { type: Boolean, default: true }
+  }, {
+    "modelValue": { default: () => [] },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["click", "mouseover", "mouseout", "ready"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    let clusterInstance = null;
+    let mapInstance = null;
+    function initCluster(map) {
+      if (!map || !window.AMap)
+        return;
+      mapInstance = map;
+      if (!window.AMap.MarkerCluster) {
+        console.warn("AMap.MarkerCluster 插件未加载，请先加载插件");
+        return;
+      }
+      if (clusterInstance) {
+        clusterInstance.setMap(null);
+        clusterInstance = null;
+      }
+      const points = preparePoints();
+      const clusterOptions = {
+        gridSize: props.gridSize,
+        zoomOnClick: props.zoomOnClick,
+        minClusterSize: props.minClusterSize,
+        averageCenter: props.averageCenter
+      };
+      if (props.styles && props.styles.length > 0) {
+        clusterOptions.styles = props.styles.map((style) => ({
+          url: style.url,
+          size: style.size ? new window.AMap.Size(style.size[0], style.size[1]) : void 0,
+          offset: style.offset ? new window.AMap.Pixel(style.offset[0], style.offset[1]) : void 0,
+          textColor: style.textColor,
+          textSize: style.textSize
+        }));
+      }
+      if (props.renderClusterMarker) {
+        clusterOptions.renderClusterMarker = props.renderClusterMarker;
+      }
+      if (props.renderMarker) {
+        clusterOptions.renderMarker = props.renderMarker;
+      }
+      clusterInstance = new window.AMap.MarkerCluster(map, points, clusterOptions);
+      clusterInstance.on("click", (cluster) => {
+        emit("click", cluster);
+      });
+      clusterInstance.on("mouseover", (cluster) => {
+        emit("mouseover", cluster);
+      });
+      clusterInstance.on("mouseout", (cluster) => {
+        emit("mouseout", cluster);
+      });
+      emit("ready", clusterInstance);
+    }
+    function preparePoints() {
+      const points = props.points || modelValue.value || [];
+      return points.map((point) => __spreadValues({
+        lnglat: point.lnglat,
+        title: point.title,
+        content: point.content
+      }, point.data));
+    }
+    function updatePoints(newPoints) {
+      if (!clusterInstance)
+        return;
+      clusterInstance.setMap(null);
+      const points = newPoints.map((point) => __spreadValues({
+        lnglat: point.lnglat,
+        title: point.title,
+        content: point.content
+      }, point.data));
+      clusterInstance.addMarkers(points);
+    }
+    function clearClusters() {
+      if (clusterInstance) {
+        clusterInstance.setMap(null);
+      }
+    }
+    function destroy() {
+      if (clusterInstance) {
+        clusterInstance.setMap(null);
+        clusterInstance = null;
+      }
+    }
+    __expose({
+      updatePoints,
+      clearClusters,
+      destroy,
+      getClusterInstance: () => clusterInstance
+    });
+    watch(
+      () => props.map,
+      (newMap) => {
+        if (newMap && props.enable) {
+          initCluster(newMap);
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.points,
+      (newPoints) => {
+        if (clusterInstance && newPoints) {
+          updatePoints(newPoints);
+        }
+      },
+      { deep: true }
+    );
+    watch(
+      () => modelValue.value,
+      (newValue) => {
+        if (clusterInstance && newValue) {
+          updatePoints(newValue);
+        }
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.gridSize,
+      () => {
+        if (mapInstance && props.enable) {
+          initCluster(mapInstance);
+        }
+      }
+    );
+    watch(
+      () => props.styles,
+      () => {
+        if (mapInstance && props.enable) {
+          initCluster(mapInstance);
+        }
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.renderClusterMarker,
+      () => {
+        if (mapInstance && props.enable) {
+          initCluster(mapInstance);
+        }
+      }
+    );
+    watch(
+      () => props.renderMarker,
+      () => {
+        if (mapInstance && props.enable) {
+          initCluster(mapInstance);
+        }
+      }
+    );
+    onUnmounted(() => {
+      destroy();
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+}));
+export {
+  _sfc_main as default
+};

package/dist/es/amap/AClusterMarker/AClusterMarker.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./AClusterMarker.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/amap/AClusterMarker/index.d.ts

@@ -0,0 +1,4 @@
+import { InstallWithSFC } from '../../utils';
+import { default as AClusterMarker } from './AClusterMarker.vue';
+export declare const JkyAClusterMarker: InstallWithSFC<typeof AClusterMarker>;
+export default JkyAClusterMarker;

package/dist/es/amap/AClusterMarker/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./AClusterMarker.vue.js";
+import { installWithSFC } from "../../utils/with-install.js";
+const JkyAClusterMarker = installWithSFC(_sfc_main);
+export {
+  JkyAClusterMarker,
+  JkyAClusterMarker as default
+};

package/dist/es/amap/AMap.vue.d.ts

@@ -16,20 +16,20 @@ declare const __VLS_component: import('vue').DefineComponent<AMapProps, {
     removeMarker: (marker: any) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (data: any) => any;
+    ready: (map: any) => any;
     moveend: (center: {
         lng: number;
         lat: number;
     }) => any;
     zoomend: (zoom: number) => any;
-    ready: (map: any) => any;
 }, string, import('vue').PublicProps, Readonly<AMapProps> & Readonly<{
     onClick?: ((data: any) => any) | undefined;
+    onReady?: ((map: any) => any) | undefined;
     onMoveend?: ((center: {
         lng: number;
         lat: number;
     }) => any) | undefined;
     onZoomend?: ((zoom: number) => any) | undefined;
-    onReady?: ((map: any) => any) | undefined;
 }>, {
     width: string;
     height: string;

package/dist/es/amap/AMap.vue.js

@@ -78,7 +78,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     const isMapLoaded = ref(false);
     const controls = ref({});
     const getMapUrl = computed(() => {
-      const plugins = [];
+      const plugins = [
+        "AMap.MarkerCluster"
+      ];
       if (props.showScale)
         plugins.push("AMap.Scale");
       if (props.showHawkEye)

package/dist/es/amap/AMapPicker/AMapPicker.vue.js

@@ -108,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                 token: __props.token,
                 zoom: __props.zoom,
                 center: __props.center,
-                height: "320px",
+                class: "w-full h-80",
                 onClick: handleMapClick
               }, {
                 default: withCtx(() => {

package/dist/es/amap/AMarker.vue.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_component: import('vue').DefineComponent<AMapMarkerProps, {
     onMouseout?: ((marker: any, data: MarkerData) => any) | undefined;
     onMouseover?: ((marker: any, data: MarkerData) => any) | undefined;
 }>, {
-    draggable: boolean;
     visible: boolean;
+    draggable: boolean;
     updateMode: "incremental" | "full";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/es/amap/index.d.ts

@@ -1,11 +1,15 @@
 import { InstallWithSFC } from '../utils';
+import { default as AClusterMarker } from './AClusterMarker';
 import { default as AMap } from './AMap.vue';
 import { default as AMapPicker } from './AMapPicker/AMapPicker.vue';
 import { default as AMarker } from './AMarker.vue';
 import { default as ATrackPlayback } from './ATrackPlayback.vue';
+export type * from './AClusterMarker/types';
+export type * from './types';
 export declare const JkyAMap: InstallWithSFC<typeof AMap>;
 export declare const JkyAMapPicker: InstallWithSFC<typeof AMapPicker>;
+export declare const JkyAClusterMarker: InstallWithSFC<typeof AClusterMarker>;
 export declare const JkyAMarker: InstallWithSFC<typeof AMarker>;
 export declare const JkyATrackPlayback: InstallWithSFC<typeof ATrackPlayback>;
 export default JkyAMap;
-export { AMapPicker, AMarker, ATrackPlayback };
+export { AClusterMarker, AMapPicker, AMarker, ATrackPlayback };

package/dist/es/amap/index.js

@@ -1,3 +1,4 @@
+import { JkyAClusterMarker as JkyAClusterMarker$1 } from "./AClusterMarker/index.js";
 import _sfc_main from "./AMap.vue.js";
 /* empty css          */
 import _sfc_main$1 from "./AMapPicker/AMapPicker.vue.js";
@@ -8,12 +9,15 @@ import _sfc_main$3 from "./ATrackPlayback.vue.js";
 import { installWithSFC } from "../utils/with-install.js";
 const JkyAMap = installWithSFC(_sfc_main);
 const JkyAMapPicker = installWithSFC(_sfc_main$1);
+const JkyAClusterMarker = installWithSFC(JkyAClusterMarker$1);
 const JkyAMarker = installWithSFC(_sfc_main$2);
 const JkyATrackPlayback = installWithSFC(_sfc_main$3);
 export {
+  JkyAClusterMarker$1 as AClusterMarker,
   _sfc_main$1 as AMapPicker,
   _sfc_main$2 as AMarker,
   _sfc_main$3 as ATrackPlayback,
+  JkyAClusterMarker,
   JkyAMap,
   JkyAMapPicker,
   JkyAMarker,

package/dist/es/amap/style.css

@@ -1,14 +1,7 @@
-/* AMap 高德地图组件样式 */
-.jky-amap-container {
-  /* 地图容器样式 */
-  position: relative;
-  overflow: hidden;
 
-  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
-.amap-logo {
-    display: none !important;
-}
-.amap-copyright {
-    display: none !important;
-}
+/* JkyAMarker 组件样式 - 参考高德官方示例 */
+.amap-icon img,
+.amap-marker-content img {
+  width: 25px;
+  height: 34px;
 }

package/dist/es/amap/style2.css

@@ -1,3 +1,14 @@
+/* AMap 高德地图组件样式 */
+.jky-amap-container {
+  /* 地图容器样式 */
+  position: relative;
+  overflow: hidden;
 
-/* 轨迹回放组件不需要额外样式 */
-/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */
+  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
+.amap-logo {
+    display: none !important;
+}
+.amap-copyright {
+    display: none !important;
+}
+}

package/dist/es/amap/style3.css

@@ -1,7 +1,3 @@
 
-/* JkyAMarker 组件样式 - 参考高德官方示例 */
-.amap-icon img,
-.amap-marker-content img {
-  width: 25px;
-  height: 34px;
-}
+/* 轨迹回放组件不需要额外样式 */
+/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */

package/dist/es/code-mirror-editor/CodeMirrorEditor.vue.js

@@ -28,7 +28,7 @@ import { EditorState } from "@codemirror/state";
 import { oneDark } from "@codemirror/theme-one-dark";
 import { EditorView, lineNumbers } from "@codemirror/view";
 import { basicSetup } from "codemirror";
-const _hoisted_1 = { class: "j-code-mirror-editor min-h-40 min-w-50" };
+const _hoisted_1 = { class: "j-code-mirror-editor min-h-0 min-w-full" };
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyCodeMirrorEditor"
 }), {

package/dist/es/components.d.ts

@@ -4,6 +4,7 @@ export * from './amap';
 export * from './button';
 export * from './button-nav';
 export * from './code-mirror-editor';
+export * from './draggable';
 export * from './form';
 export * from './menu';
 export * from './modal';

package/dist/es/components.js

@@ -1,9 +1,10 @@
 import { JkyAddInput } from "./add-input/index.js";
 import { JkyAMap, JkyAMapPicker } from "./amap/index.js";
-import { JkyAMarker, JkyATrackPlayback } from "./amap/index.js";
+import { JkyAClusterMarker, JkyAMarker, JkyATrackPlayback } from "./amap/index.js";
 import { JkyButton } from "./button/index.js";
 import { JkyButtonNav } from "./button-nav/index.js";
 import { JkyCodeMirrorEditor } from "./code-mirror-editor/index.js";
+import { JkyDraggable } from "./draggable/index.js";
 import { JkyForm, JkyFormItem, JkyAMapPickerItem } from "./form/index.js";
 import { JkyMenu } from "./menu/index.js";
 import { JkyModal } from "./modal/index.js";
@@ -33,9 +34,11 @@ const components = [
   JkyTabs,
   JkyModal,
   JkyAMap,
-  JkyAMapPicker
+  JkyAMapPicker,
+  JkyDraggable
 ];
 export {
+  JkyAClusterMarker,
   JkyAMap,
   JkyAMapPicker,
   JkyAMapPickerItem,
@@ -46,6 +49,7 @@ export {
   JkyButton,
   JkyButtonNav,
   JkyCodeMirrorEditor,
+  JkyDraggable,
   JkyForm,
   JkyFormItem,
   JkyMenu,

package/dist/es/draggable/Draggable.vue.d.ts

@@ -0,0 +1,78 @@
+import { DraggableProps, DraggableSlots } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<DraggableSlots> & DraggableSlots;
+    refs: {
+        dragRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DraggableProps, {
+    /** 手动保存位置 */
+    savePosition: () => void;
+    /** 重置位置到初始值 */
+    resetPosition: () => void;
+    /** 获取当前位置 */
+    getPosition: () => {
+        x: number;
+        y: number;
+    };
+    /** 是否正在拖拽 */
+    isDragging: () => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (position: {
+        x: number;
+        y: number;
+    }) => any;
+    click: (event: MouseEvent) => any;
+    start: (position: {
+        x: number;
+        y: number;
+    }) => any;
+    end: (position: {
+        x: number;
+        y: number;
+    }) => any;
+    move: (position: {
+        x: number;
+        y: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<DraggableProps> & Readonly<{
+    onChange?: ((position: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onStart?: ((position: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
+    onEnd?: ((position: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
+    onMove?: ((position: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
+}>, {
+    disabled: boolean;
+    initialValue: {
+        x: number;
+        y: number;
+    };
+    storageKey: string;
+    persistPosition: boolean;
+    boundToViewport: boolean;
+    viewportMargin: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dragRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/draggable/Draggable.vue.js

@@ -0,0 +1,130 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, renderSlot } from "vue";
+import { useDraggable } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyDraggable"
+}), {
+  __name: "Draggable",
+  props: {
+    disabled: { type: Boolean, default: false },
+    initialValue: { default: () => ({ x: 100, y: 100 }) },
+    storageKey: { default: "jky-draggable-position" },
+    persistPosition: { type: Boolean, default: true },
+    boundToViewport: { type: Boolean, default: true },
+    viewportMargin: { default: 0 }
+  },
+  emits: ["start", "move", "end", "change", "click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dragRef = ref(null);
+    const startPosition = ref(null);
+    function getInitialPosition() {
+      if (!props.persistPosition) {
+        return props.initialValue || { x: 100, y: 100 };
+      }
+      const saved = localStorage.getItem(props.storageKey);
+      if (saved) {
+        try {
+          return JSON.parse(saved);
+        } catch (e) {
+        }
+      }
+      return props.initialValue || { x: 100, y: 100 };
+    }
+    function savePosition(x2, y2) {
+      if (!props.persistPosition)
+        return;
+      localStorage.setItem(props.storageKey, JSON.stringify({ x: x2, y: y2 }));
+    }
+    const { x, y, style, isDragging } = useDraggable(dragRef, {
+      initialValue: getInitialPosition(),
+      disabled: props.disabled,
+      preventDefault: true,
+      // stopPropagation: true,
+      onStart: () => {
+        startPosition.value = { x: x.value, y: y.value };
+        emit("start", { x: x.value, y: y.value });
+      },
+      onMove: () => {
+        emit("move", { x: x.value, y: y.value });
+      },
+      onEnd: (position) => {
+        savePosition(x.value, y.value);
+        emit("end", { x: x.value, y: y.value });
+        if (startPosition.value) {
+          const dx = Math.abs(position.x - startPosition.value.x);
+          const dy = Math.abs(position.y - startPosition.value.y);
+          if (dx < 3 && dy < 3) {
+            emit("click", new MouseEvent("click"));
+          }
+          startPosition.value = null;
+        }
+      }
+    });
+    watch([x, y], ([newX, newY]) => {
+      emit("change", { x: newX, y: newY });
+      if (isDragging.value) {
+        savePosition(newX, newY);
+      }
+    });
+    watch([x, y], ([newX, newY]) => {
+      if (!props.boundToViewport || !dragRef.value)
+        return;
+      const maxX = window.innerWidth - dragRef.value.offsetWidth - props.viewportMargin;
+      const maxY = window.innerHeight - dragRef.value.offsetHeight - props.viewportMargin;
+      const clampedX = Math.max(props.viewportMargin, Math.min(newX, maxX));
+      const clampedY = Math.max(props.viewportMargin, Math.min(newY, maxY));
+      if (clampedX !== newX || clampedY !== newY) {
+        x.value = clampedX;
+        y.value = clampedY;
+      }
+    });
+    __expose({
+      /** 手动保存位置 */
+      savePosition: () => savePosition(x.value, y.value),
+      /** 重置位置到初始值 */
+      resetPosition: () => {
+        const initial = props.initialValue || { x: 100, y: 100 };
+        x.value = initial.x;
+        y.value = initial.y;
+        savePosition(initial.x, initial.y);
+      },
+      /** 获取当前位置 */
+      getPosition: () => ({ x: x.value, y: y.value }),
+      /** 是否正在拖拽 */
+      isDragging: () => isDragging.value
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "dragRef",
+        ref: dragRef,
+        class: normalizeClass(["jky-draggable fixed z-9999 cursor-move select-none", { "jky-draggable--dragging": unref(isDragging) }]),
+        style: normalizeStyle(unref(style))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+}));
+export {
+  _sfc_main as default
+};