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.
Files changed (85) hide show
  1. package/CHANGELOG.md +28 -1
  2. package/package.json +1 -1
  3. package/src/__tests__/RsDatePicker.spec.ts +21 -0
  4. package/src/__tests__/RsDialog.spec.ts +61 -0
  5. package/src/__tests__/RsForm.spec.ts +5 -5
  6. package/src/__tests__/RsFormItem.spec.ts +478 -0
  7. package/src/__tests__/RsFormList.spec.ts +109 -0
  8. package/src/__tests__/RsInput.spec.ts +93 -0
  9. package/src/__tests__/RsInputNumber.spec.ts +33 -0
  10. package/src/__tests__/RsSelect.spec.ts +423 -1
  11. package/src/__tests__/RsSwitch.spec.ts +30 -0
  12. package/src/__tests__/RsTimePicker.spec.ts +9 -0
  13. package/src/__tests__/RsTooltip.spec.ts +43 -0
  14. package/src/__tests__/css-token.spec.ts +51 -0
  15. package/src/__tests__/date-picker-utils.spec.ts +49 -0
  16. package/src/__tests__/dialog-utils.spec.ts +43 -0
  17. package/src/__tests__/form-path.spec.ts +46 -0
  18. package/src/__tests__/form-rules.spec.ts +63 -0
  19. package/src/__tests__/theme.spec.ts +2 -0
  20. package/src/components/RsAlert.vue +1 -1
  21. package/src/components/RsAvatar.vue +1 -1
  22. package/src/components/RsBadge.vue +1 -1
  23. package/src/components/RsBreadcrumb.vue +1 -1
  24. package/src/components/RsButton.vue +4 -4
  25. package/src/components/RsCalendarGrid.vue +3 -3
  26. package/src/components/RsCard.vue +4 -4
  27. package/src/components/RsCodeBlock.vue +4 -4
  28. package/src/components/RsCodeEditor.vue +8 -8
  29. package/src/components/RsConfirmDialog.vue +2 -2
  30. package/src/components/RsContextMenu.vue +6 -4
  31. package/src/components/RsDatePicker.vue +75 -31
  32. package/src/components/RsDateTimePicker.vue +9 -1
  33. package/src/components/RsDescriptions.vue +2 -2
  34. package/src/components/RsDialog.vue +26 -16
  35. package/src/components/RsDrawer.vue +1 -1
  36. package/src/components/RsDropdown.vue +1 -1
  37. package/src/components/RsDynamicTags.vue +18 -4
  38. package/src/components/RsEmpty.vue +1 -1
  39. package/src/components/RsForm.vue +68 -1
  40. package/src/components/RsFormItem.vue +423 -0
  41. package/src/components/RsFormItemControl.vue +21 -0
  42. package/src/components/RsFormList.vue +117 -0
  43. package/src/components/RsInput.vue +411 -18
  44. package/src/components/RsInputNumber.vue +13 -4
  45. package/src/components/RsLink.vue +1 -1
  46. package/src/components/RsMarkdown.vue +5 -5
  47. package/src/components/RsMenu.vue +2 -2
  48. package/src/components/RsMonacoEditor.vue +9 -3
  49. package/src/components/RsPagination.vue +1 -1
  50. package/src/components/RsProseEditor.vue +3 -3
  51. package/src/components/RsSelect.vue +332 -611
  52. package/src/components/RsSidebarGroup.vue +1 -1
  53. package/src/components/RsSplitPane.vue +22 -1
  54. package/src/components/RsStatCard.vue +2 -2
  55. package/src/components/RsSteps.vue +2 -2
  56. package/src/components/RsSwitch.vue +20 -7
  57. package/src/components/RsTabs.vue +9 -9
  58. package/src/components/RsTag.vue +1 -1
  59. package/src/components/RsTerminal.vue +58 -19
  60. package/src/components/RsTimePicker.vue +28 -4
  61. package/src/components/RsTimePickerColumns.vue +4 -4
  62. package/src/components/RsToaster.vue +7 -7
  63. package/src/components/RsTooltip.vue +10 -1
  64. package/src/components/RsTooltipProvider.vue +11 -1
  65. package/src/components/RsTree.vue +6 -6
  66. package/src/components/RsUpload.vue +2 -2
  67. package/src/components/date-picker-utils.ts +113 -2
  68. package/src/components/dialog-utils.ts +37 -2
  69. package/src/components/form-item-control.ts +55 -0
  70. package/src/components/form-path.ts +92 -0
  71. package/src/components/form-rules.ts +64 -10
  72. package/src/components/form-utils.ts +94 -2
  73. package/src/components/select-utils.ts +272 -12
  74. package/src/components/table/RsTableHeaderFilter.vue +1 -1
  75. package/src/components/table/rs-table.css +1 -1
  76. package/src/components/use-rs-select.ts +436 -0
  77. package/src/composables/useRsConfig.ts +10 -3
  78. package/src/composables/useRsI18n.ts +16 -5
  79. package/src/index.ts +69 -1
  80. package/src/locale/interpolate.ts +32 -0
  81. package/src/locale/messages.ts +10 -0
  82. package/src/styles.css +68 -12
  83. package/src/theme/brand.example.css +4 -1
  84. package/src/theme/css-token.ts +107 -0
  85. 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: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace",
368
- fontSize: 13,
369
- lineHeight: 20,
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: 600;
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: "'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', Georgia, serif",
54
- fontSize: '1.05rem',
55
- lineHeight: '1.9',
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': {