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

package/dist/message/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/message-CPHX2tAR.js";
+import { n as e, t } from "../chunks/message-D2zYiiQe.js";
 export { t as MeMessage, t as default, e as MeMessageComponent };

package/dist/message/index.vue.d.ts

@@ -22,11 +22,11 @@ declare const __VLS_base: import('vue').DefineComponent<MeMessageProps, {
     data: MeMessageData;
     top: string | number;
     width: string | number;
-    centered: boolean;
     modelValue: boolean;
     request: (data: any) => Promise<any>;
     handler: MeMessageHandler;
     closeOnRouteChange: boolean;
+    centered: boolean;
     onDestroy: () => void;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/modal/index.css

@@ -0,0 +1 @@
+.me-modal{z-index:var(--me-modal-z);pointer-events:none;position:fixed;inset:0}.me-modal__mask{background:var(--me-mask-bg,#00000073);z-index:1;pointer-events:auto;position:absolute;inset:0}.me-modal__wrap{z-index:2;pointer-events:none;justify-content:center;display:flex;position:absolute;inset:0}.me-modal__panel{background:var(--me-bg-color-overlay);min-width:0;max-height:100%;box-shadow:var(--me-box-shadow);pointer-events:auto;border-radius:10px;flex-direction:column;display:flex}.me-modal--dividers .me-modal__header{border-bottom:1px solid var(--me-border-color-light)}.me-modal--dividers .me-modal__footer{border-top:1px solid var(--me-border-color-light)}.me-modal--fullscreen .me-modal__panel{border-radius:0;max-height:100vh}.me-modal__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.me-modal__title-row{min-width:0}.me-modal__title-text{color:var(--me-text-primary);font-size:16px;font-weight:600;line-height:1.4}.me-modal__actions{align-items:center;gap:4px;display:flex}.me-modal__action-btn{border-radius:var(--me-border-radius-base);cursor:pointer;width:28px;height:28px;color:var(--me-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s cubic-bezier(.645,.045,.355,1),color .2s cubic-bezier(.645,.045,.355,1);display:inline-flex}.me-modal__action-btn:hover{background-color:var(--me-fill-color);color:var(--me-text-primary)}.me-modal__body{min-height:0;color:var(--me-text-regular);flex:1;padding:0 24px;font-size:14px;line-height:1.6;overflow:auto}.me-modal__skeleton{width:100%}.me-modal__footer{flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 24px;display:flex}.me-modal__btn{border-radius:var(--me-border-radius-base);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;height:32px;padding:0 15px;font-size:14px;line-height:1.5715;transition:all .2s cubic-bezier(.645,.045,.355,1);display:inline-flex}.me-modal__btn--default{background:var(--me-bg-color);border-color:var(--me-border-color);color:var(--me-text-primary)}.me-modal__btn--default:hover{color:var(--me-color-primary);border-color:var(--me-color-primary)}.me-modal__btn--primary{background:var(--me-color-primary);border-color:var(--me-color-primary);color:var(--me-color-primary-text)}.me-modal__btn--primary:hover{background:var(--me-color-primary-light-3);border-color:var(--me-color-primary-light-3)}.me-modal-enter-active,.me-modal-leave-active{transition:opacity .24s cubic-bezier(.645,.045,.355,1)}.me-modal-enter-active .me-modal__panel,.me-modal-leave-active .me-modal__panel{transition:transform .24s cubic-bezier(.645,.045,.355,1)}.me-modal-enter-from,.me-modal-leave-to{opacity:0}.me-modal-enter-from .me-modal__panel,.me-modal-leave-to .me-modal__panel{transform:scale(.92)}

package/dist/modal/index.js

@@ -1,2 +1,8 @@
-import { n as e, t } from "../chunks/modal-Dke8ng3P.js";
+import { t as e } from "../chunks/modal-D4Tl-Qzk.js";
+//#region src/components/modal/index.ts
+e.install = (t) => {
+	t.component("MeModal", e);
+};
+var t = e;
+//#endregion
 export { e as MeModal, t as default };

package/dist/modal/index.vue.d.ts

@@ -1,9 +1,15 @@
 import { MeModalProps } from './types';
-declare var __VLS_18: {}, __VLS_30: {};
+declare var __VLS_13: {}, __VLS_15: {}, __VLS_32: {}, __VLS_39: {}, __VLS_41: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_18) => any;
+    header?: (props: typeof __VLS_13) => any;
 } & {
-    default?: (props: typeof __VLS_30) => any;
+    title?: (props: typeof __VLS_15) => any;
+} & {
+    loading?: (props: typeof __VLS_32) => any;
+} & {
+    default?: (props: typeof __VLS_39) => any;
+} & {
+    footer?: (props: typeof __VLS_41) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<MeModalProps, {
     /** 切换全屏 */
@@ -14,17 +20,32 @@ declare const __VLS_base: import('vue').DefineComponent<MeModalProps, {
     "fullscreen-change": (value: boolean) => any;
     "update:open": (value: boolean) => any;
     ok: (event: MouseEvent) => any;
-    cancel: (event: MouseEvent) => any;
+    cancel: (event: MouseEvent | Event) => any;
 }, string, import('vue').PublicProps, Readonly<MeModalProps> & Readonly<{
     "onFullscreen-change"?: ((value: boolean) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOk?: ((event: MouseEvent) => any) | undefined;
-    onCancel?: ((event: MouseEvent) => any) | undefined;
+    onCancel?: ((event: MouseEvent | Event) => any) | undefined;
 }>, {
+    loading: boolean;
+    footer: boolean;
+    mask: boolean;
     width: string | number;
     fullscreen: boolean;
     defaultFullscreen: boolean;
     open: boolean;
+    position: import('./types').MeModalPosition;
+    offsetTop: number;
+    offsetBottom: number;
+    offsetLeft: number;
+    offsetRight: number;
+    maskClosable: boolean;
+    closable: boolean;
+    keyboard: boolean;
+    okText: string;
+    cancelText: string;
+    dividers: boolean;
+    zIndex: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/modal/types.d.ts

@@ -1,14 +1,54 @@
-import { ModalProps } from 'antdv-next';
-/** MeModal 对话框 Props */
-export interface MeModalProps extends Omit<ModalProps, 'open'> {
+import { CSSProperties, VNode } from 'vue';
+/** 弹窗位置预设 */
+export type MeModalPosition = 'top' | 'center' | 'bottom';
+/** MeModal 对话框 Props（完全原生实现，不依赖 a-modal） */
+export interface MeModalProps {
     /** 是否显示（v-model:open） */
     open?: boolean;
+    /** 弹窗宽度，默认 520（全屏时自动 100%） */
+    width?: string | number;
+    /** 弹窗整体总高;设置后进入「容器定高 + body 内容区滚动」模式，不设则内容撑高 */
+    height?: string | number;
+    /** 弹窗位置预设，默认 top */
+    position?: MeModalPosition;
+    /** 顶部偏移（面板距视口顶部），默认 100 */
+    offsetTop?: number;
+    /** 底部偏移（面板距视口底部），默认 48 */
+    offsetBottom?: number;
+    /** 左侧偏移，默认 16 */
+    offsetLeft?: number;
+    /** 右侧偏移，默认 16 */
+    offsetRight?: number;
+    /** 标题（默认标题文本；也可用 title 插槽） */
+    title?: string | VNode;
+    /** 是否显示背后遮罩，默认 true */
+    mask?: boolean;
+    /** 点击遮罩是否关闭，默认 true */
+    maskClosable?: boolean;
+    /** 背后遮罩自定义内联样式（覆盖默认 rgba 半透明黑），默认深色半透明 */
+    maskStyle?: CSSProperties;
+    /** 是否显示右上角关闭按钮，默认 true */
+    closable?: boolean;
+    /** 是否支持 Esc 关闭，默认 true */
+    keyboard?: boolean;
     /** 是否显示全屏按钮，默认 true */
     fullscreen?: boolean;
     /** 是否默认全屏显示，默认 false */
     defaultFullscreen?: boolean;
-    /** 对话框宽度，默认 520（非全屏状态下生效） */
-    width?: string | number;
+    /** 是否显示 loading（有 loading 插槽渲染插槽，否则展示内置骨架屏） */
+    loading?: boolean;
+    /** 确定按钮文案，默认「确定」 */
+    okText?: string;
+    /** 取消按钮文案，默认「取消」 */
+    cancelText?: string;
+    /** 是否渲染底部操作区，默认 true；用 footer 插槽可完全自定义 */
+    footer?: boolean;
+    /** 是否显示 header / footer 上下分割线，默认 false（隐藏） */
+    dividers?: boolean;
+    /** 弹窗层级，默认 1000 */
+    zIndex?: number;
+    /** body 内容区自定义内联样式 */
+    bodyStyle?: CSSProperties;
 }
 /** MeModal 对话框 Events */
 export interface MeModalEmits {
@@ -17,8 +57,8 @@ export interface MeModalEmits {
     (e: 'fullscreen-change', value: boolean): void;
     /** 点击确定按钮 */
     (e: 'ok', event: MouseEvent): void;
-    /** 点击取消按钮 */
-    (e: 'cancel', event: MouseEvent): void;
+    /** 点击取消按钮 / 关闭按钮 / Esc / 遮罩 */
+    (e: 'cancel', event: MouseEvent | Event): void;
 }
 /** MeModal 组件实例类型 */
 export type MeModalInstance = InstanceType<typeof import('./index.vue').default>;

package/dist/nav/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/icon-DdoH0MfT.js";
+import { t as e } from "../chunks/icon-CXjgApCy.js";
 import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, h as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveComponent as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, watch as C, withCtx as w, withModifiers as T } from "vue";
 import * as E from "@lucide/vue";
 //#region src/components/nav/composables/useNavScroll.ts

package/dist/nav/index.vue.d.ts

@@ -29,8 +29,8 @@ declare const __VLS_base: import('vue').DefineComponent<MeNavProps, {
     activeItem: import('vue').ComputedRef<MeNavTabItemData | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     scroll: (translateX: number) => any;
-    "update:modelValue": (value: string) => any;
     contextmenu: (payload: import('./types').MeNavContextMenuPayload) => any;
+    "update:modelValue": (value: string) => any;
     "toggle-lock": (payload: import('./types').MeNavToggleLockPayload) => any;
     refresh: (payload: import('./types').MeNavBuiltinMenuPayload) => any;
     "close-current": (payload: import('./types').MeNavBuiltinMenuPayload) => any;
@@ -42,8 +42,8 @@ declare const __VLS_base: import('vue').DefineComponent<MeNavProps, {
     "tab-remove": (payload: import('./types').MeNavTabRemovePayload) => any;
 }, string, import('vue').PublicProps, Readonly<MeNavProps> & Readonly<{
     onScroll?: ((translateX: number) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onContextmenu?: ((payload: import('./types').MeNavContextMenuPayload) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onToggle-lock"?: ((payload: import('./types').MeNavToggleLockPayload) => any) | undefined;
     onRefresh?: ((payload: import('./types').MeNavBuiltinMenuPayload) => any) | undefined;
     "onClose-current"?: ((payload: import('./types').MeNavBuiltinMenuPayload) => any) | undefined;
@@ -55,8 +55,8 @@ declare const __VLS_base: import('vue').DefineComponent<MeNavProps, {
     "onTab-remove"?: ((payload: import('./types').MeNavTabRemovePayload) => any) | undefined;
 }>, {
     width: number | string;
-    keyboard: boolean;
     closable: boolean;
+    keyboard: boolean;
     modelValue: string;
     tabList: MeNavTabItemData[];
     contextMenu: MeNavMenuItem[] | ((item: MeNavTabItemData, index: number) => MeNavMenuItem[]);

package/dist/resolver/index.d.ts

@@ -3,5 +3,5 @@ import { MeUiAntdvResolverOptions, MeUiAntdvResolverReturn } from './resolver-ty
  * 生成 unplugin-vue-components 风格的 Resolver 对象。
  * @param options 配置项（预留）
  */
-export declare function MeUiAntdvResolver(_options?: MeUiAntdvResolverOptions): MeUiAntdvResolverReturn;
+export declare function MeUiAntdvResolver(options?: MeUiAntdvResolverOptions): MeUiAntdvResolverReturn;
 export type { MeUiAntdvResolverOptions, MeUiAntdvResolverReturn } from './resolver-type';

package/dist/resolver/index.js

@@ -15,19 +15,23 @@ var e = {
 	MeLoadJson: "load-json",
 	MeLoginPage: "login-page",
 	MeCard: "card",
-	MeSkeleton: "skeleton"
+	MeSkeleton: "skeleton",
+	MeInputProperty: "input-property"
 };
 //#endregion
 //#region src/resolver/index.ts
 function t(t = {}) {
+	let { importBase: n = !0 } = t, r = !1;
 	return {
 		type: "component",
 		getResolve: () => (t) => {
-			let n = e[t];
-			if (n) return {
+			let i = e[t];
+			if (!i) return;
+			let a = [];
+			return n && !r && (a.push("@me-framework/me-ui-antdv-next/base.css"), r = !0), a.push(`@me-framework/me-ui-antdv-next/${i}/style.css`), {
 				name: t.replace(/^Me/, ""),
-				from: `@me-framework/me-ui-antdv-next/${n}`,
-				sideEffects: ["@me-framework/me-ui-antdv-next/base.css", `@me-framework/me-ui-antdv-next/${n}/style.css`]
+				from: `@me-framework/me-ui-antdv-next/${i}`,
+				sideEffects: a
 			};
 		}
 	};

package/dist/skeleton/index.js

@@ -1,141 +1,8 @@
-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
+import { t as e } from "../chunks/skeleton-D1-aYUPf.js";
 //#region src/components/skeleton/index.ts
-h.install = (e) => {
-	e.component("MeSkeleton", h);
+e.install = (t) => {
+	t.component("MeSkeleton", e);
 };
-var g = h;
+var t = e;
 //#endregion
-export { h as MeSkeleton, g as default };
+export { e as MeSkeleton, t as default };