niuma-ui 1.3.8 → 2.0.0

package/dist/components/calendar-grid/src/RsCalendarGrid.css

@@ -0,0 +1,99 @@
+
+.rs-calendar-grid[data-v-35786efd] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rs-space-sm);
+}
+.rs-calendar-grid__header[data-v-35786efd] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--rs-space-sm);
+}
+.rs-calendar-grid__nav-group[data-v-35786efd] {
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
+}
+.rs-calendar-grid__title[data-v-35786efd] {
+  flex: 1;
+  min-width: 0;
+  text-align: center;
+  font-size: var(--rs-font-size-sm);
+  font-weight: var(--rs-font-weight-semibold);
+  color: var(--rs-text);
+}
+.rs-calendar-grid__nav[data-v-35786efd] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border: 0;
+  border-radius: var(--rs-radius-sm);
+  background: transparent;
+  color: var(--rs-muted);
+  cursor: pointer;
+  transition: background var(--rs-transition-fast), color var(--rs-transition-fast);
+}
+.rs-calendar-grid__nav[data-v-35786efd]:hover {
+  background: var(--rs-surface-hover);
+  color: var(--rs-text);
+}
+.rs-calendar-grid__table[data-v-35786efd] {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 2px;
+  table-layout: fixed;
+}
+.rs-calendar-grid__weekday[data-v-35786efd] {
+  padding: 0.125rem 0;
+  text-align: center;
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-medium);
+  color: var(--rs-muted);
+}
+.rs-calendar-grid__day[data-v-35786efd] {
+  padding: 0;
+  text-align: center;
+  vertical-align: middle;
+}
+.rs-calendar-grid__cell[data-v-35786efd] {
+  width: 100%;
+  height: 2rem;
+  border: 0;
+  border-radius: var(--rs-radius-sm);
+  background: transparent;
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-sm);
+  cursor: pointer;
+  transition:
+    background var(--rs-transition-fast),
+    color var(--rs-transition-fast);
+}
+.rs-calendar-grid__cell[data-v-35786efd]:hover:not(:disabled) {
+  background: var(--rs-item-hover);
+}
+.rs-calendar-grid__cell--outside[data-v-35786efd] {
+  color: var(--rs-placeholder);
+}
+.rs-calendar-grid__cell--endpoint[data-v-35786efd],
+.rs-calendar-grid__cell--selected[data-v-35786efd] {
+  background: var(--rs-primary);
+  color: var(--rs-primary-foreground);
+}
+.rs-calendar-grid__cell--in-range[data-v-35786efd] {
+  border-radius: 0;
+  background: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+  color: var(--rs-primary);
+}
+.rs-calendar-grid__cell--range-start[data-v-35786efd]:not(.rs-calendar-grid__cell--range-end) {
+  border-radius: var(--rs-radius-sm) 0 0 var(--rs-radius-sm);
+}
+.rs-calendar-grid__cell--range-end[data-v-35786efd]:not(.rs-calendar-grid__cell--range-start) {
+  border-radius: 0 var(--rs-radius-sm) var(--rs-radius-sm) 0;
+}
+.rs-calendar-grid__cell[data-v-35786efd]:disabled {
+  opacity: 0.38;
+  cursor: not-allowed;
+}

package/dist/components/calendar-grid/src/RsCalendarGrid.d.ts

@@ -0,0 +1,30 @@
+import { type RsParsedDate } from '../../date-picker/src/date-picker-utils';
+type __VLS_Props = {
+    selected?: RsParsedDate | null;
+    rangeStart?: RsParsedDate | null;
+    rangeEnd?: RsParsedDate | null;
+    minDate?: string;
+    maxDate?: string;
+    disabledDates?: string[];
+};
+type __VLS_ModelProps = {
+    'viewYear': number;
+    'viewMonth': number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (date: RsParsedDate) => any;
+    "update:viewYear": (value: number) => any;
+    "update:viewMonth": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((date: RsParsedDate) => any) | undefined;
+    "onUpdate:viewYear"?: ((value: number) => any) | undefined;
+    "onUpdate:viewMonth"?: ((value: number) => any) | undefined;
+}>, {
+    selected: RsParsedDate | null;
+    rangeStart: RsParsedDate | null;
+    rangeEnd: RsParsedDate | null;
+    disabledDates: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/calendar-grid/src/RsCalendarGrid.impl.js

@@ -0,0 +1,182 @@
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import RsIcon_default from "../../icon/src/RsIcon.js";
+import { buildCalendarGrid, formatDateParts, isDateBetweenParsed, isDateWithinBounds, isSameDate } from "../../date-picker/src/date-picker-utils.js";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, toDisplayString, unref, useModel } from "vue";
+//#region src/components/calendar-grid/src/RsCalendarGrid.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-calendar-grid" };
+var _hoisted_2 = { class: "rs-calendar-grid__header" };
+var _hoisted_3 = { class: "rs-calendar-grid__nav-group" };
+var _hoisted_4 = ["aria-label"];
+var _hoisted_5 = ["aria-label"];
+var _hoisted_6 = { class: "rs-calendar-grid__title" };
+var _hoisted_7 = { class: "rs-calendar-grid__nav-group" };
+var _hoisted_8 = ["aria-label"];
+var _hoisted_9 = ["aria-label"];
+var _hoisted_10 = { class: "rs-calendar-grid__table" };
+var _hoisted_11 = ["disabled", "onClick"];
+var RsCalendarGrid_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsCalendarGrid",
+	props: /*@__PURE__*/ mergeModels({
+		selected: { default: null },
+		rangeStart: { default: null },
+		rangeEnd: { default: null },
+		minDate: {},
+		maxDate: {},
+		disabledDates: { default: () => [] }
+	}, {
+		"viewYear": { required: true },
+		"viewYearModifiers": {},
+		"viewMonth": { required: true },
+		"viewMonthModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["select"], ["update:viewYear", "update:viewMonth"]),
+	setup(__props, { emit: __emit }) {
+		const viewYear = useModel(__props, "viewYear");
+		const viewMonth = useModel(__props, "viewMonth");
+		const props = __props;
+		const emit = __emit;
+		const { t, locale } = useRsI18n();
+		const weekdayLabels = computed(() => {
+			const formatter = new Intl.DateTimeFormat(locale.value, { weekday: "short" });
+			const monday = new Date(2024, 0, 1);
+			return Array.from({ length: 7 }, (_, index) => {
+				const date = new Date(monday);
+				date.setDate(monday.getDate() + index);
+				return formatter.format(date);
+			});
+		});
+		const monthLabel = computed(() => new Intl.DateTimeFormat(locale.value, {
+			year: "numeric",
+			month: "long"
+		}).format(new Date(viewYear.value, viewMonth.value - 1, 1)));
+		const cells = computed(() => buildCalendarGrid(viewYear.value, viewMonth.value));
+		const weeks = computed(() => {
+			const rows = [];
+			for (let index = 0; index < cells.value.length; index += 7) rows.push(cells.value.slice(index, index + 7));
+			return rows;
+		});
+		function goPrevYear() {
+			viewYear.value -= 1;
+		}
+		function goNextYear() {
+			viewYear.value += 1;
+		}
+		function goPrevMonth() {
+			if (viewMonth.value === 1) {
+				viewYear.value -= 1;
+				viewMonth.value = 12;
+				return;
+			}
+			viewMonth.value -= 1;
+		}
+		function goNextMonth() {
+			if (viewMonth.value === 12) {
+				viewYear.value += 1;
+				viewMonth.value = 1;
+				return;
+			}
+			viewMonth.value += 1;
+		}
+		function isSelected(cell) {
+			return props.selected ? isSameDate(props.selected, cell) : false;
+		}
+		function isRangeStart(cell) {
+			return props.rangeStart ? isSameDate(props.rangeStart, cell) : false;
+		}
+		function isRangeEnd(cell) {
+			return props.rangeEnd ? isSameDate(props.rangeEnd, cell) : false;
+		}
+		function isInRange(cell) {
+			if (!props.rangeStart || !props.rangeEnd) return false;
+			return isDateBetweenParsed(cell, props.rangeStart, props.rangeEnd);
+		}
+		function isDisabled(cell) {
+			const iso = formatDateParts(cell);
+			if (props.disabledDates.includes(iso)) return true;
+			return !isDateWithinBounds(cell.year, cell.month, cell.day, {
+				minDate: props.minDate,
+				maxDate: props.maxDate
+			});
+		}
+		function cellClass(cell) {
+			const endpoint = isRangeStart(cell) || isRangeEnd(cell);
+			const inRange = isInRange(cell);
+			const selected = isSelected(cell);
+			return {
+				"rs-calendar-grid__cell--outside": !cell.inCurrentMonth,
+				"rs-calendar-grid__cell--selected": selected,
+				"rs-calendar-grid__cell--range-start": isRangeStart(cell),
+				"rs-calendar-grid__cell--range-end": isRangeEnd(cell),
+				"rs-calendar-grid__cell--in-range": inRange && !endpoint,
+				"rs-calendar-grid__cell--endpoint": endpoint || selected
+			};
+		}
+		function selectDate(cell) {
+			if (isDisabled(cell)) return;
+			emit("select", {
+				year: cell.year,
+				month: cell.month,
+				day: cell.day
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+				createElementVNode("div", _hoisted_3, [createElementVNode("button", {
+					type: "button",
+					class: "rs-calendar-grid__nav rs-calendar-grid__nav--prev-year",
+					"aria-label": unref(t)("datePicker.prevYear"),
+					onClick: goPrevYear
+				}, [createVNode(RsIcon_default, {
+					name: "chevrons-left",
+					size: 16
+				})], 8, _hoisted_4), createElementVNode("button", {
+					type: "button",
+					class: "rs-calendar-grid__nav rs-calendar-grid__nav--prev-month",
+					"aria-label": unref(t)("datePicker.prevMonth"),
+					onClick: goPrevMonth
+				}, [createVNode(RsIcon_default, {
+					name: "chevron-left",
+					size: 16
+				})], 8, _hoisted_5)]),
+				createElementVNode("span", _hoisted_6, toDisplayString(monthLabel.value), 1),
+				createElementVNode("div", _hoisted_7, [createElementVNode("button", {
+					type: "button",
+					class: "rs-calendar-grid__nav rs-calendar-grid__nav--next-month",
+					"aria-label": unref(t)("datePicker.nextMonth"),
+					onClick: goNextMonth
+				}, [createVNode(RsIcon_default, {
+					name: "chevron-right",
+					size: 16
+				})], 8, _hoisted_8), createElementVNode("button", {
+					type: "button",
+					class: "rs-calendar-grid__nav rs-calendar-grid__nav--next-year",
+					"aria-label": unref(t)("datePicker.nextYear"),
+					onClick: goNextYear
+				}, [createVNode(RsIcon_default, {
+					name: "chevrons-right",
+					size: 16
+				})], 8, _hoisted_9)])
+			]), createElementVNode("table", _hoisted_10, [createElementVNode("thead", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekdayLabels.value, (label, index) => {
+				return openBlock(), createElementBlock("th", {
+					key: index,
+					scope: "col",
+					class: "rs-calendar-grid__weekday"
+				}, toDisplayString(label), 1);
+			}), 128))])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(weeks.value, (week, weekIndex) => {
+				return openBlock(), createElementBlock("tr", { key: weekIndex }, [(openBlock(true), createElementBlock(Fragment, null, renderList(week, (cell) => {
+					return openBlock(), createElementBlock("td", {
+						key: unref(formatDateParts)(cell),
+						class: "rs-calendar-grid__day"
+					}, [createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(["rs-calendar-grid__cell", cellClass(cell)]),
+						disabled: isDisabled(cell),
+						onClick: ($event) => selectDate(cell)
+					}, toDisplayString(cell.day), 11, _hoisted_11)]);
+				}), 128))]);
+			}), 128))])])]);
+		};
+	}
+});
+//#endregion
+export { RsCalendarGrid_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/calendar-grid/src/RsCalendarGrid.js

@@ -0,0 +1,8 @@
+import './RsCalendarGrid.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import RsCalendarGrid_vue_vue_type_script_setup_true_lang_default from "./RsCalendarGrid.impl.js";
+
+//#region src/components/calendar-grid/src/RsCalendarGrid.vue
+var RsCalendarGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsCalendarGrid_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-35786efd"]]);
+//#endregion
+export { RsCalendarGrid_default as default };

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

@@ -0,0 +1,2 @@
+export { default as RsCard } from './src/RsCard.js';
+export type { RsCardSize, RsCardVariant } from './src/RsCard.js';

package/dist/components/card/src/RsCard.d.ts

@@ -0,0 +1,78 @@
+import type { RsRadius } from '../../../theme/types';
+/**
+ * 卡片表面风格。
+ * - grouped / plain / glass：偏 macOS 分层与仪表盘
+ * - outlined / filled：偏 Material 3，后台信息面板常用 outlined
+ */
+export type RsCardVariant = 'grouped' | 'plain' | 'outlined' | 'filled' | 'glass';
+/**
+ * 卡片密度（疏密），映射 header/body padding 与标题字号。
+ * 与控件 `RsComponentSize`（高度）无关，勿混用。
+ */
+export type RsCardSize = 'sm' | 'md' | 'lg';
+type __VLS_Props = {
+    as?: string;
+    title?: string;
+    description?: string;
+    /** body 是否使用密度对应的内边距；false 时贴边，适合表格/图表 */
+    padding?: boolean;
+    elevated?: boolean;
+    /**
+     * 无外框：去掉边框、阴影与标题底部分隔，背景透明。
+     * 适合嵌在页面内容区、业务无需 :deep 清边框的场景。
+     */
+    borderless?: boolean;
+    /** grouped=mac 分组；plain=KPI；outlined/filled=MD3；glass=毛玻璃 */
+    variant?: RsCardVariant;
+    /**
+     * 密度：sm 后台紧凑 / md 默认（后台面板） / lg 前台宽松。
+     * @default md
+     */
+    size?: RsCardSize;
+    /**
+     * 圆角档位。卡片表面独立于 ConfigProvider.controlRadius，
+     * 避免表单全局 sm 圆角把面板一并压扁。
+     * @default md
+     */
+    radius?: RsRadius;
+    /** hover 时轻微抬升阴影，适合可点击/可选中卡片 */
+    hoverable?: boolean;
+    /**
+     * 裁切溢出（封面圆角、内部绝对定位）。
+     * 默认 false，避免表格/下拉被 overflow:hidden 裁切。
+     */
+    clip?: boolean;
+    /** 占满父级高度，body 纵向伸展；适合后台 Pane 内嵌 */
+    fill?: boolean;
+};
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    cover?: (props: typeof __VLS_8) => any;
+} & {
+    header?: (props: typeof __VLS_10) => any;
+} & {
+    actions?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    footer?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: boolean;
+    variant: RsCardVariant;
+    padding: boolean;
+    size: RsCardSize;
+    elevated: boolean;
+    as: string;
+    borderless: boolean;
+    hoverable: boolean;
+    clip: boolean;
+}, {}, {}, {}, 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/card/src/RsCard.impl.js

@@ -0,0 +1,104 @@
+import { rsRadiusCss } from "../../_shared/src/resolve-radius.js";
+import { Primitive } from "../../_shared/src/reka.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+//#region src/components/card/src/RsCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rs-card__cover"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "rs-card__header"
+};
+var _hoisted_3 = { class: "rs-card__heading" };
+var _hoisted_4 = {
+	key: 0,
+	class: "rs-card__title"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "rs-card__description"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "rs-card__actions"
+};
+var _hoisted_7 = {
+	key: 2,
+	class: "rs-card__footer"
+};
+var RsCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsCard",
+	props: {
+		as: { default: "section" },
+		title: {},
+		description: {},
+		padding: {
+			type: Boolean,
+			default: true
+		},
+		elevated: {
+			type: Boolean,
+			default: false
+		},
+		borderless: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: "grouped" },
+		size: { default: "md" },
+		radius: {},
+		hoverable: {
+			type: Boolean,
+			default: false
+		},
+		clip: {
+			type: Boolean,
+			default: false
+		},
+		fill: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const hasHeader = computed(() => Boolean(props.title || props.description || slots.header || slots.actions));
+		const hasFooter = computed(() => Boolean(slots.footer));
+		/** 卡片圆角只认 props，不跟 controlRadius 走 */
+		const resolvedRadius = computed(() => props.radius ?? "md");
+		const rootStyle = computed(() => ({ "--rs-card-radius": rsRadiusCss(resolvedRadius.value) }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				as: __props.as,
+				class: normalizeClass(["rs-card", [
+					`rs-card--${__props.variant}`,
+					`rs-card--${__props.size}`,
+					{
+						"rs-card--elevated": __props.elevated,
+						"rs-card--borderless": __props.borderless,
+						"rs-card--hoverable": __props.hoverable,
+						"rs-card--clip": __props.clip,
+						"rs-card--fill": __props.fill
+					}
+				]]),
+				style: normalizeStyle(rootStyle.value)
+			}, {
+				default: withCtx(() => [
+					_ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "cover")])) : createCommentVNode("", true),
+					hasHeader.value ? (openBlock(), createElementBlock("header", _hoisted_2, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "header", {}, () => [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(["rs-card__body", { "rs-card__body--padded": __props.padding }]) }, [renderSlot(_ctx.$slots, "default")], 2),
+					hasFooter.value ? (openBlock(), createElementBlock("footer", _hoisted_7, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, [
+				"as",
+				"class",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+export { RsCard_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/card/src/RsCard.js

@@ -0,0 +1,7 @@
+import './RsCard.css'
+import RsCard_vue_vue_type_script_setup_true_lang_default from "./RsCard.impl.js";
+
+//#region src/components/card/src/RsCard.vue
+var RsCard_default = RsCard_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsCard_default as default };

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

@@ -0,0 +1,2 @@
+export { default as RsCascader } from './src/RsCascader.js';
+export type { RsCascaderExpandTrigger, RsCascaderOption, RsCascaderPath, } from './src/cascader-utils';

package/dist/components/cascader/src/RsCascader.css

@@ -0,0 +1,81 @@
+
+.rs-cascader[data-v-05f0e9c1] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 12rem;
+  height: var(--rs-control-height-md);
+  padding: 0 var(--rs-space-md);
+  border: 1px solid var(--rs-input-border, var(--rs-border));
+  border-radius: var(--rs-radius-sm);
+  background: var(--rs-input-bg);
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-sm);
+  cursor: pointer;
+}
+.rs-cascader--sm[data-v-05f0e9c1] {
+  height: var(--rs-control-height-sm);
+}
+.rs-cascader--lg[data-v-05f0e9c1] {
+  height: var(--rs-control-height-lg);
+}
+.rs-cascader--disabled[data-v-05f0e9c1] {
+  opacity: 0.38;
+  cursor: not-allowed;
+}
+.rs-cascader__placeholder[data-v-05f0e9c1] {
+  flex: 1;
+  color: var(--rs-muted);
+  text-align: left;
+}
+.rs-cascader__value[data-v-05f0e9c1] {
+  flex: 1;
+  overflow: hidden;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rs-cascader__clear[data-v-05f0e9c1],
+.rs-cascader__icon[data-v-05f0e9c1] {
+  color: var(--rs-muted);
+}
+.rs-cascader__clear[data-v-05f0e9c1] {
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+}
+.rs-cascader__panel[data-v-05f0e9c1] {
+  display: flex;
+  min-height: 8rem;
+  max-height: 16rem;
+}
+.rs-cascader__col[data-v-05f0e9c1] {
+  min-width: 8rem;
+  margin: 0;
+  padding: var(--rs-space-xs);
+  overflow: auto;
+  border-right: 1px solid var(--rs-border);
+  list-style: none;
+}
+.rs-cascader__col[data-v-05f0e9c1]:last-child {
+  border-right: 0;
+}
+.rs-cascader__item[data-v-05f0e9c1] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--rs-space-sm);
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  border-radius: var(--rs-radius-xs);
+  cursor: pointer;
+}
+.rs-cascader__item--active[data-v-05f0e9c1],
+.rs-cascader__item[data-v-05f0e9c1]:hover:not(.rs-cascader__item--disabled) {
+  background: var(--rs-surface-hover);
+}
+.rs-cascader__item--disabled[data-v-05f0e9c1] {
+  opacity: 0.4;
+  cursor: not-allowed;
+}

package/dist/components/cascader/src/RsCascader.d.ts

@@ -0,0 +1,34 @@
+import type { RsComponentSize } from '../../../theme/types';
+import { type RsCascaderExpandTrigger, type RsCascaderOption, type RsCascaderPath } from './cascader-utils';
+type __VLS_Props = {
+    options: readonly RsCascaderOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    changeOnSelect?: boolean;
+    expandTrigger?: RsCascaderExpandTrigger;
+    separator?: string;
+    size?: RsComponentSize;
+};
+type __VLS_ModelProps = {
+    modelValue?: RsCascaderPath;
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (path: RsCascaderPath) => any;
+    "update:modelValue": (value: RsCascaderPath) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((path: RsCascaderPath) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: RsCascaderPath) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    separator: string;
+    allowClear: boolean;
+    changeOnSelect: boolean;
+    expandTrigger: RsCascaderExpandTrigger;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;