jky-component-lib 0.0.127 → 0.0.129
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/amap/AMapPicker/AMapPicker.vue.d.ts +43 -0
- package/dist/es/amap/AMapPicker/AMapPicker.vue.js +142 -0
- package/dist/es/amap/AMapPicker/AMapPicker.vue2.js +4 -0
- package/dist/es/amap/index.d.ts +3 -1
- package/dist/es/amap/index.js +10 -6
- package/dist/es/amap/style.css +5 -12
- package/dist/es/amap/style3.css +12 -5
- package/dist/es/components.js +7 -3
- package/dist/es/form/AMapPickerItem.vue.d.ts +19 -0
- package/dist/es/form/AMapPickerItem.vue.js +104 -0
- package/dist/es/form/AMapPickerItem.vue3.js +5 -0
- package/dist/es/form/Form.vue.d.ts +2 -2
- package/dist/es/form/FormItem.vue.js +31 -13
- package/dist/es/form/index.d.ts +3 -1
- package/dist/es/form/index.js +4 -0
- package/dist/es/index.js +10 -6
- package/dist/es/modal/Modal.vue.d.ts +3 -3
- package/dist/es/package.json.js +1 -1
- package/dist/es/page-table/PageTable.vue.d.ts +10 -10
- package/dist/es/page-table/PageTableColumn.vue.d.ts +1 -1
- package/dist/es/page-table-v2/PageTableV2.vue.d.ts +5 -5
- package/dist/es/style.css +14 -0
- package/dist/lib/amap/AMapPicker/AMapPicker.vue.d.ts +43 -0
- package/dist/lib/amap/AMapPicker/AMapPicker.vue.js +142 -0
- package/dist/lib/amap/AMapPicker/AMapPicker.vue2.js +4 -0
- package/dist/lib/amap/index.d.ts +3 -1
- package/dist/lib/amap/index.js +4 -0
- package/dist/lib/amap/style.css +5 -12
- package/dist/lib/amap/style3.css +12 -5
- package/dist/lib/components.js +27 -23
- package/dist/lib/form/AMapPickerItem.vue.d.ts +19 -0
- package/dist/lib/form/AMapPickerItem.vue.js +104 -0
- package/dist/lib/form/AMapPickerItem.vue3.js +5 -0
- package/dist/lib/form/Form.vue.d.ts +2 -2
- package/dist/lib/form/FormItem.vue.js +26 -8
- package/dist/lib/form/index.d.ts +3 -1
- package/dist/lib/form/index.js +4 -0
- package/dist/lib/index.js +19 -15
- package/dist/lib/modal/Modal.vue.d.ts +3 -3
- package/dist/lib/package.json.js +1 -1
- package/dist/lib/page-table/PageTable.vue.d.ts +10 -10
- package/dist/lib/page-table/PageTableColumn.vue.d.ts +1 -1
- package/dist/lib/page-table-v2/PageTableV2.vue.d.ts +5 -5
- package/dist/lib/style.css +14 -0
- package/package.json +1 -1
|
@@ -381,11 +381,11 @@ declare function __VLS_template(): {
|
|
|
381
381
|
fields?: any;
|
|
382
382
|
}) => any;
|
|
383
383
|
}, string, {
|
|
384
|
+
cancelText: string;
|
|
385
|
+
footerClass: string;
|
|
384
386
|
watchDeep: boolean;
|
|
385
387
|
showFooter: boolean;
|
|
386
|
-
footerClass: string;
|
|
387
388
|
submitText: string;
|
|
388
|
-
cancelText: string;
|
|
389
389
|
submitDisabled: boolean;
|
|
390
390
|
cancelDisabled: boolean;
|
|
391
391
|
showCount: number;
|
|
@@ -410,11 +410,11 @@ declare function __VLS_template(): {
|
|
|
410
410
|
$nextTick: typeof nextTick;
|
|
411
411
|
$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;
|
|
412
412
|
} & Readonly<{
|
|
413
|
+
cancelText: string;
|
|
414
|
+
footerClass: string;
|
|
413
415
|
watchDeep: boolean;
|
|
414
416
|
showFooter: boolean;
|
|
415
|
-
footerClass: string;
|
|
416
417
|
submitText: string;
|
|
417
|
-
cancelText: string;
|
|
418
418
|
submitDisabled: boolean;
|
|
419
419
|
cancelDisabled: boolean;
|
|
420
420
|
showCount: number;
|
|
@@ -429,7 +429,7 @@ declare function __VLS_template(): {
|
|
|
429
429
|
valid: boolean;
|
|
430
430
|
fields?: any;
|
|
431
431
|
}) => any) | undefined;
|
|
432
|
-
}>, "form" | "validate" | "clearValidate" | ("
|
|
432
|
+
}>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "watchDeep" | "showFooter" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
|
|
433
433
|
validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
|
|
434
434
|
clearValidate: (props?: any) => void;
|
|
435
435
|
getFormInstance: () => ({
|
|
@@ -3199,11 +3199,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
3199
3199
|
fields?: any;
|
|
3200
3200
|
}) => any;
|
|
3201
3201
|
}, string, {
|
|
3202
|
+
cancelText: string;
|
|
3203
|
+
footerClass: string;
|
|
3202
3204
|
watchDeep: boolean;
|
|
3203
3205
|
showFooter: boolean;
|
|
3204
|
-
footerClass: string;
|
|
3205
3206
|
submitText: string;
|
|
3206
|
-
cancelText: string;
|
|
3207
3207
|
submitDisabled: boolean;
|
|
3208
3208
|
cancelDisabled: boolean;
|
|
3209
3209
|
showCount: number;
|
|
@@ -3228,11 +3228,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
3228
3228
|
$nextTick: typeof nextTick;
|
|
3229
3229
|
$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;
|
|
3230
3230
|
} & Readonly<{
|
|
3231
|
+
cancelText: string;
|
|
3232
|
+
footerClass: string;
|
|
3231
3233
|
watchDeep: boolean;
|
|
3232
3234
|
showFooter: boolean;
|
|
3233
|
-
footerClass: string;
|
|
3234
3235
|
submitText: string;
|
|
3235
|
-
cancelText: string;
|
|
3236
3236
|
submitDisabled: boolean;
|
|
3237
3237
|
cancelDisabled: boolean;
|
|
3238
3238
|
showCount: number;
|
|
@@ -3247,7 +3247,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
3247
3247
|
valid: boolean;
|
|
3248
3248
|
fields?: any;
|
|
3249
3249
|
}) => any) | undefined;
|
|
3250
|
-
}>, "form" | "validate" | "clearValidate" | ("
|
|
3250
|
+
}>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "watchDeep" | "showFooter" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
|
|
3251
3251
|
validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
|
|
3252
3252
|
clearValidate: (props?: any) => void;
|
|
3253
3253
|
getFormInstance: () => ({
|
|
@@ -21,10 +21,10 @@ declare const __VLS_component: import('vue').DefineComponent<PageTableColumnProp
|
|
|
21
21
|
column: import('element-plus').TableColumnCtx<any>;
|
|
22
22
|
index: number;
|
|
23
23
|
}) => any;
|
|
24
|
+
align: string;
|
|
24
25
|
prop: string;
|
|
25
26
|
minWidth: string | number;
|
|
26
27
|
sortable: boolean | string;
|
|
27
|
-
align: string;
|
|
28
28
|
headerAlign: string;
|
|
29
29
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
30
30
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -416,11 +416,11 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
|
|
|
416
416
|
fields?: any;
|
|
417
417
|
}) => any;
|
|
418
418
|
}, string, {
|
|
419
|
+
cancelText: string;
|
|
420
|
+
footerClass: string;
|
|
419
421
|
watchDeep: boolean;
|
|
420
422
|
showFooter: boolean;
|
|
421
|
-
footerClass: string;
|
|
422
423
|
submitText: string;
|
|
423
|
-
cancelText: string;
|
|
424
424
|
submitDisabled: boolean;
|
|
425
425
|
cancelDisabled: boolean;
|
|
426
426
|
showCount: number;
|
|
@@ -445,11 +445,11 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
|
|
|
445
445
|
$nextTick: typeof import('vue').nextTick;
|
|
446
446
|
$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;
|
|
447
447
|
} & Readonly<{
|
|
448
|
+
cancelText: string;
|
|
449
|
+
footerClass: string;
|
|
448
450
|
watchDeep: boolean;
|
|
449
451
|
showFooter: boolean;
|
|
450
|
-
footerClass: string;
|
|
451
452
|
submitText: string;
|
|
452
|
-
cancelText: string;
|
|
453
453
|
submitDisabled: boolean;
|
|
454
454
|
cancelDisabled: boolean;
|
|
455
455
|
showCount: number;
|
|
@@ -464,7 +464,7 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
|
|
|
464
464
|
valid: boolean;
|
|
465
465
|
fields?: any;
|
|
466
466
|
}) => any) | undefined;
|
|
467
|
-
}>, "form" | "validate" | "clearValidate" | ("
|
|
467
|
+
}>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "watchDeep" | "showFooter" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
|
|
468
468
|
validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
|
|
469
469
|
clearValidate: (props?: any) => void;
|
|
470
470
|
getFormInstance: () => ({
|
package/dist/es/style.css
CHANGED
|
@@ -496,6 +496,10 @@
|
|
|
496
496
|
left: calc(var(--spacing) * 0);
|
|
497
497
|
}
|
|
498
498
|
|
|
499
|
+
.left-4 {
|
|
500
|
+
left: calc(var(--spacing) * 4);
|
|
501
|
+
}
|
|
502
|
+
|
|
499
503
|
.z-30 {
|
|
500
504
|
z-index: 30;
|
|
501
505
|
}
|
|
@@ -2326,6 +2330,16 @@
|
|
|
2326
2330
|
}
|
|
2327
2331
|
}
|
|
2328
2332
|
|
|
2333
|
+
.bg-white\/90 {
|
|
2334
|
+
background-color: #ffffffe6;
|
|
2335
|
+
}
|
|
2336
|
+
|
|
2337
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2338
|
+
.bg-white\/90 {
|
|
2339
|
+
background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
|
|
2340
|
+
}
|
|
2341
|
+
}
|
|
2342
|
+
|
|
2329
2343
|
.bg-yellow-50 {
|
|
2330
2344
|
background-color: var(--color-yellow-50);
|
|
2331
2345
|
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { AMapPickerProps, CoordinateValue } from './types';
|
|
2
|
+
type __VLS_Props = AMapPickerProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
modelValue?: CoordinateValue | null;
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
button?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: HTMLDivElement;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
+
"update:modelValue": (value: CoordinateValue | null) => any;
|
|
17
|
+
} & {
|
|
18
|
+
"update:modelValue": (value: CoordinateValue | null) => any;
|
|
19
|
+
change: (value: CoordinateValue | null) => any;
|
|
20
|
+
cancel: () => any;
|
|
21
|
+
confirm: (value: CoordinateValue | null) => any;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
23
|
+
"onUpdate:modelValue"?: ((value: CoordinateValue | null) => any) | undefined;
|
|
24
|
+
onChange?: ((value: CoordinateValue | null) => any) | undefined;
|
|
25
|
+
onCancel?: (() => any) | undefined;
|
|
26
|
+
onConfirm?: ((value: CoordinateValue | null) => any) | undefined;
|
|
27
|
+
}>, {
|
|
28
|
+
size: string | number;
|
|
29
|
+
title: string;
|
|
30
|
+
center: [number, number];
|
|
31
|
+
disabled: boolean;
|
|
32
|
+
token: string;
|
|
33
|
+
zoom: number;
|
|
34
|
+
mode: "dialog" | "drawer";
|
|
35
|
+
buttonText: string;
|
|
36
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
37
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
38
|
+
export default _default;
|
|
39
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
40
|
+
new (): {
|
|
41
|
+
$slots: S;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
4
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
+
var __spreadValues = (a, b) => {
|
|
10
|
+
for (var prop in b || (b = {}))
|
|
11
|
+
if (__hasOwnProp.call(b, prop))
|
|
12
|
+
__defNormalProp(a, prop, b[prop]);
|
|
13
|
+
if (__getOwnPropSymbols)
|
|
14
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
+
if (__propIsEnum.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
}
|
|
18
|
+
return a;
|
|
19
|
+
};
|
|
20
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
22
|
+
const vue = require("vue");
|
|
23
|
+
const ElementPlus = require("element-plus");
|
|
24
|
+
const Modal_vue_vue_type_script_setup_true_lang = require("../../modal/Modal.vue.js");
|
|
25
|
+
;/* empty css */
|
|
26
|
+
const AMap_vue_vue_type_script_setup_true_lang = require("../AMap.vue.js");
|
|
27
|
+
;/* empty css */
|
|
28
|
+
const AMarker_vue_vue_type_script_setup_true_lang = require("../AMarker.vue.js");
|
|
29
|
+
;/* empty css */
|
|
30
|
+
const _hoisted_1 = { class: "inline-block jky-amap-picker" };
|
|
31
|
+
const _hoisted_2 = { class: "relative overflow-hidden jky-amap-picker__map-wrapper" };
|
|
32
|
+
const _hoisted_3 = {
|
|
33
|
+
key: 0,
|
|
34
|
+
class: "absolute left-4 top-2 p-2 bg-white/90 shadow-blueGray flex items-center gap-x-2 jky-amap-picker__coordinate-info"
|
|
35
|
+
};
|
|
36
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
|
|
37
|
+
name: "JkyAMapPicker"
|
|
38
|
+
}), {
|
|
39
|
+
__name: "AMapPicker",
|
|
40
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
41
|
+
token: { default: "75f62fbef756459563f042e5a2a1fd7c" },
|
|
42
|
+
buttonText: { default: "选择坐标" },
|
|
43
|
+
title: { default: "选择坐标位置" },
|
|
44
|
+
mode: { default: "dialog" },
|
|
45
|
+
size: { default: "800px" },
|
|
46
|
+
zoom: { default: 11 },
|
|
47
|
+
center: { default: () => [116.397428, 39.90923] },
|
|
48
|
+
disabled: { type: Boolean, default: false }
|
|
49
|
+
}, {
|
|
50
|
+
"modelValue": {},
|
|
51
|
+
"modelModifiers": {}
|
|
52
|
+
}),
|
|
53
|
+
emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue", "change", "confirm", "cancel"], ["update:modelValue"]),
|
|
54
|
+
setup(__props, { emit: __emit }) {
|
|
55
|
+
const props = __props;
|
|
56
|
+
const emit = __emit;
|
|
57
|
+
const modelValue = vue.useModel(__props, "modelValue");
|
|
58
|
+
const modalVisible = vue.ref(false);
|
|
59
|
+
const selectedCoordinate = vue.ref(null);
|
|
60
|
+
function openModal() {
|
|
61
|
+
if (props.disabled)
|
|
62
|
+
return;
|
|
63
|
+
selectedCoordinate.value = modelValue.value ? __spreadValues({}, modelValue.value) : null;
|
|
64
|
+
modalVisible.value = true;
|
|
65
|
+
}
|
|
66
|
+
function handleMapClick(data) {
|
|
67
|
+
if (data && data.lnglat) {
|
|
68
|
+
selectedCoordinate.value = {
|
|
69
|
+
lng: data.lnglat.lng,
|
|
70
|
+
lat: data.lnglat.lat
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
function handleConfirm() {
|
|
75
|
+
modelValue.value = selectedCoordinate.value;
|
|
76
|
+
emit("change", selectedCoordinate.value);
|
|
77
|
+
emit("confirm", selectedCoordinate.value);
|
|
78
|
+
modalVisible.value = false;
|
|
79
|
+
}
|
|
80
|
+
function handleCancel() {
|
|
81
|
+
emit("cancel");
|
|
82
|
+
modalVisible.value = false;
|
|
83
|
+
}
|
|
84
|
+
return (_ctx, _cache) => {
|
|
85
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
86
|
+
vue.renderSlot(_ctx.$slots, "button", {}, () => [
|
|
87
|
+
vue.createVNode(vue.unref(ElementPlus.ElButton), {
|
|
88
|
+
type: "primary",
|
|
89
|
+
disabled: __props.disabled,
|
|
90
|
+
onClick: openModal
|
|
91
|
+
}, {
|
|
92
|
+
default: vue.withCtx(() => [
|
|
93
|
+
vue.createTextVNode(vue.toDisplayString(__props.buttonText), 1)
|
|
94
|
+
]),
|
|
95
|
+
_: 1
|
|
96
|
+
}, 8, ["disabled"])
|
|
97
|
+
]),
|
|
98
|
+
vue.createVNode(Modal_vue_vue_type_script_setup_true_lang.default, {
|
|
99
|
+
modelValue: modalVisible.value,
|
|
100
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modalVisible.value = $event),
|
|
101
|
+
title: __props.title,
|
|
102
|
+
mode: __props.mode,
|
|
103
|
+
size: __props.size,
|
|
104
|
+
onConfirm: handleConfirm,
|
|
105
|
+
onCancel: handleCancel
|
|
106
|
+
}, {
|
|
107
|
+
default: vue.withCtx(() => [
|
|
108
|
+
vue.createElementVNode("div", _hoisted_2, [
|
|
109
|
+
vue.createVNode(AMap_vue_vue_type_script_setup_true_lang.default, {
|
|
110
|
+
token: __props.token,
|
|
111
|
+
zoom: __props.zoom,
|
|
112
|
+
center: __props.center,
|
|
113
|
+
height: "320px",
|
|
114
|
+
onClick: handleMapClick
|
|
115
|
+
}, {
|
|
116
|
+
default: vue.withCtx(() => {
|
|
117
|
+
var _a, _b;
|
|
118
|
+
return [
|
|
119
|
+
selectedCoordinate.value ? (vue.openBlock(), vue.createBlock(AMarker_vue_vue_type_script_setup_true_lang.default, {
|
|
120
|
+
key: 0,
|
|
121
|
+
markers: [{
|
|
122
|
+
position: [(_a = selectedCoordinate.value) == null ? void 0 : _a.lng, (_b = selectedCoordinate.value) == null ? void 0 : _b.lat]
|
|
123
|
+
}],
|
|
124
|
+
draggable: ""
|
|
125
|
+
}, null, 8, ["markers"])) : vue.createCommentVNode("", true)
|
|
126
|
+
];
|
|
127
|
+
}),
|
|
128
|
+
_: 1
|
|
129
|
+
}, 8, ["token", "zoom", "center"]),
|
|
130
|
+
selectedCoordinate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
|
|
131
|
+
vue.createElementVNode("span", null, "经度: " + vue.toDisplayString(selectedCoordinate.value.lng.toFixed(6)), 1),
|
|
132
|
+
vue.createElementVNode("span", null, "纬度: " + vue.toDisplayString(selectedCoordinate.value.lat.toFixed(6)), 1)
|
|
133
|
+
])) : vue.createCommentVNode("", true)
|
|
134
|
+
])
|
|
135
|
+
]),
|
|
136
|
+
_: 1
|
|
137
|
+
}, 8, ["modelValue", "title", "mode", "size"])
|
|
138
|
+
]);
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
}));
|
|
142
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const AMapPicker_vue_vue_type_script_setup_true_lang = require("./AMapPicker.vue.js");
|
|
4
|
+
exports.default = AMapPicker_vue_vue_type_script_setup_true_lang.default;
|
package/dist/lib/amap/index.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { InstallWithSFC } from '../utils';
|
|
2
2
|
import { default as AMap } from './AMap.vue';
|
|
3
|
+
import { default as AMapPicker } from './AMapPicker/AMapPicker.vue';
|
|
3
4
|
import { default as AMarker } from './AMarker.vue';
|
|
4
5
|
import { default as ATrackPlayback } from './ATrackPlayback.vue';
|
|
5
6
|
export declare const JkyAMap: InstallWithSFC<typeof AMap>;
|
|
7
|
+
export declare const JkyAMapPicker: InstallWithSFC<typeof AMapPicker>;
|
|
6
8
|
export declare const JkyAMarker: InstallWithSFC<typeof AMarker>;
|
|
7
9
|
export declare const JkyATrackPlayback: InstallWithSFC<typeof ATrackPlayback>;
|
|
8
10
|
export default JkyAMap;
|
|
9
|
-
export { AMarker, ATrackPlayback };
|
|
11
|
+
export { AMapPicker, AMarker, ATrackPlayback };
|
package/dist/lib/amap/index.js
CHANGED
|
@@ -2,17 +2,21 @@
|
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const AMap_vue_vue_type_script_setup_true_lang = require("./AMap.vue.js");
|
|
4
4
|
;/* empty css */
|
|
5
|
+
const AMapPicker_vue_vue_type_script_setup_true_lang = require("./AMapPicker/AMapPicker.vue.js");
|
|
5
6
|
const AMarker_vue_vue_type_script_setup_true_lang = require("./AMarker.vue.js");
|
|
6
7
|
;/* empty css */
|
|
7
8
|
const ATrackPlayback_vue_vue_type_script_setup_true_lang = require("./ATrackPlayback.vue.js");
|
|
8
9
|
;/* empty css */
|
|
9
10
|
const withInstall = require("../utils/with-install.js");
|
|
10
11
|
const JkyAMap = withInstall.installWithSFC(AMap_vue_vue_type_script_setup_true_lang.default);
|
|
12
|
+
const JkyAMapPicker = withInstall.installWithSFC(AMapPicker_vue_vue_type_script_setup_true_lang.default);
|
|
11
13
|
const JkyAMarker = withInstall.installWithSFC(AMarker_vue_vue_type_script_setup_true_lang.default);
|
|
12
14
|
const JkyATrackPlayback = withInstall.installWithSFC(ATrackPlayback_vue_vue_type_script_setup_true_lang.default);
|
|
15
|
+
exports.AMapPicker = AMapPicker_vue_vue_type_script_setup_true_lang.default;
|
|
13
16
|
exports.AMarker = AMarker_vue_vue_type_script_setup_true_lang.default;
|
|
14
17
|
exports.ATrackPlayback = ATrackPlayback_vue_vue_type_script_setup_true_lang.default;
|
|
15
18
|
exports.JkyAMap = JkyAMap;
|
|
19
|
+
exports.JkyAMapPicker = JkyAMapPicker;
|
|
16
20
|
exports.JkyAMarker = JkyAMarker;
|
|
17
21
|
exports.JkyATrackPlayback = JkyATrackPlayback;
|
|
18
22
|
exports.default = JkyAMap;
|
package/dist/lib/amap/style.css
CHANGED
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
/* AMap 高德地图组件样式 */
|
|
2
|
-
.jky-amap-container {
|
|
3
|
-
/* 地图容器样式 */
|
|
4
|
-
position: relative;
|
|
5
|
-
overflow: hidden;
|
|
6
1
|
|
|
7
|
-
|
|
8
|
-
.amap-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
display: none !important;
|
|
13
|
-
}
|
|
2
|
+
/* JkyAMarker 组件样式 - 参考高德官方示例 */
|
|
3
|
+
.amap-icon img,
|
|
4
|
+
.amap-marker-content img {
|
|
5
|
+
width: 25px;
|
|
6
|
+
height: 34px;
|
|
14
7
|
}
|
package/dist/lib/amap/style3.css
CHANGED
|
@@ -1,7 +1,14 @@
|
|
|
1
|
+
/* AMap 高德地图组件样式 */
|
|
2
|
+
.jky-amap-container {
|
|
3
|
+
/* 地图容器样式 */
|
|
4
|
+
position: relative;
|
|
5
|
+
overflow: hidden;
|
|
1
6
|
|
|
2
|
-
/*
|
|
3
|
-
.amap-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
+
/* 隐藏高德地图的 logo 和版权信息(注意:商业使用请遵守高德地图条款) */
|
|
8
|
+
.amap-logo {
|
|
9
|
+
display: none !important;
|
|
10
|
+
}
|
|
11
|
+
.amap-copyright {
|
|
12
|
+
display: none !important;
|
|
13
|
+
}
|
|
7
14
|
}
|
package/dist/lib/components.js
CHANGED
|
@@ -1,54 +1,58 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const index$
|
|
3
|
+
const index$3 = require("./add-input/index.js");
|
|
4
4
|
const index = require("./amap/index.js");
|
|
5
|
-
const index$
|
|
6
|
-
const index$
|
|
7
|
-
const index$
|
|
8
|
-
const index$
|
|
5
|
+
const index$4 = require("./button/index.js");
|
|
6
|
+
const index$5 = require("./button-nav/index.js");
|
|
7
|
+
const index$6 = require("./code-mirror-editor/index.js");
|
|
8
|
+
const index$1 = require("./form/index.js");
|
|
9
9
|
const index$7 = require("./menu/index.js");
|
|
10
10
|
const index$8 = require("./modal/index.js");
|
|
11
11
|
const index$9 = require("./page-header/index.js");
|
|
12
12
|
const index$a = require("./page-layout/index.js");
|
|
13
|
-
const index$
|
|
13
|
+
const index$2 = require("./page-table/index.js");
|
|
14
14
|
const index$b = require("./page-table-v2/index.js");
|
|
15
15
|
const index$c = require("./rich-editor/index.js");
|
|
16
16
|
const index$d = require("./say-hello/index.js");
|
|
17
17
|
const index$e = require("./tabs/index.js");
|
|
18
18
|
const components = [
|
|
19
19
|
index$d.JkySayHello,
|
|
20
|
-
index$
|
|
21
|
-
index$
|
|
20
|
+
index$4.JkyButton,
|
|
21
|
+
index$5.JkyButtonNav,
|
|
22
22
|
index$9.JkyPageHeader,
|
|
23
23
|
index$7.JkyMenu,
|
|
24
|
-
index$
|
|
25
|
-
index$
|
|
26
|
-
index$
|
|
27
|
-
index$
|
|
24
|
+
index$1.JkyForm,
|
|
25
|
+
index$1.JkyLinkedSelect,
|
|
26
|
+
index$1.JkyAMapPickerItem,
|
|
27
|
+
index$6.JkyCodeMirrorEditor,
|
|
28
|
+
index$3.JkyAddInput,
|
|
28
29
|
index$c.JkyRichEditor,
|
|
29
|
-
index$
|
|
30
|
+
index$2.JkyPageTable,
|
|
30
31
|
index$b.JkyPageTableV2,
|
|
31
32
|
index$a.JkyPageLayout,
|
|
32
33
|
index$e.JkyTabs,
|
|
33
34
|
index$8.JkyModal,
|
|
34
|
-
index.JkyAMap
|
|
35
|
+
index.JkyAMap,
|
|
36
|
+
index.JkyAMapPicker
|
|
35
37
|
];
|
|
36
|
-
exports.JkyAddInput = index$
|
|
38
|
+
exports.JkyAddInput = index$3.JkyAddInput;
|
|
37
39
|
exports.JkyAMap = index.JkyAMap;
|
|
40
|
+
exports.JkyAMapPicker = index.JkyAMapPicker;
|
|
38
41
|
exports.JkyAMarker = index.JkyAMarker;
|
|
39
42
|
exports.JkyATrackPlayback = index.JkyATrackPlayback;
|
|
40
|
-
exports.JkyButton = index$
|
|
41
|
-
exports.JkyButtonNav = index$
|
|
42
|
-
exports.JkyCodeMirrorEditor = index$
|
|
43
|
-
exports.
|
|
44
|
-
exports.
|
|
43
|
+
exports.JkyButton = index$4.JkyButton;
|
|
44
|
+
exports.JkyButtonNav = index$5.JkyButtonNav;
|
|
45
|
+
exports.JkyCodeMirrorEditor = index$6.JkyCodeMirrorEditor;
|
|
46
|
+
exports.JkyAMapPickerItem = index$1.JkyAMapPickerItem;
|
|
47
|
+
exports.JkyForm = index$1.JkyForm;
|
|
48
|
+
exports.JkyLinkedSelect = index$1.JkyLinkedSelect;
|
|
45
49
|
exports.JkyMenu = index$7.JkyMenu;
|
|
46
50
|
exports.JkyModal = index$8.JkyModal;
|
|
47
51
|
exports.JkyPageHeader = index$9.JkyPageHeader;
|
|
48
52
|
exports.JkyPageLayout = index$a.JkyPageLayout;
|
|
49
|
-
exports.JkyActionColumn = index$
|
|
50
|
-
exports.JkyPageTable = index$
|
|
51
|
-
exports.JkyPageTableColumn = index$
|
|
53
|
+
exports.JkyActionColumn = index$2.JkyActionColumn;
|
|
54
|
+
exports.JkyPageTable = index$2.JkyPageTable;
|
|
55
|
+
exports.JkyPageTableColumn = index$2.JkyPageTableColumn;
|
|
52
56
|
exports.JkyPageTableV2 = index$b.JkyPageTableV2;
|
|
53
57
|
exports.JkyRichEditor = index$c.JkyRichEditor;
|
|
54
58
|
exports.JkySayHello = index$d.JkySayHello;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { AMapPickerItemProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<AMapPickerItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
|
+
"update:modelValue": (value: [number, number] | null) => any;
|
|
4
|
+
change: (value: [number, number] | null) => any;
|
|
5
|
+
}, string, import('vue').PublicProps, Readonly<AMapPickerItemProps> & Readonly<{
|
|
6
|
+
"onUpdate:modelValue"?: ((value: [number, number] | null) => any) | undefined;
|
|
7
|
+
onChange?: ((value: [number, number] | null) => any) | undefined;
|
|
8
|
+
}>, {
|
|
9
|
+
size: string | number;
|
|
10
|
+
title: string;
|
|
11
|
+
center: [number, number];
|
|
12
|
+
token: string;
|
|
13
|
+
zoom: number;
|
|
14
|
+
mode: "dialog" | "drawer";
|
|
15
|
+
buttonText: string;
|
|
16
|
+
longitudePlaceholder: string;
|
|
17
|
+
latitudePlaceholder: string;
|
|
18
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
4
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
+
var __spreadValues = (a, b) => {
|
|
10
|
+
for (var prop in b || (b = {}))
|
|
11
|
+
if (__hasOwnProp.call(b, prop))
|
|
12
|
+
__defNormalProp(a, prop, b[prop]);
|
|
13
|
+
if (__getOwnPropSymbols)
|
|
14
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
+
if (__propIsEnum.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
}
|
|
18
|
+
return a;
|
|
19
|
+
};
|
|
20
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
22
|
+
const vue = require("vue");
|
|
23
|
+
const ElementPlus = require("element-plus");
|
|
24
|
+
const AMapPicker_vue_vue_type_script_setup_true_lang = require("../amap/AMapPicker/AMapPicker.vue.js");
|
|
25
|
+
const _hoisted_1 = { class: "jky-amap-picker-item flex items-center gap-2" };
|
|
26
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
|
|
27
|
+
name: "JkyAMapPickerItem"
|
|
28
|
+
}), {
|
|
29
|
+
__name: "AMapPickerItem",
|
|
30
|
+
props: {
|
|
31
|
+
modelValue: {},
|
|
32
|
+
token: { default: "75f62fbef756459563f042e5a2a1fd7c" },
|
|
33
|
+
buttonText: { default: "拾取坐标" },
|
|
34
|
+
longitudePlaceholder: { default: "请输入经度" },
|
|
35
|
+
latitudePlaceholder: { default: "请输入纬度" },
|
|
36
|
+
title: { default: "选择坐标" },
|
|
37
|
+
mode: { default: "dialog" },
|
|
38
|
+
size: { default: "600px" },
|
|
39
|
+
zoom: { default: 15 },
|
|
40
|
+
center: { default: () => [116.397428, 39.90923] },
|
|
41
|
+
disabled: { type: Boolean }
|
|
42
|
+
},
|
|
43
|
+
emits: ["update:modelValue", "change"],
|
|
44
|
+
setup(__props, { emit: __emit }) {
|
|
45
|
+
const props = __props;
|
|
46
|
+
const emit = __emit;
|
|
47
|
+
const coordinateValue = vue.computed({
|
|
48
|
+
get: () => {
|
|
49
|
+
if (!props.modelValue || props.modelValue.length !== 2)
|
|
50
|
+
return null;
|
|
51
|
+
return { lng: props.modelValue[0], lat: props.modelValue[1] };
|
|
52
|
+
},
|
|
53
|
+
set: (val) => {
|
|
54
|
+
if (val) {
|
|
55
|
+
const newValue = [val.lng, val.lat];
|
|
56
|
+
emit("update:modelValue", newValue);
|
|
57
|
+
emit("change", newValue);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
return (_ctx, _cache) => {
|
|
62
|
+
var _a, _b, _c, _d;
|
|
63
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
64
|
+
vue.createVNode(vue.unref(ElementPlus.ElInputNumber), {
|
|
65
|
+
"model-value": (_b = (_a = props.modelValue) == null ? void 0 : _a[0]) != null ? _b : null,
|
|
66
|
+
placeholder: __props.longitudePlaceholder,
|
|
67
|
+
disabled: __props.disabled,
|
|
68
|
+
controls: false,
|
|
69
|
+
class: "flex-1",
|
|
70
|
+
precision: 6,
|
|
71
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => {
|
|
72
|
+
var _a2, _b2;
|
|
73
|
+
return emit("update:modelValue", val !== void 0 ? [val, (_b2 = (_a2 = props.modelValue) == null ? void 0 : _a2[1]) != null ? _b2 : 0] : null);
|
|
74
|
+
})
|
|
75
|
+
}, null, 8, ["model-value", "placeholder", "disabled"]),
|
|
76
|
+
vue.createVNode(vue.unref(ElementPlus.ElInputNumber), {
|
|
77
|
+
"model-value": (_d = (_c = props.modelValue) == null ? void 0 : _c[1]) != null ? _d : null,
|
|
78
|
+
placeholder: __props.latitudePlaceholder,
|
|
79
|
+
disabled: __props.disabled,
|
|
80
|
+
controls: false,
|
|
81
|
+
class: "flex-1",
|
|
82
|
+
precision: 6,
|
|
83
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = (val) => {
|
|
84
|
+
var _a2, _b2;
|
|
85
|
+
return emit("update:modelValue", val !== void 0 ? [(_b2 = (_a2 = props.modelValue) == null ? void 0 : _a2[0]) != null ? _b2 : 0, val] : null);
|
|
86
|
+
})
|
|
87
|
+
}, null, 8, ["model-value", "placeholder", "disabled"]),
|
|
88
|
+
vue.createVNode(AMapPicker_vue_vue_type_script_setup_true_lang.default, {
|
|
89
|
+
modelValue: coordinateValue.value,
|
|
90
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => coordinateValue.value = $event),
|
|
91
|
+
token: __props.token,
|
|
92
|
+
"button-text": __props.buttonText,
|
|
93
|
+
title: __props.title,
|
|
94
|
+
mode: __props.mode,
|
|
95
|
+
size: __props.size,
|
|
96
|
+
zoom: __props.zoom,
|
|
97
|
+
center: __props.center,
|
|
98
|
+
disabled: __props.disabled
|
|
99
|
+
}, null, 8, ["modelValue", "token", "button-text", "title", "mode", "size", "zoom", "center", "disabled"])
|
|
100
|
+
]);
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
}));
|
|
104
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const AMapPickerItem_vue_vue_type_script_setup_true_lang = require("./AMapPickerItem.vue.js");
|
|
4
|
+
;/* empty css */
|
|
5
|
+
exports.default = AMapPickerItem_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -343,11 +343,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
343
343
|
fields?: any;
|
|
344
344
|
}) => any) | undefined;
|
|
345
345
|
}>, {
|
|
346
|
+
cancelText: string;
|
|
347
|
+
footerClass: string;
|
|
346
348
|
watchDeep: boolean;
|
|
347
349
|
showFooter: boolean;
|
|
348
|
-
footerClass: string;
|
|
349
350
|
submitText: string;
|
|
350
|
-
cancelText: string;
|
|
351
351
|
submitDisabled: boolean;
|
|
352
352
|
cancelDisabled: boolean;
|
|
353
353
|
showCount: number;
|