@me-framework/me-ui-antdv-next 0.0.24 → 0.0.28

package/dist/input-gps/index.js

@@ -0,0 +1,303 @@
+import e from "../icon/index.js";
+import { t } from "../chunks/modal-KBZYtIHD.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, nextTick as d, normalizeStyle as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, shallowRef as _, toDisplayString as v, unref as y, watch as b, withCtx as x } from "vue";
+import S from "@amap/amap-jsapi-loader";
+//#region src/components/input-gps/map.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "search-box" }, w = /* @__PURE__ */ u({
+	__name: "map",
+	props: {
+		isFullscreen: { type: Boolean },
+		modelValue: {},
+		mapKey: {},
+		mapSecurityKey: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { expose: t, emit: n }) {
+		let i = e, a = n, c = _(null), u = h(""), d = h([]), v = r({
+			get() {
+				return i.modelValue || {};
+			},
+			set(e) {
+				a("update:modelValue", e);
+			}
+		});
+		b(() => v.value, (e) => {
+			e.longitude && e.latitude && j(e);
+		}, { deep: !0 }), b(() => i.isFullscreen, () => {
+			setTimeout(() => {
+				c.value?.resize();
+			}, 100);
+		});
+		let y, w, T, E;
+		function D() {
+			let e = i.mapSecurityKey || "f4b453739d9bbfaeedb62f53dcf4c436";
+			e && typeof window < "u" && (window._AMapSecurityConfig = { securityJsCode: e }), S.load({
+				key: i.mapKey || "43046d94499dc85dec81037e5ac14ee9",
+				version: "2.0",
+				plugins: [
+					"AMap.ToolBar",
+					"AMap.Scale",
+					"AMap.Geolocation",
+					"AMap.PlaceSearch",
+					"AMap.Geocoder"
+				]
+			}).then((e) => {
+				w = e, c.value = new e.Map("mapcontainer"), v.value.longitude && v.value.latitude && j(v.value), e.plugin([
+					"AMap.ToolBar",
+					"AMap.Scale",
+					"AMap.Geolocation",
+					"AMap.PlaceSearch",
+					"AMap.Geocoder"
+				], () => {
+					let t = new e.ToolBar(), n = new e.Scale(), r = new e.Geolocation({
+						enableHighAccuracy: !0,
+						timeout: 1e4,
+						position: "RT",
+						buttonOffset: new e.Pixel(10, 20),
+						zoomToAccuracy: !0
+					});
+					E = new e.Geocoder({ city: "全国" }), c.value.addControl(r), c.value.addControl(t), c.value.addControl(n), y = new e.PlaceSearch({
+						map: c.value,
+						city: "",
+						pageSize: 30,
+						pageIndex: 1,
+						citylimit: !1,
+						autoFitView: !0
+					}), c.value.on("click", k), e.Event.addListener(y, "markerClick", function(e) {
+						let t = { ...v.value };
+						t.longitude = e.data.location.lng, t.latitude = e.data.location.lat, t.name = e.data.name, a("update:modelValue", t);
+					});
+				});
+			});
+		}
+		p(() => {
+			D(), setTimeout(() => {
+				let { longitude: e, latitude: t } = v.value;
+				e && t && c.value && c.value.setZoomAndCenter(16, [e, t]);
+			}, 500);
+		});
+		function O(e) {
+			if (!e) {
+				d.value = [];
+				return;
+			}
+			y.search(e, (e, t) => {
+				if (t && typeof t == "object" && t.poiList) {
+					let e = t.poiList.pois;
+					d.value = e.map((e) => ({
+						value: e.name,
+						label: e.name,
+						...e
+					}));
+				} else d.value = [];
+			});
+		}
+		function k(e) {
+			if (!E) return;
+			let { lng: t, lat: n } = e.lnglat;
+			a("update:modelValue", {
+				longitude: t,
+				latitude: n
+			}), E.getAddress([t, n], (e, r) => {
+				if (e === "complete" && r.info === "OK") {
+					let { addressComponent: e, formattedAddress: i } = r.regeocode, { city: o, province: s, district: c } = e;
+					o ||= s, a("update:modelValue", {
+						longitude: t,
+						latitude: n,
+						address: i,
+						zone: [
+							s,
+							o,
+							c
+						]
+					});
+				}
+			});
+		}
+		function A(e, t) {
+			let n = t, { pname: r, cityname: i, adname: o, address: s, name: l } = n, { lng: u, lat: d } = n.location;
+			a("update:modelValue", {
+				longitude: u,
+				latitude: d,
+				address: s,
+				zone: [
+					r,
+					i,
+					o
+				],
+				name: l
+			}), c.value.setZoomAndCenter(16, [u, d]);
+		}
+		function j(e = v.value) {
+			let { longitude: t, latitude: n } = e;
+			!t || !n || (T && T.setMap(null), T = new w.Marker({
+				position: new w.LngLat(t, n),
+				anchor: "bottom-center"
+			}), c.value.add(T));
+		}
+		function M() {
+			c.value?.resize();
+		}
+		function N() {
+			let { longitude: e, latitude: t } = v.value;
+			e && t && c.value && (c.value.setZoomAndCenter(16, [e, t]), j());
+		}
+		return t({
+			resize: M,
+			setCenter: N
+		}), (t, n) => {
+			let r = g("a-input"), i = g("a-auto-complete");
+			return m(), o("div", {
+				class: "me-input-gps__map",
+				style: f({
+					height: e.isFullscreen ? "100%" : "400px",
+					width: "100%"
+				})
+			}, [n[3] ||= s("div", { id: "mapcontainer" }, null, -1), s("div", C, [
+				l(i, {
+					value: u.value,
+					"onUpdate:value": n[0] ||= (e) => u.value = e,
+					options: d.value,
+					placeholder: "输入城市+关键字搜索",
+					style: { width: "300px" },
+					onSearch: O,
+					onSelect: A
+				}, {
+					default: x(() => [l(r, { "allow-clear": "" })]),
+					_: 1
+				}, 8, ["value", "options"]),
+				l(r, {
+					value: v.value.longitude,
+					"onUpdate:value": n[1] ||= (e) => v.value.longitude = e,
+					placeholder: "点击地图选择经度",
+					maxlength: 15,
+					"allow-clear": "",
+					style: {
+						width: "150px",
+						margin: "0 5px"
+					}
+				}, null, 8, ["value"]),
+				l(r, {
+					value: v.value.latitude,
+					"onUpdate:value": n[2] ||= (e) => v.value.latitude = e,
+					placeholder: "点击地图选择纬度",
+					maxlength: 15,
+					"allow-clear": "",
+					style: { width: "150px" }
+				}, null, 8, ["value"])
+			])], 4);
+		};
+	}
+}), T = { class: "me-input-gps" }, E = {
+	key: 0,
+	class: "me-input-gps__address"
+}, D = /* @__PURE__ */ u({
+	name: "MeInputGps",
+	__name: "index",
+	props: {
+		modelValue: {},
+		latitude: {},
+		longitude: {},
+		address: {},
+		mapKey: {},
+		mapSecurityKey: {},
+		placeholder: { default: "请选择位置" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "confirm"],
+	setup(s, { emit: u }) {
+		let f = s, _ = u, S = r(() => f.modelValue && Object.keys(f.modelValue).length ? f.modelValue : {
+			latitude: f.latitude,
+			longitude: f.longitude,
+			address: f.address
+		}), C = h({}), D = h(!1), O = h(!1), k = h(null), A = r(() => C.value.latitude ? `经度：${C.value.longitude}，纬度：${C.value.latitude}` : ""), j = r(() => f.mapKey || "43046d94499dc85dec81037e5ac14ee9"), M = r(() => f.mapSecurityKey || "f4b453739d9bbfaeedb62f53dcf4c436"), N = () => {
+			f.disabled || (D.value = !0);
+		}, P = h(!1), F = () => {
+			let e = {
+				latitude: C.value.latitude || "",
+				longitude: C.value.longitude || "",
+				address: C.value.address || ""
+			};
+			P.value = !0, _("update:modelValue", { ...e }), _("confirm", { ...e }), D.value = !1;
+		}, I = (e) => {
+			O.value = e;
+		};
+		return b(D, (e) => {
+			e && d(() => {
+				setTimeout(() => {
+					k.value?.resize(), k.value?.setCenter();
+				}, 300);
+			});
+		}), b(D, (e) => {
+			e || (P.value ? P.value = !1 : C.value = { ...S.value });
+		}), b(S, (e) => {
+			D.value || (C.value = { ...e });
+		}), p(() => {
+			C.value = { ...S.value };
+		}), (r, u) => {
+			let d = g("a-input"), f = g("a-button"), p = g("a-space-compact");
+			return m(), o("div", T, [
+				l(p, { style: { width: "100%" } }, {
+					default: x(() => [l(d, {
+						value: A.value,
+						placeholder: s.placeholder,
+						disabled: s.disabled,
+						readonly: "",
+						class: "me-input-gps__input"
+					}, null, 8, [
+						"value",
+						"placeholder",
+						"disabled"
+					]), l(f, {
+						disabled: s.disabled,
+						onClick: N
+					}, {
+						default: x(() => [l(y(e), {
+							name: "MapPin",
+							size: 16
+						})]),
+						_: 1
+					}, 8, ["disabled"])]),
+					_: 1
+				}),
+				C.value?.latitude ? (m(), o("div", E, [C.value.address ? (m(), o(n, { key: 0 }, [c(" 位置：" + v(C.value.address), 1)], 64)) : (m(), o(n, { key: 1 }, [c(" 位置：经度 " + v(C.value.longitude) + "，纬度 " + v(C.value.latitude), 1)], 64))])) : a("", !0),
+				l(y(t), {
+					open: D.value,
+					"onUpdate:open": u[1] ||= (e) => D.value = e,
+					title: "选择位置",
+					width: 800,
+					onFullscreenChange: I,
+					onOk: F
+				}, {
+					default: x(() => [D.value && j.value ? (m(), i(w, {
+						key: 0,
+						ref_key: "mapRef",
+						ref: k,
+						"is-fullscreen": O.value,
+						modelValue: C.value,
+						"onUpdate:modelValue": u[0] ||= (e) => C.value = e,
+						"map-key": j.value,
+						"map-security-key": M.value
+					}, null, 8, [
+						"is-fullscreen",
+						"modelValue",
+						"map-key",
+						"map-security-key"
+					])) : a("", !0)]),
+					_: 1
+				}, 8, ["open"])
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/input-gps/index.ts
+D.install = (e) => {
+	e.component("MeInputGps", D);
+};
+var O = D;
+//#endregion
+export { D as MeInputGps, O as default };

package/dist/{components/input-gps → input-gps}/index.vue.d.ts

@@ -1,11 +1,13 @@
-import { MeInputGpsProps } from './types';
+import { MeInputGpsProps, GpsCoord } from './types';
 declare const __VLS_export: import('vue').DefineComponent<MeInputGpsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: GpsCoord) => any;
     confirm: (data: {
         latitude: number | string;
         longitude: number | string;
         address: string;
     }) => any;
 }, string, import('vue').PublicProps, Readonly<MeInputGpsProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: GpsCoord) => any) | undefined;
     onConfirm?: ((data: {
         latitude: number | string;
         longitude: number | string;

package/dist/{components/input-gps → input-gps}/map.vue.d.ts

@@ -3,7 +3,7 @@ type __VLS_Props = {
     isFullscreen?: boolean;
     modelValue?: GpsCoord;
     mapKey?: string;
-    securityJsCode?: string;
+    mapSecurityKey?: string;
 };
 /** 重新调整地图尺寸（容器尺寸变化后调用） */
 declare function resize(): void;

package/dist/{components/input-gps → input-gps}/types.d.ts

@@ -16,16 +16,18 @@ export interface GpsCoord {
 }
 /** MeInputGps Props */
 export interface MeInputGpsProps {
-    /** 纬度 */
+    /** v-model 绑定的坐标对象（优先于单独的 latitude/longitude/address） */
+    modelValue?: GpsCoord;
+    /** 纬度（未使用 modelValue 时的回退） */
     latitude?: number | string;
     /** 经度 */
     longitude?: number | string;
     /** 地址 */
     address?: string;
-    /** 高德地图 Web 端 Key */
-    mapKey: string;
-    /** 高德地图安全密钥（JS API 2.0 必填，开启"加密方式"时使用） */
-    securityJsCode?: string;
+    /** 高德地图 Web 端 Key（可不传，默认读取 .env 的 VITE_AMAP_KEY） */
+    mapKey?: string;
+    /** 高德地图安全密钥（可不传，默认读取 .env 的 VITE_AMAP_SECURITY_KEY；控制台开启「安全密钥」加密方式时通常需要） */
+    mapSecurityKey?: string;
     /** 输入框占位符 */
     placeholder?: string;
     /** 是否禁用 */
@@ -33,6 +35,8 @@ export interface MeInputGpsProps {
 }
 /** MeInputGps Events */
 export interface MeInputGpsEmits {
+    /** 更新 v-model 绑定的坐标 */
+    (e: 'update:modelValue', value: GpsCoord): void;
     /** 确认选择位置 */
     (e: 'confirm', data: {
         latitude: number | string;

package/dist/input-icon-selector/index.css

@@ -0,0 +1 @@
+.me-input-icon-selector{width:100%}.me-input-icon-selector-popover .ant-popover-inner-content{padding:12px}.me-input-icon-selector-popover-content{box-sizing:border-box;width:280px}.me-input-icon-selector__popover{width:256px}.me-input-icon-selector__search{margin-bottom:8px}.me-input-icon-selector__tabs{margin:0 0 8px}.me-input-icon-selector__list{grid-template-columns:repeat(6,1fr);gap:10px;max-height:340px;margin:10px 0;display:grid;overflow-y:auto}.me-input-icon-selector__list .icon-item{box-sizing:border-box;aspect-ratio:1;border:1px solid var(--me-border-color-light);border-radius:var(--me-border-radius-sm);cursor:pointer;color:var(--me-text-primary);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex}.me-input-icon-selector__list .icon-item:hover{border-color:var(--me-color-primary);color:var(--me-color-primary)}.me-input-icon-selector__list .icon-item.is-active{border-color:var(--me-color-primary);color:var(--me-color-primary);background-color:var(--me-fill-color-light)}.me-input-icon-selector__footer{border-top:1px solid var(--me-border-color-light);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.me-input-icon-selector__link{color:var(--me-color-primary);font-size:12px;text-decoration:none}.me-input-icon-selector__link:hover{opacity:.8}.me-input-icon-selector__pagination{flex-shrink:0;justify-content:flex-end;width:120px;margin-top:0;display:flex}.me-input-icon-selector__pagination .ant-pagination{justify-content:flex-end;margin:0}.me-input-icon-selector__pagination .ant-pagination-total-text,.me-input-icon-selector__pagination .ant-pagination-options,.me-input-icon-selector__pagination .ant-pagination-simple-pager{display:none}.me-input-icon-selector__pagination .ant-pagination-prev,.me-input-icon-selector__pagination .ant-pagination-next{min-width:24px;height:24px;font-size:12px;line-height:22px}.me-input-icon-selector__empty{height:120px;color:var(--me-text-secondary);justify-content:center;align-items:center;font-size:13px;display:flex}

package/dist/input-icon-selector/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../chunks/input-icon-selector-BrrR4KK6.js";
+export { e as MeInputIconSelector, t as default };

package/dist/input-radio/index.css

@@ -0,0 +1 @@
+.me-input-radio{--me-input-radio-primary-color:#1677ff;--me-input-radio-border-color:#d9d9d9;--me-input-radio-bg:#fff;--me-input-radio-title-color:var(--me-input-radio-primary-color);--me-input-radio-desc-color:#6c7a91;--me-input-radio-checked-bg:#1677ff0a;--me-input-radio-checked-shadow:0 0 0 .25rem #1677ff40;--me-input-radio-ribbon-color:#1677ff;--me-input-radio-padding:10px;--me-input-radio-check-size:14px;--me-input-radio-ribbon-size:30px;--me-input-radio-check-offset-bottom:7px;--me-input-radio-check-offset-right:2px;border:2px solid var(--me-input-radio-border-color);padding:var(--me-input-radio-padding);white-space:pre-wrap;border-radius:4px;align-items:flex-start;height:auto;margin-bottom:10px;line-height:1.5;transition:border-color .3s,background .3s,color .3s;display:inline-flex;position:relative;box-shadow:0 1px 1px #1824330f}.me-input-radio--small{--me-input-radio-padding:4px;--me-input-radio-check-size:10px;--me-input-radio-ribbon-size:20px;--me-input-radio-check-offset-bottom:5px;--me-input-radio-check-offset-right:0px}.me-input-radio .ant-radio+span{flex:1;width:100%;padding-inline-start:8px;overflow:hidden}.me-input-radio .ant-radio{display:none}.me-input-radio--radio .ant-radio{align-self:center;display:inline-flex}.me-input-radio--radio.ant-radio-wrapper-checked:before,.me-input-radio--radio.ant-radio-wrapper-checked:after{display:none!important}.me-input-radio .ant-radio-checked .ant-radio-inner{border-color:var(--me-input-radio-primary-color);background-color:var(--me-input-radio-primary-color)}.me-input-radio .ant-radio-checked .ant-radio-inner:after{opacity:1;transition:all .3s cubic-bezier(.78,.14,.15,.86);transform:scale(1)}.me-input-radio__content{flex:1}.me-input-radio__title{word-break:break-all;color:var(--me-input-radio-title-color);font-size:15px;font-weight:700}.me-input-radio__desc{letter-spacing:.3px;font-size:11px;color:var(--me-input-radio-desc-color)!important}.me-input-radio.ant-radio-wrapper-checked{border-color:var(--me-input-radio-primary-color);box-shadow:var(--me-input-radio-checked-shadow);background:var(--me-input-radio-checked-bg)}.me-input-radio.ant-radio-wrapper-checked:before{content:"";width:var(--me-input-radio-check-size);height:calc(var(--me-input-radio-check-size) * .5);top:auto;bottom:var(--me-input-radio-check-offset-bottom);right:var(--me-input-radio-check-offset-right);z-index:9;background:0 0;border-top:none;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:none;display:block;position:absolute;transform:rotate(315deg)}.me-input-radio.ant-radio-wrapper-checked:after{content:"";border-bottom:var(--me-input-radio-ribbon-size) solid var(--me-input-radio-ribbon-color);border-left:var(--me-input-radio-ribbon-size) solid transparent;width:0;height:0;position:absolute;bottom:0;right:0}.me-input-radio.ant-radio-wrapper-checked.me-input-radio--top:before{top:0;bottom:auto}.me-input-radio.ant-radio-wrapper-checked.me-input-radio--top:after{border-bottom:none;border-top:var(--me-input-radio-ribbon-size) solid var(--me-input-radio-ribbon-color);top:0;bottom:auto}.me-input-radio.ant-radio-wrapper-disabled{cursor:not-allowed}html.dark .me-input-radio,.dark .me-input-radio{--me-input-radio-primary-color:#4096ff;--me-input-radio-border-color:#434343;--me-input-radio-bg:#1d1e1f;--me-input-radio-title-color:#4096ff;--me-input-radio-desc-color:#a6adbb;--me-input-radio-checked-bg:#4096ff1a;--me-input-radio-checked-shadow:0 0 0 .25rem #4096ff40;--me-input-radio-ribbon-color:#4096ff;background-color:var(--me-input-radio-bg)}

package/dist/input-radio/index.js

@@ -0,0 +1,96 @@
+import { computed as e, createBlock as t, createElementVNode as n, defineComponent as r, mergeProps as i, normalizeStyle as a, openBlock as o, resolveComponent as s, toDisplayString as c, withCtx as l } from "vue";
+//#region src/components/input-radio/index.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "me-input-radio__content" }, d = /* @__PURE__ */ r({
+	name: "MeInputRadio",
+	__name: "index",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		desc: {
+			type: String,
+			default: ""
+		},
+		radio: {
+			type: Boolean,
+			default: !1
+		},
+		width: {
+			type: String,
+			default: "150px"
+		},
+		top: {
+			type: Boolean,
+			default: !1
+		},
+		gap: {
+			type: String,
+			default: "30px"
+		},
+		size: {
+			type: String,
+			default: "normal"
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		label: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: ""
+		}
+	},
+	setup(r) {
+		let d = r, f = e(() => d.disabled ? {
+			backgroundColor: "var(--ant-color-bg-container-disabled)",
+			color: "var(--ant-color-text-disabled)",
+			borderColor: "var(--ant-color-border)",
+			boxShadow: "none",
+			cursor: "not-allowed"
+		} : {}), p = e(() => ({ ...f.value })), m = e(() => ({ ...f.value }));
+		return (e, d) => {
+			let f = s("a-radio");
+			return o(), t(f, i({
+				value: r.label,
+				disabled: r.disabled
+			}, e.$attrs, {
+				class: ["me-input-radio", {
+					"me-input-radio--top": r.top,
+					"me-input-radio--small": r.size === "small",
+					"me-input-radio--radio": r.radio
+				}],
+				style: {
+					width: r.width,
+					marginRight: r.gap
+				}
+			}), {
+				default: l(() => [n("div", u, [n("div", {
+					class: "me-input-radio__title",
+					style: a(p.value)
+				}, c(r.title), 5), n("div", {
+					class: "me-input-radio__desc",
+					style: a(m.value)
+				}, c(r.desc), 5)])]),
+				_: 1
+			}, 16, [
+				"value",
+				"disabled",
+				"class",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/input-radio/index.ts
+d.install = (e) => {
+	e.component("MeInputRadio", d);
+};
+var f = d;
+//#endregion
+export { d as MeInputRadio, f as default };

package/dist/{components/input-radio → input-radio}/index.vue.d.ts

@@ -92,12 +92,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: string;
     };
 }>> & Readonly<{}>, {
-    top: boolean;
-    width: string;
+    size: "normal" | "small";
     title: string;
     label: string | number | boolean;
     desc: string;
-    size: "small" | "normal";
+    top: boolean;
+    width: string;
     disabled: boolean;
     radio: boolean;
     gap: string;

package/dist/load-json/index.css

@@ -0,0 +1 @@
+.me-load-json{display:inline-block}.me-load-json__editor{flex-direction:column;flex:1;width:100%;height:100%;min-height:400px;display:flex}.me-load-json__editor .editor{flex:1;width:100%;height:100%;min-height:0}.me-load-json-modal .ant-modal-body{flex-direction:column;min-height:400px;padding:0;display:flex}.me-load-json-modal .ant-modal-content{flex-direction:column;height:100%;display:flex}.me-load-json-modal .ant-modal{height:80vh;max-height:80vh}.me-load-json-modal.me-modal-wrap--fullscreen .ant-modal{height:100vh;max-height:100vh;padding-bottom:0;top:0}.me-load-json-modal.me-modal-wrap--fullscreen .ant-modal-body{flex:1;min-height:0}