niuma-ui 1.1.12 → 1.2.0

package/dist/components/RsMonacoEditor.impl.js

@@ -0,0 +1,353 @@
+import { readCodeFontFamily, readCodeFontSizePx, readCssVar } from "../theme/css-token.js";
+/* empty css                          */
+import { applyMonacoDebugDecorations } from "../monaco/debug-decorations2.js";
+import "../monaco/languages/types.js";
+import { ensureMongodbShellLanguage } from "../monaco/languages/mongodb-shell.js";
+import { createElementBlock, defineComponent, mergeModels, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, useModel, watch } from "vue";
+import * as monaco from "monaco-editor";
+//#region src/components/RsMonacoEditor.vue?vue&type=script&setup=true&lang.ts
+var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsMonacoEditor",
+	props: /*@__PURE__*/ mergeModels({
+		language: { default: "json" },
+		height: { default: "100%" },
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		theme: { default: "auto" },
+		minimap: {
+			type: Boolean,
+			default: false
+		},
+		glyphMargin: {
+			type: Boolean,
+			default: false
+		},
+		debugCurrentLine: { default: 0 },
+		debugBreakpoints: { default: () => [] },
+		embedded: {
+			type: Boolean,
+			default: false
+		},
+		jsonSchema: {},
+		snippets: {},
+		completionRequest: {},
+		completionTriggerCharacters: { default: () => [
+			"\"",
+			"$",
+			"{",
+			":",
+			","
+		] },
+		completionPrefixResolver: {},
+		options: {}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["glyphMarginClick"], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const model = useModel(__props, "modelValue");
+		const editorEl = ref(null);
+		let editor = null;
+		let editorModel = null;
+		/** 每个实例的唯一 schema URI，用于 fileMatch 精确匹配，避免全局污染 */
+		let schemaUri = "";
+		let snippetDisposable = null;
+		let glyphClickDisposable = null;
+		let debugDecoIds = [];
+		let suppressChange = false;
+		let unmounted = false;
+		function syncDebugDecorations() {
+			if (!editor || !props.glyphMargin) {
+				if (editor && debugDecoIds.length) debugDecoIds = editor.deltaDecorations(debugDecoIds, []);
+				return;
+			}
+			debugDecoIds = applyMonacoDebugDecorations(editor, monaco, debugDecoIds, {
+				currentLine: props.debugCurrentLine ?? 0,
+				breakpointLines: props.debugBreakpoints ?? []
+			});
+		}
+		function bindGlyphClick() {
+			glyphClickDisposable?.dispose();
+			glyphClickDisposable = null;
+			if (!editor || !props.glyphMargin) return;
+			glyphClickDisposable = editor.onMouseDown((e) => {
+				if (e.target.type !== monaco.editor.MouseTargetType.GUTTER_GLYPH_MARGIN) return;
+				const line = e.target.position?.lineNumber;
+				if (!line) return;
+				emit("glyphMarginClick", line);
+			});
+		}
+		function resolveTheme() {
+			if (props.theme !== "auto") return props.theme;
+			return document.documentElement.dataset["rsTheme"] === "light" ? "light" : "vs-dark";
+		}
+		function applyTheme() {
+			monaco.editor.setTheme(resolveTheme());
+		}
+		/**
+		* 将当前 jsonSchema 应用到 JSON Language Defaults。
+		* Monaco v0.55+ 使用顶层 `monaco.json` 命名空间（原 `monaco.languages.json` 已废弃）。
+		* 每实例使用独立 schemaUri，通过 fileMatch 精确绑定，不污染其他编辑器。
+		*/
+		function applyJsonSchema() {
+			if (props.language !== "json") return;
+			const defaults = monaco.json.jsonDefaults;
+			const existing = defaults.diagnosticsOptions;
+			const schemas = (existing.schemas ?? []).filter((s) => s.uri !== schemaUri);
+			if (props.jsonSchema && schemaUri) schemas.push({
+				uri: schemaUri,
+				fileMatch: [schemaUri],
+				schema: props.jsonSchema
+			});
+			defaults.setDiagnosticsOptions({
+				...existing,
+				validate: true,
+				schemas
+			});
+		}
+		function removeJsonSchema() {
+			if (!schemaUri) return;
+			const defaults = monaco.json.jsonDefaults;
+			const existing = defaults.diagnosticsOptions;
+			const schemas = (existing.schemas ?? []).filter((s) => s.uri !== schemaUri);
+			defaults.setDiagnosticsOptions({
+				...existing,
+				schemas
+			});
+		}
+		function disposeSnippets() {
+			snippetDisposable?.dispose();
+			snippetDisposable = null;
+		}
+		function completionKind(kind) {
+			switch (kind) {
+				case "keyword": return monaco.languages.CompletionItemKind.Keyword;
+				case "property": return monaco.languages.CompletionItemKind.Property;
+				case "field": return monaco.languages.CompletionItemKind.Field;
+				case "function": return monaco.languages.CompletionItemKind.Function;
+				case "value": return monaco.languages.CompletionItemKind.Value;
+				default: return monaco.languages.CompletionItemKind.Snippet;
+			}
+		}
+		function completionPrefix(line) {
+			if (props.completionPrefixResolver) return props.completionPrefixResolver(line);
+			let start = line.length;
+			while (start > 0 && /[\w$.-]/.test(line[start - 1] ?? "")) start -= 1;
+			return line.slice(start);
+		}
+		function isManagedSqlDialect(language) {
+			return language === "mysql" || language === "dameng" || language === "kingbase" || language === "postgresql" || language === "clickhouse" || language === "sqlite" || language === "sqlserver" || language === "oracle";
+		}
+		/** 合并业务侧 options；suggest 做一层浅合并，避免整对象覆盖默认。 */
+		function mergeEditorOptions(overrides) {
+			if (!overrides) return {};
+			const out = { ...overrides };
+			if (overrides.suggest && typeof overrides.suggest === "object" && !Array.isArray(overrides.suggest)) out.suggest = {
+				snippetsPreventQuickSuggestions: false,
+				filterGraceful: !isManagedSqlDialect(props.language),
+				matchOnWordStartOnly: isManagedSqlDialect(props.language),
+				...overrides.suggest
+			};
+			return out;
+		}
+		function completionLanguages() {
+			if (isManagedSqlDialect(props.language)) return [];
+			if (props.language === "javascript" || props.language === "typescript" || props.language === "mongodb-shell" || props.language === "plaintext" || props.language === "sql" || props.language === "yaml") return [props.language];
+			if (props.language === "json") return ["json"];
+			return [];
+		}
+		function applySnippets() {
+			disposeSnippets();
+			const languages = completionLanguages();
+			if (languages.length === 0 || !editorModel || !props.snippets?.length && !props.completionRequest) return;
+			const modelUri = editorModel.uri.toString();
+			for (const language of languages) snippetDisposable = monaco.languages.registerCompletionItemProvider(language, {
+				triggerCharacters: props.completionTriggerCharacters,
+				async provideCompletionItems(model, position, context, token) {
+					if (model.uri.toString() !== modelUri) return { suggestions: [] };
+					const prefix = completionPrefix(model.getLineContent(position.lineNumber).slice(0, position.column - 1));
+					const startColumn = position.column - prefix.length;
+					const range = {
+						startLineNumber: position.lineNumber,
+						endLineNumber: position.lineNumber,
+						startColumn,
+						endColumn: position.column
+					};
+					const dynamic = props.completionRequest ? await props.completionRequest({
+						text: model.getValue(),
+						offset: model.getOffsetAt(position),
+						line: position.lineNumber,
+						column: position.column,
+						prefix,
+						triggerCharacter: context.triggerCharacter
+					}) : [];
+					if (token.isCancellationRequested) return { suggestions: [] };
+					return {
+						incomplete: true,
+						suggestions: [...props.snippets ?? [], ...dynamic].map((snippet) => ({
+							label: snippet.label,
+							kind: completionKind(snippet.kind),
+							insertText: snippet.insertText,
+							insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+							detail: snippet.detail,
+							documentation: snippet.documentation,
+							filterText: snippet.filterText ?? snippet.label,
+							sortText: snippet.sortText,
+							preselect: snippet.preselect,
+							range
+						}))
+					};
+				}
+			});
+		}
+		function disposeEditor() {
+			removeJsonSchema();
+			disposeSnippets();
+			glyphClickDisposable?.dispose();
+			glyphClickDisposable = null;
+			debugDecoIds = [];
+			editor?.dispose();
+			editorModel?.dispose();
+			editor = null;
+			editorModel = null;
+		}
+		function initEditor() {
+			if (!editorEl.value || unmounted) return;
+			disposeEditor();
+			if (props.language === "mongodb-shell") ensureMongodbShellLanguage(monaco);
+			schemaUri = `inmemory://rs-monaco/${crypto.randomUUID()}.json`;
+			editorModel = monaco.editor.createModel(model.value, props.language, props.language === "json" ? monaco.Uri.parse(schemaUri) : void 0);
+			const host = editorEl.value;
+			const fontSize = readCodeFontSizePx(host);
+			const lineHeightRatio = Number.parseFloat(readCssVar("--rs-code-line-height", host) || readCssVar("--rs-line-height-relaxed", host)) || 1.625;
+			editor = monaco.editor.create(editorEl.value, {
+				model: editorModel,
+				theme: resolveTheme(),
+				readOnly: props.readonly,
+				automaticLayout: true,
+				minimap: { enabled: props.minimap },
+				scrollBeyondLastLine: false,
+				fontFamily: readCodeFontFamily(host),
+				fontSize,
+				lineHeight: Math.round(fontSize * lineHeightRatio),
+				tabSize: 2,
+				wordWrap: "on",
+				bracketPairColorization: { enabled: true },
+				padding: {
+					top: 8,
+					bottom: 8
+				},
+				renderLineHighlight: "line",
+				smoothScrolling: true,
+				cursorSmoothCaretAnimation: "on",
+				folding: true,
+				glyphMargin: props.glyphMargin,
+				lineNumbersMinChars: 3,
+				lineDecorationsWidth: props.glyphMargin ? 16 : 4,
+				overviewRulerLanes: 0,
+				hideCursorInOverviewRuler: true,
+				quickSuggestions: props.language === "mongodb-shell" ? {
+					other: true,
+					comments: false,
+					strings: true
+				} : true,
+				suggestOnTriggerCharacters: true,
+				wordBasedSuggestions: props.language === "mongodb-shell" || isManagedSqlDialect(props.language) ? "off" : "currentDocument",
+				suggest: {
+					snippetsPreventQuickSuggestions: false,
+					filterGraceful: !isManagedSqlDialect(props.language),
+					matchOnWordStartOnly: isManagedSqlDialect(props.language)
+				},
+				scrollbar: {
+					verticalScrollbarSize: 8,
+					horizontalScrollbarSize: 8
+				},
+				fixedOverflowWidgets: true,
+				...mergeEditorOptions(props.options)
+			});
+			editorModel.onDidChangeContent(() => {
+				if (suppressChange) return;
+				const value = editorModel?.getValue() ?? "";
+				if (value !== model.value) model.value = value;
+			});
+			applyJsonSchema();
+			applySnippets();
+			bindGlyphClick();
+			syncDebugDecorations();
+		}
+		let themeObserver = null;
+		onMounted(() => {
+			unmounted = false;
+			initEditor();
+			themeObserver = new MutationObserver(applyTheme);
+			themeObserver.observe(document.documentElement, {
+				attributes: true,
+				attributeFilter: ["data-rs-theme"]
+			});
+		});
+		onUnmounted(() => {
+			unmounted = true;
+			glyphClickDisposable?.dispose();
+			glyphClickDisposable = null;
+			debugDecoIds = [];
+			disposeEditor();
+			themeObserver?.disconnect();
+			themeObserver = null;
+		});
+		watch(() => model.value, (val) => {
+			if (!editorModel) return;
+			if (editorModel.getValue() === val) return;
+			suppressChange = true;
+			editorModel.setValue(val);
+			suppressChange = false;
+		});
+		watch(() => props.readonly, (val) => editor?.updateOptions({ readOnly: val }));
+		watch(() => props.minimap, (val) => editor?.updateOptions({ minimap: { enabled: val } }));
+		watch(() => props.glyphMargin, (val) => {
+			editor?.updateOptions({
+				glyphMargin: val,
+				lineDecorationsWidth: val ? 16 : 4
+			});
+			bindGlyphClick();
+			syncDebugDecorations();
+		});
+		watch(() => [props.debugCurrentLine, props.debugBreakpoints], () => {
+			syncDebugDecorations();
+		}, { deep: true });
+		watch(() => props.language, () => initEditor());
+		watch(() => props.jsonSchema, () => applyJsonSchema(), { deep: true });
+		watch(() => props.snippets, () => applySnippets(), { deep: true });
+		watch(() => props.completionRequest, () => applySnippets());
+		watch(() => props.completionTriggerCharacters, () => applySnippets(), { deep: true });
+		watch(() => props.completionPrefixResolver, () => applySnippets());
+		__expose({
+			/** 格式化文档（等价于 Shift+Alt+F） */
+			format() {
+				editor?.getAction("editor.action.formatDocument")?.run().catch(() => void 0);
+			},
+			getEditor() {
+				return editor;
+			},
+			/** 将指定行滚入视口中央（调试当前行） */
+			revealLine(line) {
+				if (!editor || line <= 0) return;
+				editor.revealLineInCenter(line);
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "editorEl",
+				ref: editorEl,
+				class: normalizeClass(["rs-monaco", { "rs-monaco--embedded": __props.embedded }]),
+				style: normalizeStyle({ height: typeof __props.height === "number" ? `${__props.height}px` : __props.height })
+			}, null, 6);
+		};
+	}
+});
+//#endregion
+export { RsMonacoEditor_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsMonacoEditor.js

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

package/dist/components/RsPagination.css

@@ -0,0 +1,83 @@
+
+.rs-pagination[data-v-126308be] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  color: var(--rs-muted);
+  font-size: var(--rs-font-size-sm);
+  /*
+   * 跳转输入 / 每页条数与页码按钮同档高度（随 size）。
+   * 高度走 token；仅用属性选择器对齐外壳，避免业务 :deep 改控件内部。
+   */
+  --rs-pagination-control-height: var(--rs-control-height-md);
+}
+.rs-pagination--sm[data-v-126308be] {
+  --rs-pagination-control-height: var(--rs-control-height-sm);
+  font-size: var(--rs-font-size-xs);
+}
+.rs-pagination--md[data-v-126308be] {
+  --rs-pagination-control-height: var(--rs-control-height-md);
+}
+.rs-pagination--lg[data-v-126308be] {
+  --rs-pagination-control-height: var(--rs-control-height-lg);
+  font-size: var(--rs-font-size-base);
+}
+.rs-pagination__summary[data-v-126308be] {
+  flex-shrink: 0;
+  line-height: var(--rs-pagination-control-height);
+}
+.rs-pagination__buttons[data-v-126308be] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+/* 当前页：仅主色文字高亮，无填充底（对齐部分 Ant / Element 轻量分页） */
+.rs-pagination__buttons[data-v-126308be] .rs-pagination__page--active {
+  font-weight: var(--rs-font-weight-semibold);
+  background: transparent !important;
+  box-shadow: none;
+}
+.rs-pagination__buttons[data-v-126308be] .rs-pagination__page--active:hover:not(:disabled),
+.rs-pagination__buttons[data-v-126308be] .rs-pagination__page--active:active:not(:disabled) {
+  background: transparent !important;
+}
+.rs-pagination__ellipsis[data-v-126308be] {
+  padding: 0 var(--rs-space-xs);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-pagination-control-height);
+}
+.rs-pagination__jumper[data-v-126308be] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+.rs-pagination__jumper-label[data-v-126308be],
+.rs-pagination__jumper-suffix[data-v-126308be] {
+  flex-shrink: 0;
+  color: var(--rs-muted);
+  font-size: inherit;
+  line-height: var(--rs-line-height-tight);
+}
+.rs-pagination__jumper-input[data-v-126308be] {
+  width: 3rem;
+}
+.rs-pagination__jumper-input[data-v-126308be] .rs-input-group {
+  width: 100%;
+  height: var(--rs-pagination-control-height);
+  min-height: var(--rs-pagination-control-height);
+  box-sizing: border-box;
+}
+.rs-pagination__jumper-btn[data-v-126308be] {
+  flex-shrink: 0;
+}
+.rs-pagination__size[data-v-126308be] {
+  width: 7.25rem;
+  min-width: 7.25rem;
+}
+.rs-pagination__size[data-v-126308be] .rs-select__trigger {
+  width: 100%;
+  height: var(--rs-pagination-control-height);
+  min-height: var(--rs-pagination-control-height);
+  box-sizing: border-box;
+}

package/dist/components/RsPagination.d.ts

@@ -0,0 +1,44 @@
+import type { RsComponentSize } from '../theme/types';
+/**
+ * 分页尺寸（对齐 Ant Design Pagination：small / medium / large）。
+ * 不提供 ssm：页码按钮过小不利于点击。
+ */
+export type RsPaginationSize = Extract<RsComponentSize, 'sm' | 'md' | 'lg'>;
+type __VLS_Props = {
+    total: number;
+    siblingCount?: number;
+    showSummary?: boolean;
+    showPageSize?: boolean;
+    showQuickJumper?: boolean;
+    /**
+     * 是否显示跳转「确定」按钮。
+     * 默认 false：回车 / 失焦跳转（对齐 Ant Design showQuickJumper 默认无 goButton）。
+     */
+    showJumpConfirm?: boolean;
+    pageSizeOptions?: readonly number[];
+    disabled?: boolean;
+    size?: RsPaginationSize;
+};
+type __VLS_ModelProps = {
+    'page'?: number;
+    'pageSize'?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+    "update:pageSize": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+}>, {
+    size: RsPaginationSize;
+    disabled: boolean;
+    showSummary: boolean;
+    siblingCount: number;
+    showPageSize: boolean;
+    showQuickJumper: boolean;
+    showJumpConfirm: boolean;
+    pageSizeOptions: readonly number[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/RsPagination.impl.js

@@ -0,0 +1,208 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import RsButton_default from "./RsButton.js";
+import RsInput_default from "./RsInput.js";
+import RsSelect_default from "./RsSelect.js";
+import { DEFAULT_PAGE_SIZE_OPTIONS, clampPage, getPageCount, getPaginationRange } from "./pagination-utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useModel, watch, withCtx } from "vue";
+//#region src/components/RsPagination.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-pagination__summary"
+};
+var _hoisted_3 = { class: "rs-pagination__buttons" };
+var _hoisted_4 = {
+	key: 0,
+	class: "rs-pagination__ellipsis"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "rs-pagination__jumper"
+};
+var _hoisted_6 = { class: "rs-pagination__jumper-label" };
+var _hoisted_7 = { class: "rs-pagination__jumper-input" };
+var _hoisted_8 = {
+	key: 0,
+	class: "rs-pagination__jumper-suffix"
+};
+var _hoisted_9 = {
+	key: 2,
+	class: "rs-pagination__size"
+};
+var controlRadius = "sm";
+var RsPagination_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsPagination",
+	props: /*@__PURE__*/ mergeModels({
+		total: {},
+		siblingCount: { default: 1 },
+		showSummary: {
+			type: Boolean,
+			default: true
+		},
+		showPageSize: {
+			type: Boolean,
+			default: false
+		},
+		showQuickJumper: {
+			type: Boolean,
+			default: false
+		},
+		showJumpConfirm: {
+			type: Boolean,
+			default: false
+		},
+		pageSizeOptions: { default: () => DEFAULT_PAGE_SIZE_OPTIONS },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" }
+	}, {
+		"page": { default: 1 },
+		"pageModifiers": {},
+		"pageSize": { default: 20 },
+		"pageSizeModifiers": {}
+	}),
+	emits: ["update:page", "update:pageSize"],
+	setup(__props) {
+		const page = useModel(__props, "page");
+		const pageSize = useModel(__props, "pageSize");
+		const props = __props;
+		const { t } = useRsI18n();
+		const jumpPageInput = ref(String(page.value));
+		const pageCount = computed(() => getPageCount(props.total, pageSize.value));
+		const range = computed(() => getPaginationRange(page.value, pageCount.value, props.siblingCount));
+		const summaryText = computed(() => t("pagination.summary", "Total {total} items").replace("{total}", String(props.total)));
+		const pageSizeSelectValue = computed({
+			get: () => String(pageSize.value),
+			set: (value) => {
+				pageSize.value = Number(value);
+			}
+		});
+		const pageSizeSelectOptions = computed(() => props.pageSizeOptions.map((option) => ({
+			label: `${option} / ${t("pagination.page")}`,
+			value: String(option)
+		})));
+		const showJumper = computed(() => props.showQuickJumper && pageCount.value > 1);
+		/** 页码按钮用 sm 圆角，避免 Button 默认 full 胶囊 */
+		const controlSize = computed(() => props.size);
+		watch(pageCount, (count) => {
+			page.value = clampPage(page.value, count);
+		});
+		watch(page, (value) => {
+			jumpPageInput.value = String(value);
+		});
+		function go(next) {
+			if (props.disabled) return;
+			page.value = clampPage(next, pageCount.value);
+		}
+		function confirmJump() {
+			if (props.disabled) return;
+			const parsed = Number.parseInt(jumpPageInput.value.trim(), 10);
+			if (Number.isNaN(parsed)) {
+				jumpPageInput.value = String(page.value);
+				return;
+			}
+			go(parsed);
+			jumpPageInput.value = String(page.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				class: normalizeClass(["rs-pagination", [`rs-pagination--${__props.size}`, { "rs-pagination--no-jump-confirm": !__props.showJumpConfirm }]]),
+				"aria-label": unref(t)("pagination.label")
+			}, [
+				__props.showSummary ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(summaryText.value), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_3, [
+					createVNode(RsButton_default, {
+						variant: "ghost",
+						size: controlSize.value,
+						radius: controlRadius,
+						disabled: __props.disabled || page.value <= 1,
+						onClick: _cache[0] || (_cache[0] = ($event) => go(page.value - 1))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("pagination.prev")), 1)]),
+						_: 1
+					}, 8, ["size", "disabled"]),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(range.value, (item, index) => {
+						return openBlock(), createElementBlock(Fragment, { key: `${item}-${index}` }, [item === "ellipsis" ? (openBlock(), createElementBlock("span", _hoisted_4, "...")) : (openBlock(), createBlock(RsButton_default, {
+							key: 1,
+							variant: "text",
+							tone: item === page.value ? "primary" : "neutral",
+							size: controlSize.value,
+							radius: controlRadius,
+							class: normalizeClass(["rs-pagination__page", { "rs-pagination__page--active": item === page.value }]),
+							disabled: __props.disabled,
+							onClick: ($event) => go(item)
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(item), 1)]),
+							_: 2
+						}, 1032, [
+							"tone",
+							"size",
+							"class",
+							"disabled",
+							"onClick"
+						]))], 64);
+					}), 128)),
+					createVNode(RsButton_default, {
+						variant: "ghost",
+						size: controlSize.value,
+						radius: controlRadius,
+						disabled: __props.disabled || page.value >= pageCount.value,
+						onClick: _cache[1] || (_cache[1] = ($event) => go(page.value + 1))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("pagination.next")), 1)]),
+						_: 1
+					}, 8, ["size", "disabled"])
+				]),
+				showJumper.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+					createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("pagination.jumpTo")), 1),
+					createElementVNode("div", _hoisted_7, [createVNode(RsInput_default, {
+						modelValue: jumpPageInput.value,
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => jumpPageInput.value = $event),
+						size: controlSize.value,
+						radius: controlRadius,
+						disabled: __props.disabled,
+						onPressEnter: confirmJump,
+						onBlur: confirmJump
+					}, null, 8, [
+						"modelValue",
+						"size",
+						"disabled"
+					])]),
+					unref(t)("pagination.jumpPageSuffix") ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(unref(t)("pagination.jumpPageSuffix")), 1)) : createCommentVNode("", true),
+					__props.showJumpConfirm ? (openBlock(), createBlock(RsButton_default, {
+						key: 1,
+						variant: "ghost",
+						size: controlSize.value,
+						radius: controlRadius,
+						class: "rs-pagination__jumper-btn",
+						disabled: __props.disabled,
+						onClick: confirmJump
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("pagination.jumpConfirm")), 1)]),
+						_: 1
+					}, 8, ["size", "disabled"])) : createCommentVNode("", true)
+				])) : createCommentVNode("", true),
+				__props.showPageSize ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(RsSelect_default, {
+					modelValue: pageSizeSelectValue.value,
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => pageSizeSelectValue.value = $event),
+					options: pageSizeSelectOptions.value,
+					size: controlSize.value,
+					radius: controlRadius,
+					disabled: __props.disabled,
+					placeholder: unref(t)("select.placeholder"),
+					block: ""
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"size",
+					"disabled",
+					"placeholder"
+				])])) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsPagination_vue_vue_type_script_setup_true_lang_default as default };