jky-component-lib 0.0.126 → 0.0.129

package/dist/es/form/LinkedSelect.vue.js

@@ -37,8 +37,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, renderSlot, Fragment, renderList, createBlock, unref, mergeProps, withCtx } from "vue";
-import { ElSelect } from "element-plus";
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, renderSlot, Fragment, renderList, unref, createBlock, mergeProps, withCtx, watch } from "vue";
+import { ElSelect, ElOption } from "element-plus";
 const _hoisted_1 = { class: "flex gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyLinkedSelect"
@@ -50,82 +50,97 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     disabled: { type: Boolean, default: false },
     componentProps: { default: void 0 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
+    var _a;
     const props = __props;
     const emit = __emit;
-    const linkedSelectOptions = ref([]);
-    const linkedSelectLoading = ref([]);
-    function loadLinkedSelectOptions() {
+    const level = ((_a = props.config) == null ? void 0 : _a.level) || 1;
+    const optionsList = ref(Array.from({ length: level }, () => []));
+    const loadingList = ref(Array.from({ length: level }, () => false));
+    const values = ref(
+      props.modelValue && props.modelValue.length > 0 ? props.modelValue.slice(0, level) : Array.from({ length: level }, () => void 0)
+    );
+    function loadOptions(levelIndex, value) {
       return __async(this, null, function* () {
-        if (!props.config) {
+        var _a2;
+        if (!((_a2 = props.config) == null ? void 0 : _a2.getOptions) || levelIndex >= level) {
           return;
         }
-        const level = props.config.level || 1;
-        linkedSelectLoading.value = Array.from({ length: level }, () => false);
-        if (props.config.getAllOptions) {
-          try {
-            const allOptions = yield props.config.getAllOptions(props.modelValue);
-            linkedSelectOptions.value = allOptions;
-          } catch (error) {
-            console.error("Failed to load linked select options:", error);
-            linkedSelectOptions.value = Array.from({ length: level }, () => []);
-          }
-          return;
+        loadingList.value[levelIndex] = true;
+        try {
+          const levelOptions = yield props.config.getOptions(levelIndex + 1, value);
+          optionsList.value[levelIndex] = levelOptions || [];
+        } catch (error) {
+          console.error("Failed to load linked select options:", error);
+          optionsList.value[levelIndex] = [];
+        } finally {
+          loadingList.value[levelIndex] = false;
         }
-        if (props.config.getOptions) {
-          try {
-            const options = [];
-            for (let i = 0; i < level; i++) {
-              linkedSelectLoading.value[i] = true;
-              const levelOptions = yield props.config.getOptions(i + 1, props.modelValue || []);
-              options.push(levelOptions);
-              linkedSelectLoading.value[i] = false;
-            }
-            linkedSelectOptions.value = options;
-          } catch (error) {
-            console.error("Failed to load linked select options:", error);
-            linkedSelectOptions.value = Array.from({ length: level }, () => []);
+      });
+    }
+    function loadDisplayData() {
+      return __async(this, null, function* () {
+        for (let i = 0; i < level - 1; i++) {
+          if (values.value[i] !== void 0 && values.value[i] !== null) {
+            yield loadOptions(i + 1, values.value[i]);
           }
         }
       });
     }
-    onMounted(() => {
-      loadLinkedSelectOptions();
-    });
-    watch(
-      () => props.modelValue,
-      () => {
-        loadLinkedSelectOptions();
-      },
-      { deep: true }
-    );
-    function handleValueChange(index, val) {
-      const newValue = Array.isArray(props.modelValue) ? [...props.modelValue] : [];
-      newValue[index] = val;
+    function watchModelValue() {
+      watch(
+        () => props.modelValue,
+        (newVal) => __async(null, null, function* () {
+          if (newVal && newVal.length > 0) {
+            values.value = [...newVal];
+            yield loadDisplayData();
+          }
+        }),
+        { deep: true }
+      );
+    }
+    function handleSelectChange(index, value) {
+      for (let i = index + 1; i < level; i++) {
+        values.value[i] = void 0;
+        optionsList.value[i] = [];
+      }
+      const newValue = [...values.value];
       emit("update:modelValue", newValue);
+      emit("change", newValue);
+      if (value !== void 0 && value !== null && index + 1 < level) {
+        loadOptions(index + 1, value);
+      }
     }
+    onMounted(() => {
+      var _a2;
+      watchModelValue();
+      loadDisplayData();
+      if ((_a2 = props.config) == null ? void 0 : _a2.getOptions) {
+        loadOptions(0, void 0);
+      }
+    });
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "prefix"),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from({ length: ((_a = __props.config) == null ? void 0 : _a.level) || 1 }), (_, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from({ length: unref(level) }), (_, index) => {
           var _a2, _b, _c, _d, _e, _f;
           return openBlock(), createBlock(unref(ElSelect), mergeProps({
             key: index,
-            "model-value": Array.isArray(__props.modelValue) ? __props.modelValue[index] : void 0,
+            modelValue: values.value[index],
+            "onUpdate:modelValue": ($event) => values.value[index] = $event,
             placeholder: ((_b = (_a2 = __props.config) == null ? void 0 : _a2.placeholders) == null ? void 0 : _b[index]) || "请选择",
-            disabled: __props.disabled,
+            disabled: __props.disabled || index > 0 && values.value[index - 1] === void 0 && values.value[index - 1] !== null,
             filterable: (_d = (_c = __props.config) == null ? void 0 : _c.filterable) != null ? _d : false,
             clearable: (_f = (_e = __props.config) == null ? void 0 : _e.clearable) != null ? _f : true,
-            loading: linkedSelectLoading.value[index],
+            loading: loadingList.value[index],
             class: "flex-1 min-w-30"
           }, { ref_for: true }, __props.componentProps, {
-            "onUpdate:modelValue": ($event) => handleValueChange(index, $event)
+            onChange: ($event) => handleSelectChange(index, $event)
           }), {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(linkedSelectOptions.value[index] || [], (option) => {
-                return openBlock(), createBlock(unref(ElSelect).Option, {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(optionsList.value[index] || [], (option) => {
+                return openBlock(), createBlock(unref(ElOption), {
                   key: option.value,
                   value: option.value,
                   label: option.label,
@@ -134,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
               }), 128))
             ]),
             _: 2
-          }, 1040, ["model-value", "placeholder", "disabled", "filterable", "clearable", "loading", "onUpdate:modelValue"]);
+          }, 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "filterable", "clearable", "loading", "onChange"]);
         }), 128)),
         renderSlot(_ctx.$slots, "suffix")
       ]);

package/dist/es/form/{LinkedSelect.vue3.js → LinkedSelect.vue2.js}

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

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

@@ -1,7 +1,9 @@
 import { InstallWithSFC } from '../utils';
+import { default as AMapPickerItem } from './AMapPickerItem.vue';
 import { default as Form } from './Form.vue';
 import { default as LinkedSelect } from './LinkedSelect.vue';
-export type { ComponentPropsMap, ComponentPropsType, DynamicComponentProps, FormComponentType, FormItemChildConfig, FormItemConfig, FormItemOption, FormItemProps, FormItemPropsContext, FormProps, FormValidateResult, GridConfig, HelpConfig, HelpType, LinkedSelectConfig, ResponsiveBreakpoint, ResponsiveConfig, SelectTableComponentProps, SelectTableProps, StaticComponentProps, } from './types';
+export type { AMapPickerItemProps, ComponentPropsMap, ComponentPropsType, DynamicComponentProps, FormComponentType, FormItemChildConfig, FormItemConfig, FormItemOption, FormItemProps, FormItemPropsContext, FormProps, FormValidateResult, GridConfig, HelpConfig, HelpType, LinkedSelectConfig, ResponsiveBreakpoint, ResponsiveConfig, SelectTableComponentProps, SelectTableProps, StaticComponentProps, } from './types';
 export declare const JkyForm: InstallWithSFC<typeof Form>;
 export declare const JkyLinkedSelect: InstallWithSFC<typeof LinkedSelect>;
+export declare const JkyAMapPickerItem: InstallWithSFC<typeof AMapPickerItem>;
 export default JkyForm;

package/dist/es/form/index.js

@@ -1,11 +1,14 @@
+import _sfc_main$2 from "./AMapPickerItem.vue.js";
+/* empty css                    */
 import _sfc_main from "./Form.vue.js";
 /* empty css          */
 import _sfc_main$1 from "./LinkedSelect.vue.js";
-/* empty css                  */
 import { installWithSFC } from "../utils/with-install.js";
 const JkyForm = installWithSFC(_sfc_main);
 const JkyLinkedSelect = installWithSFC(_sfc_main$1);
+const JkyAMapPickerItem = installWithSFC(_sfc_main$2);
 export {
+  JkyAMapPickerItem,
   JkyForm,
   JkyLinkedSelect,
   JkyForm as default

package/dist/es/index.js

@@ -2,17 +2,18 @@ import { components } from "./components.js";
 import { createInstaller } from "./utils/installer.js";
 /* empty css           */
 import { JkyComponentLibResolver } from "./resolver.js";
-import { default as default2 } from "./amap/AMarker.vue.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 default3 } from "./amap/ATrackPlayback.vue.js";
+import { default as default4 } from "./amap/ATrackPlayback.vue.js";
 /* empty css                         */
-import { JkyAMap, JkyAMarker, JkyATrackPlayback } from "./amap/index.js";
+import { JkyAMap, JkyAMapPicker, JkyAMarker, JkyATrackPlayback } from "./amap/index.js";
+import { JkyAMapPickerItem, JkyForm, JkyLinkedSelect } 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 { JkyForm, JkyLinkedSelect } from "./form/index.js";
 import { JkyMenu } from "./menu/index.js";
 import { JkyModal } from "./modal/index.js";
 import { JkyPageHeader } from "./page-header/index.js";
@@ -27,9 +28,12 @@ const installer = createInstaller(components);
 const install = installer.install;
 const version = installer.version;
 export {
-  default2 as AMarker,
-  default3 as ATrackPlayback,
+  default2 as AMapPicker,
+  default3 as AMarker,
+  default4 as ATrackPlayback,
   JkyAMap,
+  JkyAMapPicker,
+  JkyAMapPickerItem,
   JkyAMarker,
   JkyATrackPlayback,
   JkyActionColumn,

package/dist/es/modal/Modal.vue.d.ts

@@ -44,8 +44,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "update:modelValue": (value: boolean) => any;
     cancel: () => any;
     close: () => any;
-    open: () => any;
     confirm: () => any;
+    open: () => any;
     opened: () => any;
     closed: () => any;
     typeChange: (type: import('./types').ModalType) => any;
@@ -53,8 +53,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onCancel?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     "onUpdate:mode"?: ((value: "dialog" | "drawer") => any) | undefined;
@@ -63,8 +63,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onTypeChange?: ((type: import('./types').ModalType) => any) | undefined;
 }>, {
     title: string;
-    cancelText: string;
     confirmText: string;
+    cancelText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.126";
+const version = "0.0.129";
 export {
   version
 };

package/dist/es/page-table/PageTable.vue.d.ts

@@ -381,11 +381,11 @@ declare function __VLS_template(): {
                     fields?: any;
                 }) => any;
             }, string, {
+                cancelText: string;
+                footerClass: string;
                 watchDeep: boolean;
                 showFooter: boolean;
-                footerClass: string;
                 submitText: string;
-                cancelText: string;
                 submitDisabled: boolean;
                 cancelDisabled: boolean;
                 showCount: number;
@@ -410,11 +410,11 @@ declare function __VLS_template(): {
             $nextTick: typeof 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<{
+            cancelText: string;
+            footerClass: string;
             watchDeep: boolean;
             showFooter: boolean;
-            footerClass: string;
             submitText: string;
-            cancelText: string;
             submitDisabled: boolean;
             cancelDisabled: boolean;
             showCount: number;
@@ -429,7 +429,7 @@ declare function __VLS_template(): {
                 valid: boolean;
                 fields?: any;
             }) => any) | undefined;
-        }>, "form" | "validate" | "clearValidate" | ("watchDeep" | "showFooter" | "footerClass" | "submitText" | "cancelText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
+        }>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "watchDeep" | "showFooter" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
             validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
             clearValidate: (props?: any) => void;
             getFormInstance: () => ({
@@ -3199,11 +3199,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 fields?: any;
             }) => any;
         }, string, {
+            cancelText: string;
+            footerClass: string;
             watchDeep: boolean;
             showFooter: boolean;
-            footerClass: string;
             submitText: string;
-            cancelText: string;
             submitDisabled: boolean;
             cancelDisabled: boolean;
             showCount: number;
@@ -3228,11 +3228,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $nextTick: typeof 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<{
+        cancelText: string;
+        footerClass: string;
         watchDeep: boolean;
         showFooter: boolean;
-        footerClass: string;
         submitText: string;
-        cancelText: string;
         submitDisabled: boolean;
         cancelDisabled: boolean;
         showCount: number;
@@ -3247,7 +3247,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             valid: boolean;
             fields?: any;
         }) => any) | undefined;
-    }>, "form" | "validate" | "clearValidate" | ("watchDeep" | "showFooter" | "footerClass" | "submitText" | "cancelText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
+    }>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "watchDeep" | "showFooter" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
         validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
         clearValidate: (props?: any) => void;
         getFormInstance: () => ({

package/dist/es/page-table/PageTableColumn.vue.d.ts

@@ -21,10 +21,10 @@ declare const __VLS_component: import('vue').DefineComponent<PageTableColumnProp
         column: import('element-plus').TableColumnCtx<any>;
         index: number;
     }) => any;
+    align: string;
     prop: string;
     minWidth: string | number;
     sortable: boolean | string;
-    align: string;
     headerAlign: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/es/page-table-v2/PageTableV2.vue.d.ts

@@ -416,11 +416,11 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
                 fields?: any;
             }) => any;
         }, string, {
+            cancelText: string;
+            footerClass: string;
             watchDeep: boolean;
             showFooter: boolean;
-            footerClass: string;
             submitText: string;
-            cancelText: string;
             submitDisabled: boolean;
             cancelDisabled: boolean;
             showCount: number;
@@ -445,11 +445,11 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
         $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<{
+        cancelText: string;
+        footerClass: string;
         watchDeep: boolean;
         showFooter: boolean;
-        footerClass: string;
         submitText: string;
-        cancelText: string;
         submitDisabled: boolean;
         cancelDisabled: boolean;
         showCount: number;
@@ -464,7 +464,7 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
             valid: boolean;
             fields?: any;
         }) => any) | undefined;
-    }>, "form" | "validate" | "clearValidate" | ("watchDeep" | "showFooter" | "footerClass" | "submitText" | "cancelText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
+    }>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "watchDeep" | "showFooter" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
         validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
         clearValidate: (props?: any) => void;
         getFormInstance: () => ({

package/dist/es/style.css

@@ -496,6 +496,10 @@
     left: calc(var(--spacing) * 0);
   }
 
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+
   .z-30 {
     z-index: 30;
   }
@@ -2326,6 +2330,16 @@
     }
   }
 
+  .bg-white\/90 {
+    background-color: #ffffffe6;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/90 {
+      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+    }
+  }
+
   .bg-yellow-50 {
     background-color: var(--color-yellow-50);
   }

package/dist/lib/amap/AMapPicker/AMapPicker.vue.d.ts

@@ -0,0 +1,43 @@
+import { AMapPickerProps, CoordinateValue } from './types';
+type __VLS_Props = AMapPickerProps;
+type __VLS_PublicProps = {
+    modelValue?: CoordinateValue | null;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        button?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: CoordinateValue | null) => any;
+} & {
+    "update:modelValue": (value: CoordinateValue | null) => any;
+    change: (value: CoordinateValue | null) => any;
+    cancel: () => any;
+    confirm: (value: CoordinateValue | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CoordinateValue | null) => any) | undefined;
+    onChange?: ((value: CoordinateValue | null) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onConfirm?: ((value: CoordinateValue | null) => any) | undefined;
+}>, {
+    size: string | number;
+    title: string;
+    center: [number, number];
+    disabled: boolean;
+    token: string;
+    zoom: number;
+    mode: "dialog" | "drawer";
+    buttonText: string;
+}, {}, {}, {}, 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/lib/amap/AMapPicker/AMapPicker.vue.js

@@ -0,0 +1,142 @@
+"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 ElementPlus = require("element-plus");
+const Modal_vue_vue_type_script_setup_true_lang = require("../../modal/Modal.vue.js");
+;/* empty css                      */
+const AMap_vue_vue_type_script_setup_true_lang = require("../AMap.vue.js");
+;/* empty css            */
+const AMarker_vue_vue_type_script_setup_true_lang = require("../AMarker.vue.js");
+;/* empty css               */
+const _hoisted_1 = { class: "inline-block jky-amap-picker" };
+const _hoisted_2 = { class: "relative overflow-hidden jky-amap-picker__map-wrapper" };
+const _hoisted_3 = {
+  key: 0,
+  class: "absolute left-4 top-2 p-2 bg-white/90 shadow-blueGray flex items-center gap-x-2 jky-amap-picker__coordinate-info"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyAMapPicker"
+}), {
+  __name: "AMapPicker",
+  props: /* @__PURE__ */ vue.mergeModels({
+    token: { default: "75f62fbef756459563f042e5a2a1fd7c" },
+    buttonText: { default: "选择坐标" },
+    title: { default: "选择坐标位置" },
+    mode: { default: "dialog" },
+    size: { default: "800px" },
+    zoom: { default: 11 },
+    center: { default: () => [116.397428, 39.90923] },
+    disabled: { type: Boolean, default: false }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue", "change", "confirm", "cancel"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValue = vue.useModel(__props, "modelValue");
+    const modalVisible = vue.ref(false);
+    const selectedCoordinate = vue.ref(null);
+    function openModal() {
+      if (props.disabled)
+        return;
+      selectedCoordinate.value = modelValue.value ? __spreadValues({}, modelValue.value) : null;
+      modalVisible.value = true;
+    }
+    function handleMapClick(data) {
+      if (data && data.lnglat) {
+        selectedCoordinate.value = {
+          lng: data.lnglat.lng,
+          lat: data.lnglat.lat
+        };
+      }
+    }
+    function handleConfirm() {
+      modelValue.value = selectedCoordinate.value;
+      emit("change", selectedCoordinate.value);
+      emit("confirm", selectedCoordinate.value);
+      modalVisible.value = false;
+    }
+    function handleCancel() {
+      emit("cancel");
+      modalVisible.value = false;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.renderSlot(_ctx.$slots, "button", {}, () => [
+          vue.createVNode(vue.unref(ElementPlus.ElButton), {
+            type: "primary",
+            disabled: __props.disabled,
+            onClick: openModal
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(__props.buttonText), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        vue.createVNode(Modal_vue_vue_type_script_setup_true_lang.default, {
+          modelValue: modalVisible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modalVisible.value = $event),
+          title: __props.title,
+          mode: __props.mode,
+          size: __props.size,
+          onConfirm: handleConfirm,
+          onCancel: handleCancel
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(AMap_vue_vue_type_script_setup_true_lang.default, {
+                token: __props.token,
+                zoom: __props.zoom,
+                center: __props.center,
+                height: "320px",
+                onClick: handleMapClick
+              }, {
+                default: vue.withCtx(() => {
+                  var _a, _b;
+                  return [
+                    selectedCoordinate.value ? (vue.openBlock(), vue.createBlock(AMarker_vue_vue_type_script_setup_true_lang.default, {
+                      key: 0,
+                      markers: [{
+                        position: [(_a = selectedCoordinate.value) == null ? void 0 : _a.lng, (_b = selectedCoordinate.value) == null ? void 0 : _b.lat]
+                      }],
+                      draggable: ""
+                    }, null, 8, ["markers"])) : vue.createCommentVNode("", true)
+                  ];
+                }),
+                _: 1
+              }, 8, ["token", "zoom", "center"]),
+              selectedCoordinate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                vue.createElementVNode("span", null, "经度: " + vue.toDisplayString(selectedCoordinate.value.lng.toFixed(6)), 1),
+                vue.createElementVNode("span", null, "纬度: " + vue.toDisplayString(selectedCoordinate.value.lat.toFixed(6)), 1)
+              ])) : vue.createCommentVNode("", true)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title", "mode", "size"])
+      ]);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/amap/AMapPicker/AMapPicker.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const AMapPicker_vue_vue_type_script_setup_true_lang = require("./AMapPicker.vue.js");
+exports.default = AMapPicker_vue_vue_type_script_setup_true_lang.default;

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

@@ -1,9 +1,11 @@
 import { InstallWithSFC } from '../utils';
 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 declare const JkyAMap: InstallWithSFC<typeof AMap>;
+export declare const JkyAMapPicker: InstallWithSFC<typeof AMapPicker>;
 export declare const JkyAMarker: InstallWithSFC<typeof AMarker>;
 export declare const JkyATrackPlayback: InstallWithSFC<typeof ATrackPlayback>;
 export default JkyAMap;
-export { AMarker, ATrackPlayback };
+export { AMapPicker, AMarker, ATrackPlayback };