@sdata/web-vue 4.4.0 → 4.4.2

package/es/json-form/json-form-item.vue_vue_type_script_setup_true_lang.js

@@ -5,11 +5,12 @@ import form_item_default from "../form/form-item.js";
 import { JSON_FORM_COMPONENT_TYPES } from "./types.js";
 import { getJsonFormValue, setJsonFormValue } from "./utils.js";
 import json_form_component_default from "./json-form-component.js";
-import { Fragment, computed, createBlock, createElementBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, openBlock, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toHandlers, unref, useModel, useSlots, withCtx } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toHandlers, unref, useSlots, withCtx } from "vue";
 //#region components/json-form/json-form-item.vue?vue&type=script&setup=true&lang.ts
 var json_form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "JsonFormItem" }), {}, {
 	__name: "json-form-item",
-	props: /*@__PURE__*/ mergeModels({
+	props: {
+		modelValue: {},
 		schema: {},
 		adapter: {},
 		components: {},
@@ -26,23 +27,21 @@ var json_form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			type: Boolean,
 			default: false
 		}
-	}, {
-		"modelValue": { required: true },
-		"modelModifiers": {}
-	}),
+	},
 	emits: ["update:modelValue"],
-	setup(__props) {
+	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const workingModel = useModel(__props, "modelValue");
+		const emit = __emit;
 		const normalizedField = computed(() => {
 			return props.adapter === "a2ui-0.9.1" ? props.schema.field.replace(/^\//, "").replaceAll("/", ".") : props.schema.field;
 		});
 		const fieldModel = computed({
 			get() {
-				return getJsonFormValue(workingModel.value, props.schema.field, props.adapter);
+				return getJsonFormValue(props.modelValue, props.schema.field, props.adapter);
 			},
 			set(value) {
-				setJsonFormValue(workingModel.value, props.schema.field, value, props.adapter);
+				setJsonFormValue(props.modelValue, props.schema.field, value, props.adapter);
+				emit("update:modelValue", _objectSpread2({}, props.modelValue));
 			}
 		});
 		const resolvedRules = computed(() => {
@@ -76,7 +75,7 @@ var json_form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			}, void 0, void 0, 1) : __props.schema.slotName && _ctx.$slots[__props.schema.slotName] ? (openBlock(), createBlock(unref(form_item_default), mergeProps({
 				key: 2,
 				label: __props.schema.label,
-				field: __props.schema.field,
+				field: normalizedField.value,
 				"hide-label": (_props$schema$formIte = (_props$schema$formIte2 = __props.schema.formItemProps) === null || _props$schema$formIte2 === void 0 ? void 0 : _props$schema$formIte2.hideLabel) !== null && _props$schema$formIte !== void 0 ? _props$schema$formIte : __props.hideLabel,
 				"hide-asterisk": (_props$schema$formIte3 = (_props$schema$formIte4 = __props.schema.formItemProps) === null || _props$schema$formIte4 === void 0 ? void 0 : _props$schema$formIte4.hideAsterisk) !== null && _props$schema$formIte3 !== void 0 ? _props$schema$formIte3 : __props.hideAsterisk,
 				"show-colon": (_props$schema$formIte5 = (_props$schema$formIte6 = __props.schema.formItemProps) === null || _props$schema$formIte6 === void 0 ? void 0 : _props$schema$formIte6.showColon) !== null && _props$schema$formIte5 !== void 0 ? _props$schema$formIte5 : __props.showColon,
@@ -105,7 +104,7 @@ var json_form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			])) : __props.schema.render ? (openBlock(), createBlock(unref(form_item_default), mergeProps({
 				key: 3,
 				label: __props.schema.label,
-				field: __props.schema.field,
+				field: normalizedField.value,
 				"hide-label": (_props$schema$formIte8 = (_props$schema$formIte9 = __props.schema.formItemProps) === null || _props$schema$formIte9 === void 0 ? void 0 : _props$schema$formIte9.hideLabel) !== null && _props$schema$formIte8 !== void 0 ? _props$schema$formIte8 : __props.hideLabel,
 				"hide-asterisk": (_props$schema$formIte10 = (_props$schema$formIte11 = __props.schema.formItemProps) === null || _props$schema$formIte11 === void 0 ? void 0 : _props$schema$formIte11.hideAsterisk) !== null && _props$schema$formIte10 !== void 0 ? _props$schema$formIte10 : __props.hideAsterisk,
 				"show-colon": (_props$schema$formIte12 = (_props$schema$formIte13 = __props.schema.formItemProps) === null || _props$schema$formIte13 === void 0 ? void 0 : _props$schema$formIte13.showColon) !== null && _props$schema$formIte12 !== void 0 ? _props$schema$formIte12 : __props.showColon,
@@ -129,8 +128,8 @@ var json_form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					return [(openBlock(true), createElementBlock(Fragment, null, renderList((_props$schema$childre = __props.schema.children) !== null && _props$schema$childre !== void 0 ? _props$schema$childre : [], (child) => {
 						return openBlock(), createBlock(unref(grid_col_default), mergeProps({ key: child.field }, { ref_for: true }, resolveColProps(child)), {
 							default: withCtx(() => [createVNode(_component_JsonFormItem, {
-								modelValue: workingModel.value,
-								"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => workingModel.value = $event),
+								"model-value": __props.modelValue,
+								"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event)),
 								schema: child,
 								adapter: __props.adapter,
 								components: __props.components,
@@ -144,7 +143,7 @@ var json_form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 									fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps))])
 								};
 							})]), 1032, [
-								"modelValue",
+								"model-value",
 								"schema",
 								"adapter",
 								"components",

package/es/json-form/json-form.vue.d.ts

@@ -1,19 +1,15 @@
 import type { Component } from 'vue';
 import { type JsonFormModel, type JsonFormProps } from './types';
 type __VLS_Props = JsonFormProps;
-type __VLS_ModelProps = {
-    modelValue?: JsonFormModel | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_9: {}, __VLS_19: string, __VLS_20: {
+declare var __VLS_9: {}, __VLS_21: string, __VLS_22: {
     [x: string]: unknown;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_19>]?: (props: typeof __VLS_20) => any;
+    [K in NonNullable<typeof __VLS_21>]?: (props: typeof __VLS_22) => any;
 } & {
     default?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     validate: (callback?: ((errors: undefined | Record<string, import("../form").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../form").ValidatedError> | undefined> | undefined;
     validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("../form").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../form").ValidatedError> | undefined> | undefined;
     resetFields: (field?: string | string[] | undefined) => void | undefined;
@@ -21,11 +17,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     setFields: (data: Record<string, import("../form/interface.ts").FieldData>) => void | undefined;
     scrollToField: (field: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: JsonFormModel | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: JsonFormModel | undefined) => any) | undefined;
+    "update:modelValue": (value: JsonFormModel) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: JsonFormModel) => any) | undefined;
 }>, {
     component: string | Component;
+    modelValue: JsonFormModel;
     showColon: boolean;
     hideLabel: boolean;
     hideAsterisk: boolean;

package/es/json-form/json-form.vue_vue_type_script_setup_true_lang.js

@@ -5,15 +5,16 @@ import form_default from "../form/form.js";
 import { JSON_FORM_ADAPTERS } from "./types.js";
 import { resolveJsonFormComponents, translateA2UI_0_9_1ToJsonFormSchemas } from "./utils.js";
 import json_form_item_default from "./json-form-item.js";
-import { Comment, Fragment, computed, createBlock, createElementBlock, createSlots, defineComponent, inject, mergeModels, mergeProps, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, unref, useModel, useSlots, watch, withCtx } from "vue";
+import { Comment, Fragment, computed, createBlock, createElementBlock, createSlots, defineComponent, inject, mergeProps, openBlock, reactive, renderList, renderSlot, resolveDynamicComponent, shallowRef, unref, useSlots, watch, withCtx } from "vue";
 //#region components/json-form/json-form.vue?vue&type=script&setup=true&lang.ts
 var json_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "JsonForm",
 	inheritAttrs: false
 }), {}, {
 	__name: "json-form",
-	props: /*@__PURE__*/ mergeModels({
+	props: {
 		schemas: {},
+		modelValue: { default: void 0 },
 		adapter: { default: void 0 },
 		model: { default: void 0 },
 		hideLabel: {
@@ -29,27 +30,27 @@ var json_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			default: false
 		},
 		component: { default: void 0 }
-	}, {
-		"modelValue": {},
-		"modelModifiers": {}
-	}),
+	},
 	emits: ["update:modelValue"],
-	setup(__props, { expose: __expose }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
 		var _props$model;
 		const props = __props;
-		const modelValue = useModel(__props, "modelValue");
+		const emit = __emit;
 		const formRef = shallowRef(null);
-		const internalModel = shallowRef((_props$model = props.model) !== null && _props$model !== void 0 ? _props$model : {});
+		const internalModel = shallowRef(reactive((_props$model = props.model) !== null && _props$model !== void 0 ? _props$model : {}));
 		const configProvider = inject(configProviderInjectionKey, void 0);
 		const slots = useSlots();
 		const prefixCls = getPrefixCls("json-form");
 		watch(() => props.model, (value) => {
-			if (value && modelValue.value === void 0) internalModel.value = value;
+			if (value && props.modelValue === void 0) internalModel.value = reactive(value);
 		}, { immediate: true });
 		const workingModel = computed(() => {
-			var _modelValue$value;
-			return (_modelValue$value = modelValue.value) !== null && _modelValue$value !== void 0 ? _modelValue$value : internalModel.value;
+			var _props$modelValue;
+			return (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : internalModel.value;
 		});
+		const handleWorkingModelUpdate = (value) => {
+			if (props.modelValue !== void 0) emit("update:modelValue", value);
+		};
 		const resolvedAdapter = computed(() => {
 			var _ref, _props$adapter, _configProvider$jsonF;
 			return (_ref = (_props$adapter = props.adapter) !== null && _props$adapter !== void 0 ? _props$adapter : configProvider === null || configProvider === void 0 || (_configProvider$jsonF = configProvider.jsonForm) === null || _configProvider$jsonF === void 0 ? void 0 : _configProvider$jsonF.adapter) !== null && _ref !== void 0 ? _ref : JSON_FORM_ADAPTERS.default;
@@ -59,7 +60,7 @@ var json_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			return resolveJsonFormComponents(configProvider === null || configProvider === void 0 || (_configProvider$jsonF2 = configProvider.jsonForm) === null || _configProvider$jsonF2 === void 0 ? void 0 : _configProvider$jsonF2.components);
 		});
 		const normalizedSchemas = computed(() => {
-			if (resolvedAdapter.value === JSON_FORM_ADAPTERS.a2ui_0_9_1) return translateA2UI_0_9_1ToJsonFormSchemas(props.schemas);
+			if (resolvedAdapter.value === JSON_FORM_ADAPTERS.a2ui_0_9_1) return translateA2UI_0_9_1ToJsonFormSchemas(props.schemas, workingModel.value);
 			return props.schemas;
 		});
 		const customComponent = computed(() => {
@@ -108,8 +109,8 @@ var json_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				default: withCtx(() => [hasDefaultSlot.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(normalizedSchemas.value, (schema) => {
 					return openBlock(), createBlock(json_form_item_default, {
 						key: schema.field,
-						modelValue: workingModel.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => workingModel.value = $event),
+						"model-value": workingModel.value,
+						"onUpdate:modelValue": handleWorkingModelUpdate,
 						schema,
 						adapter: resolvedAdapter.value,
 						components: resolvedComponents.value,
@@ -123,7 +124,7 @@ var json_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps))])
 						};
 					})]), 1032, [
-						"modelValue",
+						"model-value",
 						"schema",
 						"adapter",
 						"components",

package/es/json-form/style/index.css

@@ -22,4 +22,19 @@
   width: 100%;
   min-width: 0;
   border-radius: 4px;
+}
+.sd-json-form-chips {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+}
+.sd-json-form-chips .sd-checkbox {
+  margin-right: 0;
+  padding: 2px 6px;
+  border: 1px solid var(--sd-color-neutral-3);
+  border-radius: 4px;
+}
+.sd-json-form-chips .sd-checkbox-checked {
+  border-color: rgb(var(--sd-primary-6));
 }

package/es/json-form/style/index.scss

@@ -3,6 +3,7 @@
 @use '@components/json-form/style/token.scss' as *;
 
 $json-form-prefix-cls: string.unquote('#{theme.$prefix}-json-form');
+$checkbox-prefix-cls: string.unquote('#{theme.$prefix}-checkbox');
 
 .#{$json-form-prefix-cls} {
   &-row {
@@ -19,4 +20,24 @@ $json-form-prefix-cls: string.unquote('#{theme.$prefix}-json-form');
   // 不要在这里设 min-width，否则会覆盖 switch 这类靠 min-width 撑开根元素
   // （滑块绝对定位、无文档流内容）的控件，把它压成 0 宽度。min-width: 0 只留在
   // 撑满型 &-control 上，用于在 flex 容器里收缩防溢出。
+
+  // A2UI ChoicePicker displayStyle: 'chips' —— 没有专用 chips 控件，用复选组
+  // 模拟芯片样式：组内水平排列 + 描边胶囊，选中态用主题色描边。
+  &-chips {
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: theme.$spacing-2;
+    align-items: center;
+
+    .#{$checkbox-prefix-cls} {
+      margin-right: 0;
+      padding: theme.$spacing-1 theme.$spacing-3;
+      border: 1px solid theme.$color-border-2;
+      border-radius: theme.$border-radius-medium;
+    }
+
+    .#{$checkbox-prefix-cls}-checked {
+      border-color: theme.$color-primary-6;
+    }
+  }
 }

package/es/json-form/types.d.ts

@@ -160,6 +160,7 @@ export type JsonFormProviderConfig<TExternal extends JsonFormExternalComponentMa
 export type JsonFormModel = Record<string, unknown>;
 export type JsonFormProps<TExternal extends JsonFormExternalComponentMap = {}> = {
     schemas: JsonFormSchema<JsonFormComponentType<TExternal>, TExternal>[] | JsonFormA2UI_0_9_1ComponentNode[];
+    modelValue?: JsonFormModel;
     adapter?: JsonFormAdapter;
     model?: JsonFormModel;
     hideLabel?: boolean;

package/es/json-form/utils.d.ts

@@ -6,5 +6,5 @@ export declare function shouldStretchJsonFormControl(type?: string): boolean;
 export declare function parseJsonFormPath(path: string, adapter?: 'default' | typeof A2UI_0_9_1): string[];
 export declare function getJsonFormValue(model: JsonFormModel | undefined, path: string, adapter?: 'default' | typeof A2UI_0_9_1): unknown;
 export declare function setJsonFormValue(model: JsonFormModel | undefined, path: string, value: unknown, adapter?: 'default' | typeof A2UI_0_9_1): void;
-export declare function translateA2UI_0_9_1ToJsonFormSchemas(nodes: JsonFormA2UI_0_9_1ComponentNode[]): JsonFormSchema<string>[];
+export declare function translateA2UI_0_9_1ToJsonFormSchemas(nodes: JsonFormA2UI_0_9_1ComponentNode[], model?: JsonFormModel): JsonFormSchema<string>[];
 export declare function mergeJsonFormClassName(...classNames: unknown[]): unknown[];

package/es/json-form/utils.js

@@ -1,4 +1,5 @@
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
 import input_password_default from "../input/input-password.js";
 import input_search_default from "../input/input-search.js";
 import Input from "../input/index.js";
@@ -11,7 +12,7 @@ import InputNumber from "../input-number/index.js";
 import InputTag from "../input-tag/index.js";
 import Select from "../select/index.js";
 import grid_row_default from "../grid/grid-row.js";
-import { JSON_FORM_COMPONENT_TYPES } from "./types.js";
+import { A2UI_0_9_1, JSON_FORM_COMPONENT_TYPES } from "./types.js";
 import Cascader from "../cascader/index.js";
 import range_picker_default from "../date-picker/range-picker.js";
 import DatePicker from "../date-picker/index.js";
@@ -107,10 +108,15 @@ function setJsonFormValue(model, path, value, adapter = "default") {
 function resolveA2UI_0_9_1Path(value) {
 	if (value && typeof value === "object" && "path" in value && typeof value.path === "string") return value.path;
 }
-function resolveA2UI_0_9_1Text(value) {
-	return typeof value === "string" ? value : void 0;
+function resolveA2UI_0_9_1Text(value, model) {
+	if (typeof value === "string") return value;
+	const path = resolveA2UI_0_9_1Path(value);
+	if (path && model) {
+		const resolved = getJsonFormValue(model, path, A2UI_0_9_1);
+		if (typeof resolved === "string" || typeof resolved === "number") return String(resolved);
+	}
 }
-function translateA2UI_0_9_1Field(node) {
+function translateA2UI_0_9_1Field(node, model) {
 	const field = resolveA2UI_0_9_1Path(node.value);
 	if (!field) return [];
 	switch (node.component) {
@@ -120,31 +126,32 @@ function translateA2UI_0_9_1Field(node) {
 			const type = variant === "longText" ? JSON_FORM_COMPONENT_TYPES.textarea : variant === "number" ? JSON_FORM_COMPONENT_TYPES.inputNumber : variant === "obscured" ? JSON_FORM_COMPONENT_TYPES.inputPassword : JSON_FORM_COMPONENT_TYPES.input;
 			return [{
 				field,
-				label: resolveA2UI_0_9_1Text(textField.label),
+				label: resolveA2UI_0_9_1Text(textField.label, model),
 				type,
 				componentProps: textField.validationRegexp ? { inputAttrs: { pattern: textField.validationRegexp } } : void 0
 			}];
 		}
 		case "CheckBox": return [{
 			field,
-			label: resolveA2UI_0_9_1Text(node.label),
+			label: resolveA2UI_0_9_1Text(node.label, model),
 			type: JSON_FORM_COMPONENT_TYPES.checkbox
 		}];
 		case "ChoicePicker": {
 			const choicePicker = node;
 			return [{
 				field,
-				label: resolveA2UI_0_9_1Text(choicePicker.label),
+				label: resolveA2UI_0_9_1Text(choicePicker.label, model),
 				type: JSON_FORM_COMPONENT_TYPES.checkboxGroup,
 				componentProps: {
 					options: choicePicker.options.map((option) => {
 						var _resolveA2UI_0_9_1Tex;
 						return {
-							label: (_resolveA2UI_0_9_1Tex = resolveA2UI_0_9_1Text(option.label)) !== null && _resolveA2UI_0_9_1Tex !== void 0 ? _resolveA2UI_0_9_1Tex : option.value,
+							label: (_resolveA2UI_0_9_1Tex = resolveA2UI_0_9_1Text(option.label, model)) !== null && _resolveA2UI_0_9_1Tex !== void 0 ? _resolveA2UI_0_9_1Tex : option.value,
 							value: option.value
 						};
 					}),
-					max: choicePicker.variant === "multipleSelection" ? void 0 : 1
+					max: choicePicker.variant === "multipleSelection" ? void 0 : 1,
+					class: choicePicker.displayStyle === "chips" ? `${getPrefixCls("json-form")}-chips` : void 0
 				}
 			}];
 		}
@@ -153,7 +160,7 @@ function translateA2UI_0_9_1Field(node) {
 			const slider = node;
 			return [{
 				field,
-				label: resolveA2UI_0_9_1Text(slider.label),
+				label: resolveA2UI_0_9_1Text(slider.label, model),
 				type: JSON_FORM_COMPONENT_TYPES.slider,
 				componentProps: {
 					min: (_slider$min = slider.min) !== null && _slider$min !== void 0 ? _slider$min : 0,
@@ -168,7 +175,7 @@ function translateA2UI_0_9_1Field(node) {
 			const enableTime = (_dateTimeInput$enable2 = dateTimeInput.enableTime) !== null && _dateTimeInput$enable2 !== void 0 ? _dateTimeInput$enable2 : false;
 			return [{
 				field,
-				label: resolveA2UI_0_9_1Text(dateTimeInput.label),
+				label: resolveA2UI_0_9_1Text(dateTimeInput.label, model),
 				type: enableDate ? JSON_FORM_COMPONENT_TYPES.datePicker : JSON_FORM_COMPONENT_TYPES.timePicker,
 				componentProps: enableDate && enableTime ? { showTime: true } : void 0
 			}];
@@ -176,7 +183,7 @@ function translateA2UI_0_9_1Field(node) {
 		default: return [];
 	}
 }
-function translateA2UI_0_9_1ToJsonFormSchemas(nodes) {
+function translateA2UI_0_9_1ToJsonFormSchemas(nodes, model) {
 	const nodeMap = new Map(nodes.map((node) => [node.id, node]));
 	const visitedIds = /* @__PURE__ */ new Set();
 	const expandNode = (node) => {
@@ -200,7 +207,7 @@ function translateA2UI_0_9_1ToJsonFormSchemas(nodes) {
 				children
 			}];
 		}
-		return translateA2UI_0_9_1Field(node);
+		return translateA2UI_0_9_1Field(node, model);
 	};
 	const root = nodeMap.get("root");
 	return root ? expandNode(root) : [];

package/es/kv-list/kv-list.vue_vue_type_script_setup_true_lang.js

@@ -74,6 +74,7 @@ var kv_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				key: "",
 				value: ""
 			}));
+			commitRows();
 		}
 		function updateItem(index, item) {
 			if (__props.disabled) return;

package/es/layout/hooks/use-has-sider.js

@@ -1,7 +1,28 @@
+import { isFunction } from "../../_utils/is.js";
 import { computed } from "vue";
 //#region components/layout/hooks/use-has-sider.ts
 var SIDER_COMPONENT_NAME = "LayoutSider";
 /**
+* @zh 归一化 vnode 的 children 为 vnode 列表，供静态扫描递归：
+*     - 数组：直接返回；
+*     - 函数：h() 风格的单插槽函数，调用后返回列表；
+*     - 对象：编译模板的 slots 对象（调用 default 插槽），否则视为单个 vnode。
+* @en Normalize a vnode children into a vnode list for static scanning:
+*     - array: returned as is;
+*     - function: single slot function (h() style), invoked;
+*     - object: compiled-template slots object (default slot invoked), otherwise treated as a single vnode.
+*/
+function normalizeChildren(vnode) {
+	const { children } = vnode;
+	if (Array.isArray(children)) return children;
+	if (isFunction(children)) return children();
+	if (children && typeof children === "object") {
+		const { default: defaultSlot } = children;
+		if (isFunction(defaultSlot)) return defaultSlot();
+		return [children];
+	}
+}
+/**
 * @zh 递归判断 VNode 列表中是否存在 Sider 组件
 * @en Recursively detect whether a Sider component exists in the VNode list
 */
@@ -11,8 +32,8 @@ function hasSiderInVNodes(vnodes) {
 		if (!vnode) continue;
 		const { type } = vnode;
 		if (type && typeof type === "object" && "name" in type && type.name === SIDER_COMPONENT_NAME) return true;
-		const { children } = vnode;
-		if (Array.isArray(children) && hasSiderInVNodes(children)) return true;
+		const childVNodes = normalizeChildren(vnode);
+		if (childVNodes && hasSiderInVNodes(childVNodes)) return true;
 	}
 	return false;
 }

package/es/layout/interface.d.ts

@@ -3,7 +3,7 @@ import type { SiderBreakpoint } from '../_utils/responsive-observe';
 import type { DrawerProps } from '../drawer';
 import type { ScrollbarProps } from '../scrollbar';
 export type SiderTheme = 'light' | 'dark';
-export type CollapseType = 'clickTrigger' | 'responsive';
+export type CollapseType = 'clickTrigger' | 'responsive' | 'mask';
 export interface LayoutProps {
     hasSider?: boolean;
 }

package/es/layout/sider.vue_vue_type_script_setup_true_lang.js

@@ -329,7 +329,7 @@ var sider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			footer: false
 		}, props.drawerProps));
 		const onDrawerVisibleChange = (visible) => {
-			if (visible !== !mergedCollapsed.value) handleSetCollapsed(!visible, "clickTrigger");
+			if (visible !== !mergedCollapsed.value) handleSetCollapsed(!visible, "mask");
 		};
 		const mergedSiderRail = computed(() => !!props.rail && !isRailExpanded.value);
 		const siderRailWidthValue = computed(() => props.rail && typeof props.railWidth === "number" ? props.railWidth : void 0);

package/es/list/list-item-meta.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { PerformantEllipsis } from "../ellipsis/index.js";
-import { createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
 //#region components/list/list-item-meta.vue?vue&type=script&setup=true&lang.ts
 var list_item_meta_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ListItemMeta" }), {}, {
 	__name: "list-item-meta",
@@ -36,12 +36,12 @@ var list_item_meta_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		*/
 		const slots = useSlots();
 		const prefixCls = getPrefixCls("list-item-meta");
-		const hasContent = Boolean(props.title || props.description || slots.title || slots.description);
+		const hasContent = computed(() => Boolean(props.title || props.description || slots.title || slots.description));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [_ctx.$slots.avatar ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(`${unref(prefixCls)}-avatar`)
-			}, [renderSlot(_ctx.$slots, "avatar")], 2)) : createCommentVNode("", true), unref(hasContent) ? (openBlock(), createElementBlock("div", {
+			}, [renderSlot(_ctx.$slots, "avatar")], 2)) : createCommentVNode("", true), hasContent.value ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: normalizeClass(`${unref(prefixCls)}-content`)
 			}, [_ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("div", {

package/es/locale/interface.d.ts

@@ -235,6 +235,9 @@ export interface SdLang {
     image: {
         loading: string;
     };
+    filePreview: {
+        loadFailed: string;
+    };
     imagePreview: {
         fullScreen: string;
         rotateRight: string;
@@ -250,6 +253,10 @@ export interface SdLang {
         collapse: string;
         edit: string;
     };
+    copy: {
+        copy: string;
+        copied: string;
+    };
     form?: {
         validateMessages: ValidateMessage;
     };

package/es/locale/lang/en-us.js

@@ -134,6 +134,7 @@ var lang = {
 		ok: "Ok"
 	},
 	image: { loading: "loading" },
+	filePreview: { loadFailed: "File preview failed to load" },
 	imagePreview: {
 		fullScreen: "Full Screen",
 		rotateRight: "Rotate Right",
@@ -149,6 +150,10 @@ var lang = {
 		collapse: "Collapse",
 		edit: "Edit"
 	},
+	copy: {
+		copy: "Copy",
+		copied: "Copied successfully"
+	},
 	form: { validateMessages: DefaultValidateMessage },
 	colorPicker: {
 		history: "History Colors",

package/es/locale/lang/zh-cn.js

@@ -133,6 +133,7 @@ var lang = {
 		ok: "确定"
 	},
 	image: { loading: "加载中" },
+	filePreview: { loadFailed: "文件预览加载失败" },
 	imagePreview: {
 		fullScreen: "全屏",
 		rotateRight: "向右旋转",
@@ -148,6 +149,10 @@ var lang = {
 		collapse: "折叠",
 		edit: "编辑"
 	},
+	copy: {
+		copy: "复制",
+		copied: "复制成功"
+	},
 	form: { validateMessages: {
 		required: "#{field} 是必填项",
 		type: {

package/es/mention/index.d.ts

@@ -20,6 +20,10 @@ declare const Mention: {
             type: StringConstructor;
             default: string;
         };
+        filterOption: {
+            type: import("vue").PropType<import("../index.ts").FilterOption>;
+            default: boolean;
+        };
         type: {
             type: import("vue").PropType<"input" | "textarea">;
             default: string;
@@ -1130,6 +1134,7 @@ declare const Mention: {
         allowClear: boolean;
         fitWidth: boolean;
         maxWFull: boolean;
+        filterOption: import("../index.ts").FilterOption;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1155,6 +1160,10 @@ declare const Mention: {
             type: StringConstructor;
             default: string;
         };
+        filterOption: {
+            type: import("vue").PropType<import("../index.ts").FilterOption>;
+            default: boolean;
+        };
         type: {
             type: import("vue").PropType<"input" | "textarea">;
             default: string;
@@ -2257,6 +2266,7 @@ declare const Mention: {
         allowClear: boolean;
         fitWidth: boolean;
         maxWFull: boolean;
+        filterOption: import("../index.ts").FilterOption;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -2279,6 +2289,10 @@ declare const Mention: {
         type: StringConstructor;
         default: string;
     };
+    filterOption: {
+        type: import("vue").PropType<import("../index.ts").FilterOption>;
+        default: boolean;
+    };
     type: {
         type: import("vue").PropType<"input" | "textarea">;
         default: string;
@@ -3389,6 +3403,7 @@ declare const Mention: {
     allowClear: boolean;
     fitWidth: boolean;
     maxWFull: boolean;
+    filterOption: import("../index.ts").FilterOption;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         option?: (props: {

package/es/mention/mention.vue.d.ts

@@ -1,7 +1,7 @@
 import { nextTick } from 'vue';
 import type { ComponentPublicInstance, PropType } from 'vue';
 import type { FloatingOptions } from '../_utils/floating';
-import type { SelectOptionData, SelectOptionGroup } from '../select/interface';
+import type { FilterOption, SelectOptionData, SelectOptionGroup } from '../select/interface';
 declare var __VLS_15: {
     data: {
         [x: string]: unknown;
@@ -46,6 +46,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
         default: string;
     };
+    filterOption: {
+        type: PropType<FilterOption>;
+        default: boolean;
+    };
     type: {
         type: PropType<"input" | "textarea">;
         default: string;
@@ -1155,6 +1159,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
         default: string;
     };
+    filterOption: {
+        type: PropType<FilterOption>;
+        default: boolean;
+    };
     type: {
         type: PropType<"input" | "textarea">;
         default: string;
@@ -1199,6 +1207,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     allowClear: boolean;
     fitWidth: boolean;
     maxWFull: boolean;
+    filterOption: FilterOption;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;