@sdata/web-vue 3.2.0 → 3.3.0

package/es/table/utils.d.ts

@@ -21,6 +21,8 @@ export declare const getOperationStyle: (column: TableOperationColumn, operation
 } | {
     left?: undefined;
 };
+export declare const getTableGridTemplate: (dataColumns: TableColumnData[], operations: TableOperationColumn[], columnWidth?: Record<string, number>) => string;
+export declare const getGridSpanStyle: (rowSpan?: number, colSpan?: number) => CSSProperties;
 export declare const getColumnsFromSlot: (vns: VNode[]) => TableColumnData[];
 export declare function mapArrayWithChildren<T extends Array<{
     [key: string]: any;

package/es/table/utils.js

@@ -149,6 +149,16 @@ var getOperationStyle = (column, operations) => {
 	if (column.fixed) return { left: `${getOperationFixedNumber(column, operations)}px` };
 	return {};
 };
+var getColumnTrack = (width, minWidth) => {
+	if (width) return `${Math.max(width, minWidth || 0)}px`;
+	if (minWidth) return `minmax(${minWidth}px, 1fr)`;
+	return "minmax(0, 1fr)";
+};
+var getTableGridTemplate = (dataColumns, operations, columnWidth) => operations.map((item) => {
+	var _item$width3;
+	return `${(_item$width3 = item.width) !== null && _item$width3 !== void 0 ? _item$width3 : 40}px`;
+}).concat(dataColumns.map((item) => getColumnTrack(item.dataIndex && (columnWidth === null || columnWidth === void 0 ? void 0 : columnWidth[item.dataIndex]) || item.width, item.minWidth))).join(" ");
+var getGridSpanStyle = (rowSpan = 1, colSpan = 1) => _objectSpread2(_objectSpread2({}, rowSpan > 1 ? { gridRow: `span ${rowSpan}` } : {}), colSpan > 1 ? { gridColumn: `span ${colSpan}` } : {});
 function mapArrayWithChildren(arr) {
 	return arr.map((item) => {
 		const newItem = _objectSpread2({}, item);
@@ -181,4 +191,4 @@ var getSelectionStatus = (selectedRowKeys, leafKeys) => {
 	};
 };
 //#endregion
-export { getFixedCls, getGroupColumns, getLeafKeys, getOperationFixedCls, getOperationStyle, getSelectionStatus, getStyle, mapArrayWithChildren, mapRawTableData };
+export { getFixedCls, getGridSpanStyle, getGroupColumns, getLeafKeys, getOperationFixedCls, getOperationStyle, getSelectionStatus, getStyle, getTableGridTemplate, mapArrayWithChildren, mapRawTableData };

package/es/tag/index.d.ts

@@ -71,7 +71,7 @@ declare const Tag: {
         };
         backgroundAlpha: {
             type: NumberConstructor;
-            default: number;
+            default: undefined;
         };
     }>> & Readonly<{
         onClose?: ((_ev: MouseEvent | KeyboardEvent) => any) | undefined;
@@ -176,7 +176,7 @@ declare const Tag: {
         };
         backgroundAlpha: {
             type: NumberConstructor;
-            default: number;
+            default: undefined;
         };
     }>> & Readonly<{
         onClose?: ((_ev: MouseEvent | KeyboardEvent) => any) | undefined;
@@ -273,7 +273,7 @@ declare const Tag: {
     };
     backgroundAlpha: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
 }>> & Readonly<{
     onClose?: ((_ev: MouseEvent | KeyboardEvent) => any) | undefined;

package/es/tag/tag.vue.d.ts

@@ -81,7 +81,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
     backgroundAlpha: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (_ev: MouseEvent | KeyboardEvent) => any;
@@ -157,7 +157,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
     backgroundAlpha: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
 }>> & Readonly<{
     onClose?: ((_ev: MouseEvent | KeyboardEvent) => any) | undefined;

package/es/tag/tag.vue_vue_type_script_setup_true_lang.js

@@ -156,12 +156,12 @@ var tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 			default: void 0
 		},
 		/**
-		* @zh 自定义颜色的背景透明度，仅在自定义颜色时生效，默认 0.8
-		* @en Background opacity for custom color tags, only effective when using a custom color, default 0.8
+		* @zh 自定义颜色的背景透明度，仅在自定义颜色时生效。未显式传入时：若颜色自带透明度则使用该透明度，否则为 0.8
+		* @en Background opacity for custom color tags, only effective when using a custom color. When not explicitly set, uses the color's own opacity if it has one, otherwise 0.8
 		*/
 		backgroundAlpha: {
 			type: Number,
-			default: .8
+			default: void 0
 		}
 	},
 	emits: [
@@ -236,8 +236,19 @@ var tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 			var _props$textColor;
 			return (_props$textColor = props.textColor) !== null && _props$textColor !== void 0 ? _props$textColor : autoTextColor.value;
 		});
+		const colorAlpha = computed(() => {
+			if (!isCustomColor.value || !resolvedColor.value || isGradientColor.value) return;
+			try {
+				const alpha = chroma(resolvedColor.value).alpha();
+				return alpha < 1 ? alpha : void 0;
+			} catch (_unused3) {
+				return;
+			}
+		});
 		const finalBackgroundAlpha = computed(() => {
-			return isNil(props.bordered) ? 1 : props.backgroundAlpha;
+			if (isNil(props.bordered)) return 1;
+			if (!isNil(props.backgroundAlpha)) return props.backgroundAlpha;
+			return isNil(colorAlpha.value) ? .8 : colorAlpha.value;
 		});
 		const computedVisible = computed(() => {
 			var _props$visible;
@@ -286,7 +297,7 @@ var tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 				if (finalTextColor.value) styleObj["--sd-tag-color"] = finalTextColor.value;
 				try {
 					styleObj["--sd-tag-bg-color"] = (isGradientColor.value ? chroma.average(extractColorsFromGradient(resolvedColor.value), "rgb") : chroma(resolvedColor.value)).alpha(finalBackgroundAlpha.value).css();
-				} catch (_unused3) {
+				} catch (_unused4) {
 					styleObj["--sd-tag-bg-color"] = resolvedColor.value;
 				}
 				if (!isNil(props.bordered)) styleObj["--sd-tag-border-color"] = resolvedBackgroundColor.value;

package/es/toolbar/index.d.ts

@@ -0,0 +1,72 @@
+import type { App } from 'vue';
+import type { SDOptions } from '../_utils/types';
+import _Toolbar from './toolbar.vue';
+declare const Toolbar: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types").ToolbarProps & {
+        modelValue?: import("./types").ToolbarModelValue;
+    }> & Readonly<{
+        onSearch?: ((params: import("./types").ToolbarModelValue) => any) | undefined;
+        onReset?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./types").ToolbarModelValue) => any) | undefined;
+    }>, {
+        search: () => void;
+        reset: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        search: (params: import("./types").ToolbarModelValue) => any;
+        reset: () => any;
+        "update:modelValue": (value: import("./types").ToolbarModelValue) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types").ToolbarProps & {
+        modelValue?: import("./types").ToolbarModelValue;
+    }> & Readonly<{
+        onSearch?: ((params: import("./types").ToolbarModelValue) => any) | undefined;
+        onReset?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./types").ToolbarModelValue) => any) | undefined;
+    }>, {
+        search: () => void;
+        reset: () => void;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types").ToolbarProps & {
+    modelValue?: import("./types").ToolbarModelValue;
+}> & Readonly<{
+    onSearch?: ((params: import("./types").ToolbarModelValue) => any) | undefined;
+    onReset?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("./types").ToolbarModelValue) => any) | undefined;
+}>, {
+    search: () => void;
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    search: (params: import("./types").ToolbarModelValue) => any;
+    reset: () => any;
+    "update:modelValue": (value: import("./types").ToolbarModelValue) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        [x: string]: ((props: {
+            [x: string]: unknown;
+        }) => any) | undefined;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        'expand-icon'?: (props: {}) => any;
+    } & {
+        extra?: (props: {}) => any;
+    } & {
+        'action-prepend'?: (props: {}) => any;
+    } & {
+        'action-append'?: (props: {}) => any;
+    };
+}) & {
+    install: (app: App, options?: SDOptions) => void;
+};
+export type ToolbarInstance = InstanceType<typeof _Toolbar>;
+export type { ToolbarEmits, ToolbarModelValue, ToolbarProps, ToolbarResetEventHandler, ToolbarSearchEventHandler, } from './types';
+export default Toolbar;

package/es/toolbar/index.js

@@ -0,0 +1,10 @@
+import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
+import toolbar_default from "./toolbar.js";
+//#region components/toolbar/index.ts
+var Toolbar = Object.assign(toolbar_default, { install: (app, options) => {
+	setGlobalConfig(app, options);
+	const componentPrefix = getComponentPrefix(options);
+	app.component(componentPrefix + toolbar_default.name, toolbar_default);
+} });
+//#endregion
+export { Toolbar as default };

package/es/toolbar/style/css.js

@@ -0,0 +1,2 @@
+import "../../style/index.css";
+import "./index.css";

package/es/toolbar/style/index.css

@@ -0,0 +1,85 @@
+/******** borderSize *******/
+/******** borderStyle *******/
+/******** radius *******/
+/******** shadow distance *******/
+/******** size *******/
+/******** spacing *******/
+/******** shadow *******/
+/******** opacity *******/
+/******** fontSize *******/
+/******** fontWeight ********/
+/******** Primary *******/
+/******** success *******/
+/******** warning *******/
+/******** danger *******/
+/******** link *******/
+/******** radius *******/
+/********* icon hover *********/
+.sd-toolbar {
+  width: 100%;
+}
+.sd-toolbar-inner {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  align-items: flex-start;
+  width: 100%;
+}
+.sd-toolbar-with-border .sd-toolbar-inner {
+  padding-bottom: 8px;
+  border-bottom: 1px solid var(--sd-color-neutral-3);
+}
+.sd-toolbar-body {
+  flex: 1 1 0;
+  min-width: 0;
+  max-height: var(--toolbar-body-max-height);
+  overflow: hidden;
+  transition: max-height 0.3s ease;
+}
+.sd-toolbar-body--schema .sd-form {
+  display: grid;
+  flex: 1;
+  grid-template-columns: repeat(auto-fill, minmax(var(--toolbar-span-width), 1fr));
+  gap: 8px;
+  width: 100%;
+  background-color: var(--sd-color-bg-2);
+}
+.sd-toolbar-body--schema .sd-form > * {
+  max-width: var(--toolbar-item-max-width);
+}
+.sd-toolbar-body--schema .sd-form-item {
+  margin-bottom: 0;
+}
+.sd-toolbar-body--schema .sd-form-item-content {
+  min-height: var(--toolbar-item-height);
+}
+.sd-toolbar-body--max-width .sd-form {
+  grid-template-columns: repeat(auto-fill, minmax(min(var(--toolbar-item-max-width), var(--toolbar-span-width)), var(--toolbar-item-max-width)));
+}
+.sd-toolbar-actions {
+  display: flex;
+  flex-shrink: 0;
+  gap: 8px;
+  align-items: center;
+  align-self: flex-end;
+  white-space: nowrap;
+}
+.sd-toolbar-expand {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+}
+.sd-toolbar-expand-icon {
+  transition: transform 0.3s ease;
+}
+.sd-toolbar-expand-icon--up {
+  transform: rotate(180deg);
+}
+@media screen and (width <= 640px) {
+  .sd-toolbar-body--schema .sd-form {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+  .sd-toolbar-body--schema .sd-form-item {
+    grid-column: span 1 !important;
+  }
+}

package/es/toolbar/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.scss';
+import './index.scss';

package/es/toolbar/style/index.js

@@ -0,0 +1,2 @@
+import "../../style/index.scss";
+import "./index.scss";

package/es/toolbar/style/index.scss

@@ -0,0 +1,97 @@
+@use '@style/theme/index.scss' as theme;
+@use 'sass:string';
+@use '@components/toolbar/style/token.scss' as *;
+
+$toolbar-prefix-cls: string.unquote('#{theme.$prefix}-toolbar');
+
+.#{$toolbar-prefix-cls} {
+  width: 100%;
+
+  &-inner {
+    display: flex;
+    flex-wrap: wrap;
+    gap: $toolbar-gap;
+    align-items: flex-start;
+    width: 100%;
+  }
+
+  &-with-border &-inner {
+    padding-bottom: $toolbar-padding-bottom;
+    border-bottom: $toolbar-border-width $toolbar-border-style $toolbar-color-border;
+  }
+
+  &-body {
+    flex: 1 1 0;
+    min-width: 0;
+    max-height: var(--toolbar-body-max-height);
+    overflow: hidden;
+    transition: max-height 0.3s ease;
+  }
+
+  // Schema mode turns the underlying form into a responsive CSS grid so that
+  // filter items flow into shared rows instead of stacking one per line.
+  &-body--schema .sd-form {
+    display: grid;
+    flex: 1;
+    grid-template-columns: repeat(auto-fill, minmax(var(--toolbar-span-width), 1fr));
+    gap: $toolbar-body-gap;
+    width: 100%;
+    background-color: $toolbar-color-bg;
+
+    > * {
+      max-width: var(--toolbar-item-max-width);
+    }
+  }
+
+  &-body--schema .sd-form-item {
+    margin-bottom: 0;
+  }
+
+  &-body--schema .sd-form-item-content {
+    min-height: var(--toolbar-item-height);
+  }
+
+  // When an explicit max item width is provided, cap each column to it.
+  &-body--max-width .sd-form {
+    grid-template-columns: repeat(
+      auto-fill,
+      minmax(
+        min(var(--toolbar-item-max-width), var(--toolbar-span-width)),
+        var(--toolbar-item-max-width)
+      )
+    );
+  }
+
+  &-actions {
+    display: flex;
+    flex-shrink: 0;
+    gap: $toolbar-actions-gap;
+    align-items: center;
+    align-self: flex-end;
+    white-space: nowrap;
+  }
+
+  &-expand {
+    display: inline-flex;
+    gap: $toolbar-expand-gap;
+    align-items: center;
+  }
+
+  &-expand-icon {
+    transition: transform 0.3s ease;
+
+    &--up {
+      transform: rotate(180deg);
+    }
+  }
+
+  @media screen and (width <= 640px) {
+    &-body--schema .sd-form {
+      grid-template-columns: minmax(0, 1fr) !important;
+    }
+
+    &-body--schema .sd-form-item {
+      grid-column: span 1 !important;
+    }
+  }
+}

package/es/toolbar/style/token.scss

@@ -0,0 +1,25 @@
+@use '@style/theme/index.scss' as global;
+
+@forward '@style/theme/index.scss';
+@forward '@style/color/colors.scss' hide $sd-vars-prefix, $sd-cssvars-prefix;
+
+@use 'sass:string';
+@use '@style/theme/index.scss' as *;
+
+$toolbar-gap: global.$spacing-6;
+
+$toolbar-body-gap: global.$spacing-4;
+
+$toolbar-actions-gap: global.$spacing-4;
+
+$toolbar-expand-gap: global.$spacing-2;
+
+$toolbar-padding-bottom: global.$spacing-4;
+
+$toolbar-color-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-bg-2'));
+
+$toolbar-color-border: var(string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-3'));
+
+$toolbar-border-width: global.$border-1;
+
+$toolbar-border-style: global.$border-solid;

package/es/toolbar/toolbar.js

@@ -0,0 +1,5 @@
+import toolbar_vue_vue_type_script_setup_true_lang_default from "./toolbar.vue_vue_type_script_setup_true_lang.js";
+//#region components/toolbar/toolbar.vue
+var toolbar_default = toolbar_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { toolbar_default as default };

package/es/toolbar/toolbar.vue.d.ts

@@ -0,0 +1,44 @@
+import type { ToolbarModelValue, ToolbarProps } from './types';
+type __VLS_Props = ToolbarProps;
+declare function handleSearch(): void;
+declare function handleReset(): void;
+type __VLS_ModelProps = {
+    modelValue?: ToolbarModelValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {}, __VLS_19: string, __VLS_20: {
+    [x: string]: unknown;
+}, __VLS_30: {}, __VLS_37: {}, __VLS_39: {}, __VLS_57: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_19>]?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    'expand-icon'?: (props: typeof __VLS_30) => any;
+} & {
+    extra?: (props: typeof __VLS_37) => any;
+} & {
+    'action-prepend'?: (props: typeof __VLS_39) => any;
+} & {
+    'action-append'?: (props: typeof __VLS_57) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    search: typeof handleSearch;
+    reset: typeof handleReset;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    search: (params: ToolbarModelValue) => any;
+    reset: () => any;
+    "update:modelValue": (value: ToolbarModelValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSearch?: ((params: ToolbarModelValue) => any) | undefined;
+    onReset?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ToolbarModelValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/toolbar/toolbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,197 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import Button from "../button/index.js";
+import Spin from "../spin/index.js";
+import { useResizeObserver } from "../_hooks/use-resize-observer.js";
+import IconDown from "../icon/icon-down/index.js";
+import Link from "../link/index.js";
+import JsonForm from "../json-form/index.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, withCtx, withKeys } from "vue";
+import { cloneDeep, omit } from "es-toolkit";
+//#region components/toolbar/toolbar.vue?vue&type=script&setup=true&lang.ts
+var toolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Toolbar" }), {}, {
+	__name: "toolbar",
+	props: /*@__PURE__*/ mergeModels({
+		schemas: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		showSearch: {
+			type: Boolean,
+			default: true
+		},
+		showReset: {
+			type: Boolean,
+			default: true
+		},
+		showActions: {
+			type: Boolean,
+			default: true
+		},
+		searchText: { default: "查询" },
+		resetText: { default: "重置" },
+		expandText: { default: "展开" },
+		collapseText: { default: "收起" },
+		allowExpand: {
+			type: Boolean,
+			default: false
+		},
+		defaultExpand: {
+			type: Boolean,
+			default: false
+		},
+		itemHeight: { default: 32 },
+		spanWidth: { default: 230 },
+		itemMaxWidth: { default: "unset" },
+		showBorderBottom: {
+			type: Boolean,
+			default: true
+		},
+		resetSkipKeys: { default: () => [] }
+	}, {
+		"modelValue": { default: () => ({}) },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["search", "reset"], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		var _modelValue$value;
+		const emit = __emit;
+		/**
+		* @zh 表单数据对象（v-model）
+		* @en Form data object (v-model)
+		*/
+		const modelValue = useModel(__props, "modelValue");
+		const prefixCls = getPrefixCls("toolbar");
+		const bodyRef = ref();
+		const formRef = ref();
+		const isExpand = ref(__props.defaultExpand);
+		const isOverflow = ref(false);
+		const bodyHeight = ref(0);
+		const initModel = cloneDeep((_modelValue$value = modelValue.value) !== null && _modelValue$value !== void 0 ? _modelValue$value : {});
+		const { createResizeObserver, destroyResizeObserver } = useResizeObserver({
+			elementRef: bodyRef,
+			onResize: (entry) => {
+				const fullHeight = entry.target.scrollHeight;
+				bodyHeight.value = fullHeight;
+				isOverflow.value = fullHeight > __props.itemHeight;
+			}
+		});
+		onMounted(createResizeObserver);
+		onBeforeUnmount(destroyResizeObserver);
+		const resolvedSchemas = computed(() => __props.schemas.map((schema) => {
+			var _schema$formItemProps, _schema$formItemProps2;
+			const span = typeof schema.span === "number" && schema.span > 0 ? schema.span : 1;
+			const baseStyle = (_schema$formItemProps = (_schema$formItemProps2 = schema.formItemProps) === null || _schema$formItemProps2 === void 0 ? void 0 : _schema$formItemProps2.style) !== null && _schema$formItemProps !== void 0 ? _schema$formItemProps : {};
+			return _objectSpread2(_objectSpread2({}, schema), {}, { formItemProps: _objectSpread2(_objectSpread2({}, schema.formItemProps), {}, { style: _objectSpread2({ gridColumn: `span ${span}` }, baseStyle) }) });
+		}));
+		const schemaSlotNames = computed(() => {
+			const names = /* @__PURE__ */ new Set();
+			const walk = (list) => {
+				for (const item of list) {
+					var _item$children;
+					if (typeof item.slotName === "string") names.add(item.slotName);
+					if ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) walk(item.children);
+				}
+			};
+			walk(__props.schemas);
+			return [...names];
+		});
+		const bodyMaxHeight = computed(() => {
+			if (!__props.allowExpand) return "none";
+			return isExpand.value ? `${bodyHeight.value}px` : `${__props.itemHeight}px`;
+		});
+		const styleVars = computed(() => ({
+			"--toolbar-item-height": `${__props.itemHeight}px`,
+			"--toolbar-span-width": `${__props.spanWidth}px`,
+			"--toolbar-item-max-width": __props.itemMaxWidth,
+			"--toolbar-body-max-height": bodyMaxHeight.value
+		}));
+		const cls = computed(() => [prefixCls, { [`${prefixCls}-with-border`]: __props.showBorderBottom }]);
+		const bodyCls = computed(() => [`${prefixCls}-body`, {
+			[`${prefixCls}-body--schema`]: resolvedSchemas.value.length > 0,
+			[`${prefixCls}-body--max-width`]: __props.itemMaxWidth !== "unset"
+		}]);
+		function handleSearch() {
+			emit("search", modelValue.value);
+		}
+		function handleReset() {
+			var _formRef$value;
+			const initMinusSkip = omit(initModel, __props.resetSkipKeys);
+			const next = {};
+			for (const key of __props.resetSkipKeys) if (Object.hasOwn(modelValue.value, key)) next[key] = modelValue.value[key];
+			for (const key of Object.keys(initMinusSkip)) next[key] = initMinusSkip[key];
+			modelValue.value = next;
+			(_formRef$value = formRef.value) === null || _formRef$value === void 0 || _formRef$value.clearValidate();
+			emit("reset");
+		}
+		function toggleExpand() {
+			isExpand.value = !isExpand.value;
+		}
+		__expose({
+			search: handleSearch,
+			reset: handleReset
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(cls.value),
+				style: normalizeStyle(styleVars.value),
+				onKeydown: withKeys(handleSearch, ["enter"])
+			}, [createVNode(unref(Spin), {
+				loading: __props.loading,
+				class: normalizeClass(`${unref(prefixCls)}-inner`)
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "bodyRef",
+					ref: bodyRef,
+					class: normalizeClass(bodyCls.value)
+				}, [_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : resolvedSchemas.value.length ? (openBlock(), createBlock(unref(JsonForm), {
+					key: 1,
+					ref_key: "formRef",
+					ref: formRef,
+					modelValue: modelValue.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+					schemas: resolvedSchemas.value,
+					"hide-label": "",
+					"hide-asterisk": ""
+				}, createSlots({ _: 2 }, [renderList(schemaSlotNames.value, (name) => {
+					return {
+						name,
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))])
+					};
+				})]), 1032, ["modelValue", "schemas"])) : createCommentVNode("", true)], 2), __props.showActions ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-actions`)
+				}, [__props.allowExpand && isOverflow.value ? (openBlock(), createBlock(unref(Link), {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-expand`),
+					onClick: toggleExpand
+				}, {
+					default: withCtx(() => [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-expand-text`) }, toDisplayString(isExpand.value ? __props.collapseText : __props.expandText), 3), renderSlot(_ctx.$slots, "expand-icon", {}, () => [createVNode(unref(IconDown), { class: normalizeClass([`${unref(prefixCls)}-expand-icon`, { [`${unref(prefixCls)}-expand-icon--up`]: isExpand.value }]) }, null, 8, ["class"])])]),
+					_: 3
+				}, 8, ["class"])) : createCommentVNode("", true), _ctx.$slots.extra ? renderSlot(_ctx.$slots, "extra", { key: 1 }) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+					renderSlot(_ctx.$slots, "action-prepend"),
+					__props.showSearch ? (openBlock(), createBlock(unref(Button), {
+						key: 0,
+						type: "primary",
+						onClick: handleSearch
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.searchText), 1)]),
+						_: 1
+					})) : createCommentVNode("", true),
+					__props.showReset ? (openBlock(), createBlock(unref(Button), {
+						key: 1,
+						onClick: handleReset
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.resetText), 1)]),
+						_: 1
+					})) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "action-append")
+				], 64))], 2)) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, ["loading", "class"])], 38);
+		};
+	}
+}));
+//#endregion
+export { toolbar_vue_vue_type_script_setup_true_lang_default as default };