@kayak-sj/design 1.0.0

package/dist/components/k-form/formComponent/DatePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,144 @@
+import { DATE_PICKER_VALUES_KEY as e } from "../constants.js";
+import { formatReadonlyText as t, toDatePickerType as n, toDatePickerValue as r } from "../utils/fieldValue.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, inject as l, normalizeClass as u, openBlock as d, toDisplayString as f, unref as p } from "vue";
+import { ElDatePicker as m } from "element-plus";
+import h from "dayjs";
+//#region src/components/k-form/formComponent/DatePicker.vue?vue&type=script&setup=true&lang.ts
+var g = ["innerHTML"], _ = {
+	key: 2,
+	class: "k-form-date-picker__readonly"
+}, v = ["innerHTML"], y = /*@__PURE__*/ c({
+	name: "KFormDatePicker",
+	inheritAttrs: !1,
+	__name: "DatePicker",
+	props: {
+		modelValue: {},
+		options: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		type: { default: "date" },
+		prepend: { default: "" },
+		append: { default: "" },
+		limitTime: {
+			type: Boolean,
+			default: !1
+		},
+		datePickerValues: { default: void 0 },
+		dateDisabled: {
+			type: [Array, Function],
+			default: void 0
+		},
+		minDate: {
+			type: [
+				String,
+				Date,
+				Function
+			],
+			default: void 0
+		},
+		maxDate: {
+			type: [
+				String,
+				Date,
+				Function
+			],
+			default: void 0
+		},
+		placeholder: { default: void 0 },
+		startPlaceholder: { default: void 0 },
+		endPlaceholder: { default: void 0 },
+		valueFormat: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(c, { emit: y }) {
+		let b = c, x = y, S = l(e, null), C = i(() => b.datePickerValues ?? S?.value ?? {}), w = i(() => r(b.modelValue)), T = i(() => n(b.type)), E = i(() => T.value === "datetimerange" ? "k-form-date-picker--datetimerange" : ""), D = (e, t) => h(e instanceof Date ? e : String(e)).format(t), O = i(() => {
+			if (!b.modelValue) return t(b.modelValue);
+			let e = T.value.includes("datetime") ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+			if (Array.isArray(b.modelValue)) return b.modelValue.map((t) => D(t, e)).join(" - ");
+			let n = h(b.modelValue instanceof Date ? b.modelValue : String(b.modelValue));
+			return n.isValid() ? n.format(e) : t(b.modelValue);
+		}), k = i(() => {
+			if (!b.limitTime) return;
+			let e = h().hour();
+			return () => Array.from({ length: 24 }, (e, t) => t).filter((t) => t < e);
+		});
+		function A(e) {
+			let t = new Date(e.getTime());
+			return t.setHours(0, 0, 0, 0), t;
+		}
+		function j(e) {
+			if (e == null) return null;
+			if (e === "today") return A(/* @__PURE__ */ new Date());
+			if (typeof e == "function") {
+				let t = e();
+				return t instanceof Date && !Number.isNaN(t.getTime()) ? A(t) : null;
+			}
+			return e instanceof Date && !Number.isNaN(e.getTime()) ? A(e) : null;
+		}
+		function M(e) {
+			if (e.date !== void 0) return j(e.date);
+			if (e.id) {
+				let t = C.value[`kitDate-${e.id}`];
+				if (!t) return null;
+				if (t instanceof Date) return A(t);
+				let n = h(t);
+				return n.isValid() ? A(n.toDate()) : null;
+			}
+			return null;
+		}
+		function N(e, t, n) {
+			return n === ">=" ? e >= t : n === ">" ? e > t : n === "<=" ? e <= t : n === "<" ? e < t : n === "==" && e === t;
+		}
+		function P(e) {
+			let t = A(e).getTime(), n = j(b.minDate);
+			if (n && t < n.getTime()) return !0;
+			let r = j(b.maxDate);
+			if (r && t > r.getTime()) return !0;
+			let i = b.dateDisabled;
+			return !i || (typeof i == "function" && (i = i()), !i.length) ? !1 : i.some((e) => {
+				let n = M(e);
+				return n ? N(t, n.getTime(), e.condition) : !1;
+			});
+		}
+		function F(e) {
+			x("update:modelValue", e);
+		}
+		return (e, t) => (d(), s("div", { class: u(["k-form-date-picker", E.value]) }, [
+			c.prepend ? (d(), s("span", {
+				key: 0,
+				class: "k-form-date-picker__text",
+				innerHTML: c.prepend
+			}, null, 8, g)) : o("", !0),
+			c.readonly ? (d(), s("span", _, f(O.value), 1)) : (d(), a(p(m), {
+				key: 1,
+				"model-value": w.value,
+				type: T.value,
+				"unlink-panels": "",
+				placeholder: c.placeholder,
+				"start-placeholder": c.startPlaceholder,
+				"end-placeholder": c.endPlaceholder,
+				"value-format": c.valueFormat,
+				disabled: c.disabled,
+				"disabled-date": P,
+				"disabled-hours": k.value,
+				"onUpdate:modelValue": F
+			}, null, 8, [
+				"model-value",
+				"type",
+				"placeholder",
+				"start-placeholder",
+				"end-placeholder",
+				"value-format",
+				"disabled",
+				"disabled-hours"
+			])),
+			c.append ? (d(), s("span", {
+				key: 3,
+				class: "k-form-date-picker__text",
+				innerHTML: c.append
+			}, null, 8, v)) : o("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/k-form/formComponent/DatePicker.vue_vue_type_style_index_0_scoped_578e2613_lang.css

@@ -0,0 +1 @@
+.k-form-date-picker[data-v-578e2613]{align-items:center;gap:8px;width:100%;max-width:100%;display:flex}.k-form-date-picker[data-v-578e2613] .el-date-editor{width:100%}.k-form-date-picker--datetimerange[data-v-578e2613]{width:fit-content;max-width:100%;display:inline-flex}.k-form-date-picker--datetimerange[data-v-578e2613] .el-date-editor.el-date-editor--datetimerange{flex:none;max-width:100%;width:fit-content!important;min-width:unset!important}.k-form-date-picker--datetimerange[data-v-578e2613] .el-date-editor--datetimerange .el-input__wrapper{padding-left:6px;padding-right:4px}.k-form-date-picker--datetimerange[data-v-578e2613] .el-date-editor--datetimerange .el-range-input{width:150px;min-width:0;max-width:150px;font-size:var(--k-form-control-font-size);flex:0 0 150px}.k-form-date-picker--datetimerange[data-v-578e2613] .el-date-editor--datetimerange .el-range-separator{font-size:var(--k-form-control-font-size);flex-shrink:0;padding:0 1px}.k-form-date-picker--datetimerange[data-v-578e2613] .el-date-editor--datetimerange .el-range__icon{margin-right:-4px}.k-form-date-picker--datetimerange[data-v-578e2613] .el-date-editor--datetimerange .el-range__close-icon{margin-left:-4px}.k-form-date-picker__text[data-v-578e2613]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size);white-space:nowrap;flex-shrink:0}.k-form-date-picker__readonly[data-v-578e2613]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size);word-break:break-all}

package/dist/components/k-form/formComponent/Editor.d.ts

@@ -0,0 +1,26 @@
+import { KEditorConfig, KEditorModelValue } from '../../k-editor/types';
+import { FormComponentBaseProps } from './types';
+type __VLS_Props = FormComponentBaseProps & {
+    /** 覆盖基类 unknown，对齐 KEditor v-model */
+    modelValue?: KEditorModelValue;
+    items?: string[];
+    maxWordCount?: number | string;
+    maxLength?: number | string;
+    config?: KEditorConfig;
+    placeholder?: string;
+    disabled?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: KEditorModelValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: KEditorModelValue) => any) | undefined;
+}>, {
+    placeholder: string;
+    maxLength: number | string;
+    items: string[];
+    maxWordCount: number | string;
+    config: KEditorConfig;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Editor.vue.d.ts.map

package/dist/components/k-form/formComponent/Editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-form/formComponent/Editor.vue"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACtC,sCAAsC;IACtC,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAoFN,QAAA,MAAM,YAAY;;;;;iBAtFE,MAAM;eAFR,MAAM,GAAG,MAAM;WAFnB,MAAM,EAAE;kBACD,MAAM,GAAG,MAAM;YAErB,aAAa;6EA2F1B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/k-form/formComponent/Editor.js

@@ -0,0 +1,5 @@
+import e from "./Editor.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/k-form/formComponent/Editor.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/k-form/formComponent/Editor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import e from "../../k-editor/KEditor.js";
+import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i } from "vue";
+//#region src/components/k-form/formComponent/Editor.vue?vue&type=script&setup=true&lang.ts
+var a = /*@__PURE__*/ n({
+	name: "KFormEditor",
+	inheritAttrs: !1,
+	__name: "Editor",
+	props: {
+		modelValue: {},
+		options: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		items: { default: () => [] },
+		maxWordCount: { default: 100 },
+		maxLength: { default: 1e3 },
+		config: { default: () => ({}) },
+		placeholder: { default: "请输入" }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: a }) {
+		let o = n, s = a;
+		function c(e) {
+			s("update:modelValue", e);
+		}
+		return (n, a) => (i(), t(e, r(n.$attrs, {
+			"model-value": o.modelValue,
+			items: o.items,
+			"max-word-count": o.maxWordCount,
+			"max-length": o.maxLength,
+			config: o.config,
+			placeholder: o.placeholder,
+			disabled: o.disabled === !0 || o.readonly === !0,
+			"onUpdate:modelValue": c
+		}), null, 16, [
+			"model-value",
+			"items",
+			"max-word-count",
+			"max-length",
+			"config",
+			"placeholder",
+			"disabled"
+		]));
+	}
+});
+//#endregion
+export { a as default };

package/dist/components/k-form/formComponent/Fallback.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    /** 当前字段值（只读展示） */
+    modelValue: unknown;
+    /** 未注册的 component 类型名，用于 placeholder 提示 */
+    componentType?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Fallback.vue.d.ts.map

package/dist/components/k-form/formComponent/Fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fallback.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-form/formComponent/Fallback.vue"],"names":[],"mappings":"AA2CA,KAAK,WAAW,GAAG;IACjB,kBAAkB;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC;AA8CF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/k-form/formComponent/Fallback.js

@@ -0,0 +1,5 @@
+import e from "./Fallback.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/k-form/formComponent/Fallback.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/k-form/formComponent/Fallback.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import { toStringValue as e } from "../utils/fieldValue.js";
+import { computed as t, createBlock as n, defineComponent as r, openBlock as i, unref as a } from "vue";
+import { ElInput as o } from "element-plus";
+//#region src/components/k-form/formComponent/Fallback.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ r({
+	name: "KFormFallback",
+	__name: "Fallback",
+	props: {
+		modelValue: {},
+		componentType: {}
+	},
+	setup(r) {
+		let s = r, c = t(() => `[${s.componentType ?? "Unknown"}] 待迁移`), l = t(() => e(s.modelValue));
+		return (e, t) => (i(), n(a(o), {
+			"model-value": l.value,
+			disabled: "",
+			placeholder: c.value
+		}, null, 8, ["model-value", "placeholder"]));
+	}
+});
+//#endregion
+export { s as default };

package/dist/components/k-form/formComponent/Input.d.ts

@@ -0,0 +1,56 @@
+import { FormComponentBaseProps } from './types';
+type __VLS_Props = FormComponentBaseProps & {
+    /** 输入框占位文案 */
+    placeholder?: string;
+    /** 最大输入长度 */
+    maxlength?: number;
+    /** 兼容旧版 componentProps.maxLength */
+    maxLength?: number;
+    /** ElInput type（text / password / textarea 等） */
+    type?: string;
+    /** 输入框左侧附加文案 */
+    leftText?: string;
+    /** 输入框右侧附加文案 */
+    rightText?: string;
+    /** ElInput 前置插槽文案（如 ≥、<） */
+    prepend?: string;
+    /** ElInput 后置插槽文案 */
+    append?: string;
+    /** 左侧文案自定义 class */
+    leftClass?: string;
+    /** 右侧文案自定义 class */
+    rightClass?: string;
+    /** 左侧文案点击回调 */
+    leftClick?: () => void;
+    /** 右侧文案点击回调 */
+    rightClick?: () => void;
+    /** 字段级禁用，渲染灰色控件 */
+    disabled?: boolean;
+    /** KFormField 注入，仅用于排查；不透传给 ElInput */
+    componentType?: string;
+    /** 是否显示清除按钮 */
+    clearable?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    maxLength: number;
+    type: string;
+    clearable: boolean;
+    prepend: string;
+    append: string;
+    componentType: string;
+    maxlength: number;
+    leftText: string;
+    rightText: string;
+    leftClass: string;
+    rightClass: string;
+    leftClick: () => void;
+    rightClick: () => void;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Input.vue.d.ts.map

package/dist/components/k-form/formComponent/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-form/formComponent/Input.vue"],"names":[],"mappings":"AA4IA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACtC,cAAc;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe;IACf,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,eAAe;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AAiLN,QAAA,MAAM,YAAY;;;;;iBA9ME,MAAM;eAIR,MAAM;UAEX,MAAM;eAsBD,OAAO;aAhBT,MAAM;YAEP,MAAM;mBAYC,MAAM;eAxBV,MAAM;cAMP,MAAM;eAEL,MAAM;eAMN,MAAM;gBAEL,MAAM;eAEP,MAAM,IAAI;gBAET,MAAM,IAAI;6EA4L3B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/k-form/formComponent/Input.js

@@ -0,0 +1,5 @@
+import e from "./Input.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/k-form/formComponent/Input.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/k-form/formComponent/Input.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,93 @@
+import { formatReadonlyText as e, toStringValue as t } from "../utils/fieldValue.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createSlots as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { ElInput as h } from "element-plus";
+//#region src/components/k-form/formComponent/Input.vue?vue&type=script&setup=true&lang.ts
+var g = ["type"], _ = {
+	key: 1,
+	class: "k-form-input__readonly"
+}, v = /*@__PURE__*/ c({
+	name: "KFormInput",
+	inheritAttrs: !1,
+	__name: "Input",
+	props: {
+		modelValue: {},
+		options: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		placeholder: { default: "请输入" },
+		maxlength: { default: void 0 },
+		maxLength: { default: void 0 },
+		type: { default: "text" },
+		leftText: { default: "" },
+		rightText: { default: "" },
+		prepend: { default: "" },
+		append: { default: "" },
+		leftClass: { default: "" },
+		rightClass: { default: "" },
+		leftClick: {
+			type: Function,
+			default: () => void 0
+		},
+		rightClick: {
+			type: Function,
+			default: () => void 0
+		},
+		componentType: { default: void 0 },
+		clearable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(c, { emit: v }) {
+		let y = c, b = v, x = n(() => t(y.modelValue)), S = n(() => y.maxlength ?? y.maxLength), C = n(() => y.type === "textarea"), w = n(() => y.clearable && !C.value), T = n(() => {
+			let t = e(x.value);
+			return t === "--" ? t : `${y.prepend || ""}${t}${y.append || ""}`;
+		});
+		function E(e) {
+			b("update:modelValue", e);
+		}
+		return (e, t) => (d(), a("div", {
+			class: "k-form-input",
+			type: C.value ? "textarea" : void 0
+		}, [
+			c.leftText ? (d(), a("div", {
+				key: 0,
+				class: u(["k-form-input__side k-form-input__side--left", c.leftClass]),
+				onClick: t[0] ||= (...e) => c.leftClick && c.leftClick(...e)
+			}, f(c.leftText), 3)) : i("", !0),
+			c.readonly ? (d(), a("div", _, f(T.value), 1)) : (d(), r(p(h), l({ key: 2 }, e.$attrs, {
+				"model-value": x.value,
+				autocomplete: "off",
+				clearable: w.value,
+				disabled: c.disabled,
+				placeholder: c.placeholder,
+				maxlength: S.value,
+				type: c.type,
+				"onUpdate:modelValue": E
+			}), o({ _: 2 }, [c.prepend ? {
+				name: "prepend",
+				fn: m(() => [s(f(c.prepend), 1)]),
+				key: "0"
+			} : void 0, c.append ? {
+				name: "append",
+				fn: m(() => [s(f(c.append), 1)]),
+				key: "1"
+			} : void 0]), 1040, [
+				"model-value",
+				"clearable",
+				"disabled",
+				"placeholder",
+				"maxlength",
+				"type"
+			])),
+			c.rightText ? (d(), a("div", {
+				key: 3,
+				class: u(["k-form-input__side k-form-input__side--right", c.rightClass]),
+				onClick: t[1] ||= (...e) => c.rightClick && c.rightClick(...e)
+			}, f(c.rightText), 3)) : i("", !0)
+		], 8, g));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/k-form/formComponent/InputMixInput.d.ts

@@ -0,0 +1,49 @@
+import { FormComponentBaseProps } from './types';
+type __VLS_Props = FormComponentBaseProps & {
+    /** 左侧说明文案（支持 HTML） */
+    leftText?: string;
+    /** 右侧说明文案（支持 HTML） */
+    rightText?: string;
+    /** 两个输入框之间的说明文案 */
+    centerText?: string;
+    /** 左侧输入框 placeholder */
+    leftPlaceholder?: string;
+    /** 右侧输入框 placeholder */
+    rightPlaceholder?: string;
+    /** 透传给左侧 Input 的 componentProps */
+    leftProps?: Record<string, unknown>;
+    /** 透传给右侧 Input 的 componentProps */
+    rightProps?: Record<string, unknown>;
+    /**
+     * 两侧输入框统一宽度（number 视为 px；string 如 '120px' / '8em'）。
+     * 默认 120px；有前后缀时只约束中间输入区。可用 leftWidth / rightWidth 分别覆盖。
+     */
+    inputWidth?: number | string;
+    /** 左侧输入框宽度，优先于 inputWidth */
+    leftWidth?: number | string;
+    /** 右侧输入框宽度，优先于 inputWidth */
+    rightWidth?: number | string;
+    /** 字段级禁用 */
+    disabled?: boolean;
+    clearable?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: [string, string]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: [string, string]) => any) | undefined;
+}>, {
+    clearable: boolean;
+    leftText: string;
+    rightText: string;
+    centerText: string;
+    leftPlaceholder: string;
+    rightPlaceholder: string;
+    leftProps: Record<string, unknown>;
+    rightProps: Record<string, unknown>;
+    inputWidth: number | string;
+    leftWidth: number | string;
+    rightWidth: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=InputMixInput.vue.d.ts.map

package/dist/components/k-form/formComponent/InputMixInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMixInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-form/formComponent/InputMixInput.vue"],"names":[],"mappings":"AA0OA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACtC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AAsON,QAAA,MAAM,YAAY;;;;;eAvOA,OAAO;cAxBR,MAAM;eAEL,MAAM;gBAEL,MAAM;qBAED,MAAM;sBAEL,MAAM;eAEb,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;gBAEtB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;gBAKvB,MAAM,GAAG,MAAM;eAEhB,MAAM,GAAG,MAAM;gBAEd,MAAM,GAAG,MAAM;6EA8OhC,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/k-form/formComponent/InputMixInput.js

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./InputMixInput.vue_vue_type_script_setup_true_lang.js";
+import './InputMixInput.vue_vue_type_style_index_0_scoped_6fdf6265_lang.css';/* empty css                                                              */
+//#region src/components/k-form/formComponent/InputMixInput.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-6fdf6265"]]);
+//#endregion
+export { n as default };

package/dist/components/k-form/formComponent/InputMixInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,108 @@
+import e from "./Input.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, watch as f } from "vue";
+//#region src/components/k-form/formComponent/InputMixInput.vue?vue&type=script&setup=true&lang.ts
+var p = ["innerHTML"], m = ["innerHTML"], h = ["innerHTML"], g = /*@__PURE__*/ o({
+	name: "KFormInputMixInput",
+	__name: "InputMixInput",
+	props: {
+		modelValue: {},
+		options: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		leftText: { default: "" },
+		rightText: { default: "" },
+		centerText: { default: "" },
+		leftPlaceholder: { default: "" },
+		rightPlaceholder: { default: "" },
+		leftProps: { default: () => ({}) },
+		rightProps: { default: () => ({}) },
+		inputWidth: { default: 120 },
+		leftWidth: { default: void 0 },
+		rightWidth: { default: void 0 },
+		clearable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: g }) {
+		let _ = o, v = g, y = d(["", ""]);
+		function b(e, t) {
+			let n = e ?? t;
+			return typeof n == "number" ? `${n}px` : n;
+		}
+		function x(e) {
+			return !!(e?.prepend || e?.append);
+		}
+		function S(e, t) {
+			let n = b(e, _.inputWidth);
+			return x(t) ? {
+				"--k-mix-input-field-width": n,
+				flex: "0 0 auto"
+			} : {
+				width: n,
+				maxWidth: n,
+				minWidth: n,
+				flex: "0 0 auto"
+			};
+		}
+		let C = t(() => x(_.leftProps)), w = t(() => x(_.rightProps)), T = t(() => S(_.leftWidth, _.leftProps)), E = t(() => S(_.rightWidth, _.rightProps));
+		f(() => _.modelValue, (e) => {
+			Array.isArray(e) && (y.value = [String(e[0] ?? ""), String(e[1] ?? "")]);
+		}, { immediate: !0 });
+		function D(e, t) {
+			y.value[e] = t, v("update:modelValue", [...y.value]);
+		}
+		return (t, d) => (u(), r("div", { class: c(["k-form-input-mix-input", { "k-form-input-mix-input--readonly": o.readonly }]) }, [
+			o.leftText ? (u(), r("div", {
+				key: 0,
+				class: "k-form-input-mix-input__text",
+				innerHTML: o.leftText
+			}, null, 8, p)) : n("", !0),
+			i("div", {
+				class: c(["k-form-input-mix-input__control", { "k-form-input-mix-input__control--affix": C.value }]),
+				style: l(o.readonly ? void 0 : T.value)
+			}, [a(e, s({
+				clearable: o.clearable,
+				"model-value": y.value[0],
+				readonly: o.readonly,
+				disabled: o.disabled,
+				placeholder: o.leftPlaceholder
+			}, o.leftProps, { "onUpdate:modelValue": d[0] ||= (e) => D(0, e) }), null, 16, [
+				"clearable",
+				"model-value",
+				"readonly",
+				"disabled",
+				"placeholder"
+			])], 6),
+			o.centerText ? (u(), r("div", {
+				key: 1,
+				class: "k-form-input-mix-input__text",
+				innerHTML: o.centerText
+			}, null, 8, m)) : n("", !0),
+			i("div", {
+				class: c(["k-form-input-mix-input__control", { "k-form-input-mix-input__control--affix": w.value }]),
+				style: l(o.readonly ? void 0 : E.value)
+			}, [a(e, s({
+				"model-value": y.value[1],
+				clearable: o.clearable,
+				readonly: o.readonly,
+				disabled: o.disabled,
+				placeholder: o.rightPlaceholder
+			}, o.rightProps, { "onUpdate:modelValue": d[1] ||= (e) => D(1, e) }), null, 16, [
+				"model-value",
+				"clearable",
+				"readonly",
+				"disabled",
+				"placeholder"
+			])], 6),
+			o.rightText ? (u(), r("div", {
+				key: 2,
+				class: "k-form-input-mix-input__text",
+				innerHTML: o.rightText
+			}, null, 8, h)) : n("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/k-form/formComponent/InputMixInput.vue_vue_type_style_index_0_scoped_6fdf6265_lang.css

@@ -0,0 +1 @@
+.k-form-input-mix-input[data-v-6fdf6265]{vertical-align:top;flex-wrap:wrap;align-items:center;gap:8px;width:auto;max-width:100%;display:inline-flex}.k-form-input-mix-input__control[data-v-6fdf6265]{flex:none;max-width:100%}.k-form-input-mix-input__control[data-v-6fdf6265] .k-form-input{width:100%!important;max-width:none!important}.k-form-input-mix-input__control[data-v-6fdf6265] .el-input{width:100%}.k-form-input-mix-input__control--affix[data-v-6fdf6265] .k-form-input{width:auto!important}.k-form-input-mix-input__control--affix[data-v-6fdf6265] .el-input-group{vertical-align:middle;width:max-content;max-width:100%;display:inline-flex}.k-form-input-mix-input__control--affix[data-v-6fdf6265] .el-input-group .el-input__wrapper{width:var(--k-mix-input-field-width,120px);min-width:var(--k-mix-input-field-width,120px);flex:auto}.k-form-input-mix-input__control--affix[data-v-6fdf6265] .el-input-group__prepend,.k-form-input-mix-input__control--affix[data-v-6fdf6265] .el-input-group__append{white-space:nowrap;flex:none}.k-form-input-mix-input__text[data-v-6fdf6265]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size);white-space:nowrap;flex:none}.k-form-input-mix-input--readonly .k-form-input-mix-input__control[data-v-6fdf6265]{width:auto;min-width:0}