niuma-ui 2.0.3 → 2.0.9

package/dist/theme/brand.example.css

@@ -17,8 +17,9 @@
  * - 代码编辑器：--rs-code-font-family / --rs-code-font-size / --rs-code-line-height
  * - 富文本：--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-menu-item-active-fg|bg|weight、--rs-menu-item-fg、--rs-menu-item-bg-hover、
+ *   --rs-menu-group-label-fg、--rs-menu-arrow-fg、--rs-menu-indent、--rs-menu-flyout-*
+ * - 表单标签：--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/dist/vite-plugins/niuma-ui-host.js

@@ -96,7 +96,7 @@ function niumaUiHostAlias(ctx) {
             ];
             return {
                 resolve: alias.length > 0 ? { alias } : {},
-                // 不要把 reka-ui / @lucide/vue / vue-sonner 写进 include：
+                // 不要把 reka-ui / @lucide/vue 写进 include：
                 // 它们装在 niuma-ui 下，pnpm 宿主（cloud / site）resolve 不到，Vite 会报 Failed to resolve dependency。
                 optimizeDeps: {
                     exclude: ['@niuma/ui', 'niuma-ui'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niuma-ui",
-  "version": "2.0.3",
+  "version": "2.0.9",
   "license": "Apache-2.0",
   "type": "module",
   "description": "Vue 3 workbench design system — Rs* components, --rs-* tokens, optional Monaco / CodeMirror / xterm",
@@ -118,8 +118,7 @@
     "marked": "^18.0.9",
     "monaco-editor": "^0.55.1",
     "monaco-sql-languages": "^1.2.0",
-    "reka-ui": "^2.9.10",
-    "vue-sonner": "^2.0.9"
+    "reka-ui": "^2.9.10"
   },
   "devDependencies": {
     "@playwright/test": "^1.62.1",

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;
-}