@varlet/ui 3.20.6 → 3.20.8

package/lib/varlet.cjs.js

@@ -3,7 +3,7 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/rattail@2.1.1_oxfmt@0.60.0_vite-plus@0.2.6_@types+node@20.19.39_@vitest+coverage-istanbul@4.1_njw3paytr7isgqoonhsyyq2e2q/node_modules/rattail/dist/callOrReturn-Kvk3rYZJ.mjs
+//#region ../../node_modules/.pnpm/rattail@2.1.1_oxfmt@0.72.0_vite-plus@1.1.0_@types+node@22.19.17_@vitest+coverage-istanbul@5.0_av5tye26zac23ejqbw3p6coe4y/node_modules/rattail/dist/callOrReturn-Kvk3rYZJ.mjs
 function isArray(val) {
 	return Array.isArray(val);
 }
@@ -86,7 +86,7 @@ function init(converter, defaultAttributes) {
 }
 init(defaultConverter, { path: "/" });
 //#endregion
-//#region ../../node_modules/.pnpm/rattail@2.1.1_oxfmt@0.60.0_vite-plus@0.2.6_@types+node@20.19.39_@vitest+coverage-istanbul@4.1_njw3paytr7isgqoonhsyyq2e2q/node_modules/rattail/dist/index.mjs
+//#region ../../node_modules/.pnpm/rattail@2.1.1_oxfmt@0.72.0_vite-plus@1.1.0_@types+node@22.19.17_@vitest+coverage-istanbul@5.0_av5tye26zac23ejqbw3p6coe4y/node_modules/rattail/dist/index.mjs
 function clamp$1(num, min, max) {
 	return Math.min(max, Math.max(min, num));
 }
@@ -4994,10 +4994,7 @@ function computeOffsets(_ref) {
 			case start$1:
 				offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
 				break;
-			case "end":
-				offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
-				break;
-			default:
+			case "end": offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
 		}
 	}
 	return offsets;
@@ -7364,7 +7361,6 @@ var Dayjs = /*#__PURE__*/ function() {
 				case "ss": return Utils.s(_this3.$s, 2, "0");
 				case "SSS": return Utils.s(_this3.$ms, 3, "0");
 				case "Z": return zoneStr;
-				default: break;
 			}
 			return null;
 		};
@@ -7410,9 +7406,7 @@ var Dayjs = /*#__PURE__*/ function() {
 			case S:
 				result = diff / MILLISECONDS_A_SECOND;
 				break;
-			default:
-				result = diff;
-				break;
+			default: result = diff;
 		}
 		return _float ? result : Utils.a(result);
 	};
@@ -10779,13 +10773,13 @@ P.cubeRoot = P.cbrt = function() {
 	if (!x.isFinite() || x.isZero()) return new Ctor(x);
 	external = false;
 	s = x.s * mathpow(x.s * x, 1 / 3);
-	if (!s || Math.abs(s) == Infinity) {
+	if (!s || Math.abs(s) == 1 / 0) {
 		n = digitsToString(x.d);
 		e = x.e;
 		if (s = (e - n.length + 1) % 3) n += s == 1 || s == -2 ? "0" : "00";
 		s = mathpow(n, 1 / 3);
 		e = mathfloor((e + 1) / 3) - (e % 3 == (e < 0 ? -1 : 2));
-		if (s == Infinity) n = "5e" + e;
+		if (s == 1 / 0) n = "5e" + e;
 		else {
 			n = s.toExponential();
 			n = n.slice(0, n.indexOf("e") + 1) + e;
@@ -10856,7 +10850,7 @@ P.greaterThanOrEqualTo = P.gte = function(y) {
 };
 P.hyperbolicCosine = P.cosh = function() {
 	var k, n, pr, rm, len, x = this, Ctor = x.constructor, one = new Ctor(1);
-	if (!x.isFinite()) return new Ctor(x.s ? Infinity : NaN);
+	if (!x.isFinite()) return new Ctor(x.s ? 1 / 0 : NaN);
 	if (x.isZero()) return one;
 	pr = Ctor.precision;
 	rm = Ctor.rounding;
@@ -11062,11 +11056,13 @@ P.logarithm = P.log = function(base) {
 		isBase10 = base.eq(10);
 	}
 	d = arg.d;
-	if (arg.s < 0 || !d || !d[0] || arg.eq(1)) return new Ctor(d && !d[0] ? -Infinity : arg.s != 1 ? NaN : d ? 0 : Infinity);
-	if (isBase10) if (d.length > 1) inf = true;
-	else {
-		for (k = d[0]; k % 10 === 0;) k /= 10;
-		inf = k !== 1;
+	if (arg.s < 0 || !d || !d[0] || arg.eq(1)) return new Ctor(d && !d[0] ? -1 / 0 : arg.s != 1 ? NaN : d ? 0 : 1 / 0);
+	if (isBase10) {
+		if (d.length > 1) inf = true;
+		else {
+			for (k = d[0]; k % 10 === 0;) k /= 10;
+			inf = k !== 1;
+		}
 	}
 	external = false;
 	sd = pr + guard;
@@ -11284,15 +11280,15 @@ P.sine = P.sin = function() {
 };
 P.squareRoot = P.sqrt = function() {
 	var m, n, sd, r, rep, t, x = this, d = x.d, e = x.e, s = x.s, Ctor = x.constructor;
-	if (s !== 1 || !d || !d[0]) return new Ctor(!s || s < 0 && (!d || d[0]) ? NaN : d ? x : Infinity);
+	if (s !== 1 || !d || !d[0]) return new Ctor(!s || s < 0 && (!d || d[0]) ? NaN : d ? x : 1 / 0);
 	external = false;
 	s = Math.sqrt(+x);
-	if (s == 0 || s == Infinity) {
+	if (s == 0 || s == 1 / 0) {
 		n = digitsToString(d);
 		if ((n.length + e) % 2 == 0) n += "0";
 		s = Math.sqrt(n);
 		e = mathfloor((e + 1) / 2) - (e < 0 || e % 2);
-		if (s == Infinity) n = "5e" + e;
+		if (s == 1 / 0) n = "5e" + e;
 		else {
 			n = s.toExponential();
 			n = n.slice(0, n.indexOf("e") + 1) + e;
@@ -11589,8 +11585,8 @@ function checkInt32(i, min, max) {
 	if (i !== ~~i || i < min || i > max) throw Error(invalidArgument + i);
 }
 function checkRoundingDigits(d, i, rm, repeating) {
-	var di, k, r, rd;
-	for (k = d[0]; k >= 10; k /= 10) --i;
+	var di, k = d[0], r, rd;
+	for (; k >= 10; k /= 10) --i;
 	if (--i < 0) {
 		i += LOG_BASE;
 		di = 0;
@@ -11600,12 +11596,13 @@ function checkRoundingDigits(d, i, rm, repeating) {
 	}
 	k = mathpow(10, LOG_BASE - i);
 	rd = d[di] % k | 0;
-	if (repeating == null) if (i < 3) {
-		if (i == 0) rd = rd / 100 | 0;
-		else if (i == 1) rd = rd / 10 | 0;
-		r = rm < 4 && rd == 99999 || rm > 3 && rd == 49999 || rd == 5e4 || rd == 0;
-	} else r = (rm < 4 && rd + 1 == k || rm > 3 && rd + 1 == k / 2) && (d[di + 1] / k / 100 | 0) == mathpow(10, i - 2) - 1 || (rd == k / 2 || rd == 0) && (d[di + 1] / k / 100 | 0) == 0;
-	else if (i < 4) {
+	if (repeating == null) {
+		if (i < 3) {
+			if (i == 0) rd = rd / 100 | 0;
+			else if (i == 1) rd = rd / 10 | 0;
+			r = rm < 4 && rd == 99999 || rm > 3 && rd == 49999 || rd == 5e4 || rd == 0;
+		} else r = (rm < 4 && rd + 1 == k || rm > 3 && rd + 1 == k / 2) && (d[di + 1] / k / 100 | 0) == mathpow(10, i - 2) - 1 || (rd == k / 2 || rd == 0) && (d[di + 1] / k / 100 | 0) == 0;
+	} else if (i < 4) {
 		if (i == 0) rd = rd / 1e3 | 0;
 		else if (i == 1) rd = rd / 100 | 0;
 		else if (i == 2) rd = rd / 10 | 0;
@@ -11803,14 +11800,15 @@ function finalise(x, sd, rm, isTruncated) {
 		} else {
 			xdi = Math.ceil((i + 1) / LOG_BASE);
 			k = xd.length;
-			if (xdi >= k) if (isTruncated) {
-				for (; k++ <= xdi;) xd.push(0);
-				w = rd = 0;
-				digits = 1;
-				i %= LOG_BASE;
-				j = i - LOG_BASE + 1;
-			} else break out;
-			else {
+			if (xdi >= k) {
+				if (isTruncated) {
+					for (; k++ <= xdi;) xd.push(0);
+					w = rd = 0;
+					digits = 1;
+					i %= LOG_BASE;
+					j = i - LOG_BASE + 1;
+				} else break out;
+			} else {
 				w = k = xd[xdi];
 				for (digits = 1; k >= 10; k /= 10) digits++;
 				i %= LOG_BASE;
@@ -11957,7 +11955,7 @@ function maxOrMin(Ctor, args, n) {
 }
 function naturalExponential(x, sd) {
 	var denominator, guard, j, pow, sum, t, wpr, rep = 0, i = 0, k = 0, Ctor = x.constructor, rm = Ctor.rounding, pr = Ctor.precision;
-	if (!x.d || !x.d[0] || x.e > 17) return new Ctor(x.d ? !x.d[0] ? 1 : x.s < 0 ? 0 : Infinity : x.s ? x.s < 0 ? 0 : x : NaN);
+	if (!x.d || !x.d[0] || x.e > 17) return new Ctor(x.d ? !x.d[0] ? 1 : x.s < 0 ? 0 : 1 / 0 : x.s ? x.s < 0 ? 0 : x : NaN);
 	if (sd == null) {
 		external = false;
 		wpr = pr;
@@ -11978,13 +11976,14 @@ function naturalExponential(x, sd) {
 		if (digitsToString(t.d).slice(0, wpr) === digitsToString(sum.d).slice(0, wpr)) {
 			j = k;
 			while (j--) sum = finalise(sum.times(sum), wpr, 1);
-			if (sd == null) if (rep < 3 && checkRoundingDigits(sum.d, wpr - guard, rm, rep)) {
-				Ctor.precision = wpr += 10;
-				denominator = pow = t = new Ctor(1);
-				i = 0;
-				rep++;
-			} else return finalise(sum, Ctor.precision = pr, rm, external = true);
-			else {
+			if (sd == null) {
+				if (rep < 3 && checkRoundingDigits(sum.d, wpr - guard, rm, rep)) {
+					Ctor.precision = wpr += 10;
+					denominator = pow = t = new Ctor(1);
+					i = 0;
+					rep++;
+				} else return finalise(sum, Ctor.precision = pr, rm, external = true);
+			} else {
 				Ctor.precision = pr;
 				return sum;
 			}
@@ -11994,7 +11993,7 @@ function naturalExponential(x, sd) {
 }
 function naturalLogarithm(y, sd) {
 	var c, c0, denominator, e, numerator, rep, sum, t, wpr, x1, x2, n = 1, guard = 10, x = y, xd = x.d, Ctor = x.constructor, rm = Ctor.rounding, pr = Ctor.precision;
-	if (x.s < 0 || !xd || !xd[0] || !x.e && xd[0] == 1 && xd.length == 1) return new Ctor(xd && !xd[0] ? -Infinity : x.s != 1 ? NaN : xd ? 0 : x);
+	if (x.s < 0 || !xd || !xd[0] || !x.e && xd[0] == 1 && xd.length == 1) return new Ctor(xd && !xd[0] ? -1 / 0 : x.s != 1 ? NaN : xd ? 0 : x);
 	if (sd == null) {
 		external = false;
 		wpr = pr;
@@ -12031,13 +12030,14 @@ function naturalLogarithm(y, sd) {
 			sum = sum.times(2);
 			if (e !== 0) sum = sum.plus(getLn10(Ctor, wpr + 2, pr).times(e + ""));
 			sum = divide(sum, new Ctor(n), wpr, 1);
-			if (sd == null) if (checkRoundingDigits(sum.d, wpr - guard, rm, rep)) {
-				Ctor.precision = wpr += guard;
-				t = numerator = x = divide(x1.minus(1), x1.plus(1), wpr, 1);
-				x2 = finalise(x.times(x), wpr, 1);
-				denominator = rep = 1;
-			} else return finalise(sum, Ctor.precision = pr, rm, external = true);
-			else {
+			if (sd == null) {
+				if (checkRoundingDigits(sum.d, wpr - guard, rm, rep)) {
+					Ctor.precision = wpr += guard;
+					t = numerator = x = divide(x1.minus(1), x1.plus(1), wpr, 1);
+					x2 = finalise(x.times(x), wpr, 1);
+					denominator = rep = 1;
+				} else return finalise(sum, Ctor.precision = pr, rm, external = true);
+			} else {
 				Ctor.precision = pr;
 				return sum;
 			}
@@ -12250,13 +12250,15 @@ function toStringBinary(x, baseOut, sd, rm) {
 			for (len = xd.length; !xd[len - 1]; --len);
 			for (i = 0, str = ""; i < len; i++) str += NUMERALS.charAt(xd[i]);
 			if (isExp) {
-				if (len > 1) if (baseOut == 16 || baseOut == 8) {
-					i = baseOut == 16 ? 4 : 3;
-					for (--len; len % i; len++) str += "0";
-					xd = convertBase(str, base, baseOut);
-					for (len = xd.length; !xd[len - 1]; --len);
-					for (i = 1, str = "1."; i < len; i++) str += NUMERALS.charAt(xd[i]);
-				} else str = str.charAt(0) + "." + str.slice(1);
+				if (len > 1) {
+					if (baseOut == 16 || baseOut == 8) {
+						i = baseOut == 16 ? 4 : 3;
+						for (--len; len % i; len++) str += "0";
+						xd = convertBase(str, base, baseOut);
+						for (len = xd.length; !xd[len - 1]; --len);
+						for (i = 1, str = "1."; i < len; i++) str += NUMERALS.charAt(xd[i]);
+					} else str = str.charAt(0) + "." + str.slice(1);
+				}
 				str = str + (e < 0 ? "p" : "p+") + e;
 			} else if (e < 0) {
 				for (; ++e;) str = "0" + str;
@@ -12359,14 +12361,20 @@ function config(obj) {
 	];
 	for (i = 0; i < ps.length; i += 3) {
 		if (p = ps[i], useDefaults) this[p] = DEFAULTS[p];
-		if ((v = obj[p]) !== void 0) if (mathfloor(v) === v && v >= ps[i + 1] && v <= ps[i + 2]) this[p] = v;
-		else throw Error(invalidArgument + p + ": " + v);
+		if ((v = obj[p]) !== void 0) {
+			if (mathfloor(v) === v && v >= ps[i + 1] && v <= ps[i + 2]) this[p] = v;
+			else throw Error(invalidArgument + p + ": " + v);
+		}
 	}
 	if (p = "crypto", useDefaults) this[p] = DEFAULTS[p];
-	if ((v = obj[p]) !== void 0) if (v === true || v === false || v === 0 || v === 1) if (v) if (typeof crypto != "undefined" && crypto && (crypto.getRandomValues || crypto.randomBytes)) this[p] = true;
-	else throw Error(cryptoUnavailable);
-	else this[p] = false;
-	else throw Error(invalidArgument + p + ": " + v);
+	if ((v = obj[p]) !== void 0) {
+		if (v === true || v === false || v === 0 || v === 1) {
+			if (v) {
+				if (typeof crypto != "undefined" && crypto && (crypto.getRandomValues || crypto.randomBytes)) this[p] = true;
+				else throw Error(cryptoUnavailable);
+			} else this[p] = false;
+		} else throw Error(invalidArgument + p + ": " + v);
+	}
 	return this;
 }
 function cos(x) {
@@ -12383,17 +12391,18 @@ function clone(obj) {
 		x.constructor = Decimal;
 		if (isDecimalInstance(v)) {
 			x.s = v.s;
-			if (external) if (!v.d || v.e > Decimal.maxE) {
-				x.e = NaN;
-				x.d = null;
-			} else if (v.e < Decimal.minE) {
-				x.e = 0;
-				x.d = [0];
+			if (external) {
+				if (!v.d || v.e > Decimal.maxE) {
+					x.e = NaN;
+					x.d = null;
+				} else if (v.e < Decimal.minE) {
+					x.e = 0;
+					x.d = [0];
+				} else {
+					x.e = v.e;
+					x.d = v.d.slice();
+				}
 			} else {
-				x.e = v.e;
-				x.d = v.d.slice();
-			}
-			else {
 				x.e = v.e;
 				x.d = v.d ? v.d.slice() : v.d;
 			}
@@ -12413,20 +12422,21 @@ function clone(obj) {
 			} else x.s = 1;
 			if (v === ~~v && v < 1e7) {
 				for (e = 0, i = v; i >= 10; i /= 10) e++;
-				if (external) if (e > Decimal.maxE) {
-					x.e = NaN;
-					x.d = null;
-				} else if (e < Decimal.minE) {
-					x.e = 0;
-					x.d = [0];
+				if (external) {
+					if (e > Decimal.maxE) {
+						x.e = NaN;
+						x.d = null;
+					} else if (e < Decimal.minE) {
+						x.e = 0;
+						x.d = [0];
+					} else {
+						x.e = e;
+						x.d = [v];
+					}
 				} else {
 					x.e = e;
 					x.d = [v];
 				}
-				else {
-					x.e = e;
-					x.d = [v];
-				}
 				return;
 			}
 			if (v * 0 !== 0) {
@@ -12544,7 +12554,7 @@ function hypot() {
 		if (!n.d) {
 			if (n.s) {
 				external = true;
-				return new this(Infinity);
+				return new this(1 / 0);
 			}
 			t = n;
 		} else if (t.d) t = t.plus(n.times(n));
@@ -15447,8 +15457,6 @@ var __spreadValues$21 = (a, b) => {
 	return a;
 };
 var dayjs$4 = createDayjs();
-var DAYS_PER_WEEK = 7;
-var WEEKS_PER_PANEL = 6;
 var MonthOffset = {
 	Prev: -1,
 	Current: 0,
@@ -15526,7 +15534,7 @@ var __sfc__$64 = (0, vue.defineComponent)({
 			const lastDayjsObject = firstDayjsObject.endOf(DatePickerUnits.Month);
 			const daysInMonth = firstDayjsObject.daysInMonth();
 			const leadingCount = Math.max(0, sortWeekList.value.findIndex((week) => week === `${firstDayjsObject.day()}`));
-			const trailingCount = WEEKS_PER_PANEL * DAYS_PER_WEEK - leadingCount - daysInMonth;
+			const trailingCount = 42 - leadingCount - daysInMonth;
 			const cells = [];
 			for (let offset = leadingCount; offset > 0; offset--) cells.push(createCell(firstDayjsObject.subtract(offset, DatePickerUnits.Day), MonthOffset.Prev));
 			for (let day = 1; day <= daysInMonth; day++) cells.push(createCell(firstDayjsObject.date(day), MonthOffset.Current));
@@ -17919,7 +17927,8 @@ function Dialog(options) {
 	if (!inBrowser()) return Promise.resolve();
 	return new Promise((resolve) => {
 		Dialog.close();
-		const reactiveDialogOptions = (0, vue.reactive)(normalizeOptions$2(options));
+		const dialogOptions = normalizeOptions$2(options);
+		const reactiveDialogOptions = (0, vue.reactive)(dialogOptions);
 		reactiveDialogOptions.teleport = "body";
 		singletonOptions$2 = reactiveDialogOptions;
 		const { unmountInstance } = mountInstance(stdin_default$400, reactiveDialogOptions, {
@@ -18413,7 +18422,9 @@ var stdin_default$99 = stdin_default$397;
 var props$32 = {
 	expand: Boolean,
 	expandTrigger: String,
+	expandableOnOverflow: Boolean,
 	lineClamp: [Number, String],
+	tooltipOnOverflow: Boolean,
 	tooltip: {
 		type: [Object, Boolean],
 		default: true
@@ -18444,11 +18455,12 @@ var _hoisted_1$26 = { key: 0 };
 function __render__$53(_ctx, _cache) {
 	const _component_var_tooltip = (0, vue.resolveComponent)("var-tooltip");
 	return (0, vue.openBlock)(), (0, vue.createBlock)(_component_var_tooltip, (0, vue.mergeProps)({
+		ref: "rootRef",
 		class: _ctx.classes(_ctx.n(), [
 			_ctx.lineClamp,
 			_ctx.n("--clamp"),
 			_ctx.n("--line")
-		], [_ctx.expandTrigger, _ctx.n("--cursor")], [_ctx.expanding, _ctx.n("--expand")]),
+		], [_ctx.clickable, _ctx.n("--cursor")], [_ctx.expanding, _ctx.n("--expand")]),
 		"var-ellipsis-cover": "",
 		style: _ctx.rootStyles
 	}, _ctx.tooltipProps, { onClick: _ctx.handleClick }), {
@@ -18469,24 +18481,54 @@ var __sfc__$53 = (0, vue.defineComponent)({
 	components: { VarTooltip: stdin_default$99 },
 	props: props$32,
 	setup(props2) {
+		const rootRef = (0, vue.ref)(null);
+		const truncated = (0, vue.ref)(false);
 		const expanding = useVModel(props2, "expand");
+		let previousWidth;
+		const clickable = (0, vue.computed)(() => !!props2.expandTrigger && (!props2.expandableOnOverflow || truncated.value || expanding.value));
 		const rootStyles = (0, vue.computed)(() => props2.lineClamp ? { "-webkit-line-clamp": props2.lineClamp } : {});
 		const tooltipProps = (0, vue.computed)(() => {
-			if (props2.tooltip === false) return { disabled: true };
+			if (props2.tooltip === false || props2.tooltipOnOverflow && !truncated.value) return { disabled: true };
 			if (props2.tooltip === true) return { sameWidth: true };
 			return __spreadValues$13({ sameWidth: true }, props2.tooltip);
 		});
+		function getRootElement() {
+			var _a;
+			if (!rootRef.value) return null;
+			return (_a = rootRef.value.$el) != null ? _a : rootRef.value;
+		}
+		function checkTruncated() {
+			const element = getRootElement();
+			if (!element) return;
+			const next = props2.lineClamp ? element.scrollHeight > element.clientHeight : element.scrollWidth > element.clientWidth;
+			if (next !== truncated.value) truncated.value = next;
+		}
 		function handleClick() {
-			if (!props2.expandTrigger) return;
+			if (!clickable.value) return;
 			expanding.value = !expanding.value;
 		}
+		function handleResize(entries) {
+			var _a;
+			const width = (_a = entries[0]) == null ? void 0 : _a.contentRect.width;
+			if (width !== void 0 && width !== previousWidth && previousWidth !== void 0 && props2.expandableOnOverflow && expanding.value) expanding.value = false;
+			previousWidth = width;
+			checkTruncated();
+		}
+		useResizeObserver(getRootElement, handleResize);
+		(0, vue.watch)(() => props2.lineClamp, checkTruncated);
+		onSmartMounted(checkTruncated);
+		(0, vue.onUpdated)(checkTruncated);
 		return {
+			rootRef,
+			truncated,
+			clickable,
 			tooltipProps,
 			expanding,
 			rootStyles,
 			n: n$55,
 			classes: classes$44,
-			handleClick
+			handleClick,
+			handleResize
 		};
 	}
 });
@@ -20007,7 +20049,8 @@ function normalizeOptions$1(options = {}) {
 function ImagePreview(options) {
 	if (!inBrowser()) return;
 	ImagePreview.close();
-	const reactiveImagePreviewOptions = (0, vue.reactive)(normalizeOptions$1(options));
+	const imagePreviewOptions = normalizeOptions$1(options);
+	const reactiveImagePreviewOptions = (0, vue.reactive)(imagePreviewOptions);
 	reactiveImagePreviewOptions.teleport = "body";
 	singletonOptions$1 = reactiveImagePreviewOptions;
 	const { unmountInstance } = mountInstance(stdin_default$388, reactiveImagePreviewOptions, {
@@ -22303,7 +22346,8 @@ var singletonOptions;
 function Picker(options) {
 	return new Promise((resolve) => {
 		Picker.close();
-		const reactivePickerOptions = (0, vue.reactive)(isArray(options) ? { columns: options } : options);
+		const pickerOptions = isArray(options) ? { columns: options } : options;
+		const reactivePickerOptions = (0, vue.reactive)(pickerOptions);
 		reactivePickerOptions.dynamic = true;
 		reactivePickerOptions.teleport = "body";
 		singletonOptions = reactivePickerOptions;
@@ -22540,12 +22584,8 @@ var __sfc__$37 = (0, vue.defineComponent)({
 				const roundValue = clamp$1(Math.round(toNumber(value)), MIN, MAX);
 				const strokeOffset = `${(MAX - roundValue) / MAX * CIRCUMFERENCE}`;
 				const strokeWidth = toPxNum(lineWidth) / toPxNum(size) * diameter;
-				const beginPositionX = 0;
-				const beginPositionY = -20;
-				const endPositionX = 0;
-				const endPositionY = -2 * RADIUS;
-				const path = `M ${diameter / 2} ${diameter / 2} m ${beginPositionX} ${beginPositionY} a ${RADIUS} ${RADIUS} 
-        0 1 1 ${endPositionX} 40 a ${RADIUS} ${RADIUS} 0 1 1 0 ${endPositionY}`;
+				const path = `M ${diameter / 2} ${diameter / 2} m 0 -20 a ${RADIUS} ${RADIUS} 
+        0 1 1 0 40 a ${RADIUS} ${RADIUS} 0 1 1 0 -40`;
 				return {
 					strokeWidth,
 					viewBox,
@@ -25518,6 +25558,7 @@ var props$74 = {
 		type: Number,
 		default: 3e3
 	},
+	progress: Boolean,
 	elevation: {
 		type: [
 			Boolean,
@@ -25560,6 +25601,7 @@ var ICON_TYPE_DICT = {
 	loading: ""
 };
 function __render__$15(_ctx, _cache) {
+	var _a;
 	const _component_var_icon = (0, vue.resolveComponent)("var-icon");
 	const _component_var_loading = (0, vue.resolveComponent)("var-loading");
 	return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
@@ -25569,7 +25611,7 @@ function __render__$15(_ctx, _cache) {
 			zIndex: _ctx.zIndex
 		})
 	}, [(0, vue.createElementVNode)("div", {
-		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("wrapper"), _ctx.n(`wrapper-${_ctx.position}`), _ctx.formatElevation(_ctx.elevation, 4), [_ctx.vertical, _ctx.n("vertical")], [_ctx.type && _ctx.SNACKBAR_TYPE.includes(_ctx.type), _ctx.n(`wrapper-${_ctx.type}`)])),
+		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("wrapper"), _ctx.n(`wrapper-${_ctx.position}`), _ctx.formatElevation(_ctx.elevation, 4), [_ctx.vertical, _ctx.n("vertical")], [_ctx.showProgress, _ctx.n("wrapper--progress")], [_ctx.type && _ctx.SNACKBAR_TYPE.includes(_ctx.type), _ctx.n(`wrapper-${_ctx.type}`)])),
 		style: (0, vue.normalizeStyle)({ zIndex: _ctx.zIndex })
 	}, [
 		(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([_ctx.n("content"), _ctx.contentClass]) }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(_ctx.content), 1)])], 2),
@@ -25598,7 +25640,15 @@ function __render__$15(_ctx, _cache) {
 		_ctx.$slots.action ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 			key: 1,
 			class: (0, vue.normalizeClass)(_ctx.n("action"))
-		}, [(0, vue.renderSlot)(_ctx.$slots, "action")], 2)) : (0, vue.createCommentVNode)("v-if", true)
+		}, [(0, vue.renderSlot)(_ctx.$slots, "action")], 2)) : (0, vue.createCommentVNode)("v-if", true),
+		_ctx.showProgress ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+			key: (_a = _ctx.countdown) == null ? void 0 : _a.id,
+			class: (0, vue.normalizeClass)(_ctx.n("progress")),
+			"aria-hidden": "true"
+		}, [(0, vue.createElementVNode)("div", {
+			class: (0, vue.normalizeClass)(_ctx.n("progress-bar")),
+			style: (0, vue.normalizeStyle)(_ctx.progressStyle)
+		}, null, 6)], 2)) : (0, vue.createCommentVNode)("v-if", true)
 	], 6)], 6)), [[vue.vShow, _ctx.show]]);
 }
 var __sfc__$15 = (0, vue.defineComponent)({
@@ -25609,7 +25659,9 @@ var __sfc__$15 = (0, vue.defineComponent)({
 	},
 	props: props$74,
 	setup(props2) {
-		const timer = (0, vue.ref)(null);
+		let timer;
+		let countdownId = 0;
+		const countdown = (0, vue.shallowRef)();
 		const { zIndex } = useZIndex(() => props2.show, 1);
 		useLock(() => props2.show, () => props2.lockScroll);
 		const isForbidClick = (0, vue.computed)(() => {
@@ -25617,35 +25669,57 @@ var __sfc__$15 = (0, vue.defineComponent)({
 			return type === "loading" || forbidClick;
 		});
 		const iconName = (0, vue.computed)(() => !props2.type ? "" : ICON_TYPE_DICT[props2.type]);
+		const showProgress = (0, vue.computed)(() => props2.progress && countdown.value !== void 0 && countdown.value.duration > 0 && Number.isFinite(countdown.value.duration));
+		const progressStyle = (0, vue.computed)(() => {
+			if (!props2.progress || !countdown.value) return;
+			const { duration, startedAt } = countdown.value;
+			return {
+				animationDuration: `${duration}ms`,
+				animationDelay: `${-Math.max(0, Date.now() - startedAt)}ms`
+			};
+		});
+		function clearCountdown() {
+			clearTimeout(timer);
+			timer = void 0;
+			countdown.value = void 0;
+		}
 		function updateAfterDuration() {
-			timer.value = setTimeout(() => {
-				if (props2.type !== "loading") call(props2["onUpdate:show"], false);
+			clearCountdown();
+			if (!props2.show || props2.type === "loading") return;
+			countdown.value = {
+				id: countdownId++,
+				duration: props2.duration,
+				startedAt: Date.now()
+			};
+			timer = setTimeout(() => {
+				clearCountdown();
+				call(props2["onUpdate:show"], false);
 			}, props2.duration);
 		}
 		(0, vue.watch)(() => props2.show, (show) => {
-			if (show) {
-				call(props2.onOpen);
-				updateAfterDuration();
-			} else {
-				clearTimeout(timer.value);
-				call(props2.onClose);
-			}
-		});
-		(0, vue.watch)(() => props2._update, () => {
-			clearTimeout(timer.value);
-			updateAfterDuration();
+			if (show) call(props2.onOpen);
+			else call(props2.onClose);
 		});
+		(0, vue.watch)([
+			() => props2.show,
+			() => props2.type === "loading",
+			() => props2._update
+		], updateAfterDuration);
 		onSmartMounted(() => {
 			if (props2.show) {
 				call(props2.onOpen);
 				updateAfterDuration();
 			}
 		});
+		(0, vue.onUnmounted)(clearCountdown);
 		return {
 			SNACKBAR_TYPE,
 			zIndex,
 			iconName,
 			isForbidClick,
+			countdown,
+			showProgress,
+			progressStyle,
 			n: n$17,
 			classes: classes$13,
 			formatElevation
@@ -25737,6 +25811,7 @@ var defaultOptionsValue = {
 	action: "",
 	position: "top",
 	duration: 3e3,
+	progress: false,
 	elevation: true,
 	vertical: false,
 	contentClass: void 0,
@@ -25917,12 +25992,15 @@ function computeMargin(y, x, options) {
 			"flex-end",
 			"start",
 			"end"
-		].includes(justify)) if (index !== lastIndex) margin = `${half(y)} ${x} ${half(y)} 0`;
-		else margin = `${half(y)} 0`;
-		else if (justify === "space-around") margin = `${half(y)} ${half(x)}`;
-		else if (justify === "space-between") if (index === 0) margin = `${half(y)} ${half(x)} ${half(y)} 0`;
-		else if (index === lastIndex) margin = `${half(y)} 0 ${half(y)} ${half(x)}`;
-		else margin = `${half(y)} ${half(x)}`;
+		].includes(justify)) {
+			if (index !== lastIndex) margin = `${half(y)} ${x} ${half(y)} 0`;
+			else margin = `${half(y)} 0`;
+		} else if (justify === "space-around") margin = `${half(y)} ${half(x)}`;
+		else if (justify === "space-between") {
+			if (index === 0) margin = `${half(y)} ${half(x)} ${half(y)} 0`;
+			else if (index === lastIndex) margin = `${half(y)} 0 ${half(y)} ${half(x)}`;
+			else margin = `${half(y)} ${half(x)}`;
+		}
 	}
 	if (direction === "column" && index !== lastIndex) margin = `0 0 ${y} 0`;
 	return margin;
@@ -32877,7 +32955,7 @@ var _WatermarkComponent = stdin_default$108;
 var stdin_default$102 = stdin_default$108;
 //#endregion
 //#region es/index.bundle.mjs
-var version = "3.20.6";
+var version = "3.20.8";
 function install(app) {
 	stdin_default.install && app.use(stdin_default);
 	stdin_default$1.install && app.use(stdin_default$1);