@kayak-sj/design 1.0.0

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

@@ -0,0 +1,48 @@
+import { FormComponentBaseProps } from './types';
+interface ScrollSelectItem {
+    /** 选项展示文案 */
+    label?: string;
+    /** 兼容旧版 { name, value } 写法 */
+    name?: string;
+    /** 选项值 */
+    value: string | number;
+    /** false 时在下拉中隐藏该项 */
+    isShow?: boolean;
+}
+type __VLS_Props = FormComponentBaseProps & {
+    /** 是否多选 */
+    multiple?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 字段级禁用 */
+    disabled?: boolean;
+    /** 回显用：已选中但可能不在当前页的 option */
+    defaultSelectedStr?: ScrollSelectItem[];
+    /** 远程搜索参数名 */
+    searchKey?: string;
+    /** 分页请求方法 */
+    getListMethods?: (params: Record<string, unknown>) => Promise<unknown>;
+    /** 请求固定参数 */
+    getListParams?: Record<string, unknown>;
+    /** 响应数据格式化 */
+    getListFormat?: (data: unknown, pageNum: number) => ScrollSelectItem[];
+    /** 每页条数 */
+    pageSize?: number;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {
+    pageSize: number;
+    multiple: boolean;
+    clearable: boolean;
+    defaultSelectedStr: ScrollSelectItem[];
+    searchKey: string;
+    getListMethods: (params: Record<string, unknown>) => Promise<unknown>;
+    getListParams: Record<string, unknown>;
+    getListFormat: (data: unknown, pageNum: number) => ScrollSelectItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ScrollSelect.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-form/formComponent/ScrollSelect.vue"],"names":[],"mappings":"AA6PA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD,UAAU,gBAAgB;IACxB,aAAa;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU;IACV,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACtC,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY;IACZ,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,kBAAkB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACvC,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa;IACb,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACtE,aAAa;IACb,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,gBAAgB,EAAE,CAAA;IACtE,WAAW;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;AAwQN,QAAA,MAAM,YAAY;;;;;cAzQD,MAAM;cAhBN,OAAO;eAEN,OAAO;wBAIE,gBAAgB,EAAE;eAE3B,MAAM;oBAED,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC;mBAEtD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;mBAEvB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,gBAAgB,EAAE;6EA+Q1E,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1,132 @@
+import { formatReadonlyText as e, toCheckboxGroupValue as t, toScalarValue as n } from "../utils/fieldValue.js";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, defineComponent as s, nextTick as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, vShow as m, watch as h, withCtx as g, withDirectives as _ } from "vue";
+import { ElOption as v, ElSelect as y } from "element-plus";
+import { useDebounceFn as b, useEventListener as x } from "@vueuse/core";
+//#region src/components/k-form/formComponent/ScrollSelect.vue?vue&type=script&setup=true&lang.ts
+var S = {
+	key: 0,
+	class: "k-form-scroll-select__readonly"
+}, C = /*@__PURE__*/ s({
+	name: "KFormScrollSelect",
+	__name: "ScrollSelect",
+	props: {
+		modelValue: {},
+		options: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		defaultSelectedStr: { default: () => [] },
+		searchKey: { default: "searchKey" },
+		getListMethods: {
+			type: Function,
+			default: void 0
+		},
+		getListParams: { default: () => ({}) },
+		getListFormat: {
+			type: Function,
+			default: (e) => Array.isArray(e) ? e : []
+		},
+		pageSize: { default: 10 }
+	},
+	emits: ["update:modelValue"],
+	setup(s, { emit: C }) {
+		let w = s, T = C, E = u([]), D = u(!1), O = u(!1), k = u(1), A = u(""), j = u(null), M = u(w.multiple ? [] : "");
+		h(() => w.modelValue, (e) => {
+			M.value = w.multiple ? t(e) : n(e);
+		}, { immediate: !0 }), h(() => w.defaultSelectedStr, (e) => {
+			e?.length && (E.value = [...E.value, ...e]);
+		}, {
+			immediate: !0,
+			deep: !0
+		}), h(() => w.getListParams, () => {
+			M.value = w.multiple ? [] : "", E.value = [], k.value = 1, O.value = !1, N();
+		}, { deep: !0 });
+		async function N() {
+			if (!(!w.getListMethods || O.value || D.value)) {
+				D.value = !0;
+				try {
+					let e = {
+						...w.getListParams,
+						[w.searchKey]: A.value,
+						page_no: k.value,
+						page_size: w.pageSize
+					}, t = await w.getListMethods(e), n = w.getListFormat(t, k.value);
+					n.length < w.pageSize && (O.value = !0), E.value = E.value.concat(n);
+				} finally {
+					D.value = !1;
+				}
+			}
+		}
+		let P = b((e) => {
+			E.value = [], k.value = 1, O.value = !1, A.value = e, N();
+		}, 500), F = b(() => {
+			k.value += 1, N();
+		}, 300);
+		function I(e) {
+			e !== A.value && P(e);
+		}
+		function L() {
+			if (!j.value || O.value) return;
+			let { scrollHeight: e, scrollTop: t, clientHeight: n } = j.value;
+			e - t > n + 2 || F();
+		}
+		x(j, "scroll", L);
+		function R(e) {
+			if (!e) {
+				j.value = null;
+				return;
+			}
+			c(() => {
+				j.value = document.querySelector(".k-form-scroll-select__dropdown .el-select-dropdown__wrap");
+			});
+		}
+		function z(e) {
+			M.value = e, T("update:modelValue", e);
+		}
+		let B = i(() => {
+			if (w.multiple) {
+				let n = t(M.value), r = E.value.filter((e) => n.includes(e.value)).map((e) => String(e.label ?? e.name ?? e.value));
+				return r.length ? r.join(", ") : e(n);
+			}
+			let r = n(M.value), i = E.value.find((e) => e.value === r);
+			return i ? String(i.label ?? i.name ?? i.value) : e(r);
+		});
+		return N(), (e, t) => s.readonly ? (l(), o("span", S, f(B.value), 1)) : (l(), a(p(y), {
+			key: 1,
+			"model-value": M.value,
+			remote: "",
+			filterable: "",
+			"remote-method": I,
+			multiple: s.multiple,
+			clearable: s.clearable,
+			disabled: s.disabled,
+			loading: D.value,
+			"popper-class": "k-form-scroll-select__dropdown",
+			class: "k-form-scroll-select",
+			onVisibleChange: R,
+			"onUpdate:modelValue": z
+		}, {
+			default: g(() => [(l(!0), o(r, null, d(E.value, (e, t) => _((l(), a(p(v), {
+				key: `${e.value}-${t}`,
+				label: String(e.label ?? ""),
+				value: e.value
+			}, null, 8, ["label", "value"])), [[m, e.isShow !== !1]])), 128))]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"multiple",
+			"clearable",
+			"disabled",
+			"loading"
+		]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/k-form/formComponent/ScrollSelect.vue_vue_type_style_index_0_scoped_dc0bba37_lang.css

@@ -0,0 +1 @@
+.k-form-scroll-select[data-v-dc0bba37]{width:100%;max-width:300px}.k-form-scroll-select__readonly[data-v-dc0bba37]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size)}

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

@@ -0,0 +1,26 @@
+import { FormComponentBaseProps } from './types';
+type __VLS_Props = FormComponentBaseProps & {
+    /** 下拉占位文案 */
+    placeholder?: string;
+    /** 是否多选 */
+    multiple?: boolean;
+    /** 字段级禁用 */
+    disabled?: boolean;
+    /** 是否可搜索 */
+    filterable?: boolean;
+    /** 是否显示清空按钮 */
+    clearable?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {
+    placeholder: string;
+    multiple: boolean;
+    clearable: boolean;
+    filterable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Select.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-form/formComponent/Select.vue"],"names":[],"mappings":"AAyHA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACtC,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY;IACZ,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AA2JN,QAAA,MAAM,YAAY;;;;;iBApKE,MAAM;cAET,OAAO;eAMN,OAAO;gBAFN,OAAO;6EAkKxB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1,81 @@
+import { formatReadonlyText as e, toCheckboxGroupValue as t, toOptionValue as n, toScalarValue as r } from "../utils/fieldValue.js";
+import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, defineComponent as c, mergeProps as l, openBlock as u, renderList as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { ElOption as h, ElSelect as g } from "element-plus";
+//#region src/components/k-form/formComponent/Select.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	key: 0,
+	class: "k-form-select__readonly"
+}, v = /*@__PURE__*/ c({
+	name: "KFormSelect",
+	inheritAttrs: !1,
+	__name: "Select",
+	props: {
+		modelValue: {},
+		options: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		placeholder: { default: "请选择" },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		filterable: {
+			type: Boolean,
+			default: !0
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(c, { emit: v }) {
+		let y = c, b = v, x = a(() => r(y.modelValue)), S = a(() => t(y.modelValue)), C = a(() => (y.options ?? []).map((e) => ({
+			label: e.label,
+			value: n(e.value),
+			disabled: e.disabled,
+			key: String(e.value)
+		}))), w = a(() => {
+			let t = C.value;
+			if (y.multiple) {
+				let e = S.value, n = t.filter((t) => e.includes(t.value)).map((e) => e.label);
+				return n.length ? n.join(",") : "--";
+			}
+			return t.find((e) => e.value === x.value)?.label ?? e(x.value);
+		});
+		function T(e) {
+			b("update:modelValue", e);
+		}
+		return (e, t) => (u(), s("div", l({ class: ["k-form-select", { "k-form-select--readonly": c.readonly }] }, e.$attrs), [c.readonly ? (u(), s("span", _, f(w.value), 1)) : (u(), o(p(g), {
+			key: 1,
+			"model-value": c.multiple ? S.value : x.value,
+			placeholder: c.placeholder,
+			multiple: c.multiple,
+			filterable: c.filterable,
+			clearable: c.clearable,
+			disabled: c.disabled,
+			"onUpdate:modelValue": T
+		}, {
+			default: m(() => [(u(!0), s(i, null, d(C.value, (e) => (u(), o(p(h), {
+				key: e.key,
+				label: e.label,
+				value: e.value,
+				disabled: e.disabled
+			}, null, 8, [
+				"label",
+				"value",
+				"disabled"
+			]))), 128))]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"placeholder",
+			"multiple",
+			"filterable",
+			"clearable",
+			"disabled"
+		]))], 16));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/k-form/formComponent/Select.vue_vue_type_style_index_0_scoped_20fc23b7_lang.css

@@ -0,0 +1 @@
+.k-form-select[data-v-20fc23b7],.k-form-select [data-v-20fc23b7] .el-select{width:100%}.k-form-select__readonly[data-v-20fc23b7]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size)}

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

@@ -0,0 +1,21 @@
+import { FormComponentBaseProps } from './types';
+type __VLS_Props = FormComponentBaseProps & {
+    /** 下拉占位文案 */
+    placeholder?: string;
+    /** 字段级禁用 */
+    disabled?: boolean;
+    /** true 时在首位插入 value='all' 的「全选」项 */
+    showAllItem?: boolean;
+};
+type CheckboxGroupValue = Array<string | number>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: CheckboxGroupValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CheckboxGroupValue) => any) | undefined;
+}>, {
+    placeholder: string;
+    showAllItem: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=SelectMultiple.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMultiple.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-form/formComponent/SelectMultiple.vue"],"names":[],"mappings":"AAwJA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAOrD,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACtC,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AAiBN,KAAK,kBAAkB,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AA2KhD,QAAA,MAAM,YAAY;;;;;iBAjME,MAAM;iBAIN,OAAO;6EAiMzB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1,84 @@
+import { formatReadonlyText as e, toCheckboxGroupValue as t, toOptionValue as n } from "../utils/fieldValue.js";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, defineComponent as s, openBlock as c, ref as l, renderList as u, toDisplayString as d, unref as f, watch as p, withCtx as m } from "vue";
+import { ElOption as h, ElSelect as g } from "element-plus";
+//#region src/components/k-form/formComponent/SelectMultiple.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	key: 0,
+	class: "k-form-select-multiple__readonly"
+}, v = "all", y = /*@__PURE__*/ s({
+	name: "KFormSelectMultiple",
+	__name: "SelectMultiple",
+	props: {
+		modelValue: {},
+		options: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		placeholder: { default: "请选择" },
+		showAllItem: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(s, { emit: y }) {
+		let b = s, x = y, S = l([]), C = i(() => {
+			let e = b.options ?? [];
+			return !b.showAllItem || e.some((e) => e.value === v) ? e : [{
+				label: "全选",
+				value: v
+			}, ...e];
+		}), w = i(() => C.value.map((e) => ({
+			label: e.label,
+			value: n(e.value),
+			disabled: e.disabled,
+			key: String(e.value)
+		}))), T = i(() => w.value.map((e) => e.value)), E = i(() => {
+			let t = w.value.filter((e) => S.value.includes(e.value)).map((e) => e.label);
+			return t.length ? t.join(", ") : e(S.value);
+		});
+		p(() => b.modelValue, (e) => {
+			S.value = t(e);
+		}, { immediate: !0 });
+		function D(e, t) {
+			if (!b.showAllItem) {
+				x("update:modelValue", e);
+				return;
+			}
+			let n = e.includes(v), r = t.includes(v);
+			n && e.length > t.length ? S.value = [...T.value] : !n && r && e.length !== T.value.length ? S.value = [] : n && e.length !== T.value.length ? S.value = e.filter((e) => e !== v) : !n && e.length >= T.value.length - 1 ? S.value = [v, ...e] : S.value = e, x("update:modelValue", S.value);
+		}
+		let O = [];
+		function k(e) {
+			D(e, O), O = [...S.value];
+		}
+		return (e, t) => s.readonly ? (c(), o("span", _, d(E.value), 1)) : (c(), a(f(g), {
+			key: 1,
+			"model-value": S.value,
+			multiple: "",
+			"collapse-tags": "",
+			"collapse-tags-tooltip": "",
+			placeholder: s.placeholder,
+			disabled: s.disabled,
+			class: "k-form-select-multiple",
+			"onUpdate:modelValue": k
+		}, {
+			default: m(() => [(c(!0), o(r, null, u(w.value, (e) => (c(), a(f(h), {
+				key: e.key,
+				label: e.label,
+				value: e.value,
+				disabled: e.disabled
+			}, null, 8, [
+				"label",
+				"value",
+				"disabled"
+			]))), 128))]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"placeholder",
+			"disabled"
+		]));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/k-form/formComponent/SelectMultiple.vue_vue_type_style_index_0_scoped_e6ca06e1_lang.css

@@ -0,0 +1 @@
+.k-form-select-multiple[data-v-e6ca06e1]{width:100%}.k-form-select-multiple__readonly[data-v-e6ca06e1]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size)}

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

@@ -0,0 +1,24 @@
+import { FormComponentBaseProps } from './types';
+type __VLS_Props = FormComponentBaseProps & {
+    /** 是否展示「全部」 */
+    hasDefaultOption?: boolean;
+    hasAllTag?: boolean;
+    /** 点击已选中项是否取消 */
+    canUnSelect?: boolean;
+    multiple?: boolean;
+    disabled?: 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;
+}>, {
+    disabled: boolean;
+    multiple: boolean;
+    hasDefaultOption: boolean;
+    hasAllTag: boolean;
+    canUnSelect: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Tag.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-form/formComponent/Tag.vue"],"names":[],"mappings":"AAiJA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACtC,eAAe;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAkKN,QAAA,MAAM,YAAY;;;;;;cApKD,OAAO;sBAJC,OAAO;eACd,OAAO;iBAEL,OAAO;6EAyKzB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1,86 @@
+import { toScalarValue as e } from "../utils/fieldValue.js";
+import { Fragment as t, computed as n, createBlock as r, createElementBlock as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderList as u, toDisplayString as d, unref as f, watch as p, withCtx as m } from "vue";
+import { ElTag as h } from "element-plus";
+//#region src/components/k-form/formComponent/Tag.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "k-form-tag" }, _ = /*@__PURE__*/ o({
+	name: "KFormTag",
+	inheritAttrs: !1,
+	__name: "Tag",
+	props: {
+		modelValue: {},
+		options: {},
+		readonly: { type: Boolean },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		hasDefaultOption: {
+			type: Boolean,
+			default: !1
+		},
+		hasAllTag: {
+			type: Boolean,
+			default: !1
+		},
+		canUnSelect: {
+			type: Boolean,
+			default: !0
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: _ }) {
+		let v = o, y = _, b = l([]), x = n(() => v.hasDefaultOption || v.hasAllTag), S = n(() => {
+			let e = (v.options ?? []).map((e) => ({
+				label: e.label,
+				value: String(e.value)
+			}));
+			return x.value ? [{
+				label: "全部",
+				value: ""
+			}, ...e] : e;
+		});
+		function C() {
+			let t = v.modelValue;
+			if (Array.isArray(t)) {
+				b.value = t.map(String);
+				return;
+			}
+			let n = e(t);
+			b.value = n ? [String(n)] : [];
+		}
+		p(() => v.modelValue, C, { immediate: !0 });
+		function w() {
+			if (v.multiple) {
+				y("update:modelValue", [...b.value]);
+				return;
+			}
+			y("update:modelValue", b.value[0] ?? "");
+		}
+		function T(e) {
+			if (v.readonly || v.disabled) return;
+			let t = b.value.includes(e);
+			t && v.canUnSelect ? b.value = b.value.filter((t) => t !== e) : v.multiple ? t || b.value.push(e) : b.value = [e], w();
+		}
+		function E(e) {
+			let t = ["k-form-tag__item"];
+			return v.disabled && t.push("is-disabled"), v.readonly && t.push("is-readonly"), b.value.includes(e) && t.push("is-active"), t.join(" ");
+		}
+		return (e, n) => (c(), i("div", g, [(c(!0), i(t, null, u(S.value, (e) => (c(), r(f(h), {
+			key: e.value || "__all__",
+			class: s(["k-form-tag__item", E(e.value)]),
+			type: "info",
+			effect: "plain",
+			"disable-transitions": !0,
+			onClick: (t) => T(e.value)
+		}, {
+			default: m(() => [a(d(e.label), 1)]),
+			_: 2
+		}, 1032, ["class", "onClick"]))), 128))]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/k-form/formComponent/Tag.vue_vue_type_style_index_0_scoped_9961a98a_lang.css

@@ -0,0 +1 @@
+.k-form-tag[data-v-9961a98a]{flex-wrap:wrap;gap:8px;display:flex}.k-form-tag__item[data-v-9961a98a]{cursor:pointer}.k-form-tag__item.is-active[data-v-9961a98a]{color:var(--el-color-primary);border-color:var(--el-color-primary)}.k-form-tag__item.is-disabled[data-v-9961a98a]{cursor:not-allowed;opacity:.65}.k-form-tag__item.is-readonly[data-v-9961a98a]{cursor:default}

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

@@ -0,0 +1,5 @@
+import { FormComponentBaseProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<FormComponentBaseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormComponentBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Text.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-form/formComponent/Text.vue"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAwCrD,QAAA,MAAM,YAAY,wTAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1,19 @@
+import { toStringValue as e } from "../utils/fieldValue.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, openBlock as a, toDisplayString as o } from "vue";
+//#region src/components/k-form/formComponent/Text.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "k-form-text" }, c = /*@__PURE__*/ i({
+	name: "KFormText",
+	__name: "Text",
+	props: {
+		modelValue: {},
+		options: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	setup(i) {
+		let c = i, l = t(() => e(c.modelValue));
+		return (e, t) => (a(), n("div", s, [r("p", null, o(l.value), 1)]));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/k-form/formComponent/Text.vue_vue_type_style_index_0_scoped_9dc35114_lang.css

@@ -0,0 +1 @@
+.k-form-text p[data-v-9dc35114]{color:var(--k-color-text-regular);line-height:1.5;font-size:var(--k-form-control-font-size);word-break:break-all;margin:0}