@veltra/desktop 1.7.19 → 1.8.0

package/dist/components/tree-select/tree-select.js

@@ -1,12 +1,13 @@
 import _sfc_main$1 from "../icon/icon.js";
 import _sfc_main$2 from "../dropdown/dropdown.js";
 import input_default from "../input/input.js";
-import _sfc_main$3 from "../tree/tree.js";
+import _sfc_main$3 from "../loading/loading.js";
+import _sfc_main$4 from "../tree/tree.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, openBlock, renderSlot, shallowRef, toDisplayString, unref, useModel, useSlots, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import { useFormFallbackProps, useUserAction } from "@veltra/compositions";
 import { FORM_EMPTY_CONTENT, bem, fieldKey, injectFormContext } from "@veltra/utils";
 import { ArrowDown, Close } from "@veltra/icons/normal";
-import { dfs, o } from "@cat-kit/core";
+import { debounce, dfs, o } from "@cat-kit/core";
 //#region src/components/tree-select/tree-select.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UTreeSelect",
@@ -14,6 +15,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "tree-select",
 	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
+		data: {},
 		placeholder: { default: "请选择" },
 		clearable: {
 			type: Boolean,
@@ -49,7 +51,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		labelKey: { default: "label" },
 		valueKey: { default: "value" },
 		childrenKey: {},
-		data: {},
 		disabledNode: {},
 		checkOnClickNode: { type: Boolean },
 		checkStrictly: { type: Boolean },
@@ -77,6 +78,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"disabled",
 				"label",
 				"readonly",
+				"data",
 				"contentClass",
 				"contentStyle",
 				"minWidth",
@@ -86,11 +88,37 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const cls = bem("tree-select");
 		const labelKey = computed(() => fieldKey(props.labelKey, "label"));
 		const valueKey = computed(() => fieldKey(props.valueKey, "value"));
-		/**过滤 */
+		/** 是否可搜索：显式声明或数据源为远程函数 */
+		const filterable = computed(() => props.filterable || typeof props.data === "function");
+		/** 过滤 */
 		const qs = shallowRef("");
-		watch(qs, (qs) => {
-			treeRef.value?.filter(qs);
-		});
+		const treeRef = shallowRef();
+		/** 远程搜索返回的树数据 */
+		const remoteData = shallowRef();
+		/** 面板渲染的树数据：data 为函数时来自远程搜索，否则为静态数据 */
+		const treeData = computed(() => typeof props.data === "function" ? remoteData.value : props.data);
+		const remoteLoading = shallowRef(false);
+		/** 远程请求序号；响应返回时序号不一致说明已有更新的请求，结果作废 */
+		let remoteSeq = 0;
+		const debouncedRemoteSearch = debounce(async (query, dataFn) => {
+			const seq = ++remoteSeq;
+			remoteLoading.value = true;
+			try {
+				const data = await dataFn(query);
+				if (seq !== remoteSeq || query !== qs.value) return;
+				remoteData.value = data ?? [];
+				if (query) nextTick(() => treeRef.value?.expandAll());
+			} finally {
+				if (seq === remoteSeq) remoteLoading.value = false;
+			}
+		}, 200);
+		watch([qs, () => props.data], ([query, data]) => {
+			if (typeof data === "function") {
+				debouncedRemoteSearch(query, data);
+				return;
+			}
+			treeRef.value?.filter(query);
+		}, { immediate: true });
 		const model = useModel(__props, "modelValue");
 		/** 内部展示文案，仅由 data 推导；通过 update:text 单向通知父级 */
 		const label = shallowRef();
@@ -110,17 +138,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 		/** 触发输入框的值：查询态下承载查询串，否则展示选中标签 */
 		const inputValue = computed(() => {
-			if (props.filterable && querying.value) return qs.value;
+			if (filterable.value && querying.value) return qs.value;
 			return model.value || model.value === 0 ? label.value : void 0;
 		});
 		/** 查询态下已选标签降级为占位提示 */
 		const inputPlaceholder = computed(() => {
 			const display = model.value || model.value === 0 ? label.value : void 0;
-			if (props.filterable && querying.value && display) return display;
+			if (filterable.value && querying.value && display) return display;
 			return props.placeholder;
 		});
 		function handleQueryInput(value) {
-			if (!props.filterable) return;
+			if (!filterable.value) return;
 			qs.value = value;
 		}
 		const hovered = shallowRef(false);
@@ -135,20 +163,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		* 非输入区域（箭头、留白）放行，维持原开合行为。
 		*/
 		function handleTriggerClickCapture(e) {
-			if (!props.filterable || disabled.value) return;
+			if (!filterable.value || disabled.value) return;
 			if (!(e.target instanceof HTMLInputElement)) return;
 			e.stopPropagation();
 			if (!dropdownVisible.value) dropdownRef.value?.open();
 		}
 		watch(dropdownVisible, (visible) => {
-			if (visible && props.filterable) {
+			if (visible && filterable.value) {
 				querying.value = true;
 				nextTick(() => inputRef.value?.el?.focus());
 			} else if (!visible) querying.value = false;
 		});
 		const { formProps } = injectFormContext();
 		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props]);
-		const treeRef = shallowRef();
 		const dropdownRef = shallowRef();
 		const { userAction, isUserActive } = useUserAction();
 		/** 清空 */
@@ -159,7 +186,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			emit("change", void 0);
 		});
 		/** 外部回显：按 data 查找 label（O(n)）；用户动作期内跳过 */
-		watch([() => props.data, model], ([data, modelVal]) => {
+		watch([treeData, model], ([data, modelVal]) => {
 			if (isUserActive()) return;
 			if (!data?.length || modelVal === void 0 || modelVal === null || modelVal === "") {
 				setLabel(void 0);
@@ -222,7 +249,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					clearable: false,
 					"model-value": inputValue.value,
 					"onUpdate:modelValue": handleQueryInput,
-					"native-readonly": !__props.filterable || !querying.value,
+					"native-readonly": !filterable.value || !querying.value,
 					onClickCapture: handleTriggerClickCapture
 				}, createSlots({
 					suffix: withCtx(() => [createVNode(Transition, {
@@ -258,7 +285,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"model-value",
 					"native-readonly"
 				])]),
-				content: withCtx(() => [createCommentVNode(" 菜单列表 "), createVNode(unref(_sfc_main$3), mergeProps(treeProps.value, {
+				content: withCtx(() => [createCommentVNode(" 菜单列表 "), remoteLoading.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("loading"))
+				}, [createVNode(unref(_sfc_main$3), { type: "dual-ring" })], 2)) : (openBlock(), createBlock(unref(_sfc_main$4), mergeProps({ key: 1 }, treeProps.value, {
+					data: treeData.value,
 					selected: model.value,
 					"onUpdate:selected": unref(handleSelect),
 					ref_key: "treeRef",
@@ -268,10 +299,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					slots,
 					"scroll-to-view": ""
 				}), null, 16, [
+					"data",
 					"selected",
 					"onUpdate:selected",
 					"class"
-				])]),
+				]))]),
 				_: 3
 			}, 16, [
 				"class",

package/dist/components/tree-select/tree-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.js","names":["$attrs","$slots"],"sources":["../../../src/components/tree-select/tree-select.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    v-bind=\"$attrs\"\n    :class=\"[cls.b, bem.is('disabled', disabled)]\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size), contentClass]\"\n    :content-style=\"contentStyle\"\n    ref=\"dropdownRef\"\n    v-model:visible=\"dropdownVisible\"\n    :min-width=\"minWidth\"\n    :width=\"width\"\n    :disabled=\"disabled\"\n    @update:visible=\"handleDropdownVisible\"\n    @mouseenter=\"hovered = true\"\n    @mouseleave=\"hovered = false\"\n  >\n    <template #trigger>\n      <u-input\n        ref=\"inputRef\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"inputPlaceholder\"\n        :clearable=\"false\"\n        :model-value=\"inputValue\"\n        @update:model-value=\"handleQueryInput\"\n        :native-readonly=\"!filterable || !querying\"\n        @click.capture=\"handleTriggerClickCapture\"\n      >\n        <template #prefix v-if=\"$slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n        <template #suffix>\n          <transition name=\"zoom-in\" mode=\"out-in\">\n            <u-icon\n              v-if=\"showClear\"\n              :class=\"cls.e('clear')\"\n              title=\"清除\"\n              key=\"clear\"\n              @click.stop=\"handleClear\"\n            >\n              <Close />\n            </u-icon>\n            <u-icon v-else :class=\"cls.e('arrow')\" key=\"arrow\"><ArrowDown /></u-icon>\n          </transition>\n        </template>\n      </u-input>\n    </template>\n    <template #content>\n      <!-- 菜单列表 -->\n\n      <u-tree\n        v-bind=\"treeProps\"\n        :selected=\"model\"\n        @update:selected=\"handleSelect\"\n        ref=\"treeRef\"\n        selectable\n        :class=\"cls.e('content-tree')\"\n        :slots=\"slots\"\n        scroll-to-view\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ label || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { dfs, o } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { ArrowDown, Close } from '@veltra/icons/normal'\nimport { bem, fieldKey, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { TreeSelectProps, TreeSelectEmits, TreeExposed, InputExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { UTree } from '../tree'\nimport type { TreeSlotsScope } from '../tree/di'\n\ndefineOptions({ name: 'UTreeSelect', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<TreeSelectProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  expandAll: false,\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined,\n  filterable: false,\n  minWidth: '280px'\n})\n\nconst emit = defineEmits<TreeSelectEmits>()\n\nconst slots = defineSlots<{\n  /** 默认插槽 */\n  default?: (props: TreeSlotsScope) => any\n  /** 前缀插槽 */\n  prefix?: () => any\n}>()\n\nconst treeProps = computed(() => {\n  return o(props as Record<string, any>).omit([\n    'tips',\n    'field',\n    'placeholder',\n    'disabled',\n    'label',\n    'readonly',\n    'contentClass',\n    'contentStyle',\n    'minWidth',\n    'width'\n  ])\n})\n\nconst cls = bem('tree-select')\n\nconst labelKey = computed(() => fieldKey(props.labelKey, 'label'))\nconst valueKey = computed(() => fieldKey(props.valueKey, 'value'))\n\n/**过滤 */\nconst qs = shallowRef('')\nwatch(qs, (qs) => {\n  treeRef.value?.filter(qs)\n})\n\nconst model = defineModel<string | number>()\n\n/** 内部展示文案，仅由 data 推导；通过 update:text 单向通知父级 */\nconst label = shallowRef<string>()\n\nconst dropdownVisible = shallowRef(false)\n\n/**\n * 是否处于查询态：决定触发输入框显示查询串还是选中标签。\n * 与面板可见状态解耦 —— 选择后立即退出查询态，\n * 不等面板关闭动画结束（否则显示值会延迟一个动画时长才恢复）。\n */\nconst querying = shallowRef(false)\n\nconst inputRef = useTemplateRef<InputExposed>('inputRef')\n\n/** 更新内部文案；值变化时单向 emit update:text */\nfunction setLabel(next?: string) {\n  if (label.value === next) return\n  label.value = next\n  emit('update:text', next)\n}\n\n/** 触发输入框的值：查询态下承载查询串，否则展示选中标签 */\nconst inputValue = computed(() => {\n  if (props.filterable && querying.value) return qs.value\n  return model.value || model.value === 0 ? label.value : undefined\n})\n\n/** 查询态下已选标签降级为占位提示 */\nconst inputPlaceholder = computed(() => {\n  const display = model.value || model.value === 0 ? label.value : undefined\n  if (props.filterable && querying.value && display) {\n    return display\n  }\n  return props.placeholder\n})\n\nfunction handleQueryInput(value: string) {\n  if (!props.filterable) return\n  qs.value = value\n}\n\nconst hovered = shallowRef(false)\n\n/** 悬停且存在选中值时展示清除按钮（替代下拉箭头） */\nconst showClear = computed(() => {\n  if (!props.clearable || disabled.value || !hovered.value) return false\n  return !!(model.value || model.value === 0 ? label.value : undefined)\n})\n\n/**\n * 过滤模式下拦截输入区域的点击：\n * 阻止 dropdown 的 trigger 开合切换，保持面板展开以不中断输入。\n * 非输入区域（箭头、留白）放行，维持原开合行为。\n */\nfunction handleTriggerClickCapture(e: MouseEvent) {\n  if (!props.filterable || disabled.value) return\n  if (!(e.target instanceof HTMLInputElement)) return\n\n  e.stopPropagation()\n  if (!dropdownVisible.value) dropdownRef.value?.open()\n}\n\nwatch(dropdownVisible, (visible) => {\n  if (visible && props.filterable) {\n    // 面板展开后进入查询态并聚焦输入框，可以立即输入查询\n    querying.value = true\n    nextTick(() => inputRef.value?.el?.focus())\n  } else if (!visible) {\n    querying.value = false\n  }\n})\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst treeRef = shallowRef<TreeExposed>()\n\nconst dropdownRef = shallowRef<InstanceType<typeof UDropdown>>()\n\nconst { userAction, isUserActive } = useUserAction()\n\n/** 清空 */\nconst handleClear = userAction(() => {\n  model.value = ''\n  setLabel(undefined)\n  emit('clear')\n  emit('change', undefined)\n})\n\n/** 外部回显：按 data 查找 label（O(n)）；用户动作期内跳过 */\nwatch(\n  [() => props.data, model],\n  ([data, modelVal]) => {\n    if (isUserActive()) return\n    if (!data?.length || modelVal === undefined || modelVal === null || modelVal === '') {\n      setLabel(undefined)\n      return\n    }\n\n    let nextLabel: string | undefined\n    const childrenKey = props.childrenKey ?? 'children'\n    data.some((item) => {\n      let founded = false\n      dfs(\n        item,\n        (v) => {\n          if (v[valueKey.value] === modelVal) {\n            nextLabel = v[labelKey.value]\n            founded = true\n            return true\n          }\n        },\n        childrenKey\n      )\n\n      return founded\n    })\n    setLabel(nextLabel)\n  },\n  { immediate: true }\n)\n\n/** 用户选择：O(1) 写入值与文案，跳过 data 回显查找 */\nconst handleSelect = userAction(\n  (selected?: string | number, selectedData?: Record<string, any>) => {\n    model.value = selected ?? ''\n\n    if (selectedData) {\n      setLabel(o(selectedData).get(labelKey.value))\n    } else {\n      setLabel(undefined)\n    }\n\n    emit('change', selectedData)\n    // 立即退出查询态，输入框同步恢复显示选中标签\n    querying.value = false\n    qs.value = ''\n    dropdownRef.value?.close()\n  }\n)\nconst handleDropdownVisible = (visible: boolean) => {\n  if (!visible) {\n    qs.value = ''\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsFA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAA;EAOd,MAAM,YAAY,eAAe;GAC/B,OAAO,EAAE,KAA4B,CAAC,CAAC,KAAK;IAC1C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;EACH,CAAC;EAED,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,WAAW,eAAe,SAAS,MAAM,UAAU,OAAO,CAAC;EACjE,MAAM,WAAW,eAAe,SAAS,MAAM,UAAU,OAAO,CAAC;;EAGjE,MAAM,KAAK,WAAW,EAAE;EACxB,MAAM,KAAK,OAAO;GAChB,QAAQ,OAAO,OAAO,EAAE;EAC1B,CAAC;EAED,MAAM,QAAQ,SAA4B,SAAA,YAAC;;EAG3C,MAAM,QAAQ,WAAmB;EAEjC,MAAM,kBAAkB,WAAW,KAAK;;;;;;EAOxC,MAAM,WAAW,WAAW,KAAK;EAEjC,MAAM,WAAW,eAA6B,UAAU;;EAGxD,SAAS,SAAS,MAAe;GAC/B,IAAI,MAAM,UAAU,MAAM;GAC1B,MAAM,QAAQ;GACd,KAAK,eAAe,IAAI;EAC1B;;EAGA,MAAM,aAAa,eAAe;GAChC,IAAI,MAAM,cAAc,SAAS,OAAO,OAAO,GAAG;GAClD,OAAO,MAAM,SAAS,MAAM,UAAU,IAAI,MAAM,QAAQ,KAAA;EAC1D,CAAC;;EAGD,MAAM,mBAAmB,eAAe;GACtC,MAAM,UAAU,MAAM,SAAS,MAAM,UAAU,IAAI,MAAM,QAAQ,KAAA;GACjE,IAAI,MAAM,cAAc,SAAS,SAAS,SACxC,OAAO;GAET,OAAO,MAAM;EACf,CAAC;EAED,SAAS,iBAAiB,OAAe;GACvC,IAAI,CAAC,MAAM,YAAY;GACvB,GAAG,QAAQ;EACb;EAEA,MAAM,UAAU,WAAW,KAAK;;EAGhC,MAAM,YAAY,eAAe;GAC/B,IAAI,CAAC,MAAM,aAAa,SAAS,SAAS,CAAC,QAAQ,OAAO,OAAO;GACjE,OAAO,CAAC,EAAE,MAAM,SAAS,MAAM,UAAU,IAAI,MAAM,QAAQ,KAAA;EAC7D,CAAC;;;;;;EAOD,SAAS,0BAA0B,GAAe;GAChD,IAAI,CAAC,MAAM,cAAc,SAAS,OAAO;GACzC,IAAI,EAAE,EAAE,kBAAkB,mBAAmB;GAE7C,EAAE,gBAAgB;GAClB,IAAI,CAAC,gBAAgB,OAAO,YAAY,OAAO,KAAK;EACtD;EAEA,MAAM,kBAAkB,YAAY;GAClC,IAAI,WAAW,MAAM,YAAY;IAE/B,SAAS,QAAQ;IACjB,eAAe,SAAS,OAAO,IAAI,MAAM,CAAC;GAC5C,OAAO,IAAI,CAAC,SACV,SAAS,QAAQ;EAErB,CAAC;EAED,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;EAElF,MAAM,UAAU,WAAwB;EAExC,MAAM,cAAc,WAA2C;EAE/D,MAAM,EAAE,YAAY,iBAAiB,cAAc;;EAGnD,MAAM,cAAc,iBAAiB;GACnC,MAAM,QAAQ;GACd,SAAS,KAAA,CAAS;GAClB,KAAK,OAAO;GACZ,KAAK,UAAU,KAAA,CAAS;EAC1B,CAAC;;EAGD,MACE,OAAO,MAAM,MAAM,KAAK,IACvB,CAAC,MAAM,cAAc;GACpB,IAAI,aAAa,GAAG;GACpB,IAAI,CAAC,MAAM,UAAU,aAAa,KAAA,KAAa,aAAa,QAAQ,aAAa,IAAI;IACnF,SAAS,KAAA,CAAS;IAClB;GACF;GAEA,IAAI;GACJ,MAAM,cAAc,MAAM,eAAe;GACzC,KAAK,MAAM,SAAS;IAClB,IAAI,UAAU;IACd,IACE,OACC,MAAM;KACL,IAAI,EAAE,SAAS,WAAW,UAAU;MAClC,YAAY,EAAE,SAAS;MACvB,UAAU;MACV,OAAO;KACT;IACF,GACA,WACF;IAEA,OAAO;GACT,CAAC;GACD,SAAS,SAAS;EACpB,GACA,EAAE,WAAW,KAAK,CACpB;;EAGA,MAAM,eAAe,YAClB,UAA4B,iBAAuC;GAClE,MAAM,QAAQ,YAAY;GAE1B,IAAI,cACF,SAAS,EAAE,YAAY,CAAC,CAAC,IAAI,SAAS,KAAK,CAAC;QAE5C,SAAS,KAAA,CAAS;GAGpB,KAAK,UAAU,YAAY;GAE3B,SAAS,QAAQ;GACjB,GAAG,QAAQ;GACX,YAAY,OAAO,MAAM;EAC3B,CACF;EACA,MAAM,yBAAyB,YAAqB;GAClD,IAAI,CAAC,SACH,GAAG,QAAQ;EAEf;;GAtRW,OAAA,CAAA,MAAA,QAAA,KADT,UAAA,GAAA,YA6Da,MAAA,WAAA,GA7Db,WA6Da,EAAA,KAAA,EAAA,GA3DHA,KAAAA,QAAM;IACb,OAAK,CAAG,MAAA,GAAA,CAAG,CAAC,GAAG,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,MAAA,QAAA,CAAQ,CAAA;IAC3C,SAAQ;IACP,iBAAa;KAAG,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA;KAAW,MAAA,GAAA,CAAG,CAAC,GAAE,SAAU,MAAA,IAAA,CAAI;KAAG,QAAA;IAAY;IACnE,iBAAe,QAAA;IACZ,SAAA;IAAJ,KAAI;IACI,SAAS,gBAAA;IAAA,oBAAA,CAAA,OAAA,OAAA,OAAA,MAAA,WAAA,gBAAe,QAAA,SAIf,qBAAA;IAHhB,aAAW,QAAA;IACX,OAAO,QAAA;IACP,UAAU,MAAA,QAAA;IAEV,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO;IACnB,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO;;IAET,SAAO,cA6BN,CA5BV,YA4BU,MAAA,aAAA,GAAA;KA3BJ,SAAA;KAAJ,KAAI;KACH,MAAM,MAAA,IAAA;KACN,UAAU,MAAA,QAAA;KACV,aAAa,iBAAA;KACb,WAAW;KACX,eAAa,WAAA;KACb,uBAAoB;KACpB,mBAAe,CAAG,QAAA,cAAU,CAAK,SAAA;KAClB,gBAAA;;KAKL,QAAM,cAYF,CAXb,YAWa,YAAA;MAXD,MAAK;MAAU,MAAK;;MAC9B,SAAA,cAQS,CAPD,UAAA,SADR,UAAA,GAAA,YAQS,MAAA,WAAA,GAAA;OANN,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;OACb,OAAM;OACN,KAAI;OACH,SAAK,cAAO,MAAA,WAAA,GAAW,CAAA,MAAA,CAAA;;OAExB,SAAA,cAAS,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA;;MAEX,GAAA,GAAA,CAAA,SAAA,SAAA,CAAA,MAAA,UAAA,GAAA,YAAyE,MAAA,WAAA,GAAA;OAAzD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;OAAW,KAAI;;OAAQ,SAAA,cAAa,CAAb,YAAa,MAAA,SAAA,CAAA,CAAA,CAAA;;;;;;IAd5CC,GAAAA,CAAAA,KAAAA,OAAO,SAAA;KAApB,MAAA;KACT,IAAA,cAAsB,CAAtB,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA;;;;;;;;;IAkBjB,SAAO,cACH,CAAb,mBAAA,QAAA,GAEA,YASE,MAAA,WAAA,GATF,WACU,UAQR,OARiB;KAChB,UAAU,MAAA;KACV,qBAAiB,MAAA,YAAA;KACd,SAAA;KAAJ,KAAI;KACJ,YAAA;KACC,OAAO,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA;KACL;KACR,kBAAA;;;;;;;;;;;;;;;GAKN,CAAA,MAAA,UAAA,GAAA,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CADN,gBAAA,gBAAA,MAAA,SAAS,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"tree-select.js","names":["$attrs","$slots"],"sources":["../../../src/components/tree-select/tree-select.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    v-bind=\"$attrs\"\n    :class=\"[cls.b, bem.is('disabled', disabled)]\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size), contentClass]\"\n    :content-style=\"contentStyle\"\n    ref=\"dropdownRef\"\n    v-model:visible=\"dropdownVisible\"\n    :min-width=\"minWidth\"\n    :width=\"width\"\n    :disabled=\"disabled\"\n    @update:visible=\"handleDropdownVisible\"\n    @mouseenter=\"hovered = true\"\n    @mouseleave=\"hovered = false\"\n  >\n    <template #trigger>\n      <u-input\n        ref=\"inputRef\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"inputPlaceholder\"\n        :clearable=\"false\"\n        :model-value=\"inputValue\"\n        @update:model-value=\"handleQueryInput\"\n        :native-readonly=\"!filterable || !querying\"\n        @click.capture=\"handleTriggerClickCapture\"\n      >\n        <template #prefix v-if=\"$slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n        <template #suffix>\n          <transition name=\"zoom-in\" mode=\"out-in\">\n            <u-icon\n              v-if=\"showClear\"\n              :class=\"cls.e('clear')\"\n              title=\"清除\"\n              key=\"clear\"\n              @click.stop=\"handleClear\"\n            >\n              <Close />\n            </u-icon>\n            <u-icon v-else :class=\"cls.e('arrow')\" key=\"arrow\"><ArrowDown /></u-icon>\n          </transition>\n        </template>\n      </u-input>\n    </template>\n    <template #content>\n      <!-- 菜单列表 -->\n\n      <div v-if=\"remoteLoading\" :class=\"cls.e('loading')\">\n        <ULoading type=\"dual-ring\" />\n      </div>\n      <u-tree\n        v-else\n        v-bind=\"treeProps\"\n        :data=\"treeData\"\n        :selected=\"model\"\n        @update:selected=\"handleSelect\"\n        ref=\"treeRef\"\n        selectable\n        :class=\"cls.e('content-tree')\"\n        :slots=\"slots\"\n        scroll-to-view\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ label || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce, dfs, o } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { ArrowDown, Close } from '@veltra/icons/normal'\nimport { bem, fieldKey, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { TreeSelectProps, TreeSelectEmits, TreeExposed, InputExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { ULoading } from '../loading'\nimport { UTree } from '../tree'\nimport type { TreeSlotsScope } from '../tree/di'\n\ndefineOptions({ name: 'UTreeSelect', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<TreeSelectProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  expandAll: false,\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined,\n  filterable: false,\n  minWidth: '280px'\n})\n\nconst emit = defineEmits<TreeSelectEmits>()\n\nconst slots = defineSlots<{\n  /** 默认插槽 */\n  default?: (props: TreeSlotsScope) => any\n  /** 前缀插槽 */\n  prefix?: () => any\n}>()\n\nconst treeProps = computed(() => {\n  return o(props as Record<string, any>).omit([\n    'tips',\n    'field',\n    'placeholder',\n    'disabled',\n    'label',\n    'readonly',\n    'data',\n    'contentClass',\n    'contentStyle',\n    'minWidth',\n    'width'\n  ])\n})\n\nconst cls = bem('tree-select')\n\nconst labelKey = computed(() => fieldKey(props.labelKey, 'label'))\nconst valueKey = computed(() => fieldKey(props.valueKey, 'value'))\n\n/** 是否可搜索：显式声明或数据源为远程函数 */\nconst filterable = computed(() => props.filterable || typeof props.data === 'function')\n\n/** 过滤 */\nconst qs = shallowRef('')\n\nconst treeRef = shallowRef<TreeExposed>()\n\n/** 远程搜索返回的树数据 */\nconst remoteData = shallowRef<Record<string, any>[]>()\n\n/** 面板渲染的树数据：data 为函数时来自远程搜索，否则为静态数据 */\nconst treeData = computed(() => (typeof props.data === 'function' ? remoteData.value : props.data))\n\nconst remoteLoading = shallowRef(false)\n/** 远程请求序号；响应返回时序号不一致说明已有更新的请求，结果作废 */\nlet remoteSeq = 0\n\nconst debouncedRemoteSearch = debounce(\n  async (\n    query: string,\n    dataFn: (qs: string) => Promise<Record<string, any>[]> | Record<string, any>[]\n  ) => {\n    const seq = ++remoteSeq\n    remoteLoading.value = true\n    try {\n      const data = await dataFn(query)\n      // 响应到达时查询词可能已变化或已有更新的请求，过期结果直接丢弃\n      if (seq !== remoteSeq || query !== qs.value) return\n      remoteData.value = data ?? []\n      // 搜索结果展示完整命中路径，与本地过滤自动展开祖先的行为对齐\n      if (query) nextTick(() => treeRef.value?.expandAll())\n    } finally {\n      if (seq === remoteSeq) remoteLoading.value = false\n    }\n  },\n  200\n)\n\nwatch(\n  [qs, () => props.data],\n  ([query, data]) => {\n    if (typeof data === 'function') {\n      debouncedRemoteSearch(query, data)\n      return\n    }\n    treeRef.value?.filter(query)\n  },\n  { immediate: true }\n)\n\nconst model = defineModel<string | number>()\n\n/** 内部展示文案，仅由 data 推导；通过 update:text 单向通知父级 */\nconst label = shallowRef<string>()\n\nconst dropdownVisible = shallowRef(false)\n\n/**\n * 是否处于查询态：决定触发输入框显示查询串还是选中标签。\n * 与面板可见状态解耦 —— 选择后立即退出查询态，\n * 不等面板关闭动画结束（否则显示值会延迟一个动画时长才恢复）。\n */\nconst querying = shallowRef(false)\n\nconst inputRef = useTemplateRef<InputExposed>('inputRef')\n\n/** 更新内部文案；值变化时单向 emit update:text */\nfunction setLabel(next?: string) {\n  if (label.value === next) return\n  label.value = next\n  emit('update:text', next)\n}\n\n/** 触发输入框的值：查询态下承载查询串，否则展示选中标签 */\nconst inputValue = computed(() => {\n  if (filterable.value && querying.value) return qs.value\n  return model.value || model.value === 0 ? label.value : undefined\n})\n\n/** 查询态下已选标签降级为占位提示 */\nconst inputPlaceholder = computed(() => {\n  const display = model.value || model.value === 0 ? label.value : undefined\n  if (filterable.value && querying.value && display) {\n    return display\n  }\n  return props.placeholder\n})\n\nfunction handleQueryInput(value: string) {\n  if (!filterable.value) return\n  qs.value = value\n}\n\nconst hovered = shallowRef(false)\n\n/** 悬停且存在选中值时展示清除按钮（替代下拉箭头） */\nconst showClear = computed(() => {\n  if (!props.clearable || disabled.value || !hovered.value) return false\n  return !!(model.value || model.value === 0 ? label.value : undefined)\n})\n\n/**\n * 过滤模式下拦截输入区域的点击：\n * 阻止 dropdown 的 trigger 开合切换，保持面板展开以不中断输入。\n * 非输入区域（箭头、留白）放行，维持原开合行为。\n */\nfunction handleTriggerClickCapture(e: MouseEvent) {\n  if (!filterable.value || disabled.value) return\n  if (!(e.target instanceof HTMLInputElement)) return\n\n  e.stopPropagation()\n  if (!dropdownVisible.value) dropdownRef.value?.open()\n}\n\nwatch(dropdownVisible, (visible) => {\n  if (visible && filterable.value) {\n    // 面板展开后进入查询态并聚焦输入框，可以立即输入查询\n    querying.value = true\n    nextTick(() => inputRef.value?.el?.focus())\n  } else if (!visible) {\n    querying.value = false\n  }\n})\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst dropdownRef = shallowRef<InstanceType<typeof UDropdown>>()\n\nconst { userAction, isUserActive } = useUserAction()\n\n/** 清空 */\nconst handleClear = userAction(() => {\n  model.value = ''\n  setLabel(undefined)\n  emit('clear')\n  emit('change', undefined)\n})\n\n/** 外部回显：按 data 查找 label（O(n)）；用户动作期内跳过 */\nwatch(\n  [treeData, model],\n  ([data, modelVal]) => {\n    if (isUserActive()) return\n    if (!data?.length || modelVal === undefined || modelVal === null || modelVal === '') {\n      setLabel(undefined)\n      return\n    }\n\n    let nextLabel: string | undefined\n    const childrenKey = props.childrenKey ?? 'children'\n    data.some((item) => {\n      let founded = false\n      dfs(\n        item,\n        (v) => {\n          if (v[valueKey.value] === modelVal) {\n            nextLabel = v[labelKey.value]\n            founded = true\n            return true\n          }\n        },\n        childrenKey\n      )\n\n      return founded\n    })\n    setLabel(nextLabel)\n  },\n  { immediate: true }\n)\n\n/** 用户选择：O(1) 写入值与文案，跳过 data 回显查找 */\nconst handleSelect = userAction(\n  (selected?: string | number, selectedData?: Record<string, any>) => {\n    model.value = selected ?? ''\n\n    if (selectedData) {\n      setLabel(o(selectedData).get(labelKey.value))\n    } else {\n      setLabel(undefined)\n    }\n\n    emit('change', selectedData)\n    // 立即退出查询态，输入框同步恢复显示选中标签\n    querying.value = false\n    qs.value = ''\n    dropdownRef.value?.close()\n  }\n)\nconst handleDropdownVisible = (visible: boolean) => {\n  if (!visible) {\n    qs.value = ''\n  }\n}\n</script>\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import _sfc_main$68 from "./components/scroll/scroll.js";
 import _sfc_main$83 from "./components/tip/tip.js";
 import _sfc_main$28 from "./components/dropdown/dropdown.js";
 import input_default from "./components/input/input.js";
+import _sfc_main$47 from "./components/loading/loading.js";
 import _sfc_main$70 from "./components/select/select.js";
 import _sfc_main$21 from "./components/condition-editor/condition-editor.js";
 import _sfc_main$77 from "./components/tabs/tabs-horizontal.js";
@@ -30,7 +31,6 @@ import _sfc_main$10 from "./components/card/card-content.js";
 import _sfc_main$9 from "./components/card/card-action.js";
 import _sfc_main$23 from "./components/date-panel/date-panel.js";
 import _sfc_main$25 from "./components/date-range-picker/date-range-picker.js";
-import _sfc_main$47 from "./components/loading/loading.js";
 import _sfc_main$64 from "./components/progress-nodes/progress-nodes.js";
 import _sfc_main$1 from "./components/auto-complete/auto-complete.js";
 import _sfc_main$63 from "./components/progress/progress.js";

package/dist/index.js

@@ -6,6 +6,8 @@ import _sfc_main$83 from "./components/tip/tip.js";
 import { createEmptyGroup, createEmptyLeaf, evaluate } from "./components/condition-editor/core/evaluator.js";
 import _sfc_main$28 from "./components/dropdown/dropdown.js";
 import input_default from "./components/input/input.js";
+import _sfc_main$47 from "./components/loading/loading.js";
+import { vLoading } from "./components/loading/directive.js";
 import _sfc_main$70 from "./components/select/select.js";
 import _sfc_main$21 from "./components/condition-editor/condition-editor.js";
 import _sfc_main$77 from "./components/tabs/tabs-horizontal.js";
@@ -33,8 +35,6 @@ import _sfc_main$10 from "./components/card/card-content.js";
 import _sfc_main$9 from "./components/card/card-action.js";
 import _sfc_main$23 from "./components/date-panel/date-panel.js";
 import _sfc_main$25 from "./components/date-range-picker/date-range-picker.js";
-import _sfc_main$47 from "./components/loading/loading.js";
-import { vLoading } from "./components/loading/directive.js";
 import _sfc_main$64 from "./components/progress-nodes/progress-nodes.js";
 import _sfc_main$1 from "./components/auto-complete/auto-complete.js";
 import _sfc_main$63 from "./components/progress/progress.js";

package/dist/types/dropdown.d.ts

@@ -8,6 +8,16 @@ export interface DropdownProps {
    * @default 'hover'
    */
   trigger?: 'hover' | 'click' | 'custom';
+  /**
+   * 弹出方向；空间不足时仍会自动翻转
+   * @default 'bottom'
+   */
+  direction?: 'top' | 'bottom' | 'left' | 'right';
+  /**
+   * 弹出对齐方式
+   * @default 'start'
+   */
+  alignment?: 'center' | 'start' | 'end';
   /**
    * 宽度
    * @default - 跟随触发宽度

package/dist/types/multi-tree-select.d.ts

@@ -3,8 +3,14 @@ import { CSSProperties } from "vue";
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
 //#region src/types/multi-tree-select.d.ts
 /** 树形多选组件组件属性 */
-export interface MultiTreeSelectProps extends FormComponentProps, Omit<TreeProps, 'selected' | 'checked' | 'selectable' | 'checkable'> {
+export interface MultiTreeSelectProps extends FormComponentProps, Omit<TreeProps, 'selected' | 'checked' | 'selectable' | 'checkable' | 'data'> {
   modelValue?: (string | number)[];
+  /**
+   * 树数据
+   * @description 如果传入一个函数，那么filterable会被强制启用；
+   * 函数按查询词返回匹配的树，初始以空串调用一次（加载默认树）
+   */
+  data?: Record<string, any>[] | ((qs: string) => Promise<Record<string, any>[]> | Record<string, any>[]);
   /**自定义占位文字 */
   placeholder?: string;
   /**

package/dist/types/tree-select.d.ts

@@ -3,8 +3,14 @@ import { CSSProperties } from "vue";
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
 //#region src/types/tree-select.d.ts
 /** 树形选择器组件属性 */
-export interface TreeSelectProps extends FormComponentProps, Omit<TreeProps, 'selected' | 'checked' | 'selectable' | 'checkable'> {
+export interface TreeSelectProps extends FormComponentProps, Omit<TreeProps, 'selected' | 'checked' | 'selectable' | 'checkable' | 'data'> {
   modelValue?: string | number;
+  /**
+   * 树数据
+   * @description 如果传入一个函数，那么filterable会被强制启用；
+   * 函数按查询词返回匹配的树，初始以空串调用一次（加载默认树）
+   */
+  data?: Record<string, any>[] | ((qs: string) => Promise<Record<string, any>[]> | Record<string, any>[]);
   /** 自定义占位文字 */
   placeholder?: string;
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.7.19",
+  "version": "1.8.0",
   "homepage": "https://github.com/cabinet-fe/ultra-ui#readme",
   "bugs": {
     "url": "https://github.com/cabinet-fe/ultra-ui/issues"

package/src/components/batch-edit/__test__/batch-edit.test.ts

@@ -393,6 +393,117 @@ describe('UBatchEdit formMode', () => {
     unmount()
   })
 
+  it('弹框新增「保存并继续」：插入后弹框保持打开、表单重置，可连续录入', async () => {
+    const saveMethod = vi.fn()
+    const { host, data, model, unmount } = mountBatchEdit({
+      props: { formMode: 'dialog', quickEdit: false, saveMethod }
+    })
+
+    clickEl(host.querySelector<HTMLElement>('.u-batch-edit__add-btn')!)
+    await waitDialogOpen()
+
+    const continueBtn = () =>
+      queryDialog()!.querySelector<HTMLElement>(
+        '.u-batch-edit__form-actions button[title="保存并继续"]'
+      )!
+
+    // 编辑已有行走 update，不显示「保存并继续」由面板用例覆盖；新增弹框内应存在
+    expect(continueBtn()).toBeTruthy()
+
+    setInputValue(queryDialog()!.querySelector<HTMLInputElement>('.u-input input')!, '第一条')
+    await nextTick()
+    await nextTick()
+    clickEl(continueBtn())
+    await waitDialogSettled()
+
+    // 插入一行但弹框保持打开，表单重置为初始值
+    expect(data.value).toHaveLength(3)
+    expect(data.value[2]).toMatchObject({ label: '第一条' })
+    expect(queryDialog()).toBeTruthy()
+    expect(queryDialog()!.querySelector<HTMLInputElement>('.u-input input')!.value).toBe('')
+    expect(model.label).toBe('')
+
+    // 继续录入第二条后普通保存：追加到末尾并关闭弹框
+    setInputValue(queryDialog()!.querySelector<HTMLInputElement>('.u-input input')!, '第二条')
+    await nextTick()
+    await nextTick()
+    clickEl(querySaveButton(queryDialog()!)!)
+    await waitDialogClosed()
+
+    expect(saveMethod).toHaveBeenCalledTimes(2)
+    expect(data.value).toHaveLength(4)
+    expect(data.value[3]).toMatchObject({ label: '第二条' })
+
+    unmount()
+  })
+
+  it('弹框模式不响应 Ctrl/Cmd + S：不保存、弹框保持打开，快捷键提示不再出现', async () => {
+    const saveMethod = vi.fn()
+    const { host, data, unmount } = mountBatchEdit({
+      props: { formMode: 'dialog', quickEdit: false, saveMethod }
+    })
+
+    clickEl(host.querySelector<HTMLElement>('.u-batch-edit__add-btn')!)
+    await waitDialogOpen()
+
+    setInputValue(queryDialog()!.querySelector<HTMLInputElement>('.u-input input')!, '新名称')
+    await nextTick()
+    await nextTick()
+
+    queryDialog()!.dispatchEvent(
+      new KeyboardEvent('keydown', {
+        key: 's',
+        code: 'KeyS',
+        ctrlKey: true,
+        bubbles: true,
+        cancelable: true
+      })
+    )
+    await waitDialogSettled()
+
+    expect(saveMethod).not.toHaveBeenCalled()
+    expect(data.value).toHaveLength(2)
+    expect(queryDialog()).toBeTruthy()
+    expect(queryDialog()!.querySelector('.u-batch-edit__form-hint')!.textContent).not.toContain(
+      'Ctrl + S'
+    )
+
+    // Esc 仍可关闭弹框
+    queryDialog()!.dispatchEvent(
+      new KeyboardEvent('keydown', { key: 'Escape', bubbles: true, cancelable: true })
+    )
+    await waitDialogClosed()
+    expect(saveMethod).not.toHaveBeenCalled()
+
+    unmount()
+  })
+
+  it('面板模式 Ctrl/Cmd + S 保存仍可用（组件获焦时生效）', async () => {
+    const saveMethod = vi.fn()
+    const { host, unmount } = mountBatchEdit({ props: { quickEdit: false, saveMethod } })
+
+    await clickEditRow(host, 0)
+
+    const input = host.querySelector<HTMLInputElement>('.u-batch-edit__form .u-input input')!
+    // 面板模式快捷键要求组件获焦：focusin 冒泡到根布局后置位
+    input.dispatchEvent(new FocusEvent('focusin', { bubbles: true }))
+    input.dispatchEvent(
+      new KeyboardEvent('keydown', {
+        key: 's',
+        code: 'KeyS',
+        ctrlKey: true,
+        bubbles: true,
+        cancelable: true
+      })
+    )
+    await waitDialogSettled()
+
+    expect(saveMethod).toHaveBeenCalledTimes(1)
+    expect(saveMethod.mock.calls[0]![1]).toBe('update')
+
+    unmount()
+  })
+
   it('弹框内取消 / 关闭按钮 / 遮罩点击均不保存，且 model 恢复初始值', async () => {
     const saveMethod = vi.fn()
     const { host, data, model, unmount } = mountBatchEdit({
@@ -461,7 +572,7 @@ describe('UBatchEdit 重入保护', () => {
     await nextTick()
     await nextTick()
 
-    // 同一 tick 内连续两次触发保存（模拟保存进行中再按 Ctrl/Cmd+S），中间故意不等待
+    // 同一 tick 内连续两次点击保存（模拟保存进行中的重复触发），中间故意不等待
     const saveBtn = querySaveButton(queryDialog()!)!
     clickEl(saveBtn)
     clickEl(saveBtn)

package/src/components/batch-edit/batch-edit-form.vue

@@ -54,7 +54,11 @@
         <template v-if="props.readonly"> 只读模式 </template>
 
         <span :class="{ [bem.is('concealed')]: !shortcutActive }">
-          <template v-if="!(state.formActionType === 'update' && props.quickEdit)">
+          <template
+            v-if="
+              props.formMode === 'panel' && !(state.formActionType === 'update' && props.quickEdit)
+            "
+          >
             <u-kbd>Ctrl + S</u-kbd> 保存 ·
           </template>
           <u-kbd>Esc</u-kbd> 关闭
@@ -63,6 +67,15 @@
 
       <div :class="cls.e('form-actions')">
         <u-button size="small" text :loading="state.loading" @click="handleClose"> 取消 </u-button>
+        <u-button
+          v-if="showSaveContinueBtn"
+          size="small"
+          title="保存并继续"
+          :loading="state.loading"
+          @click="handleSave(true)"
+        >
+          保存并继续
+        </u-button>
         <u-button
           v-if="showSaveBtn"
           type="primary"
@@ -70,7 +83,7 @@
           title="保存"
           :icon="Save"
           :loading="state.loading"
-          @click="handleSave"
+          @click="handleSave()"
         />
       </div>
     </footer>
@@ -151,6 +164,12 @@ const showSaveBtn = computed(() => {
   return creatable.value || updatable.value || creatableChild.value
 })
 
+/** 弹框模式新增类操作显示「保存并继续」：保存后重置表单继续录入，不关闭弹框 */
+const showSaveContinueBtn = computed(() => {
+  if (props.formMode !== 'dialog') return false
+  return creatable.value || creatableChild.value
+})
+
 const headerInfo = computed(() => FORM_ACTION_HEADER_MAP[state.formActionType])
 
 /** 头部图标色调修饰类：样式中 createChild 对应的修饰类为 is-child */

package/src/components/batch-edit/use-handlers.ts

@@ -40,7 +40,8 @@ interface Options {
 }
 
 export interface EditReturned {
-  handleSave: () => Promise<void>
+  /** @param keepOpen 新增类操作保存后不关闭表单（弹框模式「保存并继续」） */
+  handleSave: (keepOpen?: boolean) => Promise<void>
   handleClose: () => void
   handleCreate: () => void
   handleDelete: (row: TableRow) => Promise<void>
@@ -153,8 +154,8 @@ export function useHandlers(options: Options): EditReturned {
     }
   }
 
-  /** 保存 */
-  const handleSave = runWithLoading(async () => {
+  /** 保存；keepOpen 为 true 时（「保存并继续」）新增保存后不关闭表单 */
+  const handleSave = runWithLoading(async (keepOpen = false) => {
     const { model, saveMethod } = props
     const valid = await formRef.value?.validate()
     if (!model || !valid) return
@@ -172,8 +173,8 @@ export function useHandlers(options: Options): EditReturned {
       }
       insert(item)
 
-      // 弹框模式保存成功即关闭，不走面板的连续新增
-      if (props.formMode === 'dialog') {
+      // 弹框模式保存成功即关闭，连续新增只能由「保存并继续」显式触发
+      if (props.formMode === 'dialog' && !keepOpen) {
         resetState()
         return
       }

package/src/components/batch-edit/use-shortcut-key.ts

@@ -40,10 +40,11 @@ export function useShortcutKey(options: Options) {
   /**
    * 键盘快捷键：
    * - Esc          关闭表单
-   * - ⌘/Ctrl + S   保存（快速编辑模式下编辑行时除外）
+   * - ⌘/Ctrl + S   保存（仅面板模式；快速编辑模式下编辑行时除外）
    *
    * 面板模式仅组件获焦时生效；弹框模式表单被 teleport 到 body，
-   * 组件聚焦状态覆盖不到，改为弹框打开期间生效
+   * 组件聚焦状态覆盖不到，改为弹框打开期间生效。
+   * 弹框模式不支持 ⌘/Ctrl + S 保存，保存只能走底部按钮
    */
   function handleKeydown(e: KeyboardEvent) {
     const active = props.formMode === 'dialog' ? state.formVisible : focused.value
@@ -52,6 +53,8 @@ export function useShortcutKey(options: Options) {
 
     if (e.key === 'Escape') return runEscape(e)
 
+    if (props.formMode === 'dialog') return
+
     const meta = e.metaKey || e.ctrlKey
     if (!meta) return
 

package/src/components/card/style.scss

@@ -7,14 +7,12 @@ $root-name: card;
 @include m.b($root-name) {
   border-radius: fn.component-var(card, radius, fn.use-var(radius, large));
   background-color: fn.use-var(bg-color, top);
-  border: fn.use-var(border-muted);
   box-shadow: fn.use-var(shadow, sm);
   backdrop-filter: fn.use-var(bg-filter);
   -webkit-backdrop-filter: fn.use-var(bg-filter);
   overflow: hidden;
 
   @include m.is(integrate) {
-    border: none;
     box-shadow: none;
     --u-card-header-bg: transparent;
     --u-card-action-bg: transparent;

package/src/components/dropdown/dropdown.vue

@@ -22,7 +22,7 @@
 import { useModel, usePop, useTransition } from '@veltra/compositions'
 import { vClickOutside } from '@veltra/directives'
 import { bem, extractNormalVNodes, setStyles, zIndex } from '@veltra/utils'
-import { shallowRef, computed, createVNode, cloneVNode, useTemplateRef, useAttrs } from 'vue'
+import { shallowRef, computed, createVNode, cloneVNode, useTemplateRef, useAttrs, toRef } from 'vue'
 
 import type { DropdownProps, DropdownExposed, DropdownEmits } from '../../types'
 import { UNodeRender } from '../node-render'
@@ -30,7 +30,12 @@ import { useNest } from '../tip/use-nest'
 
 defineOptions({ name: 'UDropdown', inheritAttrs: false })
 
-const props = withDefaults(defineProps<DropdownProps>(), { trigger: 'hover', contentTag: 'div' })
+const props = withDefaults(defineProps<DropdownProps>(), {
+  trigger: 'hover',
+  direction: 'bottom',
+  alignment: 'start',
+  contentTag: 'div'
+})
 
 const emit = defineEmits<DropdownEmits>()
 
@@ -121,8 +126,8 @@ const transitionName = shallowRef('slide-down')
 const { update, popperContainerId } = usePop({
   triggerRef: triggerDom,
   contentRef,
-  direction: 'bottom',
-  alignment: 'start',
+  direction: toRef(() => props.direction),
+  alignment: toRef(() => props.alignment),
   onPop(position) {
     transitionName.value = position.placement.includes('top') ? 'slide-up' : 'slide-down'
 

package/src/components/expression-editor/components/path-preview.vue

@@ -6,9 +6,8 @@
         v-for="(node, i) in path"
         :key="`${i}-${node.value || node.label}`"
         :class="[cls.e('path-tree-item'), bem.is('active', i === path.length - 1)]"
-        :style="{ paddingLeft: `${i * 14}px` }"
+        :style="{ '--depth': i }"
       >
-        <span v-if="i > 0" :class="cls.e('path-tree-branch')">└</span>
         <span :class="cls.e('path-tree-label')">{{ node.label }}</span>
       </li>
     </ul>