jky-component-lib 0.0.98 → 0.0.100

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

package/dist/es/amap/style3.css

@@ -0,0 +1,3 @@
+
+/* 轨迹回放组件不需要额外样式 */
+/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */

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, JkyPageTableColumn } 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,
@@ -42,6 +45,7 @@ export {
   JkyPageHeader,
   JkyPageLayout,
   JkyPageTable,
+  JkyPageTableColumn,
   JkyRichEditor,
   JkySayHello,
   JkyTabs,

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,10 +106,9 @@ 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<({
+    form: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
@@ -208,105 +206,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         $slots: {
             default?: (props: {}) => any;
         };
-    }) | undefined, ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly model?: Record<string, any> | undefined;
-            readonly rules?: import('element-plus').FormRules | undefined;
-            readonly labelPosition?: "left" | "right" | "top" | undefined;
-            readonly requireAsteriskPosition?: "left" | "right" | undefined;
-            readonly labelWidth?: string | number | undefined;
-            readonly labelSuffix?: string | undefined;
-            readonly inline?: boolean | undefined;
-            readonly inlineMessage?: boolean | undefined;
-            readonly statusIcon?: boolean | undefined;
-            readonly showMessage?: boolean | undefined;
-            readonly validateOnRuleChange?: boolean | undefined;
-            readonly hideRequiredAsterisk?: boolean | undefined;
-            readonly scrollToError?: boolean | undefined;
-            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
-            readonly size?: import('element-plus').ComponentSize | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: import('vue').Attrs;
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: globalThis.Slot | undefined;
-        }>;
-        $root: ComponentPublicInstance | null;
-        $parent: ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').FormProps> & Readonly<{
-            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-        }>, {
-            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
-            clearValidate: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
-            scrollToField: (prop: import('element-plus').FormItemProp) => void;
-            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-            setInitialValues: (initModel: Record<string, any>) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-        }, string, {
-            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            labelWidth: string | number;
-            labelPosition: "left" | "right" | "top";
-            requireAsteriskPosition: "left" | "right";
-            labelSuffix: string;
-            showMessage: boolean;
-            validateOnRuleChange: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-        labelWidth: string | number;
-        labelPosition: "left" | "right" | "top";
-        requireAsteriskPosition: "left" | "right";
-        labelSuffix: string;
-        showMessage: boolean;
-        validateOnRuleChange: boolean;
-    }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
-        onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
-        validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-        validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-        resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
-        clearValidate: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
-        scrollToField: (prop: import('element-plus').FormItemProp) => void;
-        getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-        fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-        setInitialValues: (initModel: Record<string, any>) => void;
-    } & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?: (props: {}) => any;
-        };
-    }) | undefined>;
+    }) | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: Record<string, any>) => any;
     change: (value: Record<string, any>) => any;
@@ -327,11 +227,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 +240,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: ({