@guoyg578/k-ui 0.1.4 → 0.1.6

package/dist/components/KTransfer.vue_vue_type_script_setup_true_lang.js

@@ -28,84 +28,85 @@ var S = { class: "k-transfer__panel" }, C = { class: "k-transfer__head" }, w = {
 		disabled: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		size: { default: "md" }
 	},
 	emits: ["update:modelValue"],
 	setup(l, { emit: L }) {
-		let R = l, z = L, B = f(/* @__PURE__ */ new Set()), V = f(/* @__PURE__ */ new Set()), H = f(""), U = f(""), W = r(() => new Set(R.modelValue));
-		function G(e, t) {
+		let R = l, z = L, B = r(() => R.size === "tiny" || R.size === "xs" || R.size === "small" || R.size === "sm" ? "sm" : R.size === "large" || R.size === "lg" ? "lg" : "md"), V = f(/* @__PURE__ */ new Set()), H = f(/* @__PURE__ */ new Set()), U = f(""), W = f(""), G = r(() => new Set(R.modelValue));
+		function K(e, t) {
 			return !t || e.label.toLowerCase().includes(t.toLowerCase());
 		}
-		let K = r(() => R.options.filter((e) => !W.value.has(e.value) && G(e, H.value))), q = r(() => R.options.filter((e) => W.value.has(e.value) && G(e, U.value)));
-		function J(e, t) {
-			let n = e === "l" ? B : V, r = new Set(n.value);
+		let q = r(() => R.options.filter((e) => !G.value.has(e.value) && K(e, U.value))), J = r(() => R.options.filter((e) => G.value.has(e.value) && K(e, W.value)));
+		function Y(e, t) {
+			let n = e === "l" ? V : H, r = new Set(n.value);
 			r.has(t) ? r.delete(t) : r.add(t), n.value = r;
 		}
-		function Y() {
-			R.disabled || (z("update:modelValue", [...R.modelValue, ...B.value]), B.value = /* @__PURE__ */ new Set());
-		}
 		function X() {
+			R.disabled || (z("update:modelValue", [...R.modelValue, ...V.value]), V.value = /* @__PURE__ */ new Set());
+		}
+		function Z() {
 			if (R.disabled) return;
-			let e = V.value;
-			z("update:modelValue", R.modelValue.filter((t) => !e.has(t))), V.value = /* @__PURE__ */ new Set();
+			let e = H.value;
+			z("update:modelValue", R.modelValue.filter((t) => !e.has(t))), H.value = /* @__PURE__ */ new Set();
 		}
-		return (r, f) => (d(), o("div", { class: u(["k-transfer", { "k-transfer--disabled": l.disabled }]) }, [
+		return (r, f) => (d(), o("div", { class: u(["k-transfer", [`k-transfer--${B.value}`, { "k-transfer--disabled": l.disabled }]]) }, [
 			s("div", S, [
-				s("div", C, [s("span", w, m(l.titles[0]), 1), s("span", T, m(K.value.length), 1)]),
+				s("div", C, [s("span", w, m(l.titles[0]), 1), s("span", T, m(q.value.length), 1)]),
 				l.filterable ? (d(), o("div", E, [c(h(x), { size: 14 }), v(s("input", {
-					"onUpdate:modelValue": f[0] ||= (e) => H.value = e,
+					"onUpdate:modelValue": f[0] ||= (e) => U.value = e,
 					placeholder: "搜索"
-				}, null, 512), [[g, H.value]])])) : a("", !0),
-				s("div", D, [(d(!0), o(n, null, p(K.value, (e) => (d(), i(t, {
+				}, null, 512), [[g, U.value]])])) : a("", !0),
+				s("div", D, [(d(!0), o(n, null, p(q.value, (e) => (d(), i(t, {
 					key: e.value,
 					class: "k-transfer__row",
-					"model-value": B.value.has(e.value),
+					"model-value": V.value.has(e.value),
 					disabled: e.disabled || l.disabled,
 					label: e.label,
-					"onUpdate:modelValue": (t) => J("l", e.value)
+					"onUpdate:modelValue": (t) => Y("l", e.value)
 				}, null, 8, [
 					"model-value",
 					"disabled",
 					"label",
 					"onUpdate:modelValue"
-				]))), 128)), K.value.length ? a("", !0) : (d(), o("p", O, "无数据"))])
+				]))), 128)), q.value.length ? a("", !0) : (d(), o("p", O, "无数据"))])
 			]),
 			s("div", k, [c(e, {
-				size: "sm",
+				size: l.size,
 				circle: "",
-				disabled: !B.value.size || l.disabled,
-				onClick: Y
+				disabled: !V.value.size || l.disabled,
+				onClick: X
 			}, {
 				icon: _(() => [c(h(b), { size: 16 })]),
 				_: 1
-			}, 8, ["disabled"]), c(e, {
-				size: "sm",
+			}, 8, ["size", "disabled"]), c(e, {
+				size: l.size,
 				circle: "",
-				disabled: !V.value.size || l.disabled,
-				onClick: X
+				disabled: !H.value.size || l.disabled,
+				onClick: Z
 			}, {
 				icon: _(() => [c(h(y), { size: 16 })]),
 				_: 1
-			}, 8, ["disabled"])]),
+			}, 8, ["size", "disabled"])]),
 			s("div", A, [
-				s("div", j, [s("span", M, m(l.titles[1]), 1), s("span", N, m(q.value.length), 1)]),
+				s("div", j, [s("span", M, m(l.titles[1]), 1), s("span", N, m(J.value.length), 1)]),
 				l.filterable ? (d(), o("div", P, [c(h(x), { size: 14 }), v(s("input", {
-					"onUpdate:modelValue": f[1] ||= (e) => U.value = e,
+					"onUpdate:modelValue": f[1] ||= (e) => W.value = e,
 					placeholder: "搜索"
-				}, null, 512), [[g, U.value]])])) : a("", !0),
-				s("div", F, [(d(!0), o(n, null, p(q.value, (e) => (d(), i(t, {
+				}, null, 512), [[g, W.value]])])) : a("", !0),
+				s("div", F, [(d(!0), o(n, null, p(J.value, (e) => (d(), i(t, {
 					key: e.value,
 					class: "k-transfer__row",
-					"model-value": V.value.has(e.value),
+					"model-value": H.value.has(e.value),
 					disabled: e.disabled || l.disabled,
 					label: e.label,
-					"onUpdate:modelValue": (t) => J("r", e.value)
+					"onUpdate:modelValue": (t) => Y("r", e.value)
 				}, null, 8, [
 					"model-value",
 					"disabled",
 					"label",
 					"onUpdate:modelValue"
-				]))), 128)), q.value.length ? a("", !0) : (d(), o("p", I, "无数据"))])
+				]))), 128)), J.value.length ? a("", !0) : (d(), o("p", I, "无数据"))])
 			])
 		], 2));
 	}

package/dist/components/KTreeSelect.vue.d.ts

@@ -7,12 +7,14 @@ type __VLS_Props = {
     clearable?: boolean;
     /** 仅叶子节点可选（父节点点击只展开） */
     leafOnly?: boolean;
+    size?: 'tiny' | 'xs' | 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (v: string | number | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: string | number | null) => any) | undefined;
 }>, {
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     placeholder: string;
     clearable: boolean;

package/dist/components/KTreeSelect.vue.js

@@ -3,6 +3,6 @@ import t from "./KTreeSelect.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                */
 /* empty css                                                */
 //#region components/KTreeSelect.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-73115ed6"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-47492dc2"]]);
 //#endregion
 export { n as default };

package/dist/components/KTreeSelect.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,10 @@
 import e from "./KTreeView.vue.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
 import { ChevronDown as p, X as m } from "lucide-vue-next";
 import { PopoverContent as h, PopoverPortal as g, PopoverRoot as _, PopoverTrigger as v } from "reka-ui";
 //#region components/KTreeSelect.vue?vue&type=script&setup=true&lang.ts
 var y = ["disabled"], b = { class: "k-tsel-field__text" }, x = /* @__PURE__ */ o({
+	inheritAttrs: !1,
 	__name: "KTreeSelect",
 	props: {
 		modelValue: {},
@@ -20,26 +21,27 @@ var y = ["disabled"], b = { class: "k-tsel-field__text" }, x = /* @__PURE__ */ o
 		leafOnly: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		size: { default: "md" }
 	},
 	emits: ["update:modelValue"],
 	setup(o, { emit: x }) {
-		let S = o, C = x, w = l(!1), T = l([]);
-		function E(e, t) {
+		let S = o, C = x, w = l(!1), T = l([]), E = t(() => S.size === "tiny" || S.size === "xs" || S.size === "small" || S.size === "sm" ? "sm" : S.size === "large" || S.size === "lg" ? "lg" : "md");
+		function D(e, t) {
 			for (let n of e) {
 				if (n.id === t) return n.label;
 				if (n.children) {
-					let e = E(n.children, t);
+					let e = D(n.children, t);
 					if (e) return e;
 				}
 			}
 			return null;
 		}
-		let D = t(() => S.modelValue == null ? "" : E(S.nodes, S.modelValue) ?? "");
-		function O(e) {
+		let O = t(() => S.modelValue == null ? "" : D(S.nodes, S.modelValue) ?? "");
+		function k(e) {
 			S.leafOnly && e.children?.length || (C("update:modelValue", e.id), w.value = !1);
 		}
-		function k(e) {
+		function A(e) {
 			e.stopPropagation(), C("update:modelValue", null);
 		}
 		return (t, l) => (c(), n(d(_), {
@@ -50,26 +52,26 @@ var y = ["disabled"], b = { class: "k-tsel-field__text" }, x = /* @__PURE__ */ o
 				"as-child": "",
 				disabled: o.disabled
 			}, {
-				default: f(() => [i("button", {
+				default: f(() => [i("button", s(t.$attrs, {
 					type: "button",
-					class: s(["k-tsel-field", {
+					class: ["k-tsel-field", [`k-tsel-field--${E.value}`, {
 						"k-tsel-field--disabled": o.disabled,
-						"k-tsel-field--placeholder": !D.value
-					}]),
+						"k-tsel-field--placeholder": !O.value
+					}]],
 					disabled: o.disabled
-				}, [
-					i("span", b, u(D.value || o.placeholder), 1),
-					o.clearable && D.value && !o.disabled ? (c(), n(d(m), {
+				}), [
+					i("span", b, u(O.value || o.placeholder), 1),
+					o.clearable && O.value && !o.disabled ? (c(), n(d(m), {
 						key: 0,
 						size: 14,
 						class: "k-tsel-field__clear",
-						onClick: k
+						onClick: A
 					})) : r("", !0),
 					a(d(p), {
 						size: 15,
 						class: "k-tsel-field__arrow"
 					})
-				], 10, y)]),
+				], 16, y)]),
 				_: 1
 			}, 8, ["disabled"]), a(d(g), null, {
 				default: f(() => [a(d(h), {
@@ -82,7 +84,7 @@ var y = ["disabled"], b = { class: "k-tsel-field__text" }, x = /* @__PURE__ */ o
 						selected: o.modelValue ?? null,
 						expanded: T.value,
 						"onUpdate:expanded": l[0] ||= (e) => T.value = e,
-						onNodeClick: O
+						onNodeClick: k
 					}, null, 8, [
 						"nodes",
 						"selected",

package/dist/components/KUpload.vue.d.ts

@@ -9,6 +9,8 @@ export interface UploadFile {
     raw?: File;
     /** naive-ui compatible raw File alias */
     file?: File;
+    /** 内部: 取消进行中的上传 (仅默认 XHR 通道可中止) */
+    abort?: () => void;
 }
 export interface UploadFileInfo {
     id: string;
@@ -31,6 +33,16 @@ type __VLS_Props = {
     accept?: string;
     /** bytes */
     maxSize?: number;
+    /** 上传地址 —— 设置后启用内置 XHR 通道 (FormData POST); 不设则不会有默认传输 */
+    action?: string;
+    /** XHR 请求头 */
+    headers?: Record<string, string>;
+    /** 携带 cookie */
+    withCredentials?: boolean;
+    /** FormData 中文件字段名 (默认 'file') */
+    name?: string;
+    /** FormData 附带的额外字段 */
+    data?: Record<string, string | Blob>;
     uploader?: (file: File, onProgress: (p: number) => void) => Promise<{
         url?: string;
     }>;
@@ -111,6 +123,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
             text: () => Promise<string>;
         } | undefined;
+        abort?: (() => void) | undefined;
     }[], UploadFile[] | {
         id: string;
         name: string;
@@ -143,6 +156,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
             text: () => Promise<string>;
         } | undefined;
+        abort?: (() => void) | undefined;
     }[]>;
     remove: typeof remove;
     addFiles: typeof addFiles;

package/dist/components/KUpload.vue.js

@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KUpload.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                            */
 //#region components/KUpload.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-cc65d4de"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-254dab35"]]);
 //#endregion
 export { n as default };