@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/transfer-Doq1sI9z.js

@@ -0,0 +1,695 @@
+import "./src-DNBBthjO.js";
+import { t as e, x as t } from "./foundation-Cawx37mp.js";
+import { t as n } from "./env-BeIzjQx7.js";
+import { a as r } from "./checkbox-mJD1ou6k.js";
+import { t as i } from "./Input-BYWFIgNn.js";
+import { t as a } from "./Pagination-4JvS-gHR.js";
+import { t as o } from "./Spin-CuFLkqev.js";
+import { t as s } from "./arrayMove-ByVCXfhS.js";
+import { t as c } from "./Tree-tqy5xBYJ.js";
+import { t as l } from "./config-context-CyynTtDb.js";
+import { t as ee } from "./Button-RCaDTqHh.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as te, createVNode as g, defineComponent as _, getCurrentInstance as ne, guardReactiveProps as v, h as re, inject as ie, markRaw as ae, mergeProps as y, normalizeClass as oe, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as se, openBlock as S, renderList as C, renderSlot as w, shallowReactive as ce, shallowRef as le, toDisplayString as T, unref as E, useAttrs as ue, useSlots as de, useTemplateRef as fe, watch as D, withCtx as O, withModifiers as pe } from "vue";
+import { IconClose as me, IconHandle as he, IconSearch as ge } from "@aifuxi/semi-icons-vue";
+`${n}`;
+var k = {
+	TYPE_GROUP_LIST: "groupList",
+	TYPE_LIST: "list",
+	TYPE_TREE_TO_LIST: "treeList"
+};
+//#endregion
+//#region bundled-foundation
+function A(e) {
+	let t = [];
+	for (let n of e) n.children.forEach((e) => {
+		let { children: r, ...i } = n;
+		t.push({
+			...e,
+			_parent: i
+		});
+	});
+	return t;
+}
+function j(e) {
+	let n = [], r = [...e].reverse();
+	for (; r.length;) {
+		let e = r.pop();
+		if (e.path = e.path || [(0, t.default)(e, ["children"])], e.children && Array.isArray(e.children)) {
+			let n = e.children;
+			for (let i = n.length - 1; i >= 0; i--) {
+				let a = { ...n[i] };
+				a.path = [].concat(e.path, (0, t.default)(a, ["children"])), r.push(a);
+			}
+		} else e.isLeaf = !0;
+		n.push((0, t.default)(e, ["children"]));
+	}
+	return n;
+}
+function _e(e, t) {
+	let n = e.slice() || [];
+	return t === k.TYPE_GROUP_LIST ? A(n) : t === k.TYPE_TREE_TO_LIST ? j(n) : n;
+}
+function M(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	return e.forEach((e) => {
+		let r = t.findIndex((t) => t.value === e);
+		if (r !== -1) {
+			let e = t[r];
+			n.set(e.key, e);
+		}
+	}), n;
+}
+//#endregion
+//#region bundled-foundation
+var ve = class extends e {
+	constructor(e) {
+		super({ ...e });
+	}
+	_generateGroupedData(e) {
+		return A(e);
+	}
+	_generateTreeData(e) {
+		return j(e);
+	}
+	_generatePath(e) {
+		let { path: t = [] } = e;
+		return t.map((e) => e.label).join(" > ");
+	}
+	_getFullPath(e) {
+		let { type: t, showPath: n } = this.getProps();
+		if (!(t !== k.TYPE_TREE_TO_LIST || n !== !0 || !Array.isArray(e.path))) return e.path.map((e) => ({ ...e }));
+	}
+	_injectFullPath(e) {
+		let t = this._getFullPath(e);
+		return t ? {
+			...e,
+			fullPath: t
+		} : e;
+	}
+	handleInputChange(e, t) {
+		let { data: n } = this.getStates(), { filter: r, type: i } = this.getProps();
+		if (i === k.TYPE_TREE_TO_LIST) {
+			let r = new Set(n.map((e) => e.key));
+			this._adapter.searchTree(e), t && this._adapter.notifySearch(e), this._adapter.updateInput(e), this._adapter.updateSearchResult(r);
+			return;
+		}
+		let a = typeof r == "function" ? (t) => r(e, t) : (t) => typeof t.label == "string" && t.label.includes(e), o = n.filter(a), s = new Set(o.map((e) => e.key));
+		t && this._adapter.notifySearch(e), this._adapter.updateInput(e), this._adapter.updateSearchResult(s);
+	}
+	handleAll(e) {
+		let { disabled: t, type: n } = this.getProps(), { selectedItems: r, data: i, searchResult: a, inputValue: o } = this.getStates();
+		if (t) return;
+		let s = o !== "", c = [];
+		c = s ? i.filter((e) => a.has(e.key)) : i, c = n === k.TYPE_TREE_TO_LIST ? i : c;
+		let l = /* @__PURE__ */ new Map();
+		switch (!0) {
+			case !e:
+				l = new Map(r), c.forEach((e) => {
+					e.disabled || l.delete(e.key);
+				});
+				break;
+			case e: l = new Map(r), c.forEach((e) => {
+				if (e.disabled) {
+					r.has(e.key) && l.set(e.key, e);
+					return;
+				}
+				l.set(e.key, e);
+			});
+		}
+		this._isControlledComponent() || this._adapter.updateSelected(l), this._notifyChange(l);
+	}
+	handleClear() {
+		let { disabled: e } = this.getProps(), { selectedItems: t, data: n } = this.getStates();
+		if (e) return;
+		let r = new Map(t);
+		n.forEach((e) => {
+			e.disabled || r.delete(e.key);
+		}), this._isControlledComponent() || this._adapter.updateSelected(r), this._notifyChange(r);
+	}
+	handleSelectOrRemove(e) {
+		let { disabled: t } = this.getProps(), n = this._adapter.getSelected(), r = this._injectFullPath(e);
+		t || e.disabled || (n.has(e.key) ? (n.delete(e.key), this._adapter.notifyDeselect(r)) : (n.set(e.key, e), this._adapter.notifySelect(r)), this._isControlledComponent() || this._adapter.updateSelected(n), this._notifyChange(n));
+	}
+	handleSelect(e) {
+		let { disabled: t } = this.getProps(), n = this._adapter.getSelected(), { data: r } = this.getStates(), i = r.map((e) => [e.value, e]), a = new Map(i), o = /* @__PURE__ */ new Map();
+		t || (e.forEach((e) => {
+			let t = a.get(e);
+			if (n.has(t.key)) {
+				o.set(t.key, t);
+				return;
+			}
+			t.disabled || o.set(t.key, t);
+		}), this._isControlledComponent() || this._adapter.updateSelected(o), this._notifyChange(o));
+	}
+	getValuesAndItemsFromMap(e) {
+		let { type: n } = this.getProps(), r = [], i = [];
+		for (let a of e) {
+			let e = n === k.TYPE_GROUP_LIST ? (0, t.default)(a[1], "_parent") : a[1];
+			e = this._injectFullPath(e), r.push(e), i.push(e.value);
+		}
+		return {
+			items: r,
+			values: i
+		};
+	}
+	_notifyChange(e) {
+		let { items: t, values: n } = this.getValuesAndItemsFromMap(e);
+		this._adapter.notifyChange(n, t);
+	}
+	handleSortEnd(e) {
+		let { oldIndex: t, newIndex: n } = e, r = [...this._adapter.getSelected().values()];
+		r = s(r, t, n);
+		let i = /* @__PURE__ */ new Map();
+		r.forEach((e) => {
+			i = i.set(e.key, e);
+		}), this._adapter.updateSelected(i), this._notifyChange(i);
+	}
+	handlePageChange(e) {
+		this._adapter.updateCurrentPage(e), this._adapter.notifyPageChange(e);
+	}
+}, N = _({
+	name: "TransferNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup(e) {
+		return () => typeof e.content == "function" ? e.content() : e.content;
+	}
+}), ye = {
+	key: 1,
+	class: "semi-transfer-left"
+}, be = {
+	key: 0,
+	role: "search",
+	"aria-label": "Transfer filter",
+	class: "semi-transfer-filter"
+}, xe = {
+	key: 2,
+	"aria-label": "empty",
+	class: "semi-transfer-empty semi-transfer-left-empty"
+}, Se = {
+	key: 3,
+	"aria-label": "empty",
+	class: "semi-transfer-empty semi-transfer-left-empty"
+}, Ce = {
+	key: 1,
+	class: "semi-transfer-header semi-transfer-left-header"
+}, we = { class: "semi-transfer-header-total" }, Te = {
+	class: "semi-transfer-left-list",
+	role: "list",
+	"aria-label": "Option list"
+}, Ee = {
+	key: 0,
+	class: "semi-transfer-group-title"
+}, De = {
+	key: 0,
+	class: "semi-transfer-left-pagination"
+}, Oe = {
+	key: 3,
+	class: "semi-transfer-right"
+}, ke = {
+	key: 1,
+	class: "semi-transfer-header semi-transfer-right-header"
+}, Ae = { class: "semi-transfer-header-total" }, je = {
+	key: 0,
+	"aria-label": "empty",
+	class: "semi-transfer-empty semi-transfer-right-empty"
+}, Me = {
+	key: 1,
+	role: "listitem",
+	class: "semi-transfer-item semi-transfer-right-item"
+}, Ne = { class: "semi-transfer-right-item-text" }, Pe = {
+	key: 2,
+	class: "semi-transfer-right-list",
+	role: "list",
+	"aria-label": "Selected list"
+}, Fe = ["onDrop"], Ie = { class: "semi-transfer-right-item-text" }, P = /* @__PURE__ */ _({
+	name: "Transfer",
+	inheritAttrs: !1,
+	__name: "Transfer",
+	props: {
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		dataSource: { default: () => [] },
+		filter: {
+			type: [Boolean, Function],
+			default: !0
+		},
+		defaultValue: { default: () => [] },
+		value: {},
+		modelValue: {},
+		inputProps: {},
+		type: { default: "list" },
+		emptyContent: { default: () => ({}) },
+		draggable: {
+			type: Boolean,
+			default: !1
+		},
+		treeProps: {},
+		showPath: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		virtualize: {},
+		pagination: {},
+		renderSourceItem: {},
+		renderSelectedItem: {},
+		renderSourcePanel: {},
+		renderSelectedPanel: {},
+		renderSourceHeader: {},
+		renderSelectedHeader: {}
+	},
+	emits: [
+		"change",
+		"select",
+		"deselect",
+		"search",
+		"update:value",
+		"update:modelValue"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let s = Object.freeze({
+			emptyLeft: "暂无数据",
+			emptySearch: "无搜索结果",
+			emptyRight: "暂无内容，可从左侧勾选",
+			placeholder: "搜索",
+			clear: "清空",
+			selectAll: "全选",
+			clearSelectAll: "取消全选",
+			total: "总个数：${total}",
+			selected: "已选个数：${total}"
+		}), _ = Object.freeze({
+			emptyLeft: "No Data",
+			emptySearch: "No search results",
+			emptyRight: "No content, check from the left",
+			placeholder: "Search",
+			clear: "Clear",
+			selectAll: "Select all",
+			clearSelectAll: "Unselect all",
+			total: "Total items: ${total}",
+			selected: "Items selected: ${total}"
+		}), k = e, A = n, j = ue(), P = de(), Le = ne(), Re = fe("treeRef"), ze = ie(l, void 0), Be = d(() => ze ? ze.value : {
+			direction: "ltr",
+			locale: { code: "zh-CN" }
+		});
+		function Ve(e) {
+			let t = Le?.vnode.props, n = e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+			return !!(t && (Object.prototype.hasOwnProperty.call(t, e) || Object.prototype.hasOwnProperty.call(t, n)));
+		}
+		let He = d(() => Ve("modelValue")), Ue = d(() => Ve("value")), F = d(() => He.value || Ue.value), I = d(() => He.value ? k.modelValue : Ue.value ? k.value : void 0), L = d(() => ({
+			...Be.value.locale.code === "en-US" ? _ : s,
+			...Be.value.locale.Transfer
+		}));
+		function R(e) {
+			return e.map((e) => ({
+				...e,
+				...Array.isArray(e.children) ? { children: R(e.children) } : {}
+			}));
+		}
+		let We = _e(R(k.dataSource), k.type), Ge = F.value ? I.value ?? [] : k.defaultValue, z = ce({
+			data: We,
+			selectedItems: M(Ge, We),
+			searchResult: /* @__PURE__ */ new Set(),
+			inputValue: "",
+			leftCurrentPage: k.pagination?.defaultCurrentPage ?? k.pagination?.currentPage ?? 1
+		}), B = /* @__PURE__ */ new Map(), V = le(0), H = le(null);
+		function Ke() {
+			let e = {
+				...k,
+				data: z.data,
+				disabled: k.disabled,
+				showPath: k.showPath,
+				type: k.type,
+				value: I.value
+			};
+			return F.value || delete e.value, e;
+		}
+		let U = ae(new ve({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => Ke()[e],
+			getProps: Ke,
+			getState: (e) => z[e],
+			getStates: () => z,
+			setState: (e, t) => {
+				Object.assign(z, e), t?.();
+			},
+			getCache: (e) => B.get(e),
+			getCaches: () => B,
+			setCache: (e, t) => B.set(e, t),
+			stopPropagation: (e) => e.stopPropagation?.(),
+			persistEvent: () => void 0,
+			getSelected: () => new Map(z.selectedItems),
+			updateSelected: (e) => {
+				z.selectedItems = new Map(e);
+			},
+			notifyChange: (e, t) => {
+				let n = [...e];
+				A("change", n, t), A("update:value", n), A("update:modelValue", n);
+			},
+			notifySearch: (e) => A("search", e),
+			notifySelect: (e) => A("select", e),
+			notifyDeselect: (e) => A("deselect", e),
+			updateInput: (e) => {
+				z.inputValue = e, z.leftCurrentPage = 1;
+			},
+			updateSearchResult: (e) => {
+				z.searchResult = new Set(e);
+			},
+			searchTree: (e) => Re.value?.search(e),
+			updateCurrentPage: (e) => {
+				z.leftCurrentPage = e;
+			},
+			notifyPageChange: (e) => k.pagination?.onPageChange?.(e)
+		}));
+		U.init(), se(() => U.destroy());
+		let W = d(() => z.inputValue ? z.data.filter((e) => z.searchResult.has(e.key)) : z.data), qe = d(() => !!z.inputValue && z.searchResult.size === 0), G = d(() => z.inputValue ? z.searchResult.size : z.data.length), Je = d(() => W.value.every((e) => !!e.disabled)), K = d(() => W.value.some((e) => !e.disabled && !z.selectedItems.has(e.key))), Ye = d(() => !K.value), Xe = d(() => k.type === "treeList" ? W.value.filter((e) => !!e.isLeaf).length : void 0), q = d(() => k.pagination?.pageSize ?? 10), Ze = d(() => Math.ceil(W.value.length / q.value)), Qe = d(() => {
+			if (!k.pagination) return W.value;
+			let e = (z.leftCurrentPage - 1) * q.value;
+			return W.value.slice(e, e + q.value);
+		}), J = d(() => [...z.selectedItems.values()].map((e) => {
+			let t = ft(e);
+			return t ? {
+				...e,
+				fullPath: t
+			} : { ...e };
+		})), $e = d(() => J.value.some((e) => !e.disabled)), et = d(() => {
+			let e = { ...k.inputProps ?? {} };
+			return delete e.value, delete e.modelValue, delete e.defaultValue, e;
+		}), tt = d(() => {
+			let e = { ...k.treeProps ?? {} };
+			return delete e.value, delete e.modelValue, delete e.defaultValue, delete e.onChange, delete e.ref, e;
+		}), nt = d(() => Object.fromEntries(Object.entries(j).filter(([e]) => e.startsWith("data-")))), Y = d(() => {
+			let e = {
+				num: G.value,
+				showButton: k.type !== "treeList" && !Je.value,
+				allChecked: Ye.value,
+				onAllClick: () => U.handleAll(K.value)
+			};
+			return Xe.value !== void 0 && (e.leafOnlyNum = Xe.value), e;
+		}), X = d(() => ({
+			num: J.value.length,
+			showButton: J.value.length > 0 && $e.value,
+			onClear: () => U.handleClear()
+		})), Z = d(() => ({
+			value: U.getValuesAndItemsFromMap(z.selectedItems).values,
+			loading: k.loading,
+			noMatch: qe.value,
+			filterData: W.value,
+			sourceData: z.data,
+			propsDataSource: k.dataSource,
+			allChecked: Ye.value,
+			showNumber: G.value,
+			inputValue: z.inputValue,
+			selectedItems: z.selectedItems,
+			onSearch: (e) => U.handleInputChange(e, !0),
+			onAllClick: () => U.handleAll(K.value),
+			onSelectOrRemove: (e) => U.handleSelectOrRemove(e),
+			onSelect: (e) => U.handleSelect(e)
+		})), rt = d(() => ({
+			length: J.value.length,
+			selectedData: J.value,
+			onClear: () => U.handleClear(),
+			onRemove: (e) => U.handleSelectOrRemove(e),
+			onSortEnd: (e) => U.handleSortEnd(e)
+		})), it = d(() => !!(P.sourcePanel || k.renderSourcePanel)), at = d(() => !!(P.selectedPanel || k.renderSelectedPanel));
+		function ot(e) {
+			return {
+				...e,
+				checked: z.selectedItems.has(e.key),
+				onChange: () => U.handleSelectOrRemove(e)
+			};
+		}
+		function st(e, t) {
+			!k.draggable || k.disabled || J.value[e]?.disabled || (H.value = e, t.dataTransfer?.setData("text/plain", String(J.value[e]?.key ?? e)), t.dataTransfer && (t.dataTransfer.effectAllowed = "move"));
+		}
+		function ct() {
+			H.value = null;
+		}
+		function lt(e) {
+			if (H.value === null || H.value === e) {
+				H.value = null;
+				return;
+			}
+			U.handleSortEnd({
+				oldIndex: H.value,
+				newIndex: e
+			}), H.value = null;
+		}
+		function ut(e) {
+			return {
+				draggable: !0,
+				role: "button",
+				"aria-label": "Drag and sort",
+				onDragstart: (t) => st(e, t),
+				onDragend: ct
+			};
+		}
+		function dt(e, t) {
+			let n = k.draggable ? ut(t) : void 0, r = {
+				...e,
+				onRemove: () => U.handleSelectOrRemove(e)
+			}, i = ft(e);
+			return i && (r.fullPath = i), n && (r.dragHandleProps = n, r.sortableHandle = (e) => re("span", n, { default: e })), r;
+		}
+		function ft(e) {
+			if (!(k.type !== "treeList" || !k.showPath || !Array.isArray(e.path))) return e.path.map((e) => ({ ...e }));
+		}
+		function pt(e) {
+			return k.type === "treeList" && k.showPath ? U._generatePath(e) : e.label;
+		}
+		function mt(e) {
+			return k.renderSourceItem?.(ot(e));
+		}
+		function ht(e, t) {
+			return k.renderSelectedItem?.(dt(e, t));
+		}
+		function gt() {
+			return k.renderSourceHeader?.(Y.value);
+		}
+		function _t() {
+			return k.renderSelectedHeader?.(X.value);
+		}
+		function vt() {
+			return k.renderSourcePanel?.(Z.value);
+		}
+		function yt() {
+			return k.renderSelectedPanel?.(rt.value);
+		}
+		function bt(e) {
+			U.handleInputChange(e, !1);
+		}
+		function xt(e) {
+			let t = Array.isArray(e) ? e.filter((e) => typeof e == "string" || typeof e == "number") : typeof e == "string" || typeof e == "number" ? [e] : [];
+			U.handleSelect(t);
+		}
+		function St(e) {
+			V.value = e.currentTarget.scrollTop;
+		}
+		function Ct(e, t) {
+			return typeof e == "number" ? `${e}px` : e ?? t;
+		}
+		let Q = d(() => Math.max(1, k.virtualize?.itemSize ?? 36)), wt = d(() => {
+			let e = k.virtualize?.height;
+			if (typeof e == "number") return e;
+			let t = typeof e == "string" ? Number.parseFloat(e) : NaN;
+			return Number.isFinite(t) && e?.endsWith("px") ? t : 400;
+		}), $ = d(() => ({
+			start: Math.max(0, Math.floor(V.value / Q.value) - 2),
+			end: Math.min(J.value.length, Math.ceil((V.value + wt.value) / Q.value) + 2)
+		})), Tt = d(() => J.value.slice($.value.start, $.value.end).map((e, t) => ({
+			item: e,
+			index: $.value.start + t
+		}))), Et = d(() => ({
+			height: Ct(k.virtualize?.height, "100%"),
+			width: Ct(k.virtualize?.width, "100%")
+		}));
+		return D(() => [k.dataSource, k.type], () => {
+			z.data = _e(R(k.dataSource), k.type), F.value && (z.selectedItems = M(I.value ?? [], z.data)), z.inputValue && U.handleInputChange(z.inputValue, !1);
+		}, { deep: !0 }), D(I, (e) => {
+			F.value && (z.selectedItems = M(e ?? [], z.data));
+		}), D(() => k.pagination?.currentPage, (e) => {
+			typeof e == "number" && (z.leftCurrentPage = e);
+		}), t({ search: bt }), (e, t) => (S(), m("div", y(nt.value, {
+			class: [
+				"semi-transfer",
+				k.disabled && "semi-transfer-disabled",
+				it.value && at.value && "semi-transfer-custom-panel",
+				k.className,
+				E(j).class
+			],
+			style: [k.style, E(j).style]
+		}), [it.value ? w(e.$slots, "sourcePanel", b(v(Z.value)), () => [g(E(N), { content: vt() }, null, 8, ["content"])], void 0, 0) : (S(), m("section", ye, [k.filter === !1 ? p("", !0) : (S(), m("div", be, [g(i, y(et.value, {
+			disabled: k.disabled,
+			placeholder: et.value.placeholder ?? L.value.placeholder,
+			"show-clear": "",
+			value: E(z).inputValue,
+			onChange: t[0] ||= (e) => E(U).handleInputChange(String(e ?? ""), !0)
+		}), {
+			prefix: O(() => [g(E(ge))]),
+			_: 1
+		}, 16, [
+			"disabled",
+			"placeholder",
+			"value"
+		])])), k.loading ? (S(), f(o, { key: 1 })) : qe.value ? (S(), m("div", xe, [w(e.$slots, "emptySearch", {}, () => [g(E(N), { content: k.emptyContent.search ?? L.value.emptySearch }, null, 8, ["content"])])])) : E(z).data.length === 0 ? (S(), m("div", Se, [w(e.$slots, "emptyLeft", {}, () => [g(E(N), { content: k.emptyContent.left ?? L.value.emptyLeft }, null, 8, ["content"])])])) : (S(), m(u, { key: 4 }, [w(e.$slots, "sourceHeader", b(v(Y.value)), () => [k.renderSourceHeader ? (S(), f(E(N), {
+			key: 0,
+			content: gt()
+		}, null, 8, ["content"])) : (S(), m("div", Ce, [h("span", we, T(L.value.total.replace("${total}", String(G.value))), 1), Y.value.showButton ? (S(), f(ee, {
+			key: 0,
+			theme: "borderless",
+			disabled: k.disabled,
+			type: "tertiary",
+			size: "small",
+			class: "semi-transfer-header-all",
+			onClick: Y.value.onAllClick
+		}, {
+			default: O(() => [te(T(Y.value.allChecked ? L.value.clearSelectAll : L.value.selectAll), 1)]),
+			_: 1
+		}, 8, ["disabled", "onClick"])) : p("", !0)]))]), k.type === "treeList" ? (S(), f(c, y({
+			key: 0,
+			ref_key: "treeRef",
+			ref: Re,
+			disabled: k.disabled,
+			"tree-data": k.dataSource,
+			multiple: "",
+			"disable-strictly": "",
+			value: Z.value.value,
+			"default-expand-all": "",
+			"leaf-only": "",
+			"filter-tree-node": !0,
+			"search-render": !1,
+			"search-style": { padding: 0 },
+			style: {
+				flex: 1,
+				overflow: "overlay"
+			}
+		}, tt.value, { onChange: xt }), null, 16, [
+			"disabled",
+			"tree-data",
+			"value"
+		])) : (S(), m(u, { key: 1 }, [h("div", Te, [(S(!0), m(u, null, C(Qe.value, (t, n) => (S(), m(u, { key: t.key }, [t._parent && (n === 0 || Qe.value[n - 1]?._parent?.title !== t._parent.title) ? (S(), m("div", Ee, T(t._parent.title), 1)) : p("", !0), w(e.$slots, "sourceItem", y({ ref_for: !0 }, ot(t)), () => [k.renderSourceItem ? (S(), f(E(N), {
+			key: 0,
+			content: mt(t)
+		}, null, 8, ["content"])) : (S(), f(r, {
+			key: 1,
+			checked: E(z).selectedItems.has(t.key),
+			"class-name": `semi-transfer-item${t.disabled ? " semi-transfer-item-disabled" : ""}`,
+			disabled: !!(t.disabled || k.disabled),
+			role: "listitem",
+			onChange: (e) => E(U).handleSelectOrRemove(t)
+		}, {
+			default: O(() => [g(E(N), { content: t.label }, null, 8, ["content"])]),
+			_: 2
+		}, 1032, [
+			"checked",
+			"class-name",
+			"disabled",
+			"onChange"
+		]))])], 64))), 128))]), k.pagination && Ze.value > 1 ? (S(), m("div", De, [g(a, {
+			total: W.value.length,
+			"current-page": E(z).leftCurrentPage,
+			"page-size": q.value,
+			onPageChange: t[1] ||= (e) => E(U).handlePageChange(e)
+		}, null, 8, [
+			"total",
+			"current-page",
+			"page-size"
+		])])) : p("", !0)], 64))], 64))])), at.value ? w(e.$slots, "selectedPanel", b(v(rt.value)), () => [g(E(N), { content: yt() }, null, 8, ["content"])], void 0, 2) : (S(), m("section", Oe, [w(e.$slots, "selectedHeader", b(v(X.value)), () => [k.renderSelectedHeader ? (S(), f(E(N), {
+			key: 0,
+			content: _t()
+		}, null, 8, ["content"])) : (S(), m("div", ke, [h("span", Ae, T(L.value.selected.replace("${total}", String(J.value.length))), 1), X.value.showButton ? (S(), f(ee, {
+			key: 0,
+			theme: "borderless",
+			disabled: k.disabled,
+			type: "tertiary",
+			size: "small",
+			class: "semi-transfer-header-all",
+			onClick: X.value.onClear
+		}, {
+			default: O(() => [te(T(L.value.clear), 1)]),
+			_: 1
+		}, 8, ["disabled", "onClick"])) : p("", !0)]))]), J.value.length === 0 ? (S(), m("div", je, [w(e.$slots, "emptyRight", {}, () => [g(E(N), { content: k.emptyContent.right ?? L.value.emptyRight }, null, 8, ["content"])])])) : k.virtualize && !k.draggable ? (S(), m("div", {
+			key: 1,
+			class: "semi-transfer-right-list semi-transfer-right-virtual-list",
+			role: "list",
+			"aria-label": "Selected list",
+			style: x(Et.value),
+			onScroll: St
+		}, [h("div", { style: x({
+			height: `${J.value.length * Q.value}px`,
+			position: "relative"
+		}) }, [(S(!0), m(u, null, C(Tt.value, (t) => (S(), m("div", {
+			key: t.item.key,
+			role: "presentation",
+			style: x({
+				position: "absolute",
+				top: `${t.index * Q.value}px`,
+				width: "100%",
+				height: `${Q.value}px`
+			})
+		}, [w(e.$slots, "selectedItem", y({ ref_for: !0 }, dt(t.item, t.index)), () => [k.renderSelectedItem ? (S(), f(E(N), {
+			key: 0,
+			content: ht(t.item, t.index)
+		}, null, 8, ["content"])) : (S(), m("div", Me, [h("div", Ne, [g(E(N), { content: pt(t.item) }, null, 8, ["content"])]), g(E(me), {
+			"aria-disabled": t.item.disabled,
+			class: oe(["semi-transfer-item-close-icon", t.item.disabled && "semi-transfer-item-close-icon-disabled"]),
+			onClick: (e) => E(U).handleSelectOrRemove(t.item)
+		}, null, 8, [
+			"aria-disabled",
+			"class",
+			"onClick"
+		])]))])], 4))), 128))], 4)], 36)) : (S(), m("div", Pe, [(S(!0), m(u, null, C(J.value, (n, r) => w(e.$slots, "selectedItem", y({ ref_for: !0 }, dt(n, r)), () => [k.renderSelectedItem ? (S(), f(E(N), {
+			key: 0,
+			content: ht(n, r)
+		}, null, 8, ["content"])) : (S(), m("div", {
+			key: 1,
+			role: "listitem",
+			class: oe([
+				"semi-transfer-item",
+				"semi-transfer-right-item",
+				k.draggable && "semi-transfer-right-item-draggable"
+			]),
+			onDragover: t[2] ||= pe(() => {}, ["prevent"]),
+			onDrop: pe((e) => lt(r), ["prevent"])
+		}, [
+			k.draggable ? (S(), f(E(he), y({
+				key: 0,
+				ref_for: !0
+			}, ut(r), { class: "semi-transfer-right-item-drag-handler" }), null, 16)) : p("", !0),
+			h("div", Ie, [g(E(N), { content: pt(n) }, null, 8, ["content"])]),
+			g(E(me), {
+				"aria-disabled": n.disabled,
+				class: oe(["semi-transfer-item-close-icon", n.disabled && "semi-transfer-item-close-icon-disabled"]),
+				onClick: (e) => E(U).handleSelectOrRemove(n)
+			}, null, 8, [
+				"aria-disabled",
+				"class",
+				"onClick"
+			])
+		], 42, Fe))], void 0, n.key)), 128))]))]))], 16));
+	}
+});
+//#endregion
+export { P as t };