jky-component-lib 0.0.97 → 0.0.99

package/dist/es/add-input/style.css

@@ -2,7 +2,7 @@
 /* 禁止使用 @apply，所有 TailwindCSS 工具类直接写在 class 中 */
 /* 样式文件仅用于定义组件特定的自定义纯 CSS 样式 */
 /* AddInput 组件样式变量 */
-:root {
+.jky-add-input, :root {
   --jky-add-input-gap: 12px;
   --jky-add-input-row-gap: 8px;
   --jky-add-input-min-width: 100px;

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

@@ -0,0 +1,69 @@
+import { AMapTrackPlaybackProps } from './types';
+declare function startAnimation(): void;
+declare function pauseAnimation(): void;
+declare function resumeAnimation(): void;
+declare function stopAnimation(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            isPlaying: boolean;
+            isPaused: boolean;
+            start: typeof startAnimation;
+            pause: typeof pauseAnimation;
+            resume: typeof resumeAnimation;
+            stop: typeof stopAnimation;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AMapTrackPlaybackProps, {
+    start: typeof startAnimation;
+    pause: typeof pauseAnimation;
+    resume: typeof resumeAnimation;
+    stop: typeof stopAnimation;
+    isPlaying: globalThis.Ref<boolean, boolean>;
+    isPaused: globalThis.Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    stop: () => any;
+    pause: () => any;
+    start: () => any;
+    resume: () => any;
+    end: () => any;
+    moving: (data: {
+        passedPath: import('./types').MapCenter[];
+        target: any;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<AMapTrackPlaybackProps> & Readonly<{
+    onStop?: (() => any) | undefined;
+    onPause?: (() => any) | undefined;
+    onStart?: (() => any) | undefined;
+    onResume?: (() => any) | undefined;
+    onEnd?: (() => any) | undefined;
+    onMoving?: ((data: {
+        passedPath: import('./types').MapCenter[];
+        target: any;
+    }) => any) | undefined;
+}>, {
+    duration: number;
+    autoPlay: boolean;
+    autoRotation: boolean;
+    loop: boolean;
+    showPath: boolean;
+    showPassedPath: boolean;
+    pathColor: string;
+    passedPathColor: string;
+    pathWeight: number;
+    carIcon: string;
+    carIconOffset: [number, number];
+    initialZoom: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/amap/ATrackPlayback.vue.js

@@ -0,0 +1,237 @@
+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, openBlock, createElementBlock, renderSlot, unref } from "vue";
+const _hoisted_1 = { class: "jky-track-playback" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyATrackPlayback"
+}), {
+  __name: "ATrackPlayback",
+  props: {
+    path: {},
+    autoPlay: { type: Boolean, default: false },
+    duration: { default: 500 },
+    autoRotation: { type: Boolean, default: true },
+    loop: { type: Boolean, default: false },
+    showPath: { type: Boolean, default: true },
+    showPassedPath: { type: Boolean, default: true },
+    pathColor: { default: "#28F" },
+    passedPathColor: { default: "#AF5" },
+    pathWeight: { default: 6 },
+    carIcon: { default: "https://a.amap.com/jsapi_demos/static/demo-center-v2/car.png" },
+    carIconOffset: { default: () => [-13, -26] },
+    initialCenter: {},
+    initialZoom: { default: 17 }
+  },
+  emits: ["start", "pause", "resume", "stop", "end", "moving"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const amapContext = inject("amapContext", null);
+    const mapInstance = (amapContext == null ? void 0 : amapContext.map) || null;
+    const marker = ref(null);
+    const polyline = ref(null);
+    const passedPolyline = ref(null);
+    const isPlaying = ref(false);
+    const isPaused = ref(false);
+    function initTrackPlayback() {
+      if (!mapInstance || !props.path || props.path.length === 0)
+        return;
+      const AMap = window.AMap;
+      if (!AMap) {
+        console.error("AMap 未加载");
+        return;
+      }
+      AMap.plugin("AMap.MoveAnimation", () => {
+        createMarker();
+        if (props.showPath) {
+          createPolyline();
+        }
+        if (props.showPassedPath) {
+          createPassedPolyline();
+        }
+        fitView();
+        if (marker.value) {
+          marker.value.on("moving", (e) => {
+            emit("moving", {
+              passedPath: e.passedPath,
+              target: e.target
+            });
+            if (passedPolyline.value) {
+              passedPolyline.value.setPath(e.passedPath);
+            }
+            mapInstance == null ? void 0 : mapInstance.setCenter(e.target.getPosition(), true);
+          });
+          marker.value.on("moveend", () => {
+            isPlaying.value = false;
+            isPaused.value = false;
+            emit("end");
+            if (props.loop && !isPaused.value) {
+              setTimeout(() => {
+                if (props.loop) {
+                  startAnimation();
+                }
+              }, 500);
+            }
+          });
+        }
+        if (props.autoPlay) {
+          startAnimation();
+        }
+      });
+    }
+    function createMarker() {
+      var _a;
+      const AMap = window.AMap;
+      const startPosition = ((_a = props.path) == null ? void 0 : _a[0]) || props.initialCenter;
+      if (!startPosition)
+        return;
+      marker.value = new AMap.Marker({
+        map: mapInstance,
+        position: startPosition,
+        icon: props.carIcon,
+        offset: new AMap.Pixel(...props.carIconOffset)
+      });
+    }
+    function createPolyline() {
+      const AMap = window.AMap;
+      polyline.value = new AMap.Polyline({
+        map: mapInstance,
+        path: props.path,
+        showDir: true,
+        strokeColor: props.pathColor,
+        strokeWeight: props.pathWeight
+      });
+    }
+    function createPassedPolyline() {
+      const AMap = window.AMap;
+      passedPolyline.value = new AMap.Polyline({
+        map: mapInstance,
+        path: [],
+        strokeColor: props.passedPathColor,
+        strokeWeight: props.pathWeight
+      });
+    }
+    function fitView() {
+      if (!mapInstance || !props.path || props.path.length === 0)
+        return;
+      if (props.initialCenter) {
+        mapInstance.setCenter(props.initialCenter);
+      } else {
+        mapInstance.setCenter(props.path[0]);
+      }
+      if (props.initialZoom) {
+        mapInstance.setZoom(props.initialZoom);
+      } else {
+        mapInstance.setFitView();
+      }
+    }
+    function startAnimation() {
+      if (!marker.value || !props.path || props.path.length === 0)
+        return;
+      isPlaying.value = true;
+      isPaused.value = false;
+      marker.value.moveAlong(props.path, {
+        duration: props.duration,
+        autoRotation: props.autoRotation
+      });
+      emit("start");
+    }
+    function pauseAnimation() {
+      if (!marker.value || !isPlaying.value)
+        return;
+      marker.value.pauseMove();
+      isPaused.value = true;
+      emit("pause");
+    }
+    function resumeAnimation() {
+      if (!marker.value || !isPaused.value)
+        return;
+      marker.value.resumeMove();
+      isPaused.value = false;
+      emit("resume");
+    }
+    function stopAnimation() {
+      if (!marker.value)
+        return;
+      marker.value.stopMove();
+      isPlaying.value = false;
+      isPaused.value = false;
+      emit("stop");
+    }
+    __expose({
+      start: startAnimation,
+      pause: pauseAnimation,
+      resume: resumeAnimation,
+      stop: stopAnimation,
+      isPlaying,
+      isPaused
+    });
+    watch(
+      () => props.path,
+      (newPath) => {
+        if (newPath && newPath.length > 0) {
+          if (polyline.value) {
+            mapInstance == null ? void 0 : mapInstance.remove(polyline.value);
+          }
+          if (passedPolyline.value) {
+            mapInstance == null ? void 0 : mapInstance.remove(passedPolyline.value);
+          }
+          if (marker.value) {
+            mapInstance == null ? void 0 : mapInstance.remove(marker.value);
+          }
+          initTrackPlayback();
+        }
+      },
+      { deep: true }
+    );
+    onMounted(() => {
+      if (mapInstance) {
+        initTrackPlayback();
+      }
+    });
+    onUnmounted(() => {
+      if (marker.value) {
+        marker.value.stopMove();
+        mapInstance == null ? void 0 : mapInstance.remove(marker.value);
+      }
+      if (polyline.value) {
+        mapInstance == null ? void 0 : mapInstance.remove(polyline.value);
+      }
+      if (passedPolyline.value) {
+        mapInstance == null ? void 0 : mapInstance.remove(passedPolyline.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default", {
+          isPlaying: unref(isPlaying),
+          isPaused: unref(isPaused),
+          start: startAnimation,
+          pause: pauseAnimation,
+          resume: resumeAnimation,
+          stop: stopAnimation
+        })
+      ]);
+    };
+  }
+}));
+export {
+  _sfc_main as default
+};

package/dist/es/amap/ATrackPlayback.vue3.js

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

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

@@ -1,7 +1,9 @@
 import { InstallWithSFC } from '../utils';
 import { default as AMap } from './AMap.vue';
 import { default as AMarker } from './AMarker.vue';
+import { default as ATrackPlayback } from './ATrackPlayback.vue';
 export declare const JkyAMap: InstallWithSFC<typeof AMap>;
 export declare const JkyAMarker: InstallWithSFC<typeof AMarker>;
+export declare const JkyATrackPlayback: InstallWithSFC<typeof ATrackPlayback>;
 export default JkyAMap;
-export { AMarker };
+export { AMarker, ATrackPlayback };

package/dist/es/amap/index.js

@@ -2,12 +2,17 @@ import _sfc_main from "./AMap.vue.js";
 /* empty css          */
 import _sfc_main$1 from "./AMarker.vue.js";
 /* empty css             */
+import _sfc_main$2 from "./ATrackPlayback.vue.js";
+/* empty css                    */
 import { installWithSFC } from "../utils/with-install.js";
 const JkyAMap = installWithSFC(_sfc_main);
 const JkyAMarker = installWithSFC(_sfc_main$1);
+const JkyATrackPlayback = installWithSFC(_sfc_main$2);
 export {
   _sfc_main$1 as AMarker,
+  _sfc_main$2 as ATrackPlayback,
   JkyAMap,
   JkyAMarker,
+  JkyATrackPlayback,
   JkyAMap as default
 };

package/dist/es/amap/style.css

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

package/dist/es/amap/style2.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/style3.css

@@ -0,0 +1,14 @@
+/* AMap 高德地图组件样式 */
+.jky-amap-container {
+  /* 地图容器样式 */
+  position: relative;
+  overflow: hidden;
+
+  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
+.amap-logo {
+    display: none !important;
+}
+.amap-copyright {
+    display: none !important;
+}
+}

package/dist/es/components.js

@@ -1,6 +1,6 @@
 import { JkyAddInput } from "./add-input/index.js";
 import { JkyAMap } from "./amap/index.js";
-import { JkyAMarker } from "./amap/index.js";
+import { 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";
@@ -10,6 +10,7 @@ import { JkyModal } from "./modal/index.js";
 import { JkyPageHeader } from "./page-header/index.js";
 import { JkyPageLayout } from "./page-layout/index.js";
 import { JkyPageTable } from "./page-table/index.js";
+import { JkyActionColumn } from "./page-table/index.js";
 import { JkyRichEditor } from "./rich-editor/index.js";
 import { JkySayHello } from "./say-hello/index.js";
 import { JkyTabs } from "./tabs/index.js";
@@ -32,6 +33,8 @@ const components = [
 export {
   JkyAMap,
   JkyAMarker,
+  JkyATrackPlayback,
+  JkyActionColumn,
   JkyAddInput,
   JkyButton,
   JkyButtonNav,

package/dist/es/form/Form.vue.d.ts

@@ -1,7 +1,6 @@
 import { FormProps } from './types';
 type __VLS_Props = FormProps;
 declare function validate(callback?: (isValid: boolean, invalidFields?: any) => void): Promise<boolean>;
-declare function resetFields(): void;
 declare function clearValidate(props?: any): void;
 declare function getFormInstance(): ({
     $: import('vue').ComponentInternalInstance;
@@ -107,7 +106,6 @@ type __VLS_PublicProps = {
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     validate: typeof validate;
-    resetFields: typeof resetFields;
     clearValidate: typeof clearValidate;
     getFormInstance: typeof getFormInstance;
     formRef: globalThis.Ref<({
@@ -327,11 +325,11 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     }) => any) | undefined;
 }>, {
     size: import('element-plus').ComponentSize;
+    disabled: boolean;
     grid: import('./types').GridConfig;
     inline: boolean;
     labelPosition: "left" | "right" | "top";
     labelWidth: string | number;
-    showTitle: boolean;
     gutter: number;
     defaultSpan: number;
     responsive: boolean;
@@ -340,6 +338,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     footerClass: string;
     submitText: string;
     cancelText: string;
+    submitDisabled: boolean;
+    cancelDisabled: boolean;
     showCount: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     formRef: ({