niuma-ui 1.3.8 → 2.0.0

package/dist/components/date-picker/src/RsDatePicker.js

@@ -0,0 +1,10 @@
+import './RsDatePicker.css'
+import './RsDatePicker-1.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import RsDatePicker_vue_vue_type_script_setup_true_lang_default from "./RsDatePicker.impl.js";
+
+
+//#region src/components/date-picker/src/RsDatePicker.vue
+var RsDatePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDatePicker_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-82aed16d"]]);
+//#endregion
+export { RsDatePicker_default as default };

package/dist/components/date-picker/src/RsDateTimePicker.d.ts

@@ -0,0 +1,50 @@
+import type { RsComponentSize } from '../../../theme/types';
+import type { RsDatePickerModelValue, RsDatePickerShortcut, RsDatePickerValueFormat, RsDateRangeValue } from './date-picker-utils';
+export type RsDateTimeRangeValue = RsDateRangeValue;
+export type RsDateTimePickerLabelPosition = 'top' | 'left';
+export type { RsDatePickerModelValue, RsDatePickerShortcut, RsDatePickerValueFormat, };
+type __VLS_Props = {
+    label?: string;
+    hint?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    range?: boolean;
+    withSeconds?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    /**
+     * 绑定值格式（展示仍为墙钟）。
+     * string：YYYY-MM-DD HH:mm:ss；timestamp：毫秒；iso：本地偏移 RFC3339；
+     * 亦可传入 dayjs 模板。
+     */
+    valueFormat?: RsDatePickerValueFormat;
+    labelPosition?: RsDateTimePickerLabelPosition;
+    shortcuts?: RsDatePickerShortcut[];
+    size?: RsComponentSize;
+    id?: string;
+    invalid?: boolean;
+    showValidateMessage?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: RsDatePickerModelValue;
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: RsDatePickerModelValue) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: RsDatePickerModelValue) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    required: boolean;
+    disabled: boolean;
+    range: boolean;
+    showValidateMessage: boolean;
+    labelPosition: RsDateTimePickerLabelPosition;
+    withSeconds: boolean;
+    valueFormat: RsDatePickerValueFormat;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/date-picker/src/RsDateTimePicker.impl.js

@@ -0,0 +1,70 @@
+import RsDatePicker_default from "./RsDatePicker.js";
+import { createBlock, defineComponent, mergeModels, mergeProps, openBlock, useModel } from "vue";
+//#region src/components/date-picker/src/RsDateTimePicker.vue?vue&type=script&setup=true&lang.ts
+var RsDateTimePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsDateTimePicker",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		hint: {},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		range: {
+			type: Boolean,
+			default: false
+		},
+		withSeconds: {
+			type: Boolean,
+			default: false
+		},
+		minDate: {},
+		maxDate: {},
+		valueFormat: { default: "string" },
+		labelPosition: { default: "top" },
+		shortcuts: {},
+		size: {},
+		id: {},
+		invalid: { type: Boolean },
+		showValidateMessage: {
+			type: Boolean,
+			default: true
+		}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {},
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: ["update:modelValue", "update:open"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const open = useModel(__props, "open");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RsDatePicker_default, mergeProps(_ctx.$props, {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				open: open.value,
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+				"with-time": "",
+				"with-seconds": __props.withSeconds,
+				"value-format": __props.valueFormat
+			}), null, 16, [
+				"modelValue",
+				"open",
+				"with-seconds",
+				"value-format"
+			]);
+		};
+	}
+});
+//#endregion
+export { RsDateTimePicker_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/date-picker/src/RsDateTimePicker.js

@@ -0,0 +1,5 @@
+import RsDateTimePicker_vue_vue_type_script_setup_true_lang_default from "./RsDateTimePicker.impl.js";
+//#region src/components/date-picker/src/RsDateTimePicker.vue
+var RsDateTimePicker_default = RsDateTimePicker_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsDateTimePicker_default as default };

package/dist/components/date-picker/src/date-picker-utils.js

@@ -0,0 +1,270 @@
+import { RS_DATETIME_FORMAT, RS_DATE_FORMAT, RS_TIME_MINUTE_FORMAT, RS_TIME_SECONDS_FORMAT, dayjs, parseRsDateTimeDayjs, parseRsDayjs } from "../../../utils/rs-dayjs.js";
+//#region src/components/date-picker/src/date-picker-utils.ts
+/** valueFormat 预设：string 墙钟、timestamp 毫秒、iso 本地偏移 RFC3339 */
+var RS_DATE_PICKER_VALUE_FORMAT_PRESETS = [
+	"string",
+	"timestamp",
+	"iso"
+];
+/** 将毫秒时间戳格式化为组件内部日期时间字符串 */
+function formatTimestampValue(ms, withTime = true) {
+	const parsed = dayjs(ms);
+	return withTime ? parsed.format(RS_DATETIME_FORMAT) : parsed.format(RS_DATE_FORMAT);
+}
+/** 将组件内部日期/日期时间字符串解析为毫秒时间戳 */
+function parseTimestampValue(value) {
+	if (!value) return null;
+	const parsed = parseRsDateTimeDayjs(value) ?? parseRsDayjs(value);
+	return parsed ? parsed.valueOf() : null;
+}
+function parsePickerDayjs(value) {
+	return parseRsDateTimeDayjs(value) ?? parseRsDayjs(value);
+}
+function isTimestampFormat(valueFormat) {
+	return valueFormat === "timestamp";
+}
+function isIsoFormat(valueFormat) {
+	return valueFormat === "iso";
+}
+function isStringFormat(valueFormat) {
+	return valueFormat === "string" || valueFormat === "";
+}
+/**
+* 将对外 v-model 规范为控件内部墙钟字符串（`YYYY-MM-DD` / `YYYY-MM-DD HH:mm:ss`）。
+* 解析 ISO 时去掉 Z/偏移，按墙钟分量展示，不按浏览器时区换算。
+* @param value - 对外绑定值（字符串、毫秒时间戳或空）
+* @param options - valueFormat 与是否含时分秒
+* @returns 内部墙钟字符串；无法解析时尽量原样返回
+*/
+function toInternalPickerValue(value, options) {
+	if (value == null || value === "") return "";
+	if (typeof value === "number") return formatTimestampValue(value, options.withTime);
+	if (typeof value !== "string") return "";
+	const format = options.valueFormat || "string";
+	if (!isStringFormat(format) && !isTimestampFormat(format) && !isIsoFormat(format)) {
+		const strict = dayjs(value, format, true);
+		if (strict.isValid()) return options.withTime ? strict.format(RS_DATETIME_FORMAT) : strict.format(RS_DATE_FORMAT);
+	}
+	const parsed = parsePickerDayjs(value);
+	if (!parsed) return value;
+	return options.withTime ? parsed.format(RS_DATETIME_FORMAT) : parsed.format(RS_DATE_FORMAT);
+}
+/**
+* 将控件内部墙钟字符串转为对外 valueFormat。
+* iso 空值返回 null，避免 JSON `""` 无法绑定到 Go `time.Time`。
+* @param internal - 内部墙钟字符串
+* @param options - valueFormat 与是否含时分秒
+* @returns 字符串、毫秒时间戳或 null
+*/
+function fromInternalPickerValue(internal, options) {
+	const format = options.valueFormat || "string";
+	if (!internal) return isTimestampFormat(format) || isIsoFormat(format) ? null : "";
+	if (isTimestampFormat(format)) return parseTimestampValue(internal);
+	if (isStringFormat(format)) return internal;
+	const parsed = parsePickerDayjs(internal);
+	if (!parsed) return internal;
+	if (isIsoFormat(format)) return `${options.withTime ? parsed.format("YYYY-MM-DDTHH:mm:ss") : parsed.format("YYYY-MM-DDT00:00:00")}${parsed.format("Z")}`;
+	return parsed.format(format);
+}
+/**
+* 将 fromInternalPickerValue 的结果写入 range.start/end（范围端点始终为字符串）。
+* @param value - 转换后的端点
+* @returns 范围对象可用的字符串；空为 `''`
+*/
+function toRangeEndpointString(value) {
+	if (value == null) return "";
+	return typeof value === "number" ? String(value) : value;
+}
+/** 判断是否为时间戳范围元组 */
+function isTimestampRange(value) {
+	return Array.isArray(value) && value.length === 2 && typeof value[0] === "number" && typeof value[1] === "number";
+}
+/** 将快捷项返回值规范为内部 string / RsDateRangeValue */
+function normalizeShortcutValue(next, options) {
+	const withTime = options?.withTime ?? true;
+	if (typeof next === "number") return formatTimestampValue(next, withTime);
+	if (isTimestampRange(next)) return {
+		start: formatTimestampValue(next[0], withTime),
+		end: formatTimestampValue(next[1], withTime)
+	};
+	if (typeof next === "string") return next || null;
+	if (next && typeof next === "object") return { ...next };
+	return null;
+}
+var EMPTY_DATE_RANGE = {};
+function parseDateValue(value) {
+	const parsed = parseRsDayjs(value);
+	if (!parsed) return null;
+	return {
+		year: parsed.year(),
+		month: parsed.month() + 1,
+		day: parsed.date()
+	};
+}
+function parseDateTimeValue(value) {
+	const parsed = parseRsDateTimeDayjs(value);
+	if (!parsed) return null;
+	return {
+		year: parsed.year(),
+		month: parsed.month() + 1,
+		day: parsed.date(),
+		hour: parsed.hour(),
+		minute: parsed.minute(),
+		second: parsed.second()
+	};
+}
+function formatDateValue(value) {
+	const parsed = parseRsDayjs(value);
+	return parsed ? parsed.format(RS_DATE_FORMAT) : value ?? "";
+}
+function formatDateParts(date) {
+	return dayjs().year(date.year).month(date.month - 1).date(date.day).format(RS_DATE_FORMAT);
+}
+function formatDateTimeValue(value) {
+	const parsed = parseRsDateTimeDayjs(value);
+	return parsed ? parsed.format(RS_DATETIME_FORMAT) : value ?? "";
+}
+function formatDateTimeParts(date, time, withSeconds = true) {
+	const dateText = formatDateParts(date);
+	const formats = withSeconds ? [`${RS_DATE_FORMAT} ${RS_TIME_SECONDS_FORMAT}`, `${RS_DATE_FORMAT} ${RS_TIME_MINUTE_FORMAT}`] : [`${RS_DATE_FORMAT} ${RS_TIME_MINUTE_FORMAT}`];
+	for (const format of formats) {
+		const parsed = dayjs(`${dateText} ${time}`, format, true);
+		if (parsed.isValid()) return parsed.format(withSeconds ? RS_DATETIME_FORMAT : `${RS_DATE_FORMAT} ${RS_TIME_MINUTE_FORMAT}`);
+	}
+	return null;
+}
+function extractTimeFromDateTime(value, withSeconds = true) {
+	const parsed = parseRsDateTimeDayjs(value);
+	if (!parsed) return withSeconds ? "00:00:00" : "00:00";
+	return parsed.format(withSeconds ? RS_TIME_SECONDS_FORMAT : RS_TIME_MINUTE_FORMAT);
+}
+function isDateRangeOrdered(range) {
+	if (!range.start || !range.end) return true;
+	const start = parseRsDateTimeDayjs(range.start) ?? parseRsDayjs(range.start);
+	const end = parseRsDateTimeDayjs(range.end) ?? parseRsDayjs(range.end);
+	if (!start || !end) return range.start <= range.end;
+	return start.isSame(end) || start.isBefore(end);
+}
+var isDateTimeRangeOrdered = isDateRangeOrdered;
+function formatDateRangeDisplay(range, options) {
+	const separator = options?.separator ?? " ~ ";
+	const format = options?.datetime ? formatDateTimeDisplay : formatDateDisplay;
+	const start = range.start ? format(range.start) : "";
+	const end = range.end ? format(range.end) : "";
+	if (start && end) return `${start}${separator}${end}`;
+	return start || end;
+}
+function formatDateDisplay(value) {
+	return formatDateValue(value);
+}
+function formatDateTimeDisplay(value) {
+	return formatDateTimeValue(value);
+}
+function formatDateRangeLabel(range, separator = " ~ ") {
+	return formatDateRangeDisplay(range, { separator });
+}
+function formatDateTimeRangeLabel(range, separator = " ~ ") {
+	return formatDateRangeDisplay(range, {
+		separator,
+		datetime: true
+	});
+}
+function getTodayDate() {
+	const today = dayjs();
+	return {
+		year: today.year(),
+		month: today.month() + 1,
+		day: today.date()
+	};
+}
+function getNowDateTime() {
+	const now = dayjs();
+	return {
+		year: now.year(),
+		month: now.month() + 1,
+		day: now.date(),
+		hour: now.hour(),
+		minute: now.minute(),
+		second: now.second()
+	};
+}
+function getNextMonth(year, month) {
+	const next = dayjs().year(year).month(month - 1).add(1, "month");
+	return {
+		year: next.year(),
+		month: next.month() + 1
+	};
+}
+function getDaysInMonth(year, month) {
+	return dayjs().year(year).month(month - 1).daysInMonth();
+}
+function dateToNumber(year, month, day) {
+	return year * 1e4 + month * 100 + day;
+}
+function parseDateToNumber(value) {
+	const parsed = parseDateValue(value);
+	if (!parsed) return null;
+	return dateToNumber(parsed.year, parsed.month, parsed.day);
+}
+function compareDates(a, b) {
+	return dateToNumber(a.year, a.month, a.day) - dateToNumber(b.year, b.month, b.day);
+}
+function isSameDate(a, b) {
+	return a.year === b.year && a.month === b.month && a.day === b.day;
+}
+function isDateBetweenParsed(cell, start, end) {
+	const value = dateToNumber(cell.year, cell.month, cell.day);
+	const from = dateToNumber(start.year, start.month, start.day);
+	const to = dateToNumber(end.year, end.month, end.day);
+	return value >= Math.min(from, to) && value <= Math.max(from, to);
+}
+function isDateWithinBounds(year, month, day, options = {}) {
+	const candidate = dateToNumber(year, month, day);
+	if (options.minDate) {
+		const min = parseDateToNumber(options.minDate);
+		if (min !== null && candidate < min) return false;
+	}
+	if (options.maxDate) {
+		const max = parseDateToNumber(options.maxDate);
+		if (max !== null && candidate > max) return false;
+	}
+	return true;
+}
+function isDateRangeEmpty(value) {
+	return !value.start && !value.end;
+}
+function buildCalendarGrid(year, month, weekStartsOn = 1) {
+	const daysInMonth = getDaysInMonth(year, month);
+	const leading = (dayjs().year(year).month(month - 1).date(1).day() - weekStartsOn + 7) % 7;
+	const prevMonth = month === 1 ? 12 : month - 1;
+	const prevYear = month === 1 ? year - 1 : year;
+	const daysInPrevMonth = getDaysInMonth(prevYear, prevMonth);
+	const cells = [];
+	for (let index = leading; index > 0; index -= 1) cells.push({
+		year: prevYear,
+		month: prevMonth,
+		day: daysInPrevMonth - index + 1,
+		inCurrentMonth: false
+	});
+	for (let day = 1; day <= daysInMonth; day += 1) cells.push({
+		year,
+		month,
+		day,
+		inCurrentMonth: true
+	});
+	const nextMonth = month === 12 ? 1 : month + 1;
+	const nextYear = month === 12 ? year + 1 : year;
+	let nextDay = 1;
+	while (cells.length < 42) {
+		cells.push({
+			year: nextYear,
+			month: nextMonth,
+			day: nextDay,
+			inCurrentMonth: false
+		});
+		nextDay += 1;
+	}
+	return cells;
+}
+//#endregion
+export { EMPTY_DATE_RANGE, RS_DATE_PICKER_VALUE_FORMAT_PRESETS, buildCalendarGrid, compareDates, dateToNumber, extractTimeFromDateTime, formatDateDisplay, formatDateParts, formatDateRangeDisplay, formatDateRangeLabel, formatDateTimeDisplay, formatDateTimeParts, formatDateTimeRangeLabel, formatDateTimeValue, formatDateValue, formatTimestampValue, fromInternalPickerValue, getDaysInMonth, getNextMonth, getNowDateTime, getTodayDate, isDateBetweenParsed, isDateRangeEmpty, isDateRangeOrdered, isDateTimeRangeOrdered, isDateWithinBounds, isSameDate, isTimestampRange, normalizeShortcutValue, parseDateTimeValue, parseDateToNumber, parseDateValue, parseTimestampValue, toInternalPickerValue, toRangeEndpointString };

package/dist/components/date-picker/src/date-range-validation.js

@@ -0,0 +1,16 @@
+import { isDateRangeOrdered } from "./date-picker-utils.js";
+//#region src/components/date-picker/src/date-range-validation.ts
+function validateDateRangeValue(value, rules = {}) {
+	if (rules.required && (!value.start || !value.end)) return {
+		valid: false,
+		error: "required"
+	};
+	if (rules.ordered !== false && !isDateRangeOrdered(value)) return {
+		valid: false,
+		error: "order"
+	};
+	return { valid: true };
+}
+var validateDateTimeRangeValue = validateDateRangeValue;
+//#endregion
+export { validateDateRangeValue, validateDateTimeRangeValue };

package/dist/components/date-picker/src/date-validation.js

@@ -0,0 +1,46 @@
+import { parseRsDateTimeDayjs, parseRsDayjs } from "../../../utils/rs-dayjs.js";
+//#region src/components/date-picker/src/date-validation.ts
+function validateDateValue(value, rules = {}) {
+	if (!value) return rules.required ? {
+		valid: false,
+		error: "required"
+	} : { valid: true };
+	const parsed = parseRsDayjs(value);
+	if (!parsed) return {
+		valid: false,
+		error: "format"
+	};
+	const canonical = parsed.format("YYYY-MM-DD");
+	if (rules.min && canonical < rules.min) return {
+		valid: false,
+		error: "min"
+	};
+	if (rules.max && canonical > rules.max) return {
+		valid: false,
+		error: "max"
+	};
+	return { valid: true };
+}
+function validateDateTimeValue(value, rules = {}) {
+	if (!value) return rules.required ? {
+		valid: false,
+		error: "required"
+	} : { valid: true };
+	const parsed = parseRsDateTimeDayjs(value);
+	if (!parsed) return {
+		valid: false,
+		error: "format"
+	};
+	const canonical = parsed.format("YYYY-MM-DD HH:mm:ss");
+	if (rules.min && canonical < rules.min) return {
+		valid: false,
+		error: "min"
+	};
+	if (rules.max && canonical > rules.max) return {
+		valid: false,
+		error: "max"
+	};
+	return { valid: true };
+}
+//#endregion
+export { validateDateTimeValue, validateDateValue };

package/dist/components/descriptions/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RsDescriptions } from './src/RsDescriptions.js';
+export { default as RsDescriptionsItem } from './src/RsDescriptionsItem.js';
+export type { RsDescriptionsItem as RsDescriptionsItemData, RsDescriptionsLabelPlacement, RsDescriptionsSize, } from './src/descriptions-utils';

package/dist/components/descriptions/src/RsDescriptions.d.ts

@@ -0,0 +1,34 @@
+import type { RsRadius } from '../../../theme/types';
+import { type RsDescriptionsItem, type RsDescriptionsLabelPlacement, type RsDescriptionsSize } from './descriptions-utils';
+type __VLS_Props = {
+    title?: string;
+    items?: RsDescriptionsItem[];
+    columns?: number;
+    labelPlacement?: RsDescriptionsLabelPlacement;
+    bordered?: boolean;
+    /** 未传时优先 Form / RsConfigProvider.controlSize，再回退 md */
+    size?: RsDescriptionsSize;
+    radius?: RsRadius;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_6: `item-${string}` | `item-${number}`, __VLS_7: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    columns: number;
+    items: RsDescriptionsItem[];
+    bordered: boolean;
+    labelPlacement: RsDescriptionsLabelPlacement;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/descriptions/src/RsDescriptions.impl.js

@@ -0,0 +1,69 @@
+import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
+import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
+import { RS_DESCRIPTIONS_KEY } from "./descriptions-utils.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, renderList, renderSlot, toDisplayString } from "vue";
+//#region src/components/descriptions/src/RsDescriptions.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rs-descriptions__header"
+};
+var _hoisted_2 = { class: "rs-descriptions__label" };
+var _hoisted_3 = { class: "rs-descriptions__value" };
+var RsDescriptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsDescriptions",
+	props: {
+		title: {},
+		items: { default: () => [] },
+		columns: { default: 3 },
+		labelPlacement: { default: "left" },
+		bordered: {
+			type: Boolean,
+			default: true
+		},
+		size: {},
+		radius: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const resolvedRadius = useResolvedRsRadius(() => props.radius, "md");
+		provide(RS_DESCRIPTIONS_KEY, {
+			get labelPlacement() {
+				return props.labelPlacement;
+			},
+			get bordered() {
+				return props.bordered;
+			},
+			get size() {
+				return resolvedSize.value;
+			},
+			get columns() {
+				return props.columns;
+			}
+		});
+		const rootClass = computed(() => [
+			"rs-descriptions",
+			`rs-descriptions--${resolvedSize.value}`,
+			`rs-descriptions--${props.labelPlacement}`,
+			{ "rs-descriptions--bordered": props.bordered }
+		]);
+		const gridStyle = computed(() => ({
+			"--rs-descriptions-columns": String(props.columns),
+			"--rs-descriptions-radius-local": rsRadiusCss(resolvedRadius.value)
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(rootClass.value) }, [__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])])) : createCommentVNode("", true), createElementVNode("div", {
+				class: "rs-descriptions__body",
+				style: normalizeStyle(gridStyle.value)
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: item.key ?? index,
+					class: "rs-descriptions__item",
+					style: normalizeStyle({ gridColumn: `span ${Math.min(item.span ?? 1, __props.columns)}` })
+				}, [createElementVNode("div", _hoisted_2, toDisplayString(item.label), 1), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, `item-${item.key ?? index}`, {}, () => [createTextVNode(toDisplayString(item.value ?? "—"), 1)])])], 4);
+			}), 128))])], 4)], 2);
+		};
+	}
+});
+//#endregion
+export { RsDescriptions_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/descriptions/src/RsDescriptions.js

@@ -0,0 +1,7 @@
+import './RsDescriptions.css'
+import RsDescriptions_vue_vue_type_script_setup_true_lang_default from "./RsDescriptions.impl.js";
+
+//#region src/components/descriptions/src/RsDescriptions.vue
+var RsDescriptions_default = RsDescriptions_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsDescriptions_default as default };

package/dist/components/descriptions/src/RsDescriptionsItem.impl.js

@@ -0,0 +1,26 @@
+import { RS_DESCRIPTIONS_KEY } from "./descriptions-utils.js";
+import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, normalizeStyle, openBlock, renderSlot, toDisplayString } from "vue";
+//#region src/components/descriptions/src/RsDescriptionsItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-descriptions__label" };
+var _hoisted_2 = { class: "rs-descriptions__value" };
+var RsDescriptionsItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsDescriptionsItem",
+	props: {
+		label: {},
+		span: { default: 1 }
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = inject(RS_DESCRIPTIONS_KEY, null);
+		const columns = computed(() => ctx?.columns ?? 3);
+		const spanStyle = computed(() => ({ gridColumn: `span ${Math.min(props.span, columns.value)}` }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "rs-descriptions__item",
+				style: normalizeStyle(spanStyle.value)
+			}, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])]), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 4);
+		};
+	}
+});
+//#endregion
+export { RsDescriptionsItem_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/descriptions/src/RsDescriptionsItem.js

@@ -0,0 +1,5 @@
+import RsDescriptionsItem_vue_vue_type_script_setup_true_lang_default from "./RsDescriptionsItem.impl.js";
+//#region src/components/descriptions/src/RsDescriptionsItem.vue
+var RsDescriptionsItem_default = RsDescriptionsItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsDescriptionsItem_default as default };

package/dist/components/descriptions/src/descriptions-utils.d.ts

@@ -0,0 +1,18 @@
+import type { InjectionKey } from 'vue';
+import type { RsComponentSize } from '../../../theme/types';
+/** Descriptions 尺寸与全局控件尺寸对齐：ssm / sm / md / lg */
+export type RsDescriptionsSize = RsComponentSize;
+export type RsDescriptionsLabelPlacement = 'left' | 'top';
+export type RsDescriptionsItem = {
+    label: string;
+    value?: string | number | null;
+    span?: number;
+    key?: string | number;
+};
+export type RsDescriptionsContext = {
+    labelPlacement: RsDescriptionsLabelPlacement;
+    bordered: boolean;
+    size: RsDescriptionsSize;
+    columns: number;
+};
+export declare const RS_DESCRIPTIONS_KEY: InjectionKey<RsDescriptionsContext>;

package/dist/components/descriptions/src/descriptions-utils.js

@@ -0,0 +1,4 @@
+//#region src/components/descriptions/src/descriptions-utils.ts
+var RS_DESCRIPTIONS_KEY = Symbol("rs-descriptions");
+//#endregion
+export { RS_DESCRIPTIONS_KEY };

package/dist/components/dialog/index.d.ts

@@ -0,0 +1,4 @@
+export { default as RsDialog } from './src/RsDialog.js';
+export { default as RsConfirmDialog } from './src/RsConfirmDialog.js';
+export type { RsConfirmBeforeClose, RsConfirmCloseReason, RsConfirmOptions, RsDialogBeforeClose, RsDialogCloseReason, RsDialogLayout, RsDialogWidth, RsDialogWidthPreset, } from './src/dialog-utils';
+export { isRsDialogWidthPreset, resolveDialogOverlayStyle, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsConfirmBeforeClose, runRsDialogBeforeClose, } from './src/dialog-utils';