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

package/dist/chunks/modal-D4Tl-Qzk.js

@@ -0,0 +1,166 @@
+import { t as e } from "./skeleton-D1-aYUPf.js";
+import { Teleport as t, Transition 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, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, useSlots as y, watch as b, withCtx as x, withModifiers as S } from "vue";
+import { Maximize as C, Minimize as w, X as T } from "@lucide/vue";
+//#region src/components/modal/index.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "me-modal__header" }, D = { class: "me-modal__title-row" }, O = { class: "me-modal__title-text" }, k = { class: "me-modal__actions" }, A = ["title"], j = {
+	key: 0,
+	class: "me-modal__footer"
+}, M = /* @__PURE__ */ u({
+	name: "MeModal",
+	__name: "index",
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		width: { default: 520 },
+		height: {},
+		position: { default: "top" },
+		offsetTop: { default: 100 },
+		offsetBottom: { default: 48 },
+		offsetLeft: { default: 16 },
+		offsetRight: { default: 16 },
+		title: {},
+		mask: {
+			type: Boolean,
+			default: !0
+		},
+		maskClosable: {
+			type: Boolean,
+			default: !0
+		},
+		maskStyle: {},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		keyboard: {
+			type: Boolean,
+			default: !0
+		},
+		fullscreen: {
+			type: Boolean,
+			default: !0
+		},
+		defaultFullscreen: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		okText: { default: "确定" },
+		cancelText: { default: "取消" },
+		footer: {
+			type: Boolean,
+			default: !0
+		},
+		dividers: {
+			type: Boolean,
+			default: !1
+		},
+		zIndex: { default: 1e3 },
+		bodyStyle: {}
+	},
+	emits: [
+		"update:open",
+		"fullscreen-change",
+		"ok",
+		"cancel"
+	],
+	setup(u, { expose: M, emit: N }) {
+		let P = u, F = N, I = y(), L = r(() => !!I.loading), R = h(P.defaultFullscreen), z = r(() => {
+			let e = {};
+			return R.value ? (e.width = "100vw", e.height = "100vh") : (e.width = typeof P.width == "number" ? `${P.width}px` : P.width, P.height != null && (e.height = typeof P.height == "number" ? `${P.height}px` : P.height)), e;
+		}), B = r(() => {
+			if (R.value) return {
+				padding: 0,
+				alignItems: "stretch"
+			};
+			let e = P.position === "bottom" ? "flex-end" : P.position === "center" ? "center" : "flex-start";
+			return {
+				padding: `${P.offsetTop}px ${P.offsetRight}px ${P.offsetBottom}px ${P.offsetLeft}px`,
+				alignItems: e
+			};
+		}), V = () => {
+			R.value = !R.value, F("fullscreen-change", R.value);
+		}, H = (e) => {
+			F("cancel", e ?? new Event("cancel")), F("update:open", !1);
+		}, U = (e) => {
+			F("ok", e);
+		}, W = (e) => {
+			P.mask && P.maskClosable && H(e);
+		}, G = (e) => {
+			e.key === "Escape" && P.open && P.keyboard && H(e);
+		};
+		return b(() => P.open, (e) => {
+			e ? (document.body.style.overflow = "hidden", P.keyboard && window.addEventListener("keydown", G)) : (document.body.style.overflow = "", window.removeEventListener("keydown", G));
+		}), p(() => {
+			document.body.style.overflow = "", window.removeEventListener("keydown", G);
+		}), M({
+			toggleFullscreen: V,
+			isFullscreen: R
+		}), (r, p) => (m(), i(t, { to: "body" }, [l(n, { name: "me-modal" }, {
+			default: x(() => [u.open ? (m(), o("div", {
+				key: 0,
+				class: d(["me-modal", [`me-modal--${u.position}`, {
+					"me-modal--fullscreen": R.value,
+					"me-modal--dividers": u.dividers
+				}]]),
+				style: f({ "--me-modal-z": String(u.zIndex) })
+			}, [u.mask ? (m(), o("div", {
+				key: 0,
+				class: "me-modal__mask",
+				style: f(u.maskStyle),
+				onClick: W
+			}, null, 4)) : a("", !0), s("div", {
+				class: "me-modal__wrap",
+				style: f(B.value)
+			}, [s("div", {
+				class: "me-modal__panel",
+				style: f(z.value)
+			}, [
+				s("div", E, [g(r.$slots, "header", {}, () => [s("div", D, [s("span", O, [g(r.$slots, "title", {}, () => [c(_(u.title), 1)])])])]), s("div", k, [u.fullscreen ? (m(), o("button", {
+					key: 0,
+					class: "me-modal__action-btn",
+					type: "button",
+					title: R.value ? "退出全屏" : "全屏",
+					onClick: S(V, ["stop"])
+				}, [R.value ? (m(), i(v(w), {
+					key: 1,
+					size: 16
+				})) : (m(), i(v(C), {
+					key: 0,
+					size: 16
+				}))], 8, A)) : a("", !0), u.closable ? (m(), o("button", {
+					key: 1,
+					class: "me-modal__action-btn",
+					type: "button",
+					title: "关闭",
+					onClick: S(H, ["stop"])
+				}, [l(v(T), { size: 16 })])) : a("", !0)])]),
+				s("div", {
+					class: "me-modal__body",
+					style: f(u.bodyStyle)
+				}, [u.loading && L.value ? g(r.$slots, "loading", {}, void 0, void 0, 0) : u.loading ? (m(), i(e, {
+					key: 1,
+					animated: "",
+					preset: "text",
+					rows: 4,
+					class: "me-modal__skeleton"
+				})) : g(r.$slots, "default", {}, void 0, void 0, 2)], 4),
+				u.footer ? (m(), o("div", j, [g(r.$slots, "footer", {}, () => [s("span", {
+					class: "me-modal__btn me-modal__btn--default",
+					onClick: H
+				}, _(u.cancelText), 1), s("span", {
+					class: "me-modal__btn me-modal__btn--primary",
+					onClick: U
+				}, _(u.okText), 1)])])) : a("", !0)
+			], 4)], 4)], 6)) : a("", !0)]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { M as t };

package/dist/chunks/skeleton-D1-aYUPf.js

@@ -0,0 +1,135 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, renderSlot as d } from "vue";
+//#region src/components/skeleton/index.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "me-skeleton__card-body" }, p = { class: "me-skeleton__avatar-content" }, m = { class: "me-skeleton__list-content" }, h = /* @__PURE__ */ a({
+	name: "MeSkeleton",
+	__name: "index",
+	props: {
+		preset: { default: "text" },
+		loading: {
+			type: Boolean,
+			default: !0
+		},
+		animated: {
+			type: Boolean,
+			default: !0
+		},
+		rows: { default: void 0 },
+		height: { default: void 0 },
+		rowHeight: { default: 16 },
+		rowGap: { default: 12 },
+		avatar: {
+			type: Boolean,
+			default: !0
+		},
+		avatarSize: { default: 36 },
+		avatarShape: { default: "circle" },
+		titleWidth: { default: .5 },
+		lastRowWidth: { default: .7 },
+		cardImage: {
+			type: Boolean,
+			default: !0
+		},
+		cardImageHeight: { default: 120 }
+	},
+	setup(a) {
+		let h = a, g = t(() => {
+			if (h.rows !== void 0 && h.rows > 0) return h.rows;
+			if (h.height) {
+				let e = typeof h.height == "number" ? h.height : parseFloat(h.height);
+				if (!isNaN(e) && e > 0) return Math.max(1, Math.floor((e + h.rowGap) / (h.rowHeight + h.rowGap)));
+			}
+			return h.preset === "article" ? 5 : (h.preset === "text" || h.preset, 3);
+		}), _ = t(() => h.rows !== void 0 && h.rows > 0 ? h.rows : 2), v = t(() => {
+			if (h.rows !== void 0 && h.rows > 0) return h.rows;
+			if (h.height) {
+				let e = typeof h.height == "number" ? h.height : parseFloat(h.height);
+				if (!isNaN(e) && e > 0) {
+					let t = h.avatarSize + 8;
+					return Math.max(1, Math.floor(e / t));
+				}
+			}
+			return 3;
+		}), y = t(() => Math.min(1, Math.max(.1, h.titleWidth))), b = t(() => Math.min(1, Math.max(.1, h.lastRowWidth))), x = (e, t) => t <= 1 ? .6 : e === t ? b.value : .85 + (Math.sin(e * 1.7 + .5) * .5 + .5) * .15000000000000002, S = (e, t) => {
+			let n = {
+				height: `${h.rowHeight}px`,
+				width: `${x(e, t) * 100}%`
+			};
+			return e > 1 && (n.marginTop = `${h.rowGap}px`), n;
+		}, C = t(() => {
+			let e = {};
+			return h.height && h.preset !== "card" && h.preset !== "avatar" && (e.height = typeof h.height == "number" ? `${h.height}px` : h.height), e;
+		});
+		return (t, b) => h.loading ? (l(), r("div", o({
+			key: 0,
+			class: ["me-skeleton", [`me-skeleton--${h.preset}`, { "me-skeleton--animated": h.animated }]],
+			style: C.value
+		}, t.$attrs), [h.preset === "card" ? (l(), r(e, { key: 0 }, [h.cardImage ? (l(), r("div", {
+			key: 0,
+			class: "me-skeleton__card-image me-skeleton__block",
+			style: c({ height: `${h.cardImageHeight}px` })
+		}, null, 4)) : n("", !0), i("div", f, [i("div", {
+			class: "me-skeleton__row me-skeleton__block me-skeleton__row--title",
+			style: c({
+				height: `${a.rowHeight}px`,
+				width: `${y.value * 100}%`
+			})
+		}, null, 4), (l(!0), r(e, null, u(_.value, (e) => (l(), r("div", {
+			key: e,
+			class: "me-skeleton__row me-skeleton__block",
+			style: c(S(e, _.value))
+		}, null, 4))), 128))])], 64)) : h.preset === "avatar" ? (l(), r(e, { key: 1 }, [h.avatar ? (l(), r("div", {
+			key: 0,
+			class: s(["me-skeleton__avatar me-skeleton__block", [h.avatarShape === "circle" ? "me-skeleton__avatar--circle" : "me-skeleton__avatar--square"]]),
+			style: c({
+				width: `${h.avatarSize}px`,
+				height: `${h.avatarSize}px`
+			})
+		}, null, 6)) : n("", !0), i("div", p, [i("div", {
+			class: "me-skeleton__row me-skeleton__block me-skeleton__row--title",
+			style: c({
+				height: `${a.rowHeight}px`,
+				width: `${y.value * 100}%`
+			})
+		}, null, 4), i("div", {
+			class: "me-skeleton__row me-skeleton__block",
+			style: c({
+				height: `${a.rowHeight}px`,
+				marginTop: `${a.rowGap}px`,
+				width: "85%"
+			})
+		}, null, 4)])], 64)) : h.preset === "article" ? (l(), r(e, { key: 2 }, [i("div", {
+			class: "me-skeleton__row me-skeleton__block me-skeleton__row--title",
+			style: c({
+				height: `${a.rowHeight}px`,
+				width: `${y.value * 100}%`,
+				marginBottom: `${a.rowGap + 8}px`
+			})
+		}, null, 4), (l(!0), r(e, null, u(g.value, (e) => (l(), r("div", {
+			key: e,
+			class: "me-skeleton__row me-skeleton__block",
+			style: c(S(e, g.value))
+		}, null, 4))), 128))], 64)) : h.preset === "list" ? (l(!0), r(e, { key: 3 }, u(v.value, (e) => (l(), r("div", {
+			key: e,
+			class: "me-skeleton__list-item"
+		}, [b[0] ||= i("div", { class: "me-skeleton__list-avatar me-skeleton__block" }, null, -1), i("div", m, [i("div", {
+			class: "me-skeleton__row me-skeleton__block",
+			style: c({
+				height: `${a.rowHeight}px`,
+				width: `${e % 2 == 0 ? 50 : 40}%`
+			})
+		}, null, 4), i("div", {
+			class: "me-skeleton__row me-skeleton__block",
+			style: c({
+				height: `${a.rowHeight}px`,
+				marginTop: `${a.rowGap}px`,
+				width: `${e % 3 == 0 ? 90 : 75}%`
+			})
+		}, null, 4)])]))), 128)) : (l(!0), r(e, { key: 4 }, u(g.value, (e) => (l(), r("div", {
+			key: e,
+			class: "me-skeleton__row me-skeleton__block",
+			style: c(S(e, g.value))
+		}, null, 4))), 128))], 16)) : d(t.$slots, "default", {}, void 0, void 0, 1);
+	}
+});
+//#endregion
+export { h as t };

package/dist/index.d.ts

@@ -15,8 +15,9 @@ import { default as MeLoadJson } from './load-json';
 import { default as MeLoginPage } from './login-page';
 import { default as MeCard } from './card';
 import { default as MeSkeleton } from './skeleton';
+import { default as MeInputProperty } from './input-property';
 declare const install: (app: App) => void;
-export { MeMessage, MeMessageComponent, MeIcon, MeBox, MeBreadcrumb, MeBody, MeMenu, MeNav, MeModal, MeTreeMenu, MeInputGps, MeInputIconSelector, MeInputRadio, MeLoadJson, MeLoginPage, MeCard, MeSkeleton, install };
+export { MeMessage, MeMessageComponent, MeIcon, MeBox, MeBreadcrumb, MeBody, MeMenu, MeNav, MeModal, MeTreeMenu, MeInputGps, MeInputIconSelector, MeInputRadio, MeLoadJson, MeLoginPage, MeCard, MeSkeleton, MeInputProperty, install };
 export { MeMessage as $message } from './message';
 export { loadIconfont } from './icon';
 declare const _default: {
@@ -41,3 +42,4 @@ export * from './load-json';
 export * from './login-page';
 export * from './card';
 export * from './skeleton';
+export * from './input-property';

package/dist/input-gps/index.js

@@ -1,5 +1,5 @@
 import e from "../icon/index.js";
-import { t } from "../chunks/modal-KBZYtIHD.js";
+import t from "../modal/index.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

package/dist/input-gps/index.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import('vue').DefineComponent<MeInputGpsProps, {}, {
         address: string;
     }) => any) | undefined;
 }>, {
-    placeholder: string;
     disabled: boolean;
+    placeholder: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/input-icon-selector/index.vue.d.ts

@@ -13,9 +13,9 @@ declare const __VLS_base: import('vue').DefineComponent<MeInputIconSelectorProps
     size: "large" | "middle" | "small";
     iconfontPrefix: string;
     iconfontMode: "class" | "symbol";
+    disabled: boolean;
     modelValue: string;
     placeholder: string;
-    disabled: boolean;
     sources: MeInputIconSelectorSource[];
     iconfontData: string[];
     searchPlaceholder: string;

package/dist/input-property/index.css

@@ -0,0 +1 @@
+.me-input-property{width:100%;position:relative}.me-input-property__toolbar{justify-content:flex-end;margin-bottom:8px;display:flex}.me-input-property__add-btn{font-size:13px}.me-input-property__table{width:100%}.me-input-property__table .ant-table-row.me-input-property__row--ghost td{opacity:.4;background:#1677ff0a}.me-input-property__drop-line{background:var(--me-primary,#1677ff);pointer-events:none;z-index:9;border-radius:2px;height:2px;display:none;position:absolute;left:0;box-shadow:0 0 0 1px #fffc}.me-input-property__drag-fallback{opacity:.9;background:#fff;border:1px solid #d9d9d9;border-radius:6px;width:320px;display:table;box-shadow:0 4px 12px #00000026}.me-input-property__drag-fallback td{background:0 0;padding:8px 12px}.me-input-property__actions{align-items:center;gap:2px;display:inline-flex}.me-input-property__drag{cursor:grab;color:#999;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.me-input-property__drag:active{cursor:grabbing;color:var(--me-primary,#1677ff)}.me-input-property__drag:hover{color:var(--me-primary,#1677ff);background:#0000000a}.me-input-property__del{color:#999}.me-input-property__del:hover{color:#ff4d4f}

package/dist/input-property/index.d.ts

@@ -0,0 +1,5 @@
+import { default as MeInputProperty } from './index.vue';
+export { MeInputProperty };
+export default MeInputProperty;
+export * from './types';
+export * from './validate';

package/dist/input-property/index.js

@@ -0,0 +1,269 @@
+import e from "../icon/index.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, nextTick as l, onMounted as u, openBlock as d, reactive as f, ref as p, resolveComponent as m, unref as h, watch as g, withCtx as _ } from "vue";
+import { useDraggable as v } from "vue-draggable-plus";
+//#region src/components/input-property/validate.ts
+function y() {
+	return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function b(e) {
+	return e.trim().toLowerCase();
+}
+function x(e) {
+	let t = /* @__PURE__ */ new Map(), n = [];
+	for (let r of e) {
+		let e = b(r.key);
+		if (e) {
+			if (t.has(e)) {
+				let i = t.get(e);
+				n.includes(i) || n.push(i);
+				let a = r.key.trim();
+				n.includes(a) || n.push(a);
+			} else t.set(e, r.key.trim());
+		}
+	}
+	return n;
+}
+function S(e, t) {
+	if (!e) return !1;
+	let n = b(e);
+	return t.some((e) => b(e) === n);
+}
+//#endregion
+//#region src/components/input-property/index.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "me-input-property__toolbar" }, w = {
+	key: 0,
+	class: "me-input-property__actions"
+}, T = {
+	key: 0,
+	class: "me-input-property__drag",
+	title: "拖拽排序"
+}, E = /* @__PURE__ */ c({
+	name: "MeInputProperty",
+	__name: "index",
+	props: {
+		modelValue: { default: () => ({}) },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "middle" },
+		draggable: {
+			type: Boolean,
+			default: !0
+		},
+		keyPlaceholder: { default: "请输入 key" },
+		valuePlaceholder: { default: "请输入 value" },
+		emptyText: { default: "暂无属性，点击「新增属性」添加" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(c, { emit: b }) {
+		let E = c, D = b, O = p([]), k = p([]), A = !1, j = t(() => [
+			{
+				title: "Key",
+				key: "key",
+				dataIndex: "key",
+				width: 180
+			},
+			{
+				title: "Value",
+				key: "value",
+				dataIndex: "value"
+			},
+			{
+				title: "操作",
+				key: "action",
+				dataIndex: "action",
+				width: 72,
+				align: "center"
+			}
+		]), M = t(() => E.draggable && !E.disabled);
+		function N(e) {
+			O.value = Object.entries(e).map(([e, t]) => ({
+				id: y(),
+				key: e,
+				value: t
+			})), z();
+		}
+		function P() {
+			let e = {};
+			for (let t of O.value) {
+				let n = t.key.trim();
+				n && (e[n] = t.value);
+			}
+			A = !0, D("update:modelValue", e), D("change", e);
+		}
+		g(() => E.modelValue, (e) => {
+			if (e) {
+				if (A) {
+					A = !1;
+					return;
+				}
+				N(e);
+			}
+		}, { immediate: !0 });
+		function F(e) {
+			z(), P();
+		}
+		function I(e) {
+			z(), P();
+		}
+		function L() {
+			O.value = [...O.value, {
+				id: y(),
+				key: "",
+				value: ""
+			}], z(), P();
+		}
+		function R(e) {
+			let t = O.value.indexOf(e);
+			t !== -1 && (O.value.splice(t, 1), z(), P());
+		}
+		function z() {
+			k.value = x(O.value);
+		}
+		function B(e) {
+			return S(e, k.value);
+		}
+		function V(e) {
+			return B(e) ? "Key 不能重复（忽略大小写）" : "";
+		}
+		let H = p(null), U = p(null);
+		function W() {
+			U.value ||= H.value?.querySelector("tbody") ?? null;
+		}
+		u(async () => {
+			await l(), W(), U.value && Y.start(U.value);
+		});
+		let G = p(null);
+		function K() {
+			G.value && (G.value.style.display = "none");
+		}
+		function q(e) {
+			let t = U.value, n = H.value, r = G.value, i = e?.related, a = i instanceof Element ? i.closest("tr") : null;
+			if (!t || !n || !r || !a || !t.contains(a)) {
+				K();
+				return;
+			}
+			let o = a.getBoundingClientRect(), s = n.getBoundingClientRect(), c = e.willInsertAfter ? o.bottom : o.top;
+			r.style.top = `${c - s.top - 1}px`, r.style.left = "0px", r.style.width = `${n.clientWidth}px`, r.style.display = "block";
+		}
+		let J = f({
+			handle: ".me-input-property__drag",
+			animation: 150,
+			forceFallback: !0,
+			fallbackOnBody: !0,
+			fallbackClass: "me-input-property__drag-fallback",
+			ghostClass: "me-input-property__row--ghost",
+			disabled: t(() => !M.value),
+			onStart: () => K(),
+			onMove: ((e) => (q(e), !0)),
+			onEnd: () => {
+				K(), z(), P();
+			}
+		}), Y = v(U, O, {
+			...J,
+			immediate: !1
+		});
+		return g(M, (e) => {
+			Y.option("disabled", !e);
+		}), (t, l) => {
+			let u = m("a-button"), f = m("a-input"), p = m("a-tooltip"), g = m("a-table");
+			return d(), i("div", {
+				ref_key: "rootEl",
+				ref: H,
+				class: "me-input-property"
+			}, [
+				a("div", C, [s(u, {
+					size: "small",
+					class: "me-input-property__add-btn",
+					disabled: c.disabled,
+					onClick: L
+				}, {
+					icon: _(() => [s(h(e), {
+						name: "Plus",
+						size: 14
+					})]),
+					default: _(() => [l[0] ||= o(" 新增属性 ", -1)]),
+					_: 1
+				}, 8, ["disabled"])]),
+				s(g, {
+					columns: j.value,
+					"data-source": O.value,
+					"row-key": (e) => e.id,
+					pagination: !1,
+					size: c.size,
+					locale: { emptyText: c.emptyText },
+					class: "me-input-property__table"
+				}, {
+					bodyCell: _(({ column: t, record: a }) => [t.key === "action" ? (d(), i("div", w, [M.value ? (d(), i("span", T, [s(h(e), {
+						name: "GripVertical",
+						size: 14
+					})])) : r("", !0), s(u, {
+						type: "text",
+						size: "small",
+						class: "me-input-property__del",
+						disabled: c.disabled,
+						title: "删除该属性",
+						onClick: (e) => R(a)
+					}, {
+						default: _(() => [s(h(e), {
+							name: "Trash2",
+							size: 14
+						})]),
+						_: 1
+					}, 8, ["disabled", "onClick"])])) : t.key === "key" ? (d(), n(p, {
+						key: 1,
+						title: c.disabled ? "" : V(a.key),
+						visible: !c.disabled && B(a.key)
+					}, {
+						default: _(() => [s(f, {
+							value: a.key,
+							"onUpdate:value": [(e) => a.key = e, (e) => F(a)],
+							disabled: c.disabled,
+							placeholder: c.keyPlaceholder,
+							status: !c.disabled && B(a.key) ? "error" : ""
+						}, null, 8, [
+							"value",
+							"onUpdate:value",
+							"disabled",
+							"placeholder",
+							"status"
+						])]),
+						_: 2
+					}, 1032, ["title", "visible"])) : t.key === "value" ? (d(), n(f, {
+						key: 2,
+						value: a.value,
+						"onUpdate:value": [(e) => a.value = e, (e) => I(a)],
+						disabled: c.disabled,
+						placeholder: c.valuePlaceholder
+					}, null, 8, [
+						"value",
+						"onUpdate:value",
+						"disabled",
+						"placeholder"
+					])) : r("", !0)]),
+					_: 1
+				}, 8, [
+					"columns",
+					"data-source",
+					"row-key",
+					"size",
+					"locale"
+				]),
+				a("div", {
+					ref_key: "dropLineEl",
+					ref: G,
+					class: "me-input-property__drop-line"
+				}, null, 512)
+			], 512);
+		};
+	}
+});
+//#endregion
+//#region src/components/input-property/index.ts
+E.install = (e) => {
+	e.component("MeInputProperty", E);
+};
+var D = E;
+//#endregion
+export { E as MeInputProperty, x as checkDuplicateKeys, D as default, y as genId, S as isDuplicateKey, b as normalizeKey };

package/dist/input-property/index.vue.d.ts

@@ -0,0 +1,18 @@
+import { MeInputPropertyProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<MeInputPropertyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: Record<string, any>) => any;
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import('vue').PublicProps, Readonly<MeInputPropertyProps> & Readonly<{
+    onChange?: ((value: Record<string, any>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {
+    size: "small" | "middle" | "large";
+    disabled: boolean;
+    modelValue: Record<string, any>;
+    draggable: boolean;
+    keyPlaceholder: string;
+    valuePlaceholder: string;
+    emptyText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/input-property/types.d.ts

@@ -0,0 +1,38 @@
+/**
+ * MeInputProperty 属性编辑器组件类型定义
+ */
+/** 内部行数据（一维属性项） */
+export interface PropertyKV {
+    /** 行唯一 id（组件内部生成，用于定位编辑行，避免 key 变更导致表格重建） */
+    id: string | number;
+    /** 属性键 */
+    key: string;
+    /** 属性值（原始值，统一按 string 编辑） */
+    value: any;
+}
+/** MeInputProperty Props */
+export interface MeInputPropertyProps {
+    /** v-model 绑定的一维 JSON 对象 */
+    modelValue?: Record<string, any>;
+    /** 是否禁用编辑（只读展示） */
+    disabled?: boolean;
+    /** 表格尺寸 */
+    size?: 'small' | 'middle' | 'large';
+    /** 是否允许拖拽排序，默认 true */
+    draggable?: boolean;
+    /** key 列占位符 */
+    keyPlaceholder?: string;
+    /** value 列占位符 */
+    valuePlaceholder?: string;
+    /** 空数据提示 */
+    emptyText?: string;
+}
+/** MeInputProperty Events */
+export interface MeInputPropertyEmits {
+    /** 更新 v-model 绑定对象 */
+    (e: 'update:modelValue', value: Record<string, any>): void;
+    /** 数据变更（新增/删除/编辑/排序） */
+    (e: 'change', value: Record<string, any>): void;
+}
+/** MeInputProperty 组件实例类型 */
+export type MeInputPropertyInstance = InstanceType<typeof import('./index.vue').default>;