@me-framework/me-ui-antdv-next 0.0.34 → 0.0.36

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

@@ -19,6 +19,8 @@ declare const __VLS_export: import('vue').DefineComponent<MeInputPropertyProps,
     cancelText: string;
     disabled: boolean;
     modelValue: MeInputPropertyModel;
+    modalMode: boolean;
+    modalWidth: number | string;
     keyField: string;
     valueField: string;
     draggable: boolean;
@@ -30,8 +32,6 @@ declare const __VLS_export: import('vue').DefineComponent<MeInputPropertyProps,
     emptyText: string;
     keyColumnTitle: string;
     valueColumnTitle: string;
-    modalMode: boolean;
-    modalWidth: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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