@gpustack/core-ui 1.0.23 → 1.0.24

package/dist/markdown.es.js

@@ -1,6 +1,6 @@
 import { o as e, r as t, t as n } from "./rolldown-runtime-gEudmnaM.js";
 import { t as r } from "./lodash-DVkZQU_K.js";
-import { t as i } from "./highlight-code-gZJ7edZl.js";
+import { t as i } from "./highlight-code-C8SfAI6k.js";
 import a, { Fragment as o, useCallback as s, useEffect as c, useMemo as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { EyeOutlined as p } from "@ant-design/icons";

package/dist/src/lib/components/yaml-editor/editor.d.ts

@@ -10,6 +10,9 @@ interface ViewerProps {
     placeholder?: string;
     variant?: 'bordered' | 'borderless';
     schema?: any;
+    onChange?: (value: string | undefined, event: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
 }
 declare const EditorInner: React.FC<ViewerProps>;
 export default EditorInner;

package/dist/src/lib/components/yaml-editor/index.d.ts

@@ -12,6 +12,9 @@ interface ViewerProps {
     schema?: any;
     isDarkTheme?: boolean;
     onUpload?: (content: string) => void;
+    onChange?: (value: string | undefined, event: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
 }
 declare const YamlEditor: React.FC<ViewerProps>;
 export default YamlEditor;

package/dist/src/lib/hooks/use-overlay-scroller.d.ts

@@ -28,7 +28,7 @@ export default function useOverlayScroller(data?: {
     initialize: (this: unknown, el: any) => any;
     instance: React.MutableRefObject<any>;
     scrollEventElement: React.MutableRefObject<any>;
-    initialized: React.MutableRefObject<boolean>;
+    initialized: boolean;
     getScrollElementScrollableHeight: () => {
         scrollTop: any;
         scrollHeight: number;

package/dist/yaml-editor.es.js

@@ -12,7 +12,7 @@ import { yamlDefaults as v } from "monaco-yaml";
 //#region src/lib/components/yaml-editor/editor.tsx
 g.config({ monaco: _ });
 var y = "inmemory://model/config.yaml", b = n((e, n) => {
-	let { value: s, height: c = 380, theme: u = "vs-dark", header: d, variant: f = "borderless", schema: p, placeholder: m } = e, g = a(null), _ = a(null), b = a(null), x = (e) => {
+	let { value: s, height: c = 380, theme: u = "vs-dark", header: d, variant: f = "borderless", schema: p, placeholder: m, onChange: g, onBlur: _, onFocus: b } = e, x = a(null), S = a(null), C = a(null), w = (e) => {
 		let t = e.Uri.parse(y);
 		v.setDiagnosticsOptions({
 			validate: !1,
@@ -24,35 +24,39 @@ var y = "inmemory://model/config.yaml", b = n((e, n) => {
 				schema: p
 			}]
 		});
-	}, S = (e, t) => {
-		g.current = e, _.current = t;
-	}, C = () => {
-		g.current && setTimeout(() => {
-			g.current?.getAction?.("editor.action.formatDocument")?.run().then(() => {
+	}, T = (e, t) => {
+		x.current = e, S.current = t, e.onDidBlurEditorText?.(() => {
+			_?.();
+		}), e.onDidFocusEditorText?.(() => {
+			b?.();
+		});
+	}, E = () => {
+		x.current && setTimeout(() => {
+			x.current?.getAction?.("editor.action.formatDocument")?.run().then(() => {
 				console.log("format success");
 			});
 		}, 100);
-	}, w = () => {
-		let e = g.current?.getModel()?.uri;
-		return _.current?.editor.getModelMarkers({ resource: e });
+	}, D = () => {
+		let e = x.current?.getModel()?.uri;
+		return S.current?.editor.getModelMarkers({ resource: e });
 	};
 	return i(n, () => ({
 		format: () => {
-			C();
+			E();
 		},
-		getValue: () => g.current?.getValue?.(),
+		getValue: () => x.current?.getValue?.(),
 		setValue: (e) => {
-			g.current?.setValue?.(e);
+			x.current?.setValue?.(e);
 		},
 		dispose: () => {
-			g.current?.dispose?.(), b.current?.dispose?.();
+			x.current?.dispose?.(), C.current?.dispose?.();
 		},
 		validate() {
-			return w();
+			return D();
 		},
-		editor: g.current
+		editor: x.current
 	})), r(() => {
-		C();
+		E();
 	}, [s]), /* @__PURE__ */ o(t, {
 		header: d,
 		variant: f,
@@ -76,8 +80,9 @@ var y = "inmemory://model/config.yaml", b = n((e, n) => {
 				}
 			},
 			loading: /* @__PURE__ */ o(l, { style: { fontSize: 24 } }),
-			beforeMount: x,
-			onMount: S
+			beforeMount: w,
+			onMount: T,
+			onChange: g
 		})
 	});
 }), { Text: x } = d;
@@ -113,31 +118,31 @@ var S = m.div`
   background-color: var(--ant-color-fill-quaternary);
   border-radius: var(--ant-border-radius-lg) var(--ant-border-radius-lg) 0 0;
 `, T = n((t, n) => {
-	let { value: l, height: d = 380, variant: m = "borderless", isDarkTheme: h, schema: g, placeholder: _, validateMessage: v, title: y, onUpload: x } = t, T = e(), E = a(null), D = (e) => {
-		E.current?.setValue?.(e);
+	let { value: l, height: d = 380, variant: m = "borderless", isDarkTheme: h, schema: g, placeholder: _, validateMessage: v, title: y, onUpload: x, onChange: T, onBlur: E, onFocus: D } = t, O = e(), k = a(null), A = (e) => {
+		k.current?.setValue?.(e);
 	};
 	return i(n, () => ({
 		format: () => {
-			E.current?.format();
+			k.current?.format();
 		},
-		getValue: () => E.current?.getValue?.(),
+		getValue: () => k.current?.getValue?.(),
 		setValue: (e) => {
-			E.current?.setValue?.(e);
+			k.current?.setValue?.(e);
 		},
 		dispose: () => {
-			E.current?.dispose?.();
+			k.current?.dispose?.();
 		},
 		validate() {
-			return E.current?.validate();
+			return k.current?.validate();
 		},
-		editor: E.current
+		editor: k.current
 	})), r(() => {
-		E.current?.format();
+		k.current?.format();
 	}, [l]), /* @__PURE__ */ s(S, {
 		className: "yaml-editor-container",
 		style: { minHeight: d },
 		children: [/* @__PURE__ */ o(b, {
-			ref: E,
+			ref: k,
 			header: /* @__PURE__ */ s(w, { children: [/* @__PURE__ */ o("span", {
 				className: "title",
 				children: y || "YAML"
@@ -149,7 +154,7 @@ var S = m.div`
 					let t = new FileReader();
 					return t.onload = (e) => {
 						let t = e.target?.result;
-						typeof t == "string" ? (x?.(t), D(t)) : p.error("Failed to read file content!");
+						typeof t == "string" ? (x?.(t), A(t)) : p.error("Failed to read file content!");
 					}, t.readAsText(e), !1;
 				},
 				showUploadList: !1,
@@ -158,7 +163,7 @@ var S = m.div`
 					icon: /* @__PURE__ */ o(c, {}),
 					type: "text",
 					size: "small",
-					children: T.formatMessage({ id: "common.button.import" })
+					children: O.formatMessage({ id: "common.button.import" })
 				})
 			})] }),
 			variant: m,
@@ -166,7 +171,10 @@ var S = m.div`
 			theme: h ? "vs-dark" : "light",
 			value: l,
 			placeholder: _,
-			schema: g
+			schema: g,
+			onChange: T,
+			onBlur: E,
+			onFocus: D
 		}), v && /* @__PURE__ */ o(C, {
 			type: "danger",
 			children: v

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpustack/core-ui",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "private": false,
   "sideEffects": [
     "**/*.css",