@gpustack/core-ui 1.0.20 → 1.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{editor-wrap-BGZYfHpj.js → editor-wrap-LcV3ZHZv.js} +1 -1
- package/dist/index.css +1 -1
- package/dist/index.es.js +665 -683
- package/dist/src/lib/components/collapse-container/index.d.ts +1 -1
- package/dist/src/lib/components/index.d.ts +1 -0
- package/dist/src/lib/components/metadata-list/index.d.ts +2 -0
- package/dist/src/lib/components/switch-card/index.d.ts +18 -0
- package/dist/yaml-editor.es.js +9 -3
- package/package.json +1 -1
|
@@ -21,4 +21,4 @@ export interface CollapseContainerProps {
|
|
|
21
21
|
content?: React.CSSProperties;
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
|
-
export default function CollapsibleContainer({ title, subtitle, right, deleteBtn, defaultOpen, open, onToggle, disabled, showExpandIcon, variant, className, collapsible, iconPlacement, styles: cardStyles, children }:
|
|
24
|
+
export default function CollapsibleContainer({ title, subtitle, right, deleteBtn, defaultOpen, open, onToggle, disabled, showExpandIcon, variant, className, collapsible, iconPlacement, styles: cardStyles, children }: CollapseContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -104,6 +104,7 @@ export { default as SmallCloseButton } from './small-close-button';
|
|
|
104
104
|
export { default as SpeechContent } from './speech-content';
|
|
105
105
|
export { default as StatusTag } from './status-tag';
|
|
106
106
|
export { default as SubDrawer, type SubDrawerProps } from './sub-drawer';
|
|
107
|
+
export { default as SwitchCard } from './switch-card';
|
|
107
108
|
export { default as Table } from './table';
|
|
108
109
|
export { default as CellContent } from './table/components/cell-content';
|
|
109
110
|
export { default as RowChildren } from './table/components/row-children';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
interface SwitchCardProps {
|
|
3
|
+
label: React.ReactNode;
|
|
4
|
+
value?: boolean;
|
|
5
|
+
defaultValue?: boolean;
|
|
6
|
+
description?: React.ReactNode;
|
|
7
|
+
showSwitch?: boolean;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
styles?: {
|
|
10
|
+
wrapper?: React.CSSProperties;
|
|
11
|
+
checkboxWrapper?: React.CSSProperties;
|
|
12
|
+
label?: React.CSSProperties;
|
|
13
|
+
};
|
|
14
|
+
action?: React.ReactNode;
|
|
15
|
+
onChange?: (checked: boolean) => void;
|
|
16
|
+
}
|
|
17
|
+
declare const SwitchCard: React.FC<SwitchCardProps>;
|
|
18
|
+
export default SwitchCard;
|
package/dist/yaml-editor.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./useIntl-CQ7P5Olk.js";
|
|
2
|
-
import { t } from "./editor-wrap-
|
|
2
|
+
import { t } from "./editor-wrap-LcV3ZHZv.js";
|
|
3
3
|
import { forwardRef as n, useEffect as r, useImperativeHandle as i, useRef as a } from "react";
|
|
4
4
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
5
5
|
import { ImportOutlined as c, LoadingOutlined as l } from "@ant-design/icons";
|
|
@@ -85,10 +85,14 @@ g.config({ monaco: _ });
|
|
|
85
85
|
var S = m.div`
|
|
86
86
|
position: relative;
|
|
87
87
|
border: 1px solid var(--ant-color-border);
|
|
88
|
-
border-radius: var(--ant-border-radius);
|
|
88
|
+
border-radius: var(--ant-border-radius-lg);
|
|
89
89
|
.monaco-editor .scroll-decoration {
|
|
90
90
|
box-shadow: none;
|
|
91
91
|
}
|
|
92
|
+
.monaco-editor {
|
|
93
|
+
border-radius: 0 0 var(--ant-border-radius-lg) var(--ant-border-radius-lg);
|
|
94
|
+
overflow: hidden;
|
|
95
|
+
}
|
|
92
96
|
`, C = m(x)`
|
|
93
97
|
position: absolute;
|
|
94
98
|
left: 0;
|
|
@@ -96,7 +100,7 @@ var S = m.div`
|
|
|
96
100
|
bottom: 0;
|
|
97
101
|
padding: 4px 6px;
|
|
98
102
|
background-color: var(--ant-color-bg-elevated);
|
|
99
|
-
border-radius: 0 0 var(--ant-border-radius) var(--ant-border-radius);
|
|
103
|
+
border-radius: 0 0 var(--ant-border-radius-lg) var(--ant-border-radius-lg);
|
|
100
104
|
`, w = m.div`
|
|
101
105
|
width: 100%;
|
|
102
106
|
display: flex;
|
|
@@ -107,6 +111,7 @@ var S = m.div`
|
|
|
107
111
|
font-size: 14px;
|
|
108
112
|
border-bottom: 1px solid var(--ant-color-border);
|
|
109
113
|
background-color: var(--ant-color-fill-quaternary);
|
|
114
|
+
border-radius: var(--ant-border-radius-lg) var(--ant-border-radius-lg) 0 0;
|
|
110
115
|
`, T = n((t, n) => {
|
|
111
116
|
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) => {
|
|
112
117
|
E.current?.setValue?.(e);
|
|
@@ -129,6 +134,7 @@ var S = m.div`
|
|
|
129
134
|
})), r(() => {
|
|
130
135
|
E.current?.format();
|
|
131
136
|
}, [l]), /* @__PURE__ */ s(S, {
|
|
137
|
+
className: "yaml-editor-container",
|
|
132
138
|
style: { minHeight: d },
|
|
133
139
|
children: [/* @__PURE__ */ o(b, {
|
|
134
140
|
ref: E,
|