@vaebe/ccui 2.0.1-beta.1 → 2.0.1-beta.3

package/mentions/index.es.js

@@ -0,0 +1,711 @@
+import { computed as e, createVNode as t, defineComponent as n, getCurrentInstance as r, inject as i, nextTick as a, onMounted as o, onUnmounted as s, ref as c, shallowRef as l } from "vue";
+//#region \0rolldown/runtime.js
+var u = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports);
+//#endregion
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function d(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function f(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => d(n),
+		e: (e) => e ? d(n, e) : "",
+		m: (e) => e ? d(n, "", e) : "",
+		em: (e, t) => e && t ? d(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+(/* @__PURE__ */ u(((e, t) => {
+	(function(n, r) {
+		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs = r();
+	})(e, (function() {
+		var e = 1e3, t = 6e4, n = 36e5, r = "millisecond", i = "second", a = "minute", o = "hour", s = "day", c = "week", l = "month", u = "quarter", d = "year", f = "date", p = "Invalid Date", m = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, h = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, g = {
+			name: "en",
+			weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
+			months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
+			ordinal: function(e) {
+				var t = [
+					"th",
+					"st",
+					"nd",
+					"rd"
+				], n = e % 100;
+				return "[" + e + (t[(n - 20) % 10] || t[n] || t[0]) + "]";
+			}
+		}, _ = function(e, t, n) {
+			var r = String(e);
+			return !r || r.length >= t ? e : "" + Array(t + 1 - r.length).join(n) + e;
+		}, v = {
+			s: _,
+			z: function(e) {
+				var t = -e.utcOffset(), n = Math.abs(t), r = Math.floor(n / 60), i = n % 60;
+				return (t <= 0 ? "+" : "-") + _(r, 2, "0") + ":" + _(i, 2, "0");
+			},
+			m: function e(t, n) {
+				if (t.date() < n.date()) return -e(n, t);
+				var r = 12 * (n.year() - t.year()) + (n.month() - t.month()), i = t.clone().add(r, l), a = n - i < 0, o = t.clone().add(r + (a ? -1 : 1), l);
+				return +(-(r + (n - i) / (a ? i - o : o - i)) || 0);
+			},
+			a: function(e) {
+				return e < 0 ? Math.ceil(e) || 0 : Math.floor(e);
+			},
+			p: function(e) {
+				return {
+					M: l,
+					y: d,
+					w: c,
+					d: s,
+					D: f,
+					h: o,
+					m: a,
+					s: i,
+					ms: r,
+					Q: u
+				}[e] || String(e || "").toLowerCase().replace(/s$/, "");
+			},
+			u: function(e) {
+				return e === void 0;
+			}
+		}, y = "en", b = {};
+		b[y] = g;
+		var x = "$isDayjsObject", S = function(e) {
+			return e instanceof E || !(!e || !e[x]);
+		}, C = function e(t, n, r) {
+			var i;
+			if (!t) return y;
+			if (typeof t == "string") {
+				var a = t.toLowerCase();
+				b[a] && (i = a), n && (b[a] = n, i = a);
+				var o = t.split("-");
+				if (!i && o.length > 1) return e(o[0]);
+			} else {
+				var s = t.name;
+				b[s] = t, i = s;
+			}
+			return !r && i && (y = i), i || !r && y;
+		}, w = function(e, t) {
+			if (S(e)) return e.clone();
+			var n = typeof t == "object" ? t : {};
+			return n.date = e, n.args = arguments, new E(n);
+		}, T = v;
+		T.l = C, T.i = S, T.w = function(e, t) {
+			return w(e, {
+				locale: t.$L,
+				utc: t.$u,
+				x: t.$x,
+				$offset: t.$offset
+			});
+		};
+		var E = function() {
+			function g(e) {
+				this.$L = C(e.locale, null, !0), this.parse(e), this.$x = this.$x || e.x || {}, this[x] = !0;
+			}
+			var _ = g.prototype;
+			return _.parse = function(e) {
+				this.$d = function(e) {
+					var t = e.date, n = e.utc;
+					if (t === null) return /* @__PURE__ */ new Date(NaN);
+					if (T.u(t)) return /* @__PURE__ */ new Date();
+					if (t instanceof Date) return new Date(t);
+					if (typeof t == "string" && !/Z$/i.test(t)) {
+						var r = t.match(m);
+						if (r) {
+							var i = r[2] - 1 || 0, a = (r[7] || "0").substring(0, 3);
+							return n ? new Date(Date.UTC(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a)) : new Date(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a);
+						}
+					}
+					return new Date(t);
+				}(e), this.init();
+			}, _.init = function() {
+				var e = this.$d;
+				this.$y = e.getFullYear(), this.$M = e.getMonth(), this.$D = e.getDate(), this.$W = e.getDay(), this.$H = e.getHours(), this.$m = e.getMinutes(), this.$s = e.getSeconds(), this.$ms = e.getMilliseconds();
+			}, _.$utils = function() {
+				return T;
+			}, _.isValid = function() {
+				return this.$d.toString() !== p;
+			}, _.isSame = function(e, t) {
+				var n = w(e);
+				return this.startOf(t) <= n && n <= this.endOf(t);
+			}, _.isAfter = function(e, t) {
+				return w(e) < this.startOf(t);
+			}, _.isBefore = function(e, t) {
+				return this.endOf(t) < w(e);
+			}, _.$g = function(e, t, n) {
+				return T.u(e) ? this[t] : this.set(n, e);
+			}, _.unix = function() {
+				return Math.floor(this.valueOf() / 1e3);
+			}, _.valueOf = function() {
+				return this.$d.getTime();
+			}, _.startOf = function(e, t) {
+				var n = this, r = !!T.u(t) || t, u = T.p(e), p = function(e, t) {
+					var i = T.w(n.$u ? Date.UTC(n.$y, t, e) : new Date(n.$y, t, e), n);
+					return r ? i : i.endOf(s);
+				}, m = function(e, t) {
+					return T.w(n.toDate()[e].apply(n.toDate("s"), (r ? [
+						0,
+						0,
+						0,
+						0
+					] : [
+						23,
+						59,
+						59,
+						999
+					]).slice(t)), n);
+				}, h = this.$W, g = this.$M, _ = this.$D, v = "set" + (this.$u ? "UTC" : "");
+				switch (u) {
+					case d: return r ? p(1, 0) : p(31, 11);
+					case l: return r ? p(1, g) : p(0, g + 1);
+					case c:
+						var y = this.$locale().weekStart || 0, b = (h < y ? h + 7 : h) - y;
+						return p(r ? _ - b : _ + (6 - b), g);
+					case s:
+					case f: return m(v + "Hours", 0);
+					case o: return m(v + "Minutes", 1);
+					case a: return m(v + "Seconds", 2);
+					case i: return m(v + "Milliseconds", 3);
+					default: return this.clone();
+				}
+			}, _.endOf = function(e) {
+				return this.startOf(e, !1);
+			}, _.$set = function(e, t) {
+				var n, c = T.p(e), u = "set" + (this.$u ? "UTC" : ""), p = (n = {}, n[s] = u + "Date", n[f] = u + "Date", n[l] = u + "Month", n[d] = u + "FullYear", n[o] = u + "Hours", n[a] = u + "Minutes", n[i] = u + "Seconds", n[r] = u + "Milliseconds", n)[c], m = c === s ? this.$D + (t - this.$W) : t;
+				if (c === l || c === d) {
+					var h = this.clone().set(f, 1);
+					h.$d[p](m), h.init(), this.$d = h.set(f, Math.min(this.$D, h.daysInMonth())).$d;
+				} else p && this.$d[p](m);
+				return this.init(), this;
+			}, _.set = function(e, t) {
+				return this.clone().$set(e, t);
+			}, _.get = function(e) {
+				return this[T.p(e)]();
+			}, _.add = function(r, u) {
+				var f, p = this;
+				r = Number(r);
+				var m = T.p(u), h = function(e) {
+					var t = w(p);
+					return T.w(t.date(t.date() + Math.round(e * r)), p);
+				};
+				if (m === l) return this.set(l, this.$M + r);
+				if (m === d) return this.set(d, this.$y + r);
+				if (m === s) return h(1);
+				if (m === c) return h(7);
+				var g = (f = {}, f[a] = t, f[o] = n, f[i] = e, f)[m] || 1, _ = this.$d.getTime() + r * g;
+				return T.w(_, this);
+			}, _.subtract = function(e, t) {
+				return this.add(-1 * e, t);
+			}, _.format = function(e) {
+				var t = this, n = this.$locale();
+				if (!this.isValid()) return n.invalidDate || p;
+				var r = e || "YYYY-MM-DDTHH:mm:ssZ", i = T.z(this), a = this.$H, o = this.$m, s = this.$M, c = n.weekdays, l = n.months, u = n.meridiem, d = function(e, n, i, a) {
+					return e && (e[n] || e(t, r)) || i[n].slice(0, a);
+				}, f = function(e) {
+					return T.s(a % 12 || 12, e, "0");
+				}, m = u || function(e, t, n) {
+					var r = e < 12 ? "AM" : "PM";
+					return n ? r.toLowerCase() : r;
+				};
+				return r.replace(h, (function(e, r) {
+					return r || function(e) {
+						switch (e) {
+							case "YY": return String(t.$y).slice(-2);
+							case "YYYY": return T.s(t.$y, 4, "0");
+							case "M": return s + 1;
+							case "MM": return T.s(s + 1, 2, "0");
+							case "MMM": return d(n.monthsShort, s, l, 3);
+							case "MMMM": return d(l, s);
+							case "D": return t.$D;
+							case "DD": return T.s(t.$D, 2, "0");
+							case "d": return String(t.$W);
+							case "dd": return d(n.weekdaysMin, t.$W, c, 2);
+							case "ddd": return d(n.weekdaysShort, t.$W, c, 3);
+							case "dddd": return c[t.$W];
+							case "H": return String(a);
+							case "HH": return T.s(a, 2, "0");
+							case "h": return f(1);
+							case "hh": return f(2);
+							case "a": return m(a, o, !0);
+							case "A": return m(a, o, !1);
+							case "m": return String(o);
+							case "mm": return T.s(o, 2, "0");
+							case "s": return String(t.$s);
+							case "ss": return T.s(t.$s, 2, "0");
+							case "SSS": return T.s(t.$ms, 3, "0");
+							case "Z": return i;
+						}
+						return null;
+					}(e) || i.replace(":", "");
+				}));
+			}, _.utcOffset = function() {
+				return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+			}, _.diff = function(r, f, p) {
+				var m, h = this, g = T.p(f), _ = w(r), v = (_.utcOffset() - this.utcOffset()) * t, y = this - _, b = function() {
+					return T.m(h, _);
+				};
+				switch (g) {
+					case d:
+						m = b() / 12;
+						break;
+					case l:
+						m = b();
+						break;
+					case u:
+						m = b() / 3;
+						break;
+					case c:
+						m = (y - v) / 6048e5;
+						break;
+					case s:
+						m = (y - v) / 864e5;
+						break;
+					case o:
+						m = y / n;
+						break;
+					case a:
+						m = y / t;
+						break;
+					case i:
+						m = y / e;
+						break;
+					default: m = y;
+				}
+				return p ? m : T.a(m);
+			}, _.daysInMonth = function() {
+				return this.endOf(l).$D;
+			}, _.$locale = function() {
+				return b[this.$L];
+			}, _.locale = function(e, t) {
+				if (!e) return this.$L;
+				var n = this.clone(), r = C(e, t, !0);
+				return r && (n.$L = r), n;
+			}, _.clone = function() {
+				return T.w(this.$d, this);
+			}, _.toDate = function() {
+				return new Date(this.valueOf());
+			}, _.toJSON = function() {
+				return this.isValid() ? this.toISOString() : null;
+			}, _.toISOString = function() {
+				return this.$d.toISOString();
+			}, _.toString = function() {
+				return this.$d.toUTCString();
+			}, g;
+		}(), D = E.prototype;
+		return w.prototype = D, [
+			["$ms", r],
+			["$s", i],
+			["$m", a],
+			["$H", o],
+			["$W", s],
+			["$M", l],
+			["$y", d],
+			["$D", f]
+		].forEach((function(e) {
+			D[e[1]] = function(t) {
+				return this.$g(t, e[0], e[1]);
+			};
+		})), w.extend = function(e, t) {
+			return e.$i ||= (e(t, E, w), !0), w;
+		}, w.locale = C, w.isDayjs = S, w.unix = function(e) {
+			return w(1e3 * e);
+		}, w.en = b[y], w.Ls = b, w.p = {}, w;
+	}));
+})))();
+//#endregion
+//#region ../ccui/ui/locale/zh-CN.ts
+var p = {
+	locale: "zh-CN",
+	Modal: {
+		okText: "确 定",
+		cancelText: "取 消",
+		justOkText: "知道了"
+	},
+	Popconfirm: {
+		okText: "确 定",
+		cancelText: "取 消"
+	},
+	Empty: { description: "暂无数据" },
+	AutoComplete: { notFoundContent: "暂无数据" },
+	Mentions: { notFoundContent: "暂无数据" },
+	Cascader: { notFoundContent: "暂无数据" },
+	TreeSelect: {
+		notFoundContent: "暂无数据",
+		searchPlaceholder: "搜索"
+	},
+	Select: { notFoundContent: "暂无数据" },
+	Pagination: {
+		itemsPerPage: "条/页",
+		jumpTo: "跳至",
+		page: "页",
+		prevPage: "上一页",
+		nextPage: "下一页",
+		total: "共 {total} 条",
+		pagination: "分页"
+	},
+	Image: {
+		loading: "加载中",
+		error: "加载失败"
+	},
+	DatePicker: {
+		placeholder: "请选择日期",
+		rangePlaceholder: ["开始日期", "结束日期"],
+		timePlaceholder: "请选择时间",
+		weekdaysShort: [
+			"日",
+			"一",
+			"二",
+			"三",
+			"四",
+			"五",
+			"六"
+		],
+		panelLabelFormat: "YYYY 年 M 月",
+		monthNamesShort: [
+			"1 月",
+			"2 月",
+			"3 月",
+			"4 月",
+			"5 月",
+			"6 月",
+			"7 月",
+			"8 月",
+			"9 月",
+			"10 月",
+			"11 月",
+			"12 月"
+		],
+		quarterNames: [
+			"一季度",
+			"二季度",
+			"三季度",
+			"四季度"
+		],
+		weekFormat: "{weekYear} 年第 {weekNumber} 周",
+		weekHeader: "周",
+		now: "此刻",
+		ok: "确定",
+		prevYearLabel: "前一年",
+		prevMonthLabel: "上个月",
+		nextYearLabel: "后一年",
+		nextMonthLabel: "下个月",
+		clearLabel: "清除"
+	},
+	Calendar: {
+		weekdaysShort: [
+			"日",
+			"一",
+			"二",
+			"三",
+			"四",
+			"五",
+			"六"
+		],
+		prevMonthLabel: "上个月",
+		nextMonthLabel: "下个月",
+		todayLabel: "今天",
+		monthFormat: "YYYY 年 M 月"
+	}
+}, m = Symbol("ccui-config");
+//#endregion
+//#region ../ccui/ui/config-provider/src/config-provider.tsx
+function h() {
+	return i(m, {
+		prefixCls: "ccui",
+		componentSize: "middle",
+		locale: p,
+		direction: "ltr",
+		theme: void 0,
+		iconPrefixCls: "ccui-icon"
+	});
+}
+//#endregion
+//#region ../ccui/ui/form/src/form-types.ts
+var g = Symbol("ccuiFormItem"), _ = {
+	modelValue: {
+		type: String,
+		default: void 0
+	},
+	defaultValue: {
+		type: String,
+		default: ""
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	prefix: {
+		type: [String, Array],
+		default: "@"
+	},
+	split: {
+		type: String,
+		default: " "
+	},
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	rows: {
+		type: Number,
+		default: 3
+	},
+	filterOption: {
+		type: [Boolean, Function],
+		default: !0
+	},
+	caseSensitive: {
+		type: Boolean,
+		default: !1
+	},
+	notFoundContent: {
+		type: String,
+		default: ""
+	},
+	placement: {
+		type: String,
+		default: "bottom"
+	},
+	popupMaxHeight: {
+		type: Number,
+		default: 256
+	},
+	autoSize: {
+		type: [Boolean, Object],
+		default: !1
+	},
+	searchDebounce: {
+		type: Number,
+		default: 0
+	},
+	variant: {
+		type: String,
+		default: "outlined"
+	},
+	status: {
+		type: String,
+		default: ""
+	},
+	classNames: {
+		type: Object,
+		default: void 0
+	},
+	styles: {
+		type: Object,
+		default: void 0
+	}
+};
+function v(e) {
+	return typeof e == "string" ? {
+		value: e,
+		label: e,
+		disabled: !1,
+		raw: {
+			value: e,
+			label: e
+		}
+	} : {
+		value: e.value,
+		label: e.label === void 0 ? e.value : String(e.label),
+		disabled: !!e.disabled,
+		raw: e
+	};
+}
+function y(e, t, n) {
+	let r = e.slice(0, t), i = null;
+	for (let e of n) {
+		let t = r.lastIndexOf(e);
+		if (t === -1) continue;
+		let n = r[t - 1];
+		if (t > 0 && n !== void 0 && !/\s/.test(n)) continue;
+		let a = r.slice(t + e.length);
+		if (/\s/.test(a)) continue;
+		let o = {
+			prefix: e,
+			search: a,
+			start: t
+		};
+		(!i || o.start > i.start) && (i = o);
+	}
+	return i;
+}
+//#endregion
+//#region ../ccui/ui/mentions/src/mentions.tsx
+var b = /* @__PURE__ */ n({
+	name: "CMentions",
+	props: _,
+	emits: [
+		"update:modelValue",
+		"change",
+		"select",
+		"search",
+		"focus",
+		"blur"
+	],
+	setup(n, { emit: u, slots: d }) {
+		let p = f("mentions"), m = h(), _ = r()?.uid ?? 0, b = `ccui-mentions-popup-${_}`, x = (e) => `ccui-mentions-option-${_}-${e}`, S = e(() => n.notFoundContent || m.locale?.Mentions?.notFoundContent || "暂无数据"), C = c(null), w = c(null), T = l(!1), E = l(n.defaultValue ?? ""), D = l(0), O = l(null), k = i(g, null), A = e(() => k?.validateStatus.value ?? ""), j = e(() => n.status || A.value), M = e(() => n.modelValue !== void 0), N = e(() => (M.value ? n.modelValue : E.value) ?? ""), P = e(() => {
+			let e = n.prefix;
+			return Array.isArray(e) ? e : [e];
+		}), F = e(() => (n.options || []).map((e) => v(e))), I = e(() => {
+			let e = n.filterOption;
+			if (e === !1) return F.value;
+			let t = O.value?.search ?? "";
+			if (!t) return F.value;
+			if (typeof e == "function") return F.value.filter((n) => e(t, n.raw));
+			let r = n.caseSensitive ? t : t.toLowerCase();
+			return F.value.filter((e) => (n.caseSensitive ? e.label : e.label.toLowerCase()).includes(r));
+		}), L = null;
+		function R(e) {
+			M.value || (E.value = e), u("update:modelValue", e), u("change", e), k?.validate("change");
+		}
+		function z() {
+			let e = w.value;
+			if (!e || !n.autoSize) return;
+			e.style.height = "auto";
+			let t = Number.parseInt(getComputedStyle(e).lineHeight) || 20, r = typeof n.autoSize == "object" ? n.autoSize : {}, i = r.minRows ? r.minRows * t : 0, a = r.maxRows ? r.maxRows * t : Infinity, o = e.scrollHeight;
+			e.style.height = `${Math.min(Math.max(o, i), a)}px`, a < Infinity && (e.style.overflowY = o > a ? "auto" : "hidden");
+		}
+		function B() {
+			let e = w.value;
+			if (!e) return;
+			let t = e.selectionStart, r = y(N.value, t, P.value);
+			O.value = r, r ? (T.value || (T.value = !0, D.value = 0), n.searchDebounce > 0 ? (L && clearTimeout(L), L = setTimeout(() => u("search", r.search, r.prefix), n.searchDebounce)) : u("search", r.search, r.prefix)) : T.value &&= !1;
+		}
+		function V(e) {
+			let t = e.target.value;
+			R(t), a(() => {
+				B(), z();
+			});
+		}
+		function H() {
+			B();
+		}
+		function U() {
+			B();
+		}
+		function W(e) {
+			let t = w.value, r = O.value;
+			if (!t || !r || e.disabled) return;
+			let i = N.value.slice(0, r.start), o = N.value.slice(t.selectionStart), s = `${r.prefix}${e.value}${n.split}`;
+			R(`${i}${s}${o}`), u("select", e.raw, r.prefix), T.value = !1, O.value = null;
+			let c = i.length + s.length;
+			a(() => {
+				w.value && (w.value.focus(), w.value.setSelectionRange(c, c));
+			});
+		}
+		function G(e) {
+			if (n.disabled || !T.value) return;
+			let t = I.value, r = t.filter((e) => !e.disabled);
+			if (!(r.length === 0 && (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "Enter"))) if (e.key === "ArrowDown") {
+				e.preventDefault();
+				let n = r[(r.findIndex((e) => e === t[D.value]) + 1) % r.length];
+				D.value = t.indexOf(n);
+			} else if (e.key === "ArrowUp") {
+				e.preventDefault();
+				let n = r.findIndex((e) => e === t[D.value]), i = n <= 0 ? r[r.length - 1] : r[n - 1];
+				D.value = t.indexOf(i);
+			} else e.key === "Enter" || e.key === "Tab" ? t[D.value] && (e.preventDefault(), W(t[D.value])) : e.key === "Escape" && (e.preventDefault(), T.value = !1, O.value = null);
+		}
+		function K(e) {
+			u("focus", e);
+		}
+		function q(e) {
+			u("blur", e), k?.validate("blur");
+		}
+		function J(e) {
+			if (!T.value) return;
+			let t = e.target;
+			t && (C.value?.contains(t) || (T.value = !1));
+		}
+		o(() => {
+			document.addEventListener("mousedown", J, !0), z();
+		}), s(() => {
+			document.removeEventListener("mousedown", J, !0), L &&= (clearTimeout(L), null);
+		});
+		function Y(e, n) {
+			let r = [
+				p.e("option"),
+				n === D.value ? p.is("active") : "",
+				e.disabled ? p.is("disabled") : ""
+			];
+			return t("li", {
+				key: `${e.value}-${n}`,
+				id: x(n),
+				class: r,
+				role: "option",
+				"aria-selected": n === D.value,
+				"aria-disabled": e.disabled,
+				onMousedown: (t) => {
+					t.preventDefault(), W(e);
+				},
+				onMouseenter: () => {
+					e.disabled || (D.value = n);
+				}
+			}, [d.option ? d.option({
+				option: e.raw,
+				index: n
+			}) : e.label]);
+		}
+		function X() {
+			if (!T.value) return null;
+			let e = I.value, r = { maxHeight: `${n.popupMaxHeight}px` };
+			return n.placement === "top" ? (r.bottom = "100%", r.marginBottom = "4px") : (r.top = "100%", r.marginTop = "4px"), t("div", {
+				id: b,
+				class: [p.e("panel"), n.classNames?.popup],
+				style: [r, n.styles?.popup],
+				role: "listbox"
+			}, [e.length === 0 ? t("div", { class: p.e("empty") }, [S.value]) : t("ul", { class: p.e("options") }, [e.map((e, t) => Y(e, t))])]);
+		}
+		return () => t("div", {
+			ref: C,
+			class: [
+				p.b(),
+				n.disabled ? p.is("disabled") : "",
+				n.variant ? p.m(`variant-${n.variant}`) : "",
+				j.value ? p.m(`status-${j.value}`) : "",
+				n.classNames?.root
+			],
+			style: n.styles?.root
+		}, [t("textarea", {
+			ref: w,
+			class: [p.e("textarea"), n.classNames?.textarea],
+			style: n.styles?.textarea,
+			value: N.value,
+			rows: n.rows,
+			placeholder: n.placeholder,
+			disabled: n.disabled,
+			spellcheck: !1,
+			role: "combobox",
+			"aria-autocomplete": "list",
+			"aria-haspopup": "listbox",
+			"aria-expanded": T.value,
+			"aria-controls": b,
+			"aria-activedescendant": T.value && I.value[D.value] ? x(D.value) : void 0,
+			onInput: V,
+			onKeyup: H,
+			onKeydown: G,
+			onClick: U,
+			onFocus: K,
+			onBlur: q
+		}, null), X()]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/mentions/index.ts
+b.install = function(e) {
+	e.component(b.name, b);
+};
+var x = {
+	title: "Mentions 提及",
+	category: "数据录入",
+	status: "80%",
+	install(e) {
+		e.component(b.name, b);
+	}
+};
+//#endregion
+export { b as Mentions, x as default };