niuma-ui 2.0.2 → 2.0.4

package/dist/theme/brand.example.css

@@ -18,7 +18,7 @@
  * - 富文本：--rs-prose-font-family / --rs-prose-font-size / --rs-prose-line-height
  * - 终端排版：--rs-terminal-font-family / --rs-terminal-font-size / --rs-terminal-font-weight
  * - 菜单：--rs-menu-item-active-fg|bg|weight、--rs-menu-item-fg、--rs-menu-item-bg-hover
- * - 表单标签：--rs-label-font-size|font-weight|line-height|color（RsLabel / .rs-field__label）
+ * - 表单标签：--rs-label-font-size|font-weight|line-height|color|gap|mark-gap|disabled-opacity（RsLabel / .rs-field__label）
  * - 表格专用：--rs-table-*（色值参考 VS Code Dark/Light Modern）
  * - 树专用：--rs-tree-*（导航线 / 选中 / 焦点）
  * - 终端专用：--rs-terminal-*（默认 macOS Terminal.app 风格）

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niuma-ui",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "license": "Apache-2.0",
   "type": "module",
   "description": "Vue 3 workbench design system — Rs* components, --rs-* tokens, optional Monaco / CodeMirror / xterm",
@@ -77,8 +77,8 @@
     "**/*.scss"
   ],
   "peerDependencies": {
-    "vue": "^3.5.0",
-    "vite": ">=5"
+    "vite": ">=5",
+    "vue": "^3.5.0"
   },
   "peerDependenciesMeta": {
     "vite": {
@@ -106,18 +106,18 @@
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.43.1",
     "@lucide/vue": "^1.31.0",
+    "@rollup/pluginutils": "^5.3.0",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-search": "^0.16.0",
     "@xterm/xterm": "^6.0.0",
     "codemirror": "^6.0.2",
     "dayjs": "^1.11.21",
     "dompurify": "^3.4.13",
+    "es-module-lexer": "^1.7.0",
+    "magic-string": "^0.30.17",
     "marked": "^18.0.9",
     "monaco-editor": "^0.55.1",
     "monaco-sql-languages": "^1.2.0",
-    "@rollup/pluginutils": "^5.3.0",
-    "es-module-lexer": "^1.7.0",
-    "magic-string": "^0.30.17",
     "reka-ui": "^2.9.10",
     "vue-sonner": "^2.0.9"
   },
@@ -132,8 +132,9 @@
     "vite": "^8.1.3",
     "vitest": "^4.1.9",
     "vue": "^3.5.39",
-    "vue-tsc": "^3.3.6",
-    "vue-router": "^5.1.0"
+    "vue-i18n": "^11.4.12",
+    "vue-router": "^5.1.0",
+    "vue-tsc": "^3.3.6"
   },
   "engines": {
     "node": ">=20"

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

@@ -1,8 +0,0 @@
-import type { RsBreadcrumbRenderItem } from './breadcrumb-utils';
-type __VLS_Props = {
-    items: RsBreadcrumbRenderItem[];
-    separatorLabel: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/breadcrumb/src/RsBreadcrumbItems.impl.js

@@ -1,40 +0,0 @@
-import RsIcon_default from "../../icon/src/RsIcon.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
-//#region src/components/breadcrumb/src/RsBreadcrumbItems.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "rs-breadcrumb__list" };
-var RsBreadcrumbItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsBreadcrumbItems",
-	props: {
-		items: {},
-		separatorLabel: {}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("ol", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-				return openBlock(), createElementBlock("li", {
-					key: item.key,
-					class: "rs-breadcrumb__item"
-				}, [(openBlock(), createBlock(resolveDynamicComponent(item.isLink ? "a" : "span"), {
-					href: item.href,
-					class: normalizeClass(["rs-breadcrumb__link", { "rs-breadcrumb__link--current": item.isCurrent }]),
-					"aria-current": item.isCurrent ? "page" : void 0
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
-					_: 2
-				}, 1032, [
-					"href",
-					"class",
-					"aria-current"
-				])), index < __props.items.length - 1 ? (openBlock(), createBlock(RsIcon_default, {
-					key: 0,
-					name: "chevron-right",
-					size: 14,
-					class: "rs-breadcrumb__sep",
-					label: __props.separatorLabel
-				}, null, 8, ["label"])) : createCommentVNode("", true)]);
-			}), 128))]);
-		};
-	}
-});
-//#endregion
-export { RsBreadcrumbItems_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,5 +0,0 @@
-import RsBreadcrumbItems_vue_vue_type_script_setup_true_lang_default from "./RsBreadcrumbItems.impl.js";
-//#region src/components/breadcrumb/src/RsBreadcrumbItems.vue
-var RsBreadcrumbItems_default = RsBreadcrumbItems_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { RsBreadcrumbItems_default as default };

package/dist/components/date-picker/src/RsDatePicker-1.css

@@ -1,157 +0,0 @@
-
-.rs-date-picker__content {
-  /* 高于 RsDialog，避免在对话框内被遮挡 */
-  z-index: calc(var(--rs-z-modal) + 2);
-  padding: 0.75rem;
-  border: 1px solid var(--rs-border);
-  border-radius: var(--rs-radius);
-  background: var(--rs-surface-elevated);
-  box-shadow: var(--rs-shadow-lg);
-  outline: none;
-  /* 允许页脚/时间行完整展示，避免被裁切 */
-  overflow: visible;
-}
-.rs-date-picker__content--range {
-  width: min(42rem, calc(100vw - 2rem));
-}
-.rs-date-picker__content:not(.rs-date-picker__content--range) {
-  width: min(20rem, calc(100vw - 2rem));
-}
-.rs-date-picker__panel {
-  display: flex;
-  flex-direction: column;
-  gap: var(--rs-space-sm);
-  overflow: visible;
-}
-.rs-date-picker__range-grid {
-  display: grid;
-  gap: 0.75rem;
-}
-@media (min-width: 40rem) {
-.rs-date-picker__range-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-}
-.rs-date-picker__range-pane {
-  display: flex;
-  flex-direction: column;
-  gap: var(--rs-space-sm);
-  padding: 0.5rem;
-  border: 1px solid var(--rs-border-subtle);
-  border-radius: var(--rs-radius-sm);
-  background: color-mix(in srgb, var(--rs-surface) 72%, transparent);
-}
-.rs-date-picker__pane-title {
-  font-size: var(--rs-font-size-xs);
-  font-weight: var(--rs-font-weight-semibold);
-  color: var(--rs-muted);
-}
-.rs-date-picker__footer {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--rs-space-sm);
-  margin-top: var(--rs-space-xs);
-  padding-top: 0.75rem;
-  border-top: 1px solid var(--rs-border-subtle);
-  background: var(--rs-surface-elevated);
-}
-.rs-date-picker__footer-start {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  min-width: 0;
-}
-.rs-date-picker__shortcuts {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.375rem;
-  align-items: center;
-}
-.rs-date-picker__shortcut {
-  padding: 0.125rem 0.5rem;
-  border: 1px solid var(--rs-border);
-  border-radius: var(--rs-radius-xs);
-  background: transparent;
-  color: var(--rs-text);
-  font-size: var(--rs-font-size-xs);
-  line-height: 1.5;
-  cursor: pointer;
-  transition:
-    border-color var(--rs-transition-fast),
-    color var(--rs-transition-fast),
-    background var(--rs-transition-fast);
-}
-.rs-date-picker__shortcut:hover:not(:disabled) {
-  border-color: var(--rs-primary);
-  color: var(--rs-primary);
-  background: color-mix(in srgb, var(--rs-primary) 8%, transparent);
-}
-.rs-date-picker__shortcut:disabled {
-  opacity: 0.38;
-  cursor: not-allowed;
-}
-.rs-date-picker__link {
-  border: 0;
-  background: transparent;
-  color: var(--rs-primary);
-  font-size: var(--rs-font-size-xs);
-  cursor: pointer;
-}
-.rs-date-picker__link:hover {
-  text-decoration: underline;
-}
-.rs-date-picker__actions {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--rs-space-xs);
-}
-.rs-date-picker__ghost,
-.rs-date-picker__confirm {
-  border: 0;
-  border-radius: var(--rs-radius-sm);
-  padding: 0.375rem 0.625rem;
-  font-size: var(--rs-font-size-xs);
-  cursor: pointer;
-}
-.rs-date-picker__ghost {
-  background: transparent;
-  color: var(--rs-muted);
-}
-.rs-date-picker__ghost:hover {
-  background: var(--rs-surface-hover);
-  color: var(--rs-text);
-}
-.rs-date-picker__confirm {
-  background: var(--rs-primary);
-  color: var(--rs-primary-foreground);
-}
-.rs-date-picker__confirm:hover:not(:disabled) {
-  opacity: 0.92;
-}
-.rs-date-picker__confirm:disabled {
-  opacity: 0.38;
-  cursor: not-allowed;
-}
-.rs-date-picker__time-row {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  gap: var(--rs-space-sm);
-  padding-top: var(--rs-space-sm);
-  border-top: 1px solid var(--rs-border-subtle);
-  background: var(--rs-surface-elevated);
-}
-.rs-date-picker__time-label {
-  flex-shrink: 0;
-  font-size: var(--rs-font-size-xs);
-  font-weight: var(--rs-font-weight-medium);
-  color: var(--rs-muted);
-}
-.rs-date-picker__time-picker {
-  flex: 1;
-  min-width: 0;
-}

package/dist/components/mentions/src/RsMentions-1.css

@@ -1,29 +0,0 @@
-
-.rs-mentions__list {
-  position: fixed;
-  z-index: var(--rs-z-dropdown, 80);
-  box-sizing: border-box;
-  min-width: 10rem;
-  max-height: 12rem;
-  margin: 0;
-  padding: var(--rs-space-xs);
-  overflow: auto;
-  border: 1px solid var(--rs-border);
-  border-radius: var(--rs-radius-sm);
-  background: var(--rs-surface);
-  box-shadow: var(--rs-shadow-md);
-  list-style: none;
-}
-.rs-mentions__item {
-  padding: var(--rs-space-xs) var(--rs-space-sm);
-  border-radius: var(--rs-radius-xs);
-  cursor: pointer;
-}
-.rs-mentions__item--active,
-.rs-mentions__item:hover:not(.rs-mentions__item--disabled) {
-  background: var(--rs-surface-hover);
-}
-.rs-mentions__item--disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}

package/dist/components/time-picker/src/RsTimePicker-1.css

@@ -1,98 +0,0 @@
-
-.rs-time-picker__content {
-  z-index: var(--rs-z-dropdown);
-  padding: 0.75rem;
-  border: 1px solid var(--rs-border);
-  border-radius: var(--rs-radius);
-  background: var(--rs-surface-elevated);
-  box-shadow: var(--rs-shadow-lg);
-  outline: none;
-  width: min(18rem, calc(100vw - 2rem));
-}
-.rs-time-picker__content--range {
-  width: min(28rem, calc(100vw - 2rem));
-}
-/* 嵌套在日期时间面板内：须高于 .rs-date-picker__content（modal+2），否则时间列被日历遮挡 */
-.rs-time-picker__content--embedded {
-  z-index: calc(var(--rs-z-modal) + 3);
-}
-.rs-time-picker__panel {
-  display: flex;
-  flex-direction: column;
-  gap: var(--rs-space-sm);
-}
-.rs-time-picker__range-grid {
-  display: grid;
-  gap: 0.75rem;
-}
-@media (min-width: 40rem) {
-.rs-time-picker__range-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-}
-.rs-time-picker__range-pane {
-  display: flex;
-  min-width: 0;
-  flex-direction: column;
-  gap: var(--rs-space-sm);
-  padding: 0.5rem;
-  border: 1px solid var(--rs-border-subtle);
-  border-radius: var(--rs-radius-sm);
-  background: color-mix(in srgb, var(--rs-surface) 72%, transparent);
-}
-.rs-time-picker__pane-title {
-  font-size: var(--rs-font-size-xs);
-  font-weight: var(--rs-font-weight-semibold);
-  color: var(--rs-muted);
-}
-.rs-time-picker__footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--rs-space-sm);
-  margin-top: var(--rs-space-xs);
-  padding-top: 0.75rem;
-  border-top: 1px solid var(--rs-border-subtle);
-}
-.rs-time-picker__link {
-  border: 0;
-  background: transparent;
-  color: var(--rs-primary);
-  font-size: var(--rs-font-size-xs);
-  cursor: pointer;
-}
-.rs-time-picker__link:hover {
-  text-decoration: underline;
-}
-.rs-time-picker__actions {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--rs-space-xs);
-}
-.rs-time-picker__ghost,
-.rs-time-picker__confirm {
-  border: 0;
-  border-radius: var(--rs-radius-sm);
-  padding: 0.375rem 0.625rem;
-  font-size: var(--rs-font-size-xs);
-  cursor: pointer;
-}
-.rs-time-picker__ghost {
-  background: transparent;
-  color: var(--rs-muted);
-}
-.rs-time-picker__ghost:hover {
-  background: var(--rs-surface-hover);
-  color: var(--rs-text);
-}
-.rs-time-picker__confirm {
-  background: var(--rs-primary);
-  color: var(--rs-primary-foreground);
-}
-.rs-time-picker__confirm:hover:not(:disabled) {
-  opacity: 0.92;
-}
-.rs-time-picker__confirm:disabled {
-  opacity: 0.38;
-  cursor: not-allowed;
-}