vanilla-jui 1.5.5 → 1.5.7

package/src/css/content.css

@@ -296,6 +296,10 @@
   /* ============================================
     Code - 代码
   ============================================ */
+  code {
+    box-decoration-break: clone;
+  }
+
   .j-content code:not([class*='language-']) {
     font-family:
       'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
@@ -331,24 +335,21 @@
     background: none;
     color: inherit;
     font-size: inherit;
-    white-space: pre;
   }
 
   .j-content pre.j-code-editor {
     position: relative;
     margin-block: 1rem;
-    overflow: auto;
     border-radius: var(--radius-md);
     border: 1px solid var(--content-border);
-  }
-
-  .j-content pre.j-code-editor.hljs {
+    overflow: auto;
+    scrollbar-width: thin;
+    scrollbar-color: var(--ui-border) transparent;
     color: var(--ui-fg);
     background: var(--content-bg-subtle);
-    white-space: break-spaces;
   }
 
-  html.j-radius-round .j-content pre.j-code-editor {
+  .j-radius-round .j-content pre.j-code-editor {
     border-radius: 1.25rem;
   }
 
@@ -389,7 +390,6 @@
 
   .j-content pre code[class*='language-'] {
     display: block;
-    overflow-x: auto;
     padding: 1.25em 1.5em;
   }
 

package/src/primitives/drop.ts

@@ -1,6 +1,7 @@
 import { createRoot, createSignal, insert, jsx } from 'vanilla-signal';
 
 import {
+  asRenderable,
   type DOMReference,
   type RenderableContent,
   resolveElement,
@@ -245,7 +246,7 @@ export function createDrop(
       'aria-live': () =>
         typeof props.content === 'function' ? 'polite' : null,
       'aria-busy': () => String(loading()),
-      children: renderContent,
+      children: () => asRenderable(renderContent()),
     });
     return {
       root: jsx('div', {

package/src/primitives/popup.ts

@@ -1,6 +1,6 @@
-import { jsx } from 'vanilla-signal';
+import { type ElementProps, jsx } from 'vanilla-signal';
 
-import { type RenderableContent } from '../utilities/dom.ts';
+import { asRenderable, type RenderableContent } from '../utilities/dom.ts';
 import { type ResolveSchema, resolveProps } from '../utilities/types.ts';
 
 export interface PopupProps extends Record<string, unknown> {
@@ -45,10 +45,10 @@ function normalizeProps(input: PopupProps): ResolvedPopupProps {
 export function createPopup(props: PopupProps = {}): HTMLElement {
   const { className, position, component, labelledby, content } =
     normalizeProps(props);
-  const attrs: Record<string, unknown> = {
+  const attrs: ElementProps<HTMLDivElement> = {
     className: `${className} is-${position}`,
     role: 'dialog',
-    children: content,
+    children: asRenderable(content),
   };
 
   if (component) {

package/src/utilities/dom.ts

@@ -1,3 +1,4 @@
+import { type Renderable } from 'vanilla-signal';
 import {
   isDomElementValue,
   isDomNodeValue,
@@ -32,6 +33,12 @@ export type RenderableContent<TContext = unknown> =
   | readonly RenderableContent<TContext>[]
   | ((context: TContext) => RenderableContent<TContext>);
 
+export function asRenderable<TContext>(
+  value: RenderableContent<TContext>
+): Renderable {
+  return value as Renderable;
+}
+
 export interface LazyRenderOptions {
   threshold?: number | number[];
   rootMargin?: string;