jky-component-lib 0.0.140 → 0.0.142

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
+};

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

@@ -0,0 +1,5 @@
+import _sfc_main from "./Draggable.vue.js";
+/* empty css               */
+export {
+  _sfc_main as default
+};

package/dist/es/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/es/draggable/index.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./Draggable.vue.js";
+/* empty css               */
+import { installWithSFC } from "../utils/with-install.js";
+const JkyDraggable = installWithSFC(_sfc_main);
+export {
+  JkyDraggable,
+  JkyDraggable as default
+};

package/dist/es/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/es/form/items/SelectTableItem.vue.d.ts

@@ -18,6 +18,9 @@ declare function __VLS_template(): {
                 readonly pageSize?: number | undefined;
                 readonly total?: number | undefined;
                 readonly withCard?: boolean | undefined;
+                readonly config?: {
+                    withCard?: boolean;
+                } | undefined;
                 readonly title?: string | undefined;
                 readonly filterItems?: import('../../page-table').FilterItemConfig[] | undefined;
                 readonly form?: Record<string, any> | undefined;
@@ -3014,6 +3017,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly pageSize?: number | undefined;
             readonly total?: number | undefined;
             readonly withCard?: boolean | undefined;
+            readonly config?: {
+                withCard?: boolean;
+            } | undefined;
             readonly title?: string | undefined;
             readonly filterItems?: import('../../page-table').FilterItemConfig[] | undefined;
             readonly form?: Record<string, any> | undefined;

package/dist/es/index.js

@@ -2,18 +2,20 @@ import { components } from "./components.js";
 import { createInstaller } from "./utils/installer.js";
 /* empty css           */
 import { JkyComponentLibResolver } from "./resolver.js";
+import { JkyAClusterMarker } from "./amap/AClusterMarker/index.js";
 import { default as default2 } from "./amap/AMapPicker/AMapPicker.vue.js";
 import { default as default3 } from "./amap/AMarker.vue.js";
 /* empty css                  */
 import { default as default4 } from "./amap/ATrackPlayback.vue.js";
 /* empty css                         */
-import { JkyAMap, JkyAMapPicker, JkyAMarker, JkyATrackPlayback } from "./amap/index.js";
+import { JkyAClusterMarker as JkyAClusterMarker2, JkyAMap, JkyAMapPicker, JkyAMarker, JkyATrackPlayback } from "./amap/index.js";
 import { JkyAMapPickerItem, JkyForm, JkyFormItem } from "./form/index.js";
 import { JkyActionColumn, JkyPageTable, JkyPageTableColumn } from "./page-table/index.js";
 import { JkyAddInput } from "./add-input/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 { JkyMenu } from "./menu/index.js";
 import { JkyModal } from "./modal/index.js";
 import { JkyPageHeader } from "./page-header/index.js";
@@ -28,9 +30,11 @@ const installer = createInstaller(components);
 const install = installer.install;
 const version = installer.version;
 export {
+  JkyAClusterMarker as AClusterMarker,
   default2 as AMapPicker,
   default3 as AMarker,
   default4 as ATrackPlayback,
+  JkyAClusterMarker2 as JkyAClusterMarker,
   JkyAMap,
   JkyAMapPicker,
   JkyAMapPickerItem,
@@ -42,6 +46,7 @@ export {
   JkyButtonNav,
   JkyCodeMirrorEditor,
   JkyComponentLibResolver,
+  JkyDraggable,
   JkyForm,
   JkyFormItem,
   JkyMenu,

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.140";
+const version = "0.0.142";
 export {
   version
 };

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

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

package/dist/es/page-table/PageTable.vue.js

@@ -53,6 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
   __name: "PageTable",
   props: /* @__PURE__ */ mergeModels({
     withCard: { type: Boolean, default: true },
+    config: {},
     title: { default: "" },
     filterItems: { default: () => [] },
     form: {},
@@ -156,6 +157,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       }
     }
     const sortValue = ref("desc");
+    const withCard = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = props.withCard) != null ? _b : (_a = props.config) == null ? void 0 : _a.withCard) != null ? _c : true;
+    });
     const defaultRightButtons = computed(() => {
       const sortButton = {
         label: "排序",
@@ -413,7 +418,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           ]),
           _: 1
         })) : createCommentVNode("", true),
-        (openBlock(), createBlock(resolveDynamicComponent(props.withCard ? unref(ElCard) : "div"), { class: "flex-1 min-h-0 jky-page-table__table-card" }, {
+        (openBlock(), createBlock(resolveDynamicComponent(withCard.value ? unref(ElCard) : "div"), { class: "flex-1 min-h-0 jky-page-table__table-card" }, {
           default: withCtx(() => {
             var _a2, _b2, _c2, _d, _e, _f, _g;
             return [