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

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

@@ -1 +1 @@
-.me-modal-wrap--fullscreen .ant-modal-container{height:100vh;max-height:100vh;display:block;padding:0!important}.me-modal-wrap--fullscreen .ant-modal{max-width:100%!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding-bottom:0!important;top:0!important}.me-modal-wrap--fullscreen .ant-modal-content{border-radius:0!important;grid-template-rows:auto 1fr auto!important;grid-template-columns:1fr!important;height:100vh!important;max-height:100vh!important;display:grid!important;overflow:hidden!important}.me-modal-wrap--fullscreen .ant-modal-header{border-radius:0!important;grid-area:1/1!important;width:auto!important;margin-bottom:0!important}.me-modal-wrap--fullscreen .ant-modal-body{padding-top:16px;padding-bottom:16px;grid-area:2/1!important;width:auto!important;min-height:0!important;overflow:auto!important}.me-modal-wrap--fullscreen .ant-modal-footer{border-radius:0!important;grid-area:3/1!important;width:auto!important;margin-top:0!important}.me-modal__title-row{width:100%}.me-modal__title-text{color:var(--me-text-primary);font-size:16px;font-weight:600;line-height:1.4}.ant-modal-header{position:relative}.ant-modal-header .me-modal__fullscreen-btn{cursor:pointer;color:#00000073;z-index:1;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;line-height:22px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:inline-flex;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.ant-modal-header .me-modal__fullscreen-btn:hover{color:#000000e0;background-color:#0000000f}html.dark .ant-modal-header .me-modal__fullscreen-btn{color:#ffffffa6}html.dark .ant-modal-header .me-modal__fullscreen-btn:hover{color:#fffffff2;background-color:#ffffff14}
+.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-KBZYtIHD.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.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.js

@@ -15,7 +15,10 @@ var e = {
 	MeLoadJson: "load-json",
 	MeLoginPage: "login-page",
 	MeCard: "card",
-	MeSkeleton: "skeleton"
+	MeSkeleton: "skeleton",
+	MeInputProperty: "input-property",
+	MeCodeBox: "code-box",
+	MeCodeItem: "code-box"
 };
 //#endregion
 //#region src/resolver/index.ts

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 };