@me-framework/me-ui-antdv-next 0.0.33 → 0.0.35

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

@@ -1,14 +1,26 @@
 import { MeInputPropertyModel, MeInputPropertyProps, MeInputPropertyValidation } from './types';
 declare const __VLS_export: import('vue').DefineComponent<MeInputPropertyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: MeInputPropertyModel, validation?: MeInputPropertyValidation | undefined) => any;
+    "update:open": (value: boolean) => any;
+    ok: (value: MeInputPropertyModel) => any;
+    cancel: () => any;
     "update:modelValue": (value: MeInputPropertyModel) => any;
 }, string, import('vue').PublicProps, Readonly<MeInputPropertyProps> & Readonly<{
     onChange?: ((value: MeInputPropertyModel, validation?: MeInputPropertyValidation | undefined) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onOk?: ((value: MeInputPropertyModel) => any) | undefined;
+    onCancel?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: MeInputPropertyModel) => any) | undefined;
 }>, {
     size: "small" | "middle" | "large";
+    title: string;
+    open: boolean;
+    okText: string;
+    cancelText: string;
     disabled: boolean;
     modelValue: MeInputPropertyModel;
+    modalMode: boolean;
+    modalWidth: number | string;
     keyField: string;
     valueField: string;
     draggable: boolean;

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

@@ -99,6 +99,19 @@ export interface MeInputPropertyProps {
     /** 外部注入的初始/持久化规则；键为属性 key（trim 后精确匹配）。外部重新赋值 modelValue 时，
      *  会话内已有同 key 规则优先继承，新出现的 key 从这里取规则，消失的 key 规则丢弃 */
     rules?: Record<string, PropertyRuleSet>;
+    /** 弹窗模式：true 时组件内部以弹窗形态展示（含确定/取消），「确定」时校验未通过则阻止关闭并提示；
+     *  默认 false 为内嵌表格。开启后消费方通过 v-model:open 控制显隐、@ok 接收校验通过的当前值 */
+    modalMode?: boolean;
+    /** 弹窗模式下的显隐控制（v-model:open），仅在 modalMode=true 时生效 */
+    open?: boolean;
+    /** 弹窗模式标题，默认「属性编辑」 */
+    title?: string;
+    /** 弹窗模式面板宽度，默认 720（number 为 px） */
+    modalWidth?: number | string;
+    /** 弹窗模式确定按钮文字，默认「确定」 */
+    okText?: string;
+    /** 弹窗模式取消按钮文字，默认「取消」 */
+    cancelText?: string;
 }
 /** MeInputProperty Events */
 export interface MeInputPropertyEmits {
@@ -110,6 +123,15 @@ export interface MeInputPropertyEmits {
      * @param validation 行级校验报告（重复 key、是否含空 key 等对象输出无法体现的信息）
      */
     (e: 'change', value: MeInputPropertyModel, validation?: MeInputPropertyValidation): void;
+    /** 弹窗模式显隐更新（v-model:open）；非 modalMode 时忽略 */
+    (e: 'update:open', value: boolean): void;
+    /**
+     * 弹窗模式点「确定」且校验全部通过后触发。
+     * @param value 当前编辑值（与 modelValue 同形；对象模式为合并后对象，数组模式为行序数组，空 key 行被舍弃）
+     */
+    (e: 'ok', value: MeInputPropertyModel): void;
+    /** 弹窗模式取消关闭（取消按钮 / 遮罩 / Esc）；非 modalMode 不触发 */
+    (e: 'cancel'): void;
 }
 /** change 事件附带的校验报告（行级信息，对象输出无法体现的数据问题） */
 export interface MeInputPropertyValidation {

package/dist/input-radio/index.css

@@ -1 +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)}
+.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;min-height:var(--me-input-radio-desc-height,0);font-size:11px;color:var(--me-input-radio-desc-color)!important}.me-input-radio--uniform{--me-input-radio-desc-height:16px}.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;background-color:var(--ant-color-bg-container-disabled);border-color:var(--ant-color-border);box-shadow:none}.me-input-radio.ant-radio-wrapper-disabled .me-input-radio__title,.me-input-radio.ant-radio-wrapper-disabled .me-input-radio__desc{color:var(--ant-color-text-disabled)!important}.me-input-radio.ant-radio-wrapper-disabled.ant-radio-wrapper-checked{border-color:var(--ant-color-border);box-shadow:none;background-color:var(--ant-color-bg-container-disabled)}.me-input-radio.ant-radio-wrapper-disabled.ant-radio-wrapper-checked:after{border-bottom-color:var(--ant-color-border)}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

@@ -1,9 +1,24 @@
-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";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderList as d, resolveComponent as f, toDisplayString as p, withCtx as m } 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({
+var h = { class: "me-input-radio__content" }, g = { class: "me-input-radio__title" }, _ = {
+	key: 0,
+	class: "me-input-radio__desc"
+}, v = { class: "me-input-radio__content" }, y = { class: "me-input-radio__title" }, b = { class: "me-input-radio__desc" }, x = /* @__PURE__ */ o({
 	name: "MeInputRadio",
 	__name: "index",
 	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: ""
+		},
+		options: {
+			type: Array,
+			default: () => []
+		},
 		title: {
 			type: String,
 			default: ""
@@ -45,52 +60,74 @@ var u = { class: "me-input-radio__content" }, d = /* @__PURE__ */ r({
 			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, {
+	emits: ["update:modelValue", "change"],
+	setup(o, { emit: x }) {
+		let S = o, C = x, w = t(() => S.options && S.options.length > 0), T = t(() => S.options.some((e) => e.desc && e.desc.trim())), E = (e) => {
+			let t = e.target.value;
+			C("update:modelValue", t), C("change", t);
+		};
+		return (t, x) => {
+			let S = f("a-radio"), C = f("a-radio-group");
+			return w.value ? (u(), n(C, s({
+				key: 0,
+				value: o.modelValue,
+				onChange: E
+			}, t.$attrs, { class: "me-input-radio-group" }), {
+				default: m(() => [(u(!0), i(e, null, d(o.options, (e) => (u(), n(S, {
+					key: e.value,
+					value: e.value,
+					disabled: e.disabled,
+					class: c(["me-input-radio", {
+						"me-input-radio--uniform": T.value,
+						"me-input-radio--top": o.top,
+						"me-input-radio--small": o.size === "small",
+						"me-input-radio--radio": o.radio
+					}]),
+					style: l({
+						width: o.width,
+						marginRight: o.gap
+					})
+				}, {
+					default: m(() => [a("div", h, [a("div", g, p(e.label), 1), T.value ? (u(), i("div", _, p(e.desc), 1)) : r("", !0)])]),
+					_: 2
+				}, 1032, [
+					"value",
+					"disabled",
+					"class",
+					"style"
+				]))), 128))]),
+				_: 1
+			}, 16, ["value"])) : (u(), n(S, s({
+				key: 1,
+				value: o.label,
+				disabled: o.disabled
+			}, t.$attrs, {
 				class: ["me-input-radio", {
-					"me-input-radio--top": r.top,
-					"me-input-radio--small": r.size === "small",
-					"me-input-radio--radio": r.radio
+					"me-input-radio--top": o.top,
+					"me-input-radio--small": o.size === "small",
+					"me-input-radio--radio": o.radio
 				}],
 				style: {
-					width: r.width,
-					marginRight: r.gap
+					width: o.width,
+					marginRight: o.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)])]),
+				default: m(() => [a("div", v, [a("div", y, p(o.title), 1), a("div", b, p(o.desc), 1)])]),
 				_: 1
 			}, 16, [
 				"value",
 				"disabled",
 				"class",
 				"style"
-			]);
+			]));
 		};
 	}
 });
 //#endregion
 //#region src/components/input-radio/index.ts
-d.install = (e) => {
-	e.component("MeInputRadio", d);
+x.install = (e) => {
+	e.component("MeInputRadio", x);
 };
-var f = d;
+var S = x;
 //#endregion
-export { d as MeInputRadio, f as default };
+export { x as MeInputRadio, S as default };

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

@@ -1,11 +1,22 @@
 import { PropType } from 'vue';
+import { MeInputRadioOption } from './types';
 declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /** 标题 */
+    /** 绑定值（仅 options 模式下生效，支持 v-model） */
+    modelValue: {
+        type: PropType<string | number | boolean>;
+        default: string;
+    };
+    /** 选项配置数组，传入后组件以单选组模式渲染 */
+    options: {
+        type: PropType<MeInputRadioOption[]>;
+        default: () => never[];
+    };
+    /** 标题（单卡模式） */
     title: {
         type: StringConstructor;
         default: string;
     };
-    /** 描述 */
+    /** 描述（单卡模式） */
     desc: {
         type: StringConstructor;
         default: string;
@@ -35,23 +46,36 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         type: PropType<"small" | "normal">;
         default: string;
     };
-    /** 是否禁用 */
+    /** 是否禁用（单卡模式） */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 单选框的值 */
+    /** 单选框的值（单卡模式） */
     label: {
         type: PropType<string | number | boolean>;
         default: string;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 标题 */
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: string | number | boolean) => any;
+    "update:modelValue": (value: string | number | boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 绑定值（仅 options 模式下生效，支持 v-model） */
+    modelValue: {
+        type: PropType<string | number | boolean>;
+        default: string;
+    };
+    /** 选项配置数组，传入后组件以单选组模式渲染 */
+    options: {
+        type: PropType<MeInputRadioOption[]>;
+        default: () => never[];
+    };
+    /** 标题（单卡模式） */
     title: {
         type: StringConstructor;
         default: string;
     };
-    /** 描述 */
+    /** 描述（单卡模式） */
     desc: {
         type: StringConstructor;
         default: string;
@@ -81,17 +105,20 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         type: PropType<"small" | "normal">;
         default: string;
     };
-    /** 是否禁用 */
+    /** 是否禁用（单卡模式） */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 单选框的值 */
+    /** 单选框的值（单卡模式） */
     label: {
         type: PropType<string | number | boolean>;
         default: string;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((value: string | number | boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
+}>, {
     size: "normal" | "small";
     title: string;
     label: string | number | boolean;
@@ -99,6 +126,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     top: boolean;
     width: string;
     disabled: boolean;
+    modelValue: string | number | boolean;
+    options: MeInputRadioOption[];
     radio: boolean;
     gap: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -1,8 +1,23 @@
+/** 单选项配置 */
+export interface MeInputRadioOption {
+    /** 选中值 */
+    value: string | number | boolean;
+    /** 标题（显示文本） */
+    label: string;
+    /** 描述 */
+    desc?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
 /** MeInputRadio 组件 Props */
 export interface MeInputRadioProps {
-    /** 标题 */
+    /** 绑定值（仅 options 模式下生效，支持 v-model） */
+    modelValue?: string | number | boolean;
+    /** 选项配置数组，传入后组件以单选组模式渲染 */
+    options?: MeInputRadioOption[];
+    /** 标题（单卡模式） */
     title?: string;
-    /** 描述 */
+    /** 描述（单卡模式） */
     desc?: string;
     /** 是否显示单选圆点 */
     radio?: boolean;
@@ -14,10 +29,17 @@ export interface MeInputRadioProps {
     gap?: string;
     /** 尺寸 */
     size?: 'small' | 'normal';
-    /** 是否禁用 */
+    /** 是否禁用（单卡模式） */
     disabled?: boolean;
-    /** 单选框的值 */
+    /** 单选框的值（单卡模式） */
     label?: string | number | boolean;
 }
+/** MeInputRadio 组件 Emits */
+export interface MeInputRadioEmits {
+    /** v-model 事件（仅 options 模式） */
+    (e: 'update:modelValue', value: string | number | boolean): void;
+    /** 值变化事件（仅 options 模式） */
+    (e: 'change', value: string | number | boolean): void;
+}
 /** MeInputRadio 组件实例类型 */
 export type MeInputRadioInstance = InstanceType<typeof import('./index.vue').default>;