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

package/dist/input-number/index.js

@@ -0,0 +1,170 @@
+import { computed as e, createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, ref as a, resolveComponent as o, watch as s } from "vue";
+//#endregion
+//#region src/components/input-number/index.vue
+var c = /* @__PURE__ */ n({
+	name: "MeInputNumber",
+	__name: "index",
+	props: {
+		modelValue: {},
+		precision: { default: void 0 },
+		finance: {
+			type: Boolean,
+			default: !1
+		},
+		thousands: {
+			type: Boolean,
+			default: void 0
+		},
+		thousandsSeparator: { default: "," },
+		decimalSeparator: { default: "." },
+		prefix: { default: "" },
+		suffix: { default: "" },
+		min: { default: void 0 },
+		max: { default: void 0 },
+		step: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "middle" },
+		variant: { default: "outlined" },
+		status: { default: "" },
+		controls: {
+			type: [Boolean, Object],
+			default: !0
+		},
+		placeholder: { default: "" },
+		allowNull: {
+			type: Boolean,
+			default: !0
+		},
+		autoFixOnBlur: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur",
+		"pressEnter",
+		"input"
+	],
+	setup(n, { expose: c, emit: l }) {
+		let u = n, d = l, f = e(() => u.finance || u.thousands === !0), p = e(() => u.precision === void 0 ? u.finance ? 2 : 0 : u.precision), m = e(() => u.thousands === void 0 ? u.finance : u.thousands), h = e(() => p.value > 15 || typeof u.min == "string" || typeof u.max == "string"), g = a(u.modelValue);
+		s(() => u.modelValue, (e) => {
+			g.value = e;
+		});
+		let _ = e(() => u.step === void 0 ? p.value <= 0 ? 1 : Number(`1e-${p.value}`) : u.step), v = (e) => {
+			if (e == null || e === "") return "";
+			let t = String(e), n = u.decimalSeparator, r = u.thousandsSeparator, [i, a] = t.split("."), o = "", s = i;
+			i.startsWith("-") && (o = "-", s = i.slice(1));
+			let c = s;
+			m.value && r && (c = s.replace(/\B(?=(\d{3})+(?!\d))/g, r));
+			let l = o + c;
+			return a !== void 0 && (l += n + a), u.prefix && (l = u.prefix + l), u.suffix && (l += u.suffix), l;
+		}, y = (e) => {
+			if (!e) return 0;
+			let t = e;
+			if (u.prefix && t.startsWith(u.prefix) && (t = t.slice(u.prefix.length)), u.suffix && t.endsWith(u.suffix) && (t = t.slice(0, -u.suffix.length)), m.value && u.thousandsSeparator) {
+				let e = new RegExp(u.thousandsSeparator.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g");
+				t = t.replace(e, "");
+			}
+			if (u.decimalSeparator && u.decimalSeparator !== ".") {
+				let e = new RegExp(u.decimalSeparator.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g");
+				t = t.replace(e, ".");
+			}
+			t = t.replace(/[^\d.\-]/g, "");
+			let n = t.indexOf("-");
+			n > 0 && (t = t.slice(0, n));
+			let r = t.indexOf(".");
+			return r >= 0 && (t = t.slice(0, r + 1) + t.slice(r + 1).replace(/\./g, "")), t === "" || t === "-" ? 0 : h.value ? t : Number(t);
+		}, b = (e) => {
+			if (e == null || e === "") return u.allowNull ? null : 0;
+			let t = String(e);
+			if (t === "-" || t === ".") return u.allowNull ? null : 0;
+			let n = Number(t);
+			if (isNaN(n)) return u.allowNull ? null : 0;
+			if (p.value <= 0) {
+				let e = Math.round(n);
+				return h.value ? String(e) : e;
+			}
+			let r = 10 ** p.value, i = Math.round(n * r) / r;
+			if (h.value || f.value) {
+				let e = i.toFixed(p.value);
+				return h.value ? e : Number(e);
+			}
+			return i;
+		}, x = (e) => {
+			d("update:modelValue", e), d("change", e);
+		}, S = (e) => {
+			d("focus", e);
+		}, C = (e) => {
+			if (u.autoFixOnBlur) {
+				let e = b(g.value);
+				e !== g.value && (g.value = e, d("update:modelValue", e), d("change", e));
+			}
+			d("blur", e);
+		}, w = (e) => {
+			d("pressEnter", e);
+		}, T = (e) => {
+			d("input", e);
+		};
+		return c({ fixPrecision: () => b(g.value) }), (e, n) => {
+			let a = o("a-input-number");
+			return i(), t(a, r({
+				value: g.value,
+				"onUpdate:value": n[0] ||= (e) => g.value = e,
+				class: ["me-input-number", {
+					"me-input-number--disabled": u.disabled,
+					"me-input-number--finance": f.value
+				}],
+				min: u.min,
+				max: u.max,
+				step: _.value,
+				disabled: u.disabled,
+				readonly: u.readonly,
+				size: u.size,
+				variant: u.variant,
+				status: u.status,
+				controls: u.controls,
+				placeholder: u.placeholder,
+				formatter: v,
+				parser: y,
+				"string-mode": h.value,
+				onChange: x,
+				onFocus: S,
+				onBlur: C,
+				onPressEnter: w,
+				onInput: T
+			}, e.$attrs), null, 16, [
+				"value",
+				"class",
+				"min",
+				"max",
+				"step",
+				"disabled",
+				"readonly",
+				"size",
+				"variant",
+				"status",
+				"controls",
+				"placeholder",
+				"string-mode"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/input-number/index.ts
+c.install = (e) => {
+	e.component("MeInputNumber", c);
+};
+var l = c;
+//#endregion
+export { c as MeInputNumber, l as default };

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

@@ -0,0 +1,44 @@
+import { MeInputNumberProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<MeInputNumberProps, {
+    /** 按精度修正当前值（四舍五入 + 补零） */
+    fixPrecision: () => string | number | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    input: (value: string) => any;
+    change: (value: string | number | null) => any;
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+    "update:modelValue": (value: string | number | null) => any;
+    pressEnter: (event: KeyboardEvent) => any;
+}, string, import('vue').PublicProps, Readonly<MeInputNumberProps> & Readonly<{
+    onInput?: ((value: string) => any) | undefined;
+    onChange?: ((value: string | number | null) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
+    onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    size: "small" | "middle" | "large";
+    max: number | string;
+    min: number | string;
+    disabled: boolean;
+    placeholder: string;
+    precision: number;
+    finance: boolean;
+    thousands: boolean;
+    thousandsSeparator: string;
+    decimalSeparator: string;
+    prefix: string;
+    suffix: string;
+    step: number | string;
+    readonly: boolean;
+    variant: "outlined" | "filled" | "borderless";
+    status: "" | "warning" | "error";
+    controls: boolean | {
+        upIcon?: any;
+        downIcon?: any;
+    };
+    allowNull: boolean;
+    autoFixOnBlur: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,66 @@
+import { InputNumberProps } from 'antdv-next';
+/** MeInputNumber 组件 Props */
+export interface MeInputNumberProps {
+    /** 绑定值（支持 v-model） */
+    modelValue?: number | string | null;
+    /** 小数点位数，默认 0（整数）；finance 模式下默认 2 */
+    precision?: number;
+    /** 是否启用金融格式（千分位 + 默认 2 位小数） */
+    finance?: boolean;
+    /** 是否显示千分位分隔符（finance 模式下默认 true） */
+    thousands?: boolean;
+    /** 千分位分隔符，默认 ',' */
+    thousandsSeparator?: string;
+    /** 小数点符号，默认 '.' */
+    decimalSeparator?: string;
+    /** 前缀（如货币符号 ¥ $ €） */
+    prefix?: string;
+    /** 后缀（如 % 元） */
+    suffix?: string;
+    /** 最小值 */
+    min?: number | string;
+    /** 最大值 */
+    max?: number | string;
+    /** 步长 */
+    step?: number | string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 输入框尺寸 */
+    size?: 'small' | 'middle' | 'large';
+    /** 输入框风格变体 */
+    variant?: 'outlined' | 'filled' | 'borderless';
+    /** 校验状态 */
+    status?: '' | 'warning' | 'error';
+    /** 是否显示加减控制按钮 */
+    controls?: boolean | {
+        upIcon?: any;
+        downIcon?: any;
+    };
+    /** 占位文字 */
+    placeholder?: string;
+    /** 是否允许值为 null */
+    allowNull?: boolean;
+    /** 失焦时自动修正精度，默认 true */
+    autoFixOnBlur?: boolean;
+}
+/** MeInputNumber 组件 Emits */
+export interface MeInputNumberEmits {
+    /** v-model 事件 */
+    (e: 'update:modelValue', value: number | string | null): void;
+    /** 值变化事件 */
+    (e: 'change', value: number | string | null): void;
+    /** 聚焦事件 */
+    (e: 'focus', event: FocusEvent): void;
+    /** 失焦事件 */
+    (e: 'blur', event: FocusEvent): void;
+    /** 按下回车 */
+    (e: 'pressEnter', event: KeyboardEvent): void;
+    /** 输入事件 */
+    (e: 'input', value: string): void;
+}
+/** MeInputNumber 组件实例类型 */
+export type MeInputNumberInstance = InstanceType<typeof import('./index.vue').default>;
+/** 透传给 a-input-number 的 Props 类型（扩展用） */
+export type MeInputNumberPassThroughProps = Omit<InputNumberProps, 'value' | 'defaultValue' | 'onChange' | 'formatter' | 'parser' | 'precision' | 'decimalSeparator'>;

package/dist/input-property/index.css

@@ -1 +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__value{width:100%}.me-input-property__value-type{flex:0 0 95px;width:95px}.me-input-property__value-editor{flex:1;min-width:0}.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__table .ant-input-status-error,.me-input-property__table .ant-input-number-status-error,.me-input-property__table .ant-picker-status-error{box-shadow:none!important;border-color:#d9d9d9!important}.me-input-property__table .ant-select-status-error{--ant-select-border-color:#d9d9d9!important;--ant-select-background-color:#fff!important;--ant-select-color:inherit!important;box-shadow:none!important}.me-input-property__table .me-input-property__field--error.ant-input,.me-input-property__table .me-input-property__field--error.ant-input-number,.me-input-property__table .me-input-property__field--error.ant-picker{border-color:#ff4d4f!important}.me-input-property__table .me-input-property__value.me-input-property__field--error{border-radius:6px;box-shadow:0 0 0 1px #ff4d4f}.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{table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;width:auto;display:table;box-shadow:0 4px 12px #00000026}.me-input-property__drag-fallback td{box-sizing:border-box;vertical-align:middle;background:#fff;border-bottom:1px solid #f0f0f0}.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}.me-input-property__rules-btn{color:#bbb;border-radius:4px}.me-input-property__rules-btn:hover{color:var(--me-primary,#1677ff);background:#0000000a}.me-input-property__rules-btn.is-active{color:var(--me-primary,#1677ff)}.me-input-property__rule-input{width:100%}
+.me-input-property{width:100%;position:relative}.me-input-property__add-btn:hover{color:#4096ff;background:#0000000a}.me-input-property__value{width:100%}.me-input-property__value-type{flex:0 0 95px;width:95px}.me-input-property__value-editor{flex:1;min-width:0}.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__table .ant-input-status-error,.me-input-property__table .ant-input-number-status-error,.me-input-property__table .ant-picker-status-error{box-shadow:none!important;border-color:#d9d9d9!important}.me-input-property__table .ant-select-status-error{--ant-select-border-color:#d9d9d9!important;--ant-select-background-color:#fff!important;--ant-select-color:inherit!important;box-shadow:none!important}.me-input-property__table .me-input-property__field--error.ant-input,.me-input-property__table .me-input-property__field--error.ant-input-number,.me-input-property__table .me-input-property__field--error.ant-picker{border-color:#ff4d4f!important}.me-input-property__table .me-input-property__value.me-input-property__field--error{border-radius:6px;box-shadow:0 0 0 1px #ff4d4f}.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{table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;width:auto;display:table;box-shadow:0 4px 12px #00000026}.me-input-property__drag-fallback td{box-sizing:border-box;vertical-align:middle;background:#fff;border-bottom:1px solid #f0f0f0}.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}.me-input-property__rules-btn{color:#bbb;border-radius:4px}.me-input-property__rules-btn:hover{color:var(--me-primary,#1677ff);background:#0000000a}.me-input-property__rules-btn.is-active{color:var(--me-primary,#1677ff)}.me-input-property__rule-input{width:100%}