jky-component-lib 0.0.141 → 0.0.143

package/dist/lib/components.js

@@ -1,60 +1,67 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index$3 = require("./add-input/index.js");
-const index = require("./amap/index.js");
-const index$4 = require("./button/index.js");
-const index$5 = require("./button-nav/index.js");
-const index$6 = require("./code-mirror-editor/index.js");
-const index$1 = require("./form/index.js");
-const index$7 = require("./menu/index.js");
-const index$8 = require("./modal/index.js");
-const index$9 = require("./page-header/index.js");
-const index$a = require("./page-layout/index.js");
-const index$2 = require("./page-table/index.js");
-const index$b = require("./page-table-v2/index.js");
-const index$c = require("./rich-editor/index.js");
-const index$d = require("./say-hello/index.js");
-const index$e = require("./tabs/index.js");
+const index$4 = require("./add-input/index.js");
+const index$1 = require("./amap/index.js");
+const index$5 = require("./animated/index.js");
+const index$6 = require("./button/index.js");
+const index$7 = require("./button-nav/index.js");
+const index$8 = require("./code-mirror-editor/index.js");
+const index$9 = require("./draggable/index.js");
+const index$2 = require("./form/index.js");
+const index$a = require("./menu/index.js");
+const index$b = require("./modal/index.js");
+const index$c = require("./page-header/index.js");
+const index$d = require("./page-layout/index.js");
+const index$3 = require("./page-table/index.js");
+const index$e = require("./page-table-v2/index.js");
+const index$f = require("./rich-editor/index.js");
+const index$g = require("./say-hello/index.js");
+const index$h = require("./tabs/index.js");
 const components = [
-  index$d.JkySayHello,
-  index$4.JkyButton,
-  index$5.JkyButtonNav,
-  index$9.JkyPageHeader,
-  index$7.JkyMenu,
-  index$1.JkyForm,
-  index$1.JkyFormItem,
-  index$1.JkyAMapPickerItem,
-  index$6.JkyCodeMirrorEditor,
-  index$3.JkyAddInput,
-  index$c.JkyRichEditor,
-  index$2.JkyPageTable,
-  index$b.JkyPageTableV2,
-  index$a.JkyPageLayout,
-  index$e.JkyTabs,
-  index$8.JkyModal,
-  index.JkyAMap,
-  index.JkyAMapPicker
+  index$g.JkySayHello,
+  index$6.JkyButton,
+  index$7.JkyButtonNav,
+  index$c.JkyPageHeader,
+  index$a.JkyMenu,
+  index$2.JkyForm,
+  index$2.JkyFormItem,
+  index$2.JkyAMapPickerItem,
+  index$8.JkyCodeMirrorEditor,
+  index$4.JkyAddInput,
+  index$f.JkyRichEditor,
+  index$3.JkyPageTable,
+  index$e.JkyPageTableV2,
+  index$d.JkyPageLayout,
+  index$h.JkyTabs,
+  index$b.JkyModal,
+  index$1.JkyAMap,
+  index$1.JkyAMapPicker,
+  index$9.JkyDraggable,
+  index$5.JkyAnimatedTransition
 ];
-exports.JkyAddInput = index$3.JkyAddInput;
-exports.JkyAMap = index.JkyAMap;
-exports.JkyAMapPicker = index.JkyAMapPicker;
-exports.JkyAMarker = index.JkyAMarker;
-exports.JkyATrackPlayback = index.JkyATrackPlayback;
-exports.JkyButton = index$4.JkyButton;
-exports.JkyButtonNav = index$5.JkyButtonNav;
-exports.JkyCodeMirrorEditor = index$6.JkyCodeMirrorEditor;
-exports.JkyAMapPickerItem = index$1.JkyAMapPickerItem;
-exports.JkyForm = index$1.JkyForm;
-exports.JkyFormItem = index$1.JkyFormItem;
-exports.JkyMenu = index$7.JkyMenu;
-exports.JkyModal = index$8.JkyModal;
-exports.JkyPageHeader = index$9.JkyPageHeader;
-exports.JkyPageLayout = index$a.JkyPageLayout;
-exports.JkyActionColumn = index$2.JkyActionColumn;
-exports.JkyPageTable = index$2.JkyPageTable;
-exports.JkyPageTableColumn = index$2.JkyPageTableColumn;
-exports.JkyPageTableV2 = index$b.JkyPageTableV2;
-exports.JkyRichEditor = index$c.JkyRichEditor;
-exports.JkySayHello = index$d.JkySayHello;
-exports.JkyTabs = index$e.JkyTabs;
+exports.JkyAddInput = index$4.JkyAddInput;
+exports.JkyAClusterMarker = index$1.JkyAClusterMarker;
+exports.JkyAMap = index$1.JkyAMap;
+exports.JkyAMapPicker = index$1.JkyAMapPicker;
+exports.JkyAMarker = index$1.JkyAMarker;
+exports.JkyATrackPlayback = index$1.JkyATrackPlayback;
+exports.JkyAnimatedTransition = index$5.JkyAnimatedTransition;
+exports.JkyButton = index$6.JkyButton;
+exports.JkyButtonNav = index$7.JkyButtonNav;
+exports.JkyCodeMirrorEditor = index$8.JkyCodeMirrorEditor;
+exports.JkyDraggable = index$9.JkyDraggable;
+exports.JkyAMapPickerItem = index$2.JkyAMapPickerItem;
+exports.JkyForm = index$2.JkyForm;
+exports.JkyFormItem = index$2.JkyFormItem;
+exports.JkyMenu = index$a.JkyMenu;
+exports.JkyModal = index$b.JkyModal;
+exports.JkyPageHeader = index$c.JkyPageHeader;
+exports.JkyPageLayout = index$d.JkyPageLayout;
+exports.JkyActionColumn = index$3.JkyActionColumn;
+exports.JkyPageTable = index$3.JkyPageTable;
+exports.JkyPageTableColumn = index$3.JkyPageTableColumn;
+exports.JkyPageTableV2 = index$e.JkyPageTableV2;
+exports.JkyRichEditor = index$f.JkyRichEditor;
+exports.JkySayHello = index$g.JkySayHello;
+exports.JkyTabs = index$h.JkyTabs;
 exports.components = components;

package/dist/lib/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/lib/draggable/Draggable.vue.js

@@ -0,0 +1,130 @@
+"use strict";
+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));
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const core = require("@vueuse/core");
+const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref(null);
+    const startPosition = vue.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 } = core.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;
+        }
+      }
+    });
+    vue.watch([x, y], ([newX, newY]) => {
+      emit("change", { x: newX, y: newY });
+      if (isDragging.value) {
+        savePosition(newX, newY);
+      }
+    });
+    vue.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 vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "dragRef",
+        ref: dragRef,
+        class: vue.normalizeClass(["jky-draggable fixed z-9999 cursor-move select-none", { "jky-draggable--dragging": vue.unref(isDragging) }]),
+        style: vue.normalizeStyle(vue.unref(style))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/draggable/Draggable.vue3.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Draggable_vue_vue_type_script_setup_true_lang = require("./Draggable.vue.js");
+;/* empty css                */
+exports.default = Draggable_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/draggable/index.d.ts

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

package/dist/lib/draggable/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Draggable_vue_vue_type_script_setup_true_lang = require("./Draggable.vue.js");
+;/* empty css                */
+const withInstall = require("../utils/with-install.js");
+const JkyDraggable = withInstall.installWithSFC(Draggable_vue_vue_type_script_setup_true_lang.default);
+exports.JkyDraggable = JkyDraggable;
+exports.default = JkyDraggable;

package/dist/lib/draggable/style.css

@@ -0,0 +1,16 @@
+
+/* 禁止使用 @apply，所有 TailwindCSS 工具类直接写在 class 中 */
+/* 样式文件仅用于定义组件特定的自定义纯 CSS 样式 */
+/* 禁止使用 @apply，所有 TailwindCSS 工具类直接写在 class 中 */
+/* 样式文件仅用于定义组件特定的自定义纯 CSS 样式 */
+:root {
+  --jky-draggable-z-index: 9999;
+}
+.jky-draggable {
+  user-select: none;
+  -webkit-user-select: none;
+  touch-action: none;
+}
+.jky-draggable--dragging {
+  cursor: grabbing;
+}

package/dist/lib/index.js

@@ -4,26 +4,29 @@ const components = require("./components.js");
 const installer$1 = require("./utils/installer.js");
 ;/* empty css            */
 const resolver = require("./resolver.js");
+const index = require("./amap/AClusterMarker/index.js");
 const AMapPicker_vue_vue_type_script_setup_true_lang = require("./amap/AMapPicker/AMapPicker.vue.js");
 const AMarker_vue_vue_type_script_setup_true_lang = require("./amap/AMarker.vue.js");
 ;/* empty css                   */
 const ATrackPlayback_vue_vue_type_script_setup_true_lang = require("./amap/ATrackPlayback.vue.js");
 ;/* empty css                          */
-const index = require("./amap/index.js");
-const index$1 = require("./form/index.js");
-const index$2 = require("./page-table/index.js");
-const index$3 = require("./add-input/index.js");
-const index$4 = require("./button/index.js");
-const index$5 = require("./button-nav/index.js");
-const index$6 = require("./code-mirror-editor/index.js");
-const index$7 = require("./menu/index.js");
-const index$8 = require("./modal/index.js");
-const index$9 = require("./page-header/index.js");
-const index$a = require("./page-layout/index.js");
-const index$b = require("./page-table-v2/index.js");
-const index$c = require("./rich-editor/index.js");
-const index$d = require("./say-hello/index.js");
-const index$e = require("./tabs/index.js");
+const index$1 = require("./amap/index.js");
+const index$2 = require("./form/index.js");
+const index$3 = require("./page-table/index.js");
+const index$4 = require("./add-input/index.js");
+const index$5 = require("./animated/index.js");
+const index$6 = require("./button/index.js");
+const index$7 = require("./button-nav/index.js");
+const index$8 = require("./code-mirror-editor/index.js");
+const index$9 = require("./draggable/index.js");
+const index$a = require("./menu/index.js");
+const index$b = require("./modal/index.js");
+const index$c = require("./page-header/index.js");
+const index$d = require("./page-layout/index.js");
+const index$e = require("./page-table-v2/index.js");
+const index$f = require("./rich-editor/index.js");
+const index$g = require("./say-hello/index.js");
+const index$h = require("./tabs/index.js");
 const createTabsGuard = require("./tabs/createTabsGuard.js");
 const useTabsStore = require("./tabs/useTabsStore.js");
 const installer = installer$1.createInstaller(components.components);
@@ -31,31 +34,35 @@ const install = installer.install;
 const version = installer.version;
 exports.components = components.components;
 exports.JkyComponentLibResolver = resolver.JkyComponentLibResolver;
+exports.AClusterMarker = index.JkyAClusterMarker;
 exports.AMapPicker = AMapPicker_vue_vue_type_script_setup_true_lang.default;
 exports.AMarker = AMarker_vue_vue_type_script_setup_true_lang.default;
 exports.ATrackPlayback = ATrackPlayback_vue_vue_type_script_setup_true_lang.default;
-exports.JkyAMap = index.JkyAMap;
-exports.JkyAMapPicker = index.JkyAMapPicker;
-exports.JkyAMarker = index.JkyAMarker;
-exports.JkyATrackPlayback = index.JkyATrackPlayback;
-exports.JkyAMapPickerItem = index$1.JkyAMapPickerItem;
-exports.JkyForm = index$1.JkyForm;
-exports.JkyFormItem = index$1.JkyFormItem;
-exports.JkyActionColumn = index$2.JkyActionColumn;
-exports.JkyPageTable = index$2.JkyPageTable;
-exports.JkyPageTableColumn = index$2.JkyPageTableColumn;
-exports.JkyAddInput = index$3.JkyAddInput;
-exports.JkyButton = index$4.JkyButton;
-exports.JkyButtonNav = index$5.JkyButtonNav;
-exports.JkyCodeMirrorEditor = index$6.JkyCodeMirrorEditor;
-exports.JkyMenu = index$7.JkyMenu;
-exports.JkyModal = index$8.JkyModal;
-exports.JkyPageHeader = index$9.JkyPageHeader;
-exports.JkyPageLayout = index$a.JkyPageLayout;
-exports.JkyPageTableV2 = index$b.JkyPageTableV2;
-exports.JkyRichEditor = index$c.JkyRichEditor;
-exports.JkySayHello = index$d.JkySayHello;
-exports.JkyTabs = index$e.JkyTabs;
+exports.JkyAClusterMarker = index$1.JkyAClusterMarker;
+exports.JkyAMap = index$1.JkyAMap;
+exports.JkyAMapPicker = index$1.JkyAMapPicker;
+exports.JkyAMarker = index$1.JkyAMarker;
+exports.JkyATrackPlayback = index$1.JkyATrackPlayback;
+exports.JkyAMapPickerItem = index$2.JkyAMapPickerItem;
+exports.JkyForm = index$2.JkyForm;
+exports.JkyFormItem = index$2.JkyFormItem;
+exports.JkyActionColumn = index$3.JkyActionColumn;
+exports.JkyPageTable = index$3.JkyPageTable;
+exports.JkyPageTableColumn = index$3.JkyPageTableColumn;
+exports.JkyAddInput = index$4.JkyAddInput;
+exports.JkyAnimatedTransition = index$5.JkyAnimatedTransition;
+exports.JkyButton = index$6.JkyButton;
+exports.JkyButtonNav = index$7.JkyButtonNav;
+exports.JkyCodeMirrorEditor = index$8.JkyCodeMirrorEditor;
+exports.JkyDraggable = index$9.JkyDraggable;
+exports.JkyMenu = index$a.JkyMenu;
+exports.JkyModal = index$b.JkyModal;
+exports.JkyPageHeader = index$c.JkyPageHeader;
+exports.JkyPageLayout = index$d.JkyPageLayout;
+exports.JkyPageTableV2 = index$e.JkyPageTableV2;
+exports.JkyRichEditor = index$f.JkyRichEditor;
+exports.JkySayHello = index$g.JkySayHello;
+exports.JkyTabs = index$h.JkyTabs;
 exports.createTabsGuard = createTabsGuard.createTabsGuard;
 exports.createTabsStore = useTabsStore.createTabsStore;
 exports.default = installer;

package/dist/lib/package.json.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "0.0.141";
+const version = "0.0.143";
 exports.version = version;

package/dist/lib/page-table/ActionColumn.vue.js

@@ -41,7 +41,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       fixed: "right",
       buttonLimit: 3,
       moreButtonText: "更多",
-      buttons: []
+      buttons: [],
+      trigger: "hover"
     }, props.config));
     function isButtonVisible(button) {
       if (button.hidden === void 0)
@@ -100,7 +101,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         }), 128)),
         collapsedButtons.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDropdown), {
           key: 0,
-          trigger: "click"
+          trigger: mergedConfig.value.trigger
         }, {
           dropdown: vue.withCtx(() => [
             vue.createVNode(vue.unref(ElementPlus.ElDropdownMenu), null, {
@@ -135,7 +136,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
             })
           ]),
           _: 1
-        })) : vue.createCommentVNode("", true)
+        }, 8, ["trigger"])) : vue.createCommentVNode("", true)
       ]);
     };
   }