ensis-ui 0.0.0-stage → 3.0.1

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

@@ -0,0 +1,51 @@
+//#region src/components/avatar/src/avatar-utils.ts
+/** 头像边长。不是控件四档，没有 ssm。 */
+var RS_AVATAR_SIZES = [
+	"sm",
+	"md",
+	"lg"
+];
+var RS_AVATAR_SHAPES = ["circle", "square"];
+var RS_AVATAR_TONES = [
+	"default",
+	"primary",
+	"success",
+	"warning",
+	"danger"
+];
+/** 回退图标边长，跟原来 sm 14 / md 16 / lg 20 一致。 */
+var RS_AVATAR_ICON_PX = {
+	sm: 14,
+	md: 16,
+	lg: 20
+};
+function isRsAvatarSize(value) {
+	return typeof value === "string" && RS_AVATAR_SIZES.includes(value);
+}
+function isRsAvatarShape(value) {
+	return typeof value === "string" && RS_AVATAR_SHAPES.includes(value);
+}
+function isRsAvatarTone(value) {
+	return typeof value === "string" && RS_AVATAR_TONES.includes(value);
+}
+function resolveRsAvatarSize(size) {
+	return isRsAvatarSize(size) ? size : "md";
+}
+function resolveRsAvatarShape(shape) {
+	return isRsAvatarShape(shape) ? shape : "circle";
+}
+function resolveRsAvatarTone(tone) {
+	return isRsAvatarTone(tone) ? tone : "primary";
+}
+/**
+* 从姓名提取缩写（最多 2 个字符）。
+* 单段取前两字；多段取前两段首字。空串返回空，由组件改走图标。
+*/
+function getAvatarInitials(name) {
+	const parts = name.trim().split(/\s+/).filter(Boolean);
+	if (!parts.length) return "";
+	if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+	return `${parts[0][0] ?? ""}${parts[1][0] ?? ""}`.toUpperCase();
+}
+//#endregion
+export { RS_AVATAR_ICON_PX, RS_AVATAR_SHAPES, RS_AVATAR_SIZES, RS_AVATAR_TONES, getAvatarInitials, isRsAvatarShape, isRsAvatarSize, isRsAvatarTone, resolveRsAvatarShape, resolveRsAvatarSize, resolveRsAvatarTone };

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

@@ -0,0 +1,2 @@
+export { default as RsBadge } from './src/RsBadge.js';
+export type { RsBadgeVariant } from './src/badge-utils';

package/dist/components/badge/src/RsBadge.css

@@ -0,0 +1,94 @@
+
+.rs-badge[data-v-f91a65a7] {
+  --rs-badge-padding-y: 0.125rem;
+  --rs-badge-padding-x: 0.625rem;
+  --rs-badge-dot-size: var(--rs-space-sm);
+  --rs-badge-count-min: 1.125rem;
+  --rs-badge-ring: var(--rs-surface);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: var(--rs-badge-padding-y) var(--rs-badge-padding-x);
+  border-radius: var(--rs-radius-full);
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-medium);
+  line-height: var(--rs-line-height-tight);
+  letter-spacing: 0.02em;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.rs-badge-wrap[data-v-f91a65a7] {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+}
+.rs-badge-wrap .rs-badge--mark[data-v-f91a65a7] {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  z-index: 1;
+  transform: translate(50%, -50%);
+  box-shadow: 0 0 0 2px var(--rs-badge-ring);
+}
+:dir(rtl) .rs-badge-wrap .rs-badge--mark[data-v-f91a65a7] {
+  transform: translate(-50%, -50%);
+}
+.rs-badge--mark[data-v-f91a65a7]:not(.rs-badge--dot) {
+  min-width: var(--rs-badge-count-min);
+  min-height: var(--rs-badge-count-min);
+  padding: 0 0.375rem;
+  letter-spacing: 0;
+  line-height: 1;
+}
+.rs-badge--dot[data-v-f91a65a7] {
+  width: var(--rs-badge-dot-size);
+  height: var(--rs-badge-dot-size);
+  min-width: var(--rs-badge-dot-size);
+  padding: 0;
+  border-radius: var(--rs-radius-full);
+}
+.rs-badge--default[data-v-f91a65a7] {
+  background: var(--rs-surface-hover);
+  color: var(--rs-text);
+  border: 1px solid var(--rs-border);
+}
+.rs-badge--primary[data-v-f91a65a7] {
+  background: var(--rs-primary-container);
+  color: var(--rs-on-primary-container);
+  border: 1px solid color-mix(in srgb, var(--rs-primary) 40%, transparent);
+}
+.rs-badge--success[data-v-f91a65a7] {
+  background: var(--rs-success-container);
+  color: var(--rs-on-success-container);
+  border: 1px solid color-mix(in srgb, var(--rs-success) 40%, transparent);
+}
+.rs-badge--warning[data-v-f91a65a7] {
+  background: var(--rs-warning-container);
+  color: var(--rs-on-warning-container);
+  border: 1px solid color-mix(in srgb, var(--rs-warning) 40%, transparent);
+}
+.rs-badge--danger[data-v-f91a65a7] {
+  background: var(--rs-danger-container);
+  color: var(--rs-on-danger-container);
+  border: 1px solid color-mix(in srgb, var(--rs-danger) 40%, transparent);
+}
+.rs-badge--info[data-v-f91a65a7] {
+  background: var(--rs-info-container);
+  color: var(--rs-on-info-container);
+  border: 1px solid color-mix(in srgb, var(--rs-info) 40%, transparent);
+}
+.rs-badge--dot.rs-badge--default[data-v-f91a65a7],
+.rs-badge--dot.rs-badge--primary[data-v-f91a65a7],
+.rs-badge--dot.rs-badge--success[data-v-f91a65a7],
+.rs-badge--dot.rs-badge--warning[data-v-f91a65a7],
+.rs-badge--dot.rs-badge--danger[data-v-f91a65a7],
+.rs-badge--dot.rs-badge--info[data-v-f91a65a7] {
+  color: transparent;
+}
+@media (forced-colors: active) {
+.rs-badge[data-v-f91a65a7] {
+    border: 1px solid CanvasText;
+    forced-color-adjust: none;
+}
+}

package/dist/components/badge/src/RsBadge.d.ts

@@ -0,0 +1,34 @@
+import { type RsBadgeVariant } from './badge-utils';
+export type { RsBadgeVariant };
+type __VLS_Props = {
+    variant?: RsBadgeVariant;
+    /** 角标数字。与默认插槽同时出现时，插槽是宿主，数字挂在角上。 */
+    count?: number;
+    /** 超过后显示 `{max}+`。 */
+    max?: number;
+    /** 小圆点，不计数字。与 count 同时出现时只显示点。 */
+    dot?: boolean;
+    /** count 为 0 时仍显示。 */
+    showZero?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (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<{}>, {
+    variant: RsBadgeVariant;
+    count: number;
+    max: number;
+    dot: boolean;
+    showZero: 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/badge/src/RsBadge.impl.js

@@ -0,0 +1,56 @@
+import { formatRsBadgeCount, resolveRsBadgeVariant } from "./badge-utils.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, useSlots } from "vue";
+//#region src/components/badge/src/RsBadge.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rs-badge-wrap"
+};
+var _hoisted_2 = ["aria-hidden", "aria-label"];
+var _hoisted_3 = ["aria-hidden", "aria-label"];
+var RsBadge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsBadge",
+	__name: "RsBadge",
+	props: {
+		variant: { default: "default" },
+		count: { default: void 0 },
+		max: { default: 99 },
+		dot: {
+			type: Boolean,
+			default: false
+		},
+		showZero: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const resolvedVariant = computed(() => resolveRsBadgeVariant(props.variant));
+		const variantClass = computed(() => `rs-badge--${resolvedVariant.value}`);
+		const isMarkMode = computed(() => props.dot || props.count !== void 0);
+		const countText = computed(() => formatRsBadgeCount(props.count, props.max, props.showZero));
+		const showMark = computed(() => props.dot || countText.value != null);
+		const hasHost = computed(() => Boolean(slots.default));
+		const overlay = computed(() => isMarkMode.value && hasHost.value);
+		const markLabel = computed(() => props.dot ? void 0 : countText.value ?? void 0);
+		return (_ctx, _cache) => {
+			return overlay.value ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true), showMark.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(["rs-badge rs-badge--mark", [variantClass.value, { "rs-badge--dot": __props.dot }]]),
+				"aria-hidden": __props.dot ? "true" : void 0,
+				"aria-label": markLabel.value
+			}, toDisplayString(__props.dot ? "" : countText.value), 11, _hoisted_2)) : createCommentVNode("", true)])) : showMark.value ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(["rs-badge rs-badge--mark", [variantClass.value, { "rs-badge--dot": __props.dot }]]),
+				"aria-hidden": __props.dot ? "true" : void 0,
+				"aria-label": markLabel.value
+			}, toDisplayString(__props.dot ? "" : countText.value), 11, _hoisted_3)) : !isMarkMode.value ? (openBlock(), createElementBlock("span", {
+				key: 2,
+				class: normalizeClass(["rs-badge", variantClass.value])
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { RsBadge_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/badge/src/RsBadge.js

@@ -0,0 +1,8 @@
+import './RsBadge.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import RsBadge_vue_vue_type_script_setup_true_lang_default from "./RsBadge.impl.js";
+
+//#region src/components/badge/src/RsBadge.vue
+var RsBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsBadge_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f91a65a7"]]);
+//#endregion
+export { RsBadge_default as default };

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

@@ -0,0 +1,11 @@
+/**
+ * RsBadge 语义色。芯片与角标共用同一套 variant，不另开 tone 轴。
+ * 可关闭的筛选请用 RsTag，不要用本组件冒充标签。
+ */
+export declare const RS_BADGE_VARIANTS: readonly ["default", "primary", "success", "warning", "danger", "info"];
+export type RsBadgeVariant = (typeof RS_BADGE_VARIANTS)[number];
+export declare const RS_BADGE_COUNT_MAX_DEFAULT = 99;
+export declare function isRsBadgeVariant(value: unknown): value is RsBadgeVariant;
+export declare function resolveRsBadgeVariant(variant?: RsBadgeVariant | null): RsBadgeVariant;
+/** 未传 count、非有限数字、负数、或 0 且未 showZero 时不展示数字。 */
+export declare function formatRsBadgeCount(count: number | string | null | undefined, max?: number, showZero?: boolean): string | null;

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

@@ -0,0 +1,32 @@
+//#region src/components/badge/src/badge-utils.ts
+/**
+* RsBadge 语义色。芯片与角标共用同一套 variant，不另开 tone 轴。
+* 可关闭的筛选请用 RsTag，不要用本组件冒充标签。
+*/
+var RS_BADGE_VARIANTS = [
+	"default",
+	"primary",
+	"success",
+	"warning",
+	"danger",
+	"info"
+];
+function isRsBadgeVariant(value) {
+	return typeof value === "string" && RS_BADGE_VARIANTS.includes(value);
+}
+function resolveRsBadgeVariant(variant) {
+	return isRsBadgeVariant(variant) ? variant : "default";
+}
+/** 未传 count、非有限数字、负数、或 0 且未 showZero 时不展示数字。 */
+function formatRsBadgeCount(count, max = 99, showZero = false) {
+	if (count == null || count === "") return null;
+	const n = typeof count === "number" ? count : Number(count);
+	if (!Number.isFinite(n) || n < 0) return null;
+	if (n === 0 && !showZero) return null;
+	const cap = Number.isFinite(max) && max > 0 ? Math.floor(max) : 99;
+	const value = Math.floor(n);
+	if (value > cap) return `${cap}+`;
+	return String(value);
+}
+//#endregion
+export { RS_BADGE_VARIANTS, formatRsBadgeCount, isRsBadgeVariant, resolveRsBadgeVariant };

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

@@ -0,0 +1,2 @@
+export { default as RsBreadcrumb } from './src/RsBreadcrumb.js';
+export type { RsBreadcrumbItem } from './src/breadcrumb-utils';

package/dist/components/breadcrumb/src/RsBreadcrumb.css

@@ -0,0 +1,70 @@
+
+.rs-breadcrumb__list[data-v-8913d929] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--rs-breadcrumb-gap);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.rs-breadcrumb__item[data-v-8913d929] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-breadcrumb-item-gap);
+}
+.rs-breadcrumb__link[data-v-8913d929],
+.rs-breadcrumb__more[data-v-8913d929] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-breadcrumb-item-gap);
+  font-size: var(--rs-breadcrumb-font-size);
+  line-height: var(--rs-line-height-normal);
+  color: var(--rs-breadcrumb-link);
+  text-decoration: none;
+  padding-block: var(--rs-breadcrumb-link-pad-block);
+  padding-inline: var(--rs-breadcrumb-link-pad-inline);
+  border: 0;
+  border-radius: var(--rs-radius-xs);
+  background: transparent;
+  cursor: pointer;
+  transition:
+    color var(--rs-transition-fast),
+    background-color var(--rs-transition-fast);
+}
+.rs-breadcrumb__link[data-v-8913d929]:hover:not(.rs-breadcrumb__link--current):not(.rs-breadcrumb__link--disabled),
+.rs-breadcrumb__more[data-v-8913d929]:hover {
+  color: var(--rs-breadcrumb-link-hover);
+  background: var(--rs-breadcrumb-link-hover-bg);
+}
+.rs-breadcrumb__link[data-v-8913d929]:focus-visible,
+.rs-breadcrumb__more[data-v-8913d929]:focus-visible {
+  outline: var(--rs-focus-ring-width) solid var(--rs-focus-ring);
+  outline-offset: 2px;
+}
+.rs-breadcrumb__link--current[data-v-8913d929] {
+  color: var(--rs-breadcrumb-current);
+  font-weight: var(--rs-breadcrumb-current-weight);
+  pointer-events: none;
+  cursor: default;
+}
+.rs-breadcrumb__link--disabled[data-v-8913d929] {
+  opacity: var(--rs-breadcrumb-disabled-opacity);
+  cursor: not-allowed;
+}
+.rs-breadcrumb__sep[data-v-8913d929] {
+  color: var(--rs-breadcrumb-sep);
+  flex-shrink: 0;
+}
+.rs-breadcrumb__icon[data-v-8913d929] {
+  color: inherit;
+}
+.rs-breadcrumb__sep[data-v-8913d929]:dir(rtl) {
+  transform: scaleX(-1);
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-breadcrumb__link[data-v-8913d929],
+  .rs-breadcrumb__more[data-v-8913d929] {
+    transition: none;
+}
+}

package/dist/components/breadcrumb/src/RsBreadcrumb.d.ts

@@ -0,0 +1,50 @@
+import { type RsBreadcrumbItem } from './breadcrumb-utils';
+type __VLS_Props = {
+    items: RsBreadcrumbItem[];
+    /** 文字分隔符。未传时用 separatorIcon。 */
+    separator?: string;
+    /** Lucide kebab-case。有 separator 文字时不渲染图标。 */
+    separatorIcon?: string;
+    /** 超过该数量时中间收成省略号。省略号算一项。 */
+    maxItems?: number;
+    itemsBeforeCollapse?: number;
+    itemsAfterCollapse?: number;
+    ariaLabel?: string;
+    id?: string;
+};
+declare function expand(): void;
+declare var __VLS_1: {
+    hiddenItems: RsBreadcrumbItem[];
+    expand: typeof expand;
+}, __VLS_16: {
+    item: RsBreadcrumbItem;
+    index: number;
+    isCurrent: boolean;
+    href: string | undefined;
+}, __VLS_23: {
+    index: number;
+};
+type __VLS_Slots = {} & {
+    more?: (props: typeof __VLS_1) => any;
+} & {
+    item?: (props: typeof __VLS_16) => any;
+} & {
+    separator?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (item: RsBreadcrumbItem, event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((item: RsBreadcrumbItem, event: MouseEvent) => any) | undefined;
+}>, {
+    separatorIcon: string;
+    itemsBeforeCollapse: number;
+    itemsAfterCollapse: number;
+}, {}, {}, {}, 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/breadcrumb/src/RsBreadcrumb.impl.js

@@ -0,0 +1,125 @@
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import RsIcon_default from "../../icon/src/RsIcon.js";
+import { buildBreadcrumbRenderItems } from "./breadcrumb-utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, watch, withCtx } from "vue";
+//#region src/components/breadcrumb/src/RsBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "aria-label"];
+var _hoisted_2 = { class: "rs-breadcrumb__list" };
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = { class: "rs-breadcrumb__label" };
+var _hoisted_5 = {
+	key: 0,
+	class: "rs-breadcrumb__sep",
+	"aria-hidden": "true"
+};
+var RsBreadcrumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsBreadcrumb",
+	__name: "RsBreadcrumb",
+	props: {
+		items: {},
+		separator: {},
+		separatorIcon: { default: "chevron-right" },
+		maxItems: {},
+		itemsBeforeCollapse: { default: 1 },
+		itemsAfterCollapse: { default: 1 },
+		ariaLabel: {},
+		id: {}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const expanded = ref(false);
+		watch(() => [
+			props.maxItems ?? "",
+			props.itemsBeforeCollapse,
+			props.itemsAfterCollapse,
+			props.items.length,
+			props.items.map((item, index) => item.key ?? item.label ?? index).join("\0")
+		].join("\n"), () => {
+			expanded.value = false;
+		});
+		const renderItems = computed(() => buildBreadcrumbRenderItems(props.items, {
+			maxItems: props.maxItems,
+			itemsBeforeCollapse: props.itemsBeforeCollapse,
+			itemsAfterCollapse: props.itemsAfterCollapse,
+			expanded: expanded.value
+		}));
+		const navLabel = computed(() => props.ariaLabel || t("breadcrumb.label"));
+		const separatorLabel = computed(() => t("breadcrumb.separator"));
+		const moreLabel = computed(() => t("breadcrumb.more"));
+		function expand() {
+			expanded.value = true;
+		}
+		function onItemClick(item, event, disabled) {
+			emit("click", item, event);
+			if (disabled) event.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				id: __props.id,
+				class: "rs-breadcrumb",
+				"aria-label": navLabel.value
+			}, [createElementVNode("ol", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(renderItems.value, (item, index) => {
+				return openBlock(), createElementBlock("li", {
+					key: item.key,
+					class: normalizeClass(["rs-breadcrumb__item", { "rs-breadcrumb__item--ellipsis": item.isEllipsis }])
+				}, [item.isEllipsis ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "rs-breadcrumb__more",
+					"aria-label": moreLabel.value,
+					onClick: expand
+				}, [renderSlot(_ctx.$slots, "more", {
+					hiddenItems: item.hiddenItems ?? [],
+					expand
+				}, () => [createVNode(RsIcon_default, {
+					name: "ellipsis",
+					size: "sm"
+				})], true)], 8, _hoisted_3)) : (openBlock(), createBlock(resolveDynamicComponent(item.isLink ? "a" : "span"), {
+					key: 1,
+					href: item.isLink ? item.href : void 0,
+					target: item.isLink ? item.target : void 0,
+					rel: item.isLink ? item.rel : void 0,
+					class: normalizeClass(["rs-breadcrumb__link", {
+						"rs-breadcrumb__link--current": item.isCurrent,
+						"rs-breadcrumb__link--disabled": item.isDisabled
+					}]),
+					"aria-current": item.isCurrent ? "page" : void 0,
+					"aria-disabled": item.isDisabled ? "true" : void 0,
+					onClick: ($event) => item.source ? onItemClick(item.source, $event, item.isDisabled) : void 0
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "item", {
+						item: item.source,
+						index: item.sourceIndex,
+						isCurrent: item.isCurrent,
+						href: item.href
+					}, () => [item.icon ? (openBlock(), createBlock(RsIcon_default, {
+						key: 0,
+						name: item.icon,
+						size: "sm",
+						class: "rs-breadcrumb__icon"
+					}, null, 8, ["name"])) : createCommentVNode("", true), createElementVNode("span", _hoisted_4, toDisplayString(item.label), 1)], true)]),
+					_: 2
+				}, 1032, [
+					"href",
+					"target",
+					"rel",
+					"class",
+					"aria-current",
+					"aria-disabled",
+					"onClick"
+				])), index < renderItems.value.length - 1 ? renderSlot(_ctx.$slots, "separator", { index }, () => [__props.separator ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.separator), 1)) : (openBlock(), createBlock(RsIcon_default, {
+					key: 1,
+					name: __props.separatorIcon,
+					size: "sm",
+					class: "rs-breadcrumb__sep",
+					label: separatorLabel.value
+				}, null, 8, ["name", "label"]))], true, 2) : createCommentVNode("", true)], 2);
+			}), 128))])], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsBreadcrumb_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/breadcrumb/src/RsBreadcrumb.js

@@ -0,0 +1,8 @@
+import './RsBreadcrumb.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import RsBreadcrumb_vue_vue_type_script_setup_true_lang_default from "./RsBreadcrumb.impl.js";
+
+//#region src/components/breadcrumb/src/RsBreadcrumb.vue
+var RsBreadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsBreadcrumb_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8913d929"]]);
+//#endregion
+export { RsBreadcrumb_default as default };

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

@@ -0,0 +1,44 @@
+export interface RsBreadcrumbItem {
+    key?: string;
+    label: string;
+    /** SPA 路径。未传 href 时写到 a[href]。Vue Router 请在 click 里 preventDefault 后 push，或用 #item。 */
+    to?: string;
+    /** 外链或完整地址。与 to 同时存在时以 href 为准。 */
+    href?: string;
+    /** Lucide kebab-case，写在文案前。 */
+    icon?: string;
+    disabled?: boolean;
+    target?: '_self' | '_blank' | '_parent' | '_top' | (string & {});
+    rel?: string;
+}
+export interface RsBreadcrumbRenderItem {
+    key: string;
+    sourceIndex: number;
+    source?: RsBreadcrumbItem;
+    label: string;
+    href?: string;
+    icon?: string;
+    target?: string;
+    rel?: string;
+    isLink: boolean;
+    isCurrent: boolean;
+    isDisabled: boolean;
+    isEllipsis: boolean;
+    hiddenItems?: RsBreadcrumbItem[];
+}
+export interface RsBreadcrumbCollapseOptions {
+    maxItems?: number;
+    itemsBeforeCollapse?: number;
+    itemsAfterCollapse?: number;
+    expanded?: boolean;
+}
+/** href 优先；没有 href 时用 to，保证只传 to 的项仍是带地址的 a。 */
+export declare function resolveBreadcrumbHref(item: Pick<RsBreadcrumbItem, 'href' | 'to'>): string | undefined;
+/** `_blank` 时补 noopener / noreferrer，并保留调用方已有 rel。 */
+export declare function mergeBreadcrumbLinkRel(rel: string | undefined, target: string | undefined): string | undefined;
+export declare function pickCollapsedBreadcrumbIndexes(length: number, maxItems: number | undefined, itemsBeforeCollapse?: number, itemsAfterCollapse?: number, expanded?: boolean): {
+    visible: number[];
+    hidden: number[];
+    insertEllipsisAt: number;
+} | null;
+export declare function buildBreadcrumbRenderItems(items: RsBreadcrumbItem[], options?: RsBreadcrumbCollapseOptions): RsBreadcrumbRenderItem[];

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

@@ -0,0 +1,73 @@
+//#region src/components/breadcrumb/src/breadcrumb-utils.ts
+/** href 优先；没有 href 时用 to，保证只传 to 的项仍是带地址的 a。 */
+function resolveBreadcrumbHref(item) {
+	if (item.href) return item.href;
+	if (item.to) return item.to;
+}
+/** `_blank` 时补 noopener / noreferrer，并保留调用方已有 rel。 */
+function mergeBreadcrumbLinkRel(rel, target) {
+	const parts = (rel ?? "").split(/\s+/).map((item) => item.trim()).filter(Boolean);
+	if (target === "_blank") {
+		if (!parts.includes("noopener")) parts.push("noopener");
+		if (!parts.includes("noreferrer")) parts.push("noreferrer");
+	}
+	return parts.length > 0 ? parts.join(" ") : void 0;
+}
+function pickCollapsedBreadcrumbIndexes(length, maxItems, itemsBeforeCollapse = 1, itemsAfterCollapse = 1, expanded = false) {
+	if (expanded || maxItems == null || maxItems < 2 || length <= maxItems) return null;
+	const before = Math.max(0, Math.floor(itemsBeforeCollapse));
+	const after = Math.max(1, Math.floor(itemsAfterCollapse));
+	if (before + after >= length) return null;
+	const hiddenStart = before;
+	const hiddenEnd = length - after;
+	if (hiddenStart >= hiddenEnd) return null;
+	const visible = [];
+	const hidden = [];
+	for (let index = 0; index < length; index += 1) if (index >= hiddenStart && index < hiddenEnd) hidden.push(index);
+	else visible.push(index);
+	return {
+		visible,
+		hidden,
+		insertEllipsisAt: before
+	};
+}
+function buildBreadcrumbRenderItems(items, options = {}) {
+	const lastIndex = items.length - 1;
+	const mapped = items.map((item, index) => {
+		const href = resolveBreadcrumbHref(item);
+		const disabled = Boolean(item.disabled);
+		return {
+			key: item.key ?? String(index),
+			sourceIndex: index,
+			source: item,
+			label: item.label,
+			href,
+			icon: item.icon,
+			target: item.target,
+			rel: mergeBreadcrumbLinkRel(item.rel, item.target),
+			isLink: Boolean(href) && !disabled && index !== lastIndex,
+			isCurrent: index === lastIndex,
+			isDisabled: disabled,
+			isEllipsis: false
+		};
+	});
+	const collapsed = pickCollapsedBreadcrumbIndexes(mapped.length, options.maxItems, options.itemsBeforeCollapse ?? 1, options.itemsAfterCollapse ?? 1, options.expanded ?? false);
+	if (!collapsed) return mapped;
+	const result = [];
+	collapsed.visible.forEach((index, visibleIndex) => {
+		if (visibleIndex === collapsed.insertEllipsisAt) result.push({
+			key: "ellipsis",
+			sourceIndex: -1,
+			label: "",
+			isLink: false,
+			isCurrent: false,
+			isDisabled: false,
+			isEllipsis: true,
+			hiddenItems: collapsed.hidden.map((hiddenIndex) => items[hiddenIndex])
+		});
+		result.push(mapped[index]);
+	});
+	return result;
+}
+//#endregion
+export { buildBreadcrumbRenderItems, mergeBreadcrumbLinkRel, pickCollapsedBreadcrumbIndexes, resolveBreadcrumbHref };