niuma-ui 2.0.4 → 2.0.9

package/dist/components/code-editor/src/RsCodeEditor.css

@@ -1,214 +1,240 @@
 
-.rs-code-editor[data-v-05d9a5e1] {
+.rs-code-editor[data-v-3ab77c7a] {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   border: 1px solid var(--rs-border);
   border-radius: var(--rs-radius);
   background: var(--rs-input-bg);
-  color: var(--rs-text);
+  color: var(--rs-text-primary);
 }
-.rs-code-editor--square[data-v-05d9a5e1] {
+.rs-code-editor--square[data-v-3ab77c7a] {
   border-radius: 0;
 }
-.rs-code-editor--embedded[data-v-05d9a5e1] {
+.rs-code-editor--embedded[data-v-3ab77c7a] {
   border: 0;
   border-radius: 0;
   background: transparent;
   flex: 1 1 auto;
-  min-height: 0;
-  width: 100%;
+  min-block-size: 0;
+  inline-size: 100%;
 }
-.rs-code-editor__toolbar[data-v-05d9a5e1] {
+.rs-code-editor__toolbar[data-v-3ab77c7a] {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: var(--rs-space-xs) var(--rs-space-sm);
-  border-bottom: 1px solid var(--rs-border-subtle);
-  color: var(--rs-muted);
+  padding-block: var(--rs-space-xs);
+  padding-inline: var(--rs-space-sm);
+  border-block-end: 1px solid var(--rs-border-subtle);
+  color: var(--rs-text-secondary);
   font-size: var(--rs-font-size-xs);
 }
-.rs-code-editor__body[data-v-05d9a5e1] {
+.rs-code-editor__body[data-v-3ab77c7a] {
   position: relative;
   flex: 1;
-  min-height: 0;
+  min-block-size: 0;
   display: flex;
   flex-direction: column;
 }
-.rs-code-editor__surface[data-v-05d9a5e1] {
+.rs-code-editor__surface[data-v-3ab77c7a] {
   flex: 1;
-  min-height: 0;
+  min-block-size: 0;
   overflow: hidden;
 }
-.rs-code-editor--embedded .rs-code-editor__body[data-v-05d9a5e1],
-.rs-code-editor--embedded .rs-code-editor__surface[data-v-05d9a5e1] {
-  height: 100%;
+.rs-code-editor--embedded .rs-code-editor__body[data-v-3ab77c7a],
+.rs-code-editor--embedded .rs-code-editor__surface[data-v-3ab77c7a] {
+  block-size: 100%;
 }
-.rs-code-editor__inline-edit[data-v-05d9a5e1] {
+.rs-code-editor__inline-edit[data-v-3ab77c7a] {
   position: absolute;
-  left: 50%;
-  top: 12%;
-  z-index: 5;
-  width: min(28rem, calc(100% - 2rem));
-  transform: translateX(-50%);
-  padding: 0.75rem;
+  z-index: var(--rs-z-dropdown);
+  inset-block-start: 12%;
+  inset-inline: 0;
+  inline-size: min(var(--rs-code-editor-inline-width), calc(100% - 2 * var(--rs-space-lg)));
+  margin-inline: auto;
+  padding: var(--rs-space-md);
   border: 1px solid var(--rs-border);
   border-radius: var(--rs-radius);
   background: var(--rs-surface-elevated);
-  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
+  box-shadow: var(--rs-shadow-lg);
 }
-.rs-code-editor__inline-edit-head[data-v-05d9a5e1] {
+.rs-code-editor__inline-edit-head[data-v-3ab77c7a] {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 0.5rem;
+  margin-block-end: var(--rs-space-sm);
   font-size: var(--rs-font-size-xs);
   font-weight: var(--rs-font-weight-semibold);
-  color: var(--rs-foreground);
+  color: var(--rs-text-primary);
 }
-.rs-code-editor__inline-edit-head kbd[data-v-05d9a5e1] {
-  padding: 0.1rem 0.35rem;
-  border-radius: 4px;
+.rs-code-editor__inline-edit-head kbd[data-v-3ab77c7a] {
+  padding-block: var(--rs-space-xs);
+  padding-inline: var(--rs-space-xs);
+  border-radius: var(--rs-radius-xs);
   border: 1px solid var(--rs-border-subtle);
   font-size: var(--rs-font-size-xs);
-  color: var(--rs-muted);
-}
-.rs-code-editor__inline-preview[data-v-05d9a5e1] {
-  margin: 0 0 0.5rem;
-  padding: 0.35rem 0.5rem;
-  border-radius: 4px;
-  background: color-mix(in srgb, var(--rs-muted) 8%, transparent);
-  color: var(--rs-muted);
+  color: var(--rs-text-secondary);
+}
+.rs-code-editor__inline-preview[data-v-3ab77c7a] {
+  margin: 0;
+  margin-block-end: var(--rs-space-sm);
+  padding-block: var(--rs-space-xs);
+  padding-inline: var(--rs-space-sm);
+  border-radius: var(--rs-radius-xs);
+  background: color-mix(in srgb, var(--rs-text-secondary) 8%, transparent);
+  color: var(--rs-text-secondary);
   font-family: var(--rs-code-font-family, var(--rs-font-mono));
   font-size: var(--rs-font-size-xs);
-  line-height: 1.4;
+  line-height: var(--rs-line-height-tight);
   white-space: pre-wrap;
-  max-height: 4.5rem;
+  max-block-size: 4.5rem;
   overflow: hidden;
 }
-.rs-code-editor__inline-input[data-v-05d9a5e1] {
-  width: 100%;
+.rs-code-editor__inline-input[data-v-3ab77c7a] {
+  inline-size: 100%;
   box-sizing: border-box;
-  margin-bottom: 0.5rem;
-  padding: 0.45rem 0.55rem;
+  margin-block-end: var(--rs-space-sm);
+  padding-block: var(--rs-space-sm);
+  padding-inline: var(--rs-space-sm);
   border: 1px solid var(--rs-border);
-  border-radius: var(--rs-radius-sm, 4px);
+  border-radius: var(--rs-radius-sm);
   background: var(--rs-input-bg);
-  color: var(--rs-foreground);
+  color: var(--rs-text-primary);
   font-size: var(--rs-font-size-sm);
+  font-family: inherit;
 }
-.rs-code-editor__inline-input[data-v-05d9a5e1]:focus {
-  outline: 2px solid color-mix(in srgb, var(--rs-primary) 35%, transparent);
+.rs-code-editor__inline-input[data-v-3ab77c7a]:focus-visible,
+.rs-code-editor__inline-btn[data-v-3ab77c7a]:focus-visible,
+.rs-code-editor__diagnostic-btn[data-v-3ab77c7a]:focus-visible {
+  outline: var(--rs-focus-ring-width) solid var(--rs-focus-ring);
   outline-offset: 1px;
 }
-.rs-code-editor__inline-error[data-v-05d9a5e1] {
-  margin: -0.25rem 0 0.5rem;
+.rs-code-editor__inline-error[data-v-3ab77c7a] {
+  margin: 0;
+  margin-block-end: var(--rs-space-sm);
   font-size: var(--rs-font-size-xs);
   color: var(--rs-danger);
 }
-.rs-code-editor__inline-actions[data-v-05d9a5e1] {
+.rs-code-editor__inline-actions[data-v-3ab77c7a] {
   display: flex;
   justify-content: flex-end;
-  gap: 0.35rem;
+  gap: var(--rs-space-xs);
 }
-.rs-code-editor__inline-btn[data-v-05d9a5e1] {
-  padding: 0.3rem 0.65rem;
+.rs-code-editor__inline-btn[data-v-3ab77c7a] {
+  padding-block: var(--rs-space-xs);
+  padding-inline: var(--rs-space-sm);
   border: 1px solid var(--rs-border);
-  border-radius: var(--rs-radius-sm, 4px);
+  border-radius: var(--rs-radius-sm);
   background: transparent;
-  color: var(--rs-foreground);
+  color: var(--rs-text-primary);
   font-size: var(--rs-font-size-xs);
+  font-family: inherit;
   cursor: pointer;
 }
-.rs-code-editor__inline-btn--primary[data-v-05d9a5e1] {
+.rs-code-editor__inline-btn--primary[data-v-3ab77c7a] {
   border-color: var(--rs-primary);
   background: var(--rs-primary);
-  color: var(--rs-primary-foreground, #fff);
+  color: var(--rs-primary-foreground);
 }
-.rs-code-editor__inline-btn[data-v-05d9a5e1]:disabled {
+.rs-code-editor__inline-btn[data-v-3ab77c7a]:disabled {
   opacity: 0.55;
   cursor: not-allowed;
 }
-.rs-code-editor__surface--disabled[data-v-05d9a5e1] {
+.rs-code-editor__surface--disabled[data-v-3ab77c7a] {
   opacity: 0.6;
   pointer-events: none;
 }
-.rs-code-editor__surface[data-v-05d9a5e1] .cm-editor {
+.rs-code-editor__surface[data-v-3ab77c7a] .cm-editor {
+  /* CodeMirror 自己写 height / width / border-right，逻辑属性盖不住。 */
   height: 100%;
   background: var(--rs-surface-elevated) !important;
 }
-.rs-code-editor__surface[data-v-05d9a5e1] .cm-scroller {
+.rs-code-editor__surface[data-v-3ab77c7a] .cm-scroller {
   font-family: var(--rs-code-font-family, var(--rs-font-mono));
   font-size: var(--rs-code-font-size, var(--rs-font-size-sm));
   line-height: var(--rs-code-line-height, var(--rs-line-height-relaxed));
 }
-.rs-code-editor__surface[data-v-05d9a5e1] .cm-gutters {
+.rs-code-editor__surface[data-v-3ab77c7a] .cm-gutters {
   background: color-mix(in srgb, var(--rs-surface-elevated) 85%, var(--rs-border) 15%) !important;
   border-right-color: var(--rs-border-subtle) !important;
-  color: var(--rs-muted);
+  color: var(--rs-text-secondary);
 }
-.rs-code-editor--embedded .rs-code-editor__surface[data-v-05d9a5e1] .cm-editor {
+.rs-code-editor--embedded .rs-code-editor__surface[data-v-3ab77c7a] .cm-editor {
   height: 100%;
   background: transparent !important;
 }
-.rs-code-editor--no-fold .rs-code-editor__surface[data-v-05d9a5e1] .cm-foldGutter {
+.rs-code-editor--no-fold .rs-code-editor__surface[data-v-3ab77c7a] .cm-foldGutter {
   display: none !important;
   width: 0 !important;
   min-width: 0 !important;
 }
-.rs-code-editor--gutter-fixed .rs-code-editor__surface[data-v-05d9a5e1] .cm-gutters {
+.rs-code-editor--gutter-fixed .rs-code-editor__surface[data-v-3ab77c7a] .cm-gutters {
   min-width: var(--rs-code-editor-gutter-width);
 }
-.rs-code-editor--gutter-fixed.rs-code-editor--no-fold .rs-code-editor__surface[data-v-05d9a5e1] .cm-lineNumbers {
+.rs-code-editor--gutter-fixed.rs-code-editor--no-fold .rs-code-editor__surface[data-v-3ab77c7a] .cm-lineNumbers {
   min-width: var(--rs-code-editor-gutter-width);
 }
-.rs-code-editor--gutter-fixed.rs-code-editor--no-fold .rs-code-editor__surface[data-v-05d9a5e1] .cm-lineNumbers .cm-gutterElement {
-  min-width: calc(var(--rs-code-editor-gutter-width) - 8px);
+.rs-code-editor--gutter-fixed.rs-code-editor--no-fold .rs-code-editor__surface[data-v-3ab77c7a] .cm-lineNumbers .cm-gutterElement {
+  min-width: calc(var(--rs-code-editor-gutter-width) - var(--rs-space-sm));
 }
-.rs-code-editor__surface[data-v-05d9a5e1] .cm-content {
-  color: var(--rs-foreground);
+.rs-code-editor__surface[data-v-3ab77c7a] .cm-content {
+  color: var(--rs-text-primary);
 }
-.rs-code-editor__surface[data-v-05d9a5e1] .cm-lintRange-error {
+.rs-code-editor__surface[data-v-3ab77c7a] .cm-lintRange-error {
   background: color-mix(in srgb, var(--rs-danger) 12%, transparent);
 }
-.rs-code-editor__surface[data-v-05d9a5e1] .cm-lintRange-warning {
+.rs-code-editor__surface[data-v-3ab77c7a] .cm-lintRange-warning {
   background: color-mix(in srgb, var(--rs-warning) 12%, transparent);
 }
-.rs-code-editor__surface[data-v-05d9a5e1] .cm-lintRange-info {
+.rs-code-editor__surface[data-v-3ab77c7a] .cm-lintRange-info {
   background: color-mix(in srgb, var(--rs-info) 10%, transparent);
 }
-.rs-code-editor__surface[data-v-05d9a5e1] .rs-code-editor__ghost {
-  color: var(--rs-muted);
+.rs-code-editor__surface[data-v-3ab77c7a] .rs-code-editor__ghost {
+  color: var(--rs-text-secondary);
   opacity: 0.55;
   pointer-events: none;
 }
-.rs-code-editor__surface[data-v-05d9a5e1] .rs-code-editor__hover {
-  max-width: 28rem;
-  padding: 0.45rem 0.65rem;
-  border-radius: var(--rs-radius-sm, 4px);
+.rs-code-editor__surface[data-v-3ab77c7a] .rs-code-editor__hover {
+  max-inline-size: var(--rs-code-editor-inline-width);
+  padding-block: var(--rs-space-sm);
+  padding-inline: var(--rs-space-sm);
+  border-radius: var(--rs-radius-sm);
   border: 1px solid var(--rs-border);
   background: var(--rs-surface-elevated);
-  color: var(--rs-foreground);
+  color: var(--rs-text-primary);
   font-family: var(--rs-code-font-family, var(--rs-font-mono));
   font-size: var(--rs-font-size-xs);
-  line-height: 1.45;
+  line-height: var(--rs-line-height-normal);
   white-space: pre-wrap;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+  box-shadow: var(--rs-shadow);
 }
-.rs-code-editor__diagnostics[data-v-05d9a5e1] {
+.rs-code-editor__diagnostics[data-v-3ab77c7a] {
   margin: 0;
-  padding: var(--rs-space-sm) var(--rs-space-md);
-  border-top: 1px solid var(--rs-border-subtle);
-  color: var(--rs-muted);
+  padding-block: var(--rs-space-sm);
+  padding-inline: var(--rs-space-md);
+  border-block-start: 1px solid var(--rs-border-subtle);
+  color: var(--rs-text-secondary);
   font-size: var(--rs-font-size-xs);
   list-style: none;
 }
-.rs-code-editor__diagnostic--error[data-v-05d9a5e1] {
+.rs-code-editor__diagnostic-btn[data-v-3ab77c7a] {
+  display: block;
+  inline-size: 100%;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+}
+.rs-code-editor__diagnostic--error[data-v-3ab77c7a] {
   color: var(--rs-danger);
 }
-.rs-code-editor__diagnostic--warning[data-v-05d9a5e1] {
+.rs-code-editor__diagnostic--warning[data-v-3ab77c7a] {
   color: var(--rs-warning);
 }
-.rs-code-editor__diagnostic--info[data-v-05d9a5e1] {
+.rs-code-editor__diagnostic--info[data-v-3ab77c7a] {
   color: var(--rs-info);
 }

package/dist/components/code-editor/src/RsCodeEditor.d.ts

@@ -26,20 +26,28 @@ type __VLS_Props = {
     /** SQL 表/字段补全（language=sql 时生效） */
     sqlConfig?: RsCodeEditorSqlConfig;
     filePath?: string;
-    hoverRequest?: (line: number, column: number) => Promise<string | null>;
-    definitionRequest?: (line: number, column: number) => Promise<{
+    hoverRequest?: (line: number, column: number, signal?: AbortSignal) => Promise<string | null>;
+    definitionRequest?: (line: number, column: number, signal?: AbortSignal) => Promise<{
         file: string;
         line: number;
         column?: number;
     } | null>;
-    completionRequest?: (prefix: string, suffix: string, line: number, column: number) => Promise<string | null>;
+    completionRequest?: (prefix: string, suffix: string, line: number, column: number, signal?: AbortSignal) => Promise<string | null>;
     inlineEditRequest?: (params: {
         selection: string;
         instruction: string;
         from: number;
         to: number;
         surroundingContext: string;
+        signal?: AbortSignal;
     }) => Promise<string | null>;
+    /** 折行。默认开，与原先 EditorView.lineWrapping 一致。 */
+    wrap?: boolean;
+    /** 首次创建后聚焦。语言或 SQL 重载不再抢焦点。 */
+    autofocus?: boolean;
+    /** 覆盖读屏名称。不传走 codeEditor.label。 */
+    ariaLabel?: string;
+    id?: string;
 };
 type __VLS_ModelProps = {
     modelValue?: string;
@@ -51,6 +59,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     goToPosition(line: number, column?: number): void;
+    focus(): void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
     ready: () => any;
@@ -70,8 +79,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     theme: RsCodeEditorTheme;
     disabled: boolean;
+    wrap: boolean;
     readonly: boolean;
     embedded: boolean;
+    autofocus: boolean;
     rounded: boolean;
     language: RsCodeEditorLanguage;
     showToolbar: boolean;