niuma-ui 1.0.2 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +28 -1
- package/package.json +1 -1
- package/src/__tests__/RsDatePicker.spec.ts +21 -0
- package/src/__tests__/RsDialog.spec.ts +61 -0
- package/src/__tests__/RsForm.spec.ts +5 -5
- package/src/__tests__/RsFormItem.spec.ts +478 -0
- package/src/__tests__/RsFormList.spec.ts +109 -0
- package/src/__tests__/RsInput.spec.ts +93 -0
- package/src/__tests__/RsInputNumber.spec.ts +33 -0
- package/src/__tests__/RsSelect.spec.ts +423 -1
- package/src/__tests__/RsSwitch.spec.ts +30 -0
- package/src/__tests__/RsTimePicker.spec.ts +9 -0
- package/src/__tests__/RsTooltip.spec.ts +43 -0
- package/src/__tests__/css-token.spec.ts +51 -0
- package/src/__tests__/date-picker-utils.spec.ts +49 -0
- package/src/__tests__/dialog-utils.spec.ts +43 -0
- package/src/__tests__/form-path.spec.ts +46 -0
- package/src/__tests__/form-rules.spec.ts +63 -0
- package/src/__tests__/theme.spec.ts +2 -0
- package/src/components/RsAlert.vue +1 -1
- package/src/components/RsAvatar.vue +1 -1
- package/src/components/RsBadge.vue +1 -1
- package/src/components/RsBreadcrumb.vue +1 -1
- package/src/components/RsButton.vue +4 -4
- package/src/components/RsCalendarGrid.vue +3 -3
- package/src/components/RsCard.vue +4 -4
- package/src/components/RsCodeBlock.vue +4 -4
- package/src/components/RsCodeEditor.vue +8 -8
- package/src/components/RsConfirmDialog.vue +2 -2
- package/src/components/RsContextMenu.vue +6 -4
- package/src/components/RsDatePicker.vue +75 -31
- package/src/components/RsDateTimePicker.vue +9 -1
- package/src/components/RsDescriptions.vue +2 -2
- package/src/components/RsDialog.vue +26 -16
- package/src/components/RsDrawer.vue +1 -1
- package/src/components/RsDropdown.vue +1 -1
- package/src/components/RsDynamicTags.vue +18 -4
- package/src/components/RsEmpty.vue +1 -1
- package/src/components/RsForm.vue +68 -1
- package/src/components/RsFormItem.vue +423 -0
- package/src/components/RsFormItemControl.vue +21 -0
- package/src/components/RsFormList.vue +117 -0
- package/src/components/RsInput.vue +411 -18
- package/src/components/RsInputNumber.vue +13 -4
- package/src/components/RsLink.vue +1 -1
- package/src/components/RsMarkdown.vue +5 -5
- package/src/components/RsMenu.vue +2 -2
- package/src/components/RsMonacoEditor.vue +9 -3
- package/src/components/RsPagination.vue +1 -1
- package/src/components/RsProseEditor.vue +3 -3
- package/src/components/RsSelect.vue +332 -611
- package/src/components/RsSidebarGroup.vue +1 -1
- package/src/components/RsSplitPane.vue +22 -1
- package/src/components/RsStatCard.vue +2 -2
- package/src/components/RsSteps.vue +2 -2
- package/src/components/RsSwitch.vue +20 -7
- package/src/components/RsTabs.vue +9 -9
- package/src/components/RsTag.vue +1 -1
- package/src/components/RsTerminal.vue +58 -19
- package/src/components/RsTimePicker.vue +28 -4
- package/src/components/RsTimePickerColumns.vue +4 -4
- package/src/components/RsToaster.vue +7 -7
- package/src/components/RsTooltip.vue +10 -1
- package/src/components/RsTooltipProvider.vue +11 -1
- package/src/components/RsTree.vue +6 -6
- package/src/components/RsUpload.vue +2 -2
- package/src/components/date-picker-utils.ts +113 -2
- package/src/components/dialog-utils.ts +37 -2
- package/src/components/form-item-control.ts +55 -0
- package/src/components/form-path.ts +92 -0
- package/src/components/form-rules.ts +64 -10
- package/src/components/form-utils.ts +94 -2
- package/src/components/select-utils.ts +272 -12
- package/src/components/table/RsTableHeaderFilter.vue +1 -1
- package/src/components/table/rs-table.css +1 -1
- package/src/components/use-rs-select.ts +436 -0
- package/src/composables/useRsConfig.ts +10 -3
- package/src/composables/useRsI18n.ts +16 -5
- package/src/index.ts +69 -1
- package/src/locale/interpolate.ts +32 -0
- package/src/locale/messages.ts +10 -0
- package/src/styles.css +68 -12
- package/src/theme/brand.example.css +4 -1
- package/src/theme/css-token.ts +107 -0
- package/src/theme/types.ts +1 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
2
|
import * as monaco from 'monaco-editor'
|
|
3
3
|
import { onMounted, onUnmounted, ref, watch } from 'vue'
|
|
4
|
+
import { readCodeFontFamily, readCodeFontSizePx, readCssVar } from '../theme/css-token'
|
|
4
5
|
import { applyMonacoDebugDecorations } from '../monaco/debug-decorations'
|
|
5
6
|
import type { MonacoLanguage } from '../monaco/languages'
|
|
6
7
|
import {
|
|
@@ -357,6 +358,11 @@ function initEditor(): void {
|
|
|
357
358
|
props.language === 'json' ? monaco.Uri.parse(schemaUri) : undefined,
|
|
358
359
|
)
|
|
359
360
|
|
|
361
|
+
const host = editorEl.value
|
|
362
|
+
const fontSize = readCodeFontSizePx(host)
|
|
363
|
+
const lineHeightRatio =
|
|
364
|
+
Number.parseFloat(readCssVar('--rs-code-line-height', host) || readCssVar('--rs-line-height-relaxed', host)) || 1.625
|
|
365
|
+
|
|
360
366
|
editor = monaco.editor.create(editorEl.value, {
|
|
361
367
|
model: editorModel,
|
|
362
368
|
theme: resolveTheme(),
|
|
@@ -364,9 +370,9 @@ function initEditor(): void {
|
|
|
364
370
|
automaticLayout: true,
|
|
365
371
|
minimap: { enabled: props.minimap },
|
|
366
372
|
scrollBeyondLastLine: false,
|
|
367
|
-
fontFamily:
|
|
368
|
-
fontSize
|
|
369
|
-
lineHeight:
|
|
373
|
+
fontFamily: readCodeFontFamily(host),
|
|
374
|
+
fontSize,
|
|
375
|
+
lineHeight: Math.round(fontSize * lineHeightRatio),
|
|
370
376
|
tabSize: 2,
|
|
371
377
|
wordWrap: 'on',
|
|
372
378
|
bracketPairColorization: { enabled: true },
|
|
@@ -213,7 +213,7 @@ function confirmJump(): void {
|
|
|
213
213
|
}
|
|
214
214
|
/* 当前页:仅主色文字高亮,无填充底(对齐部分 Ant / Element 轻量分页) */
|
|
215
215
|
.rs-pagination__buttons :deep(.rs-pagination__page--active) {
|
|
216
|
-
font-weight:
|
|
216
|
+
font-weight: var(--rs-font-weight-semibold);
|
|
217
217
|
background: transparent !important;
|
|
218
218
|
box-shadow: none;
|
|
219
219
|
}
|
|
@@ -50,9 +50,9 @@ function buildExtensions() {
|
|
|
50
50
|
EditorView.theme({
|
|
51
51
|
'&': { height: '100%', backgroundColor: 'transparent' },
|
|
52
52
|
'.cm-scroller': {
|
|
53
|
-
fontFamily:
|
|
54
|
-
fontSize: '
|
|
55
|
-
lineHeight: '
|
|
53
|
+
fontFamily: 'var(--rs-prose-font-family)',
|
|
54
|
+
fontSize: 'var(--rs-prose-font-size)',
|
|
55
|
+
lineHeight: 'var(--rs-prose-line-height)',
|
|
56
56
|
letterSpacing: '0.02em',
|
|
57
57
|
},
|
|
58
58
|
'.cm-content': {
|