@icc-grow/web-components 1.0.0

package/dist/es/components/i-tree/src/useTreeStore.mjs

@@ -0,0 +1,236 @@
+import { computed as e, markRaw as t, shallowReactive as n, shallowRef as r, triggerRef as i } from "vue";
+//#region src/components/i-tree/src/useTreeStore.ts
+var a = {
+	children: "children",
+	label: "label",
+	disabled: "disabled",
+	isLeaf: "isLeaf"
+};
+function o(o) {
+	let s = /* @__PURE__ */ new Map(), c = r([]), l = r([]), u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), f = e(() => ({
+		...a,
+		...o.props
+	})), p = e(() => o.checkStrictly !== !0), m = (e) => {
+		let t = o.rowKey ?? "id";
+		return typeof t == "function" ? t(e) : e[t] ?? (console.warn(`[i-tree] missing rowKey: ${t} in data`, e), `__fallback_${JSON.stringify(e)}`);
+	}, h = (e, t) => {
+		let n = f.value.disabled;
+		return typeof n == "function" ? n(e, t) : !!e[n];
+	}, g = (e) => {
+		let t = f.value.isLeaf;
+		if (e[t] !== void 0) return !!e[t];
+		let n = e[f.value.children];
+		return !Array.isArray(n) || n.length === 0;
+	}, _ = (e, r = null, i = 0) => {
+		let a = [];
+		for (let o of e) {
+			let e = m(o);
+			a.push(e);
+			let l = n({
+				key: e,
+				parentKey: r,
+				childrenKeys: [],
+				level: i,
+				isLeaf: g(o),
+				expanded: !1,
+				checked: !1,
+				indeterminate: !1,
+				disabled: !1,
+				visible: r === null,
+				raw: t(o)
+			});
+			s.set(e, l), c.value.push(l), l.disabled = h(o, l);
+			let u = o[f.value.children];
+			Array.isArray(u) && u.length > 0 && (l.childrenKeys = _(u, e, i + 1));
+		}
+		return a;
+	}, v = (e) => {
+		if (e.isLeaf || e.childrenKeys.length === 0) return;
+		let t = !0, n = !1, r = !1, i = !1;
+		for (let a of e.childrenKeys) {
+			let e = s.get(a);
+			e && (e.disabled || (r = !0), e.checked ? n = !0 : (t = !1, e.disabled && (i = !0)), e.indeterminate && (n = !0));
+		}
+		let a = e.checked, o = e.indeterminate;
+		!r && !i || (t ? (e.checked = !0, e.indeterminate = !1) : n || r && i ? (e.checked = !1, e.indeterminate = !0, !n && i && (e.indeterminate = !1)) : (e.checked = !1, e.indeterminate = !1)), y(e, a, o);
+	}, y = (e, t, n) => {
+		e.checked && !t ? u.add(e.key) : !e.checked && t && u.delete(e.key), e.indeterminate && !n ? d.add(e.key) : !e.indeterminate && n && d.delete(e.key);
+	}, b = (e) => {
+		if (e.parentKey === null) return;
+		let t = s.get(e.parentKey);
+		t && (v(t), b(t));
+	}, x = (e, t) => {
+		for (let n of e.childrenKeys) {
+			let e = s.get(n);
+			if (e && !e.disabled) {
+				let n = e.checked, r = e.indeterminate;
+				!e.isLeaf && e.childrenKeys.length > 0 ? (x(e, t), v(e)) : (e.checked = t, e.indeterminate = !1, y(e, n, r));
+			}
+		}
+	}, S = (e = !1) => {
+		if (u.size === 0) return [];
+		let t = [];
+		for (let n of c.value) u.has(n.key) && (!e || n.isLeaf) && t.push(n.key);
+		return t;
+	}, C = () => {
+		if (d.size === 0) return [];
+		let e = [];
+		for (let t of c.value) d.has(t.key) && e.push(t.key);
+		return e;
+	}, w = () => {
+		if (u.size === 0) return [];
+		let e = [];
+		for (let t of c.value) u.has(t.key) && e.push(t.raw);
+		return e;
+	}, T = () => {
+		if (d.size === 0) return [];
+		let e = [];
+		for (let t of c.value) d.has(t.key) && e.push(t.raw);
+		return e;
+	}, E = (e, t) => {
+		if (o.limit === void 0 || !t) return !1;
+		let n = 0;
+		if (p.value) {
+			let t = (e) => {
+				let n = 0;
+				if (e.isLeaf || e.childrenKeys.length === 0) !e.disabled && !e.checked && n++;
+				else for (let r of e.childrenKeys) {
+					let e = s.get(r);
+					e && !e.disabled && (n += t(e));
+				}
+				return n;
+			};
+			n = t(e);
+		} else !e.disabled && !e.checked && (n = 1);
+		return u.size + n > o.limit;
+	}, D = (e, t) => {
+		let n = s.get(e);
+		if (!n || n.disabled) return null;
+		if (E(n, t)) return {
+			exceeded: !0,
+			current: u.size,
+			limit: o.limit ?? 0
+		};
+		if (p.value) {
+			if (n.isLeaf || n.childrenKeys.length === 0) {
+				let e = n.checked;
+				n.checked = t, n.indeterminate = !1, y(n, e, !1);
+			} else x(n, t), v(n);
+			b(n);
+		} else {
+			let e = n.checked;
+			n.checked = t, n.indeterminate = !1, y(n, e, !1);
+		}
+		return null;
+	}, O = (e) => {
+		let t = s.get(e);
+		if (!t || t.disabled) return null;
+		let n = t.checked;
+		for (let e of u) {
+			let t = s.get(e);
+			t && (t.checked = !1, t.indeterminate = !1);
+		}
+		return u.clear(), d.clear(), n || (t.checked = !0, u.add(t.key)), null;
+	}, k = (e) => {
+		c.value.forEach((e) => {
+			e.checked = !1, e.indeterminate = !1;
+		}), u.clear(), d.clear();
+		let t = new Set(e);
+		if (p.value) {
+			c.value.forEach((e) => {
+				t.has(e.key) && (e.isLeaf || e.childrenKeys.length === 0 ? (e.checked = !0, u.add(e.key)) : (x(e, !0), v(e)));
+			});
+			let e = c.value.reduce((e, t) => Math.max(e, t.level), 0);
+			for (let t = e; t >= 0; t--) c.value.forEach((e) => {
+				e.level === t && !e.isLeaf && e.childrenKeys.length > 0 && v(e);
+			});
+		} else c.value.forEach((e) => {
+			t.has(e.key) && (e.checked = !0, u.add(e.key));
+		});
+		i(c);
+	}, A = (e) => {
+		let t = [];
+		if (!e.expanded) return t;
+		for (let n of e.childrenKeys) {
+			let e = s.get(n);
+			e && (t.push(e), e.expanded && t.push(...A(e)));
+		}
+		return t;
+	}, j = (e) => {
+		let t = 0;
+		for (let n of e.childrenKeys) {
+			let e = s.get(n);
+			e && (t++, e.expanded && (t += j(e)));
+		}
+		return t;
+	}, M = (e) => {
+		for (let t of e.childrenKeys) {
+			let n = s.get(t);
+			n && (n.visible = e.visible && e.expanded, n.expanded && M(n));
+		}
+	}, N = (e, t) => {
+		let n = s.get(e);
+		if (!n || n.isLeaf) return;
+		let r = n.expanded;
+		if (t === void 0 ? n.expanded = !n.expanded : n.expanded = t, n.expanded === r) return;
+		M(n);
+		let a = l.value, o = a.indexOf(n);
+		if (o !== -1) {
+			if (n.expanded) {
+				let e = A(n), t = [...a];
+				t.splice(o + 1, 0, ...e), l.value = t;
+			} else {
+				let e = j(n), t = [...a];
+				t.splice(o + 1, e), l.value = t;
+			}
+			i(c);
+		}
+	}, P = (e) => {
+		if (e.parentKey === null) c.value.forEach((t) => {
+			t.parentKey === null && t.key !== e.key && t.expanded && N(t.key, !1);
+		});
+		else {
+			let t = s.get(e.parentKey);
+			if (!t) return;
+			for (let n of t.childrenKeys) n !== e.key && s.get(n)?.expanded && N(n, !1);
+		}
+	}, F = e(() => l.value), I = () => {
+		l.value = c.value.filter((e) => e.visible);
+	}, L = () => {
+		if (o.defaultExpandAll) c.value.forEach((e) => {
+			!e.isLeaf && e.childrenKeys.length > 0 && (e.expanded = !0), e.visible = !0;
+		});
+		else if (o.defaultExpandedKeys && o.defaultExpandedKeys.length > 0) {
+			let e = new Set(o.defaultExpandedKeys);
+			c.value.forEach((t) => {
+				e.has(t.key) && !t.isLeaf && (t.expanded = !0);
+			}), c.value.forEach((e) => {
+				if (e.parentKey === null) e.visible = !0;
+				else {
+					let t = s.get(e.parentKey);
+					e.visible = !!t && t.visible && t.expanded;
+				}
+			});
+		}
+	};
+	return {
+		nodeMap: s,
+		flatNodes: c,
+		fieldNames: f,
+		visibleFlatList: F,
+		initTreeData: () => {
+			s.clear(), c.value = [], u.clear(), d.clear(), o.data && (_(o.data), L(), I(), o.defaultCheckedKeys && o.defaultCheckedKeys.length > 0 && k(o.selectable && !o.multiple ? [o.defaultCheckedKeys[o.defaultCheckedKeys.length - 1]] : o.defaultCheckedKeys)), i(c), i(l);
+		},
+		toggleExpand: N,
+		toggleCheck: D,
+		toggleSingleSelect: O,
+		getCheckedKeys: S,
+		getHalfCheckedKeys: C,
+		getCheckedNodes: w,
+		getHalfCheckedNodes: T,
+		setCheckedKeys: k,
+		collapseSiblings: P
+	};
+}
+//#endregion
+export { o as useTreeStore };

package/dist/es/components/i-tree-select/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/tree-select.mjs";
+//#region src/components/i-tree-select/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-tree-select/src/tree-select.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./tree-select.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                             */
+//#region src/components/i-tree-select/src/tree-select.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-512a2dab"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-tree-select/src/tree-select.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,245 @@
+import { useFormItemA11y as e } from "../../i-form-item/src/useFormItemA11y.mjs";
+import t from "../../i-select/index.mjs";
+import n from "../../i-tree/index.mjs";
+import { computed as r, createElementBlock as i, createElementVNode as a, createSlots as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, nextTick as d, normalizeProps as f, openBlock as p, ref as m, renderSlot as h, unref as g, useModel as _, watch as v, withCtx as y } from "vue";
+//#region src/components/i-tree-select/src/tree-select.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "i-tree-select" }, x = { class: "i-tree-select__dropdown" }, S = /* @__PURE__ */ c({
+	name: "i-tree-select",
+	__name: "tree-select",
+	props: /* @__PURE__ */ u({
+		data: { default: () => [] },
+		props: { default: () => ({}) },
+		rowKey: {},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		showCheckbox: {
+			type: [Boolean, Function],
+			default: !1
+		},
+		checkStrictly: {
+			type: Boolean,
+			default: !1
+		},
+		defaultExpandAll: {
+			type: Boolean,
+			default: !1
+		},
+		defaultExpandedKeys: {},
+		accordion: {
+			type: Boolean,
+			default: !1
+		},
+		leafOnly: {
+			type: Boolean,
+			default: !1
+		},
+		limit: {},
+		height: {},
+		maxHeight: { default: "240px" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "请选择" },
+		tagLimit: { default: 2 },
+		validateEvent: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ u([
+		"update:modelValue",
+		"change",
+		"clear",
+		"visible-change",
+		"exceed",
+		"node-click"
+	], ["update:modelValue"]),
+	setup(c, { expose: u, emit: S }) {
+		let C = c, w = S, T = {
+			label: "__treeSelectLabel",
+			value: "__treeSelectValue",
+			disabled: "__treeSelectDisabled"
+		}, E = _(c, "modelValue"), D = m(null), O = m(null), k = m(!1), { formItemContext: A } = e({ labelMode: "none" });
+		function j(e) {
+			let t = C.rowKey ?? "id";
+			return typeof t == "function" ? t(e) : e[t] ?? `__fallback_${JSON.stringify(e)}`;
+		}
+		function M(e) {
+			let t = C.props?.label ?? "label";
+			return String(e[t] ?? "");
+		}
+		function N(e) {
+			let t = e[C.props?.children ?? "children"];
+			return Array.isArray(t) ? t : [];
+		}
+		function P(e) {
+			if (C.multiple) return Array.isArray(e) ? e : e === void 0 ? [] : [e];
+			if (Array.isArray(e)) {
+				let t = e[e.length - 1];
+				return t === void 0 ? [] : [t];
+			}
+			return e === void 0 ? [] : [e];
+		}
+		function F(e, t) {
+			if (e.length !== t.length) return !1;
+			let n = new Set(e);
+			return t.every((e) => n.has(e));
+		}
+		function I(e, t, n) {
+			for (let r of e) {
+				t.has(j(r)) && n.push(r);
+				let e = N(r);
+				e.length > 0 && I(e, t, n);
+			}
+		}
+		let L = r(() => P(E.value)), R = r({
+			get() {
+				return C.multiple ? L.value : L.value[0];
+			},
+			set(e) {
+				if (C.multiple) {
+					if (Array.isArray(e)) {
+						E.value = e;
+						return;
+					}
+					E.value = e === void 0 ? [] : [e];
+					return;
+				}
+				if (Array.isArray(e)) {
+					E.value = e[e.length - 1];
+					return;
+				}
+				E.value = e;
+			}
+		}), z = r(() => {
+			if (L.value.length === 0 || C.data.length === 0) return [];
+			let e = [];
+			return I(C.data, new Set(L.value), e), e;
+		}), B = r(() => z.value.map((e) => ({
+			__treeSelectLabel: M(e),
+			__treeSelectValue: j(e),
+			__treeSelectDisabled: !1
+		})));
+		async function V() {
+			if (!O.value) return;
+			let e = O.value.getCheckedKeys(), t = L.value;
+			F(e, t) || (k.value = !0, O.value.setCheckedKeys(t), await d(), k.value = !1);
+		}
+		function H() {
+			C.validateEvent && A?.validate("change");
+		}
+		function U(e, t, n, r) {
+			w("change", e, t, n, r);
+		}
+		function W(e, t, n, r) {
+			k.value || (E.value = C.multiple ? e : e[0], U(e, t, n, r), H(), C.multiple || D.value?.hide());
+		}
+		function G(e) {
+			w("visible-change", e), e && d(() => V());
+		}
+		function K() {
+			O.value && (k.value = !0, O.value.setCheckedKeys([]), k.value = !1), U([], [], [], []), w("clear");
+		}
+		function q(e, t) {
+			w("exceed", e, t);
+		}
+		function J(e, t, n) {
+			w("node-click", e, t, n);
+		}
+		return v([L, () => C.data], () => {
+			d(() => V());
+		}, { deep: !1 }), u({
+			show: () => {
+				D.value?.show();
+			},
+			hide: () => {
+				D.value?.hide();
+			},
+			focus: () => {
+				D.value?.focus();
+			},
+			blur: () => {
+				D.value?.blur();
+			}
+		}), (e, r) => (p(), i("div", b, [s(g(t), {
+			ref_key: "selectRef",
+			ref: D,
+			modelValue: R.value,
+			"onUpdate:modelValue": r[0] ||= (e) => R.value = e,
+			options: B.value,
+			props: T,
+			multiple: c.multiple,
+			disabled: c.disabled,
+			clearable: c.clearable,
+			placeholder: c.placeholder,
+			"tag-limit": c.tagLimit,
+			"validate-event": c.validateEvent,
+			onClear: K,
+			onVisibleChange: G
+		}, {
+			dropdown: y(() => [a("div", x, [s(g(n), {
+				ref_key: "treeRef",
+				ref: O,
+				data: c.data,
+				props: C.props,
+				"row-key": c.rowKey,
+				"show-checkbox": c.showCheckbox,
+				selectable: !0,
+				multiple: c.multiple,
+				"check-strictly": c.checkStrictly,
+				"default-expand-all": c.defaultExpandAll,
+				"default-expanded-keys": c.defaultExpandedKeys,
+				"default-checked-keys": L.value,
+				accordion: c.accordion,
+				"leaf-only": c.leafOnly,
+				limit: c.limit,
+				height: c.height,
+				"max-height": c.maxHeight,
+				onChange: W,
+				onExceed: q,
+				onNodeClick: J
+			}, o({ _: 2 }, [e.$slots.default ? {
+				name: "default",
+				fn: y((t) => [h(e.$slots, "default", f(l(t)), void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"data",
+				"props",
+				"row-key",
+				"show-checkbox",
+				"multiple",
+				"check-strictly",
+				"default-expand-all",
+				"default-expanded-keys",
+				"default-checked-keys",
+				"accordion",
+				"leaf-only",
+				"limit",
+				"height",
+				"max-height"
+			])])]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"options",
+			"multiple",
+			"disabled",
+			"clearable",
+			"placeholder",
+			"tag-limit",
+			"validate-event"
+		])]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/es/components/i-upload/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import "./src/types.mjs";
+import "./src/useUpload.mjs";
+import t from "./src/upload.mjs";
+//#region src/components/i-upload/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-upload/src/types.mjs

@@ -0,0 +1,4 @@
+//#region src/components/i-upload/src/types.ts
+var e = Symbol("uploadHandler");
+//#endregion
+export { e as UPLOAD_HANDLER_KEY };

package/dist/es/components/i-upload/src/upload-card.mjs

@@ -0,0 +1,5 @@
+import e from "./upload-card.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/i-upload/src/upload-card.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/i-upload/src/upload-card.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,80 @@
+import e from "../../i-icon/index.mjs";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p, withModifiers as m } from "vue";
+//#region src/components/i-upload/src/upload-card.vue?vue&type=script&setup=true&lang.ts
+var h = ["src", "alt"], g = {
+	key: 1,
+	class: "flex flex-col items-center justify-center w-full h-full gap-4"
+}, _ = { class: "text-10 text-black-40 px-4 truncate max-w-full" }, v = {
+	key: 2,
+	class: "absolute inset-0 flex items-center justify-center bg-black/40"
+}, y = { class: "text-16 font-medium text-white" }, b = {
+	key: 3,
+	class: "absolute inset-0 flex flex-col items-center justify-center gap-4 bg-black/40"
+}, x = ["onClick"], S = {
+	key: 4,
+	class: "absolute inset-0 flex items-center justify-center bg-black/40 opacity-0 transition-opacity group-hover:opacity-100"
+}, C = ["onClick"], w = /* @__PURE__ */ s({
+	name: "i-upload-card",
+	__name: "upload-card",
+	props: { fileList: {} },
+	emits: ["remove", "retry"],
+	setup(s, { emit: w }) {
+		let T = w;
+		function E(e) {
+			return {
+				"border-primary-20": e.status === "success" || e.status === "ready",
+				"border-primary-30": e.status === "uploading",
+				"border-danger-30": e.status === "error"
+			};
+		}
+		function D(e) {
+			return e.objectUrl || e.url || "";
+		}
+		function O(e) {
+			switch (e.fileType) {
+				case "video": return "video";
+				case "audio": return "music";
+				default: return "file";
+			}
+		}
+		return (w, k) => (l(!0), r(t, null, u(s.fileList, (t) => d(w.$slots, "file", {
+			key: t.uid,
+			file: t
+		}, () => [i("div", { class: c(["i-upload-card__item relative w-70 h-70 rounded-5 overflow-hidden border border-solid bg-primary-2 transition-colors group", E(t)]) }, [
+			t.fileType === "image" && D(t) ? (l(), r("img", {
+				key: 0,
+				src: D(t),
+				alt: t.name,
+				class: "w-full h-full object-cover"
+			}, null, 8, h)) : (l(), r("div", g, [o(p(e), {
+				name: O(t),
+				size: 32,
+				class: "text-black-20"
+			}, null, 8, ["name"]), i("span", _, f(t.name), 1)])),
+			t.status === "uploading" ? (l(), r("div", v, [i("span", y, f(t.percentage) + "% ", 1)])) : n("", !0),
+			t.status === "error" ? (l(), r("div", b, [o(p(e), {
+				name: "warning",
+				size: 24,
+				class: "text-white"
+			}), i("button", {
+				type: "button",
+				class: "inline-flex items-center gap-2 px-8 py-2 rounded-4 border border-solid border-white/60 bg-transparent text-12 text-white cursor-pointer transition-colors hover:bg-white/20",
+				onClick: m((e) => T("retry", t), ["stop"])
+			}, [o(p(e), {
+				name: "refresh",
+				size: 12
+			}), k[0] ||= a(" 重试 ", -1)], 8, x)])) : n("", !0),
+			t.status === "success" || t.status === "ready" ? (l(), r("div", S, [i("button", {
+				type: "button",
+				class: "inline-flex items-center justify-center w-28 h-28 rounded-full bg-transparent border-0 border-solid cursor-pointer text-white transition-colors hover:text-danger",
+				title: "删除",
+				onClick: m((e) => T("remove", t), ["stop"])
+			}, [o(p(e), {
+				name: "delete",
+				size: 18
+			})], 8, C)])) : n("", !0)
+		], 2)])), 128));
+	}
+});
+//#endregion
+export { w as default };

package/dist/es/components/i-upload/src/upload-list.mjs

@@ -0,0 +1,5 @@
+import e from "./upload-list.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/i-upload/src/upload-list.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/i-upload/src/upload-list.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,82 @@
+import e from "../../i-icon/index.mjs";
+import t from "../../i-progress/index.mjs";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, withModifiers as h } from "vue";
+//#region src/components/i-upload/src/upload-list.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "i-upload-list flex flex-col gap-8 mt-8" }, _ = { class: "i-upload-list__info flex-1 min-w-0" }, v = { class: "i-upload-list__name truncate text-14 text-black-70 block" }, y = {
+	key: 0,
+	class: "i-upload-list__size shrink-0 text-12 text-black-30"
+}, b = { class: "i-upload-list__actions flex items-center shrink-0" }, x = ["onClick"], S = ["onClick"], C = /* @__PURE__ */ c({
+	name: "i-upload-list",
+	__name: "upload-list",
+	props: { fileList: {} },
+	emits: ["remove", "retry"],
+	setup(c, { emit: C }) {
+		let w = C;
+		function T(e) {
+			return {
+				"border-primary-20": e.status === "success" || e.status === "ready",
+				"border-primary-30": e.status === "uploading",
+				"border-danger-30": e.status === "error"
+			};
+		}
+		let E = {
+			pdf: "bg-danger",
+			doc: "bg-primary",
+			docx: "bg-primary",
+			xls: "bg-success",
+			xlsx: "bg-success",
+			ppt: "bg-warning",
+			pptx: "bg-warning",
+			zip: "bg-black-50",
+			rar: "bg-black-50",
+			txt: "bg-black-30",
+			csv: "bg-success"
+		};
+		function D(e) {
+			return (e.name || "").split(".").pop()?.toLowerCase() || "";
+		}
+		function O(e) {
+			return E[D(e)] || "bg-primary-50";
+		}
+		function k(e) {
+			let t = D(e);
+			return t ? t.toUpperCase() : "FILE";
+		}
+		function A(e) {
+			return e < 1024 ? `${e}B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(0)} KB` : e < 1024 * 1024 * 1024 ? `${(e / 1024 / 1024).toFixed(1)} MB` : `${(e / 1024 / 1024 / 1024).toFixed(1)} GB`;
+		}
+		return (C, E) => (u(), a("div", g, [(u(!0), a(n, null, d(c.fileList, (n) => (u(), a("div", {
+			key: n.uid,
+			class: l(["i-upload-list__item flex items-center gap-12 px-12 h-50 rounded-7 border border-solid bg-primary-1 transition-colors", T(n)])
+		}, [
+			o("div", { class: l(["i-upload-list__icon shrink-0 flex items-center justify-center w-30 h-30 rounded-4 text-12 font-medium text-white", O(n)]) }, p(k(n)), 3),
+			f(C.$slots, "file", { file: n }, () => [o("div", _, [o("span", v, p(n.name), 1), n.status === "uploading" ? (u(), r(m(t), {
+				key: 0,
+				class: "i-upload-list__progress mt-4",
+				percentage: n.percentage,
+				height: 8
+			}, null, 8, ["percentage"])) : i("", !0)])]),
+			n.size && n.status !== "uploading" ? (u(), a("span", y, p(A(n.size)), 1)) : i("", !0),
+			o("div", b, [n.status === "error" ? (u(), a("button", {
+				key: 0,
+				type: "button",
+				class: "i-upload-list__retry inline-flex items-center justify-center w-24 h-24 bg-transparent border-0 border-solid cursor-pointer text-primary transition-colors hover:text-primary-70",
+				title: "重试",
+				onClick: h((e) => w("retry", n), ["stop"])
+			}, [s(m(e), {
+				name: "refresh",
+				size: 16
+			})], 8, x)) : i("", !0), o("button", {
+				type: "button",
+				class: "i-upload-list__remove inline-flex items-center justify-center w-24 h-24 bg-transparent border-0 border-solid cursor-pointer text-danger transition-colors hover:text-danger-70",
+				title: "删除",
+				onClick: h((e) => w("remove", n), ["stop"])
+			}, [s(m(e), {
+				name: "delete",
+				size: 16
+			})], 8, S)])
+		], 2))), 128))]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/es/components/i-upload/src/upload-trigger.mjs

@@ -0,0 +1,5 @@
+import e from "./upload-trigger.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/i-upload/src/upload-trigger.vue
+var t = e;
+//#endregion
+export { t as default };