@veltra/desktop 1.1.14 → 1.1.18

package/dist/components/condition-editor/components/condition-row.js

@@ -1,22 +1,26 @@
-import _sfc_main$1 from "../../select/select.js";
+import _sfc_main$1 from "../../icon/icon.js";
+import _sfc_main$2 from "../../select/select.js";
 import { getOperatorsByFieldType } from "../core/operators.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, useTemplateRef, withKeys, withModifiers } from "vue";
-import { useFormFallbackProps } from "@veltra/compositions";
-import { bem, injectFormContext } from "@veltra/utils";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, useTemplateRef, withCtx, withKeys, withModifiers } from "vue";
+import { bem } from "@veltra/utils";
+import { Close, Delete } from "@veltra/icons/normal";
 //#region src/components/condition-editor/components/condition-row.vue
-const _hoisted_1 = [
+const _hoisted_1 = ["title"];
+const _hoisted_2 = [
+	"type",
 	"value",
 	"placeholder",
 	"disabled",
 	"readonly"
 ];
+const _hoisted_3 = ["disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "ConditionRow",
 	__name: "condition-row",
 	props: {
 		item: {},
 		fields: {},
-		size: {},
+		size: { default: "default" },
 		disabled: { type: Boolean },
 		readonly: { type: Boolean }
 	},
@@ -27,16 +31,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const { formProps } = injectFormContext();
-		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {
-			size: "default",
-			disabled: false,
-			readonly: false
-		});
 		const emit = __emit;
 		const cls = bem("condition-editor");
 		const valueInputRef = useTemplateRef("valueInputRef");
-		const focused = ref(false);
+		const chipRef = useTemplateRef("chipRef");
 		const fieldOptions = computed(() => (props.fields ?? []).map((f) => ({
 			label: f.label,
 			value: f.value
@@ -45,25 +43,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const operatorOptions = computed(() => {
 			if (!currentField.value) return props.item.operator ? [{
 				label: props.item.operator,
-				value: props.item.operator
+				value: props.item.operator,
+				needValue: true
 			}] : [];
 			return getOperatorsByFieldType(currentField.value.type);
 		});
-		const needValue = computed(() => {
-			return operatorOptions.value.find((o) => o.value === props.item.operator)?.needValue ?? true;
+		const currentOperator = computed(() => operatorOptions.value.find((o) => o.value === props.item.operator));
+		const needValue = computed(() => currentOperator.value?.needValue ?? true);
+		const constantValue = computed(() => props.item.value.kind === "constant" ? props.item.value.value : "");
+		/** 枚举字段的可选值（仅在非 `in` 等多值运算符下展开为下拉） */
+		const enumValueOptions = computed(() => {
+			if (!currentField.value || currentField.value.type !== "enum") return null;
+			if (props.item.operator === "in") return null;
+			return currentField.value.enumOptions ?? [];
+		});
+		const booleanValueOptions = computed(() => {
+			if (!currentField.value || currentField.value.type !== "boolean") return null;
+			if (!needValue.value) return null;
+			return [{
+				label: "是",
+				value: "true"
+			}, {
+				label: "否",
+				value: "false"
+			}];
 		});
-		const hasResult = computed(() => props.item._result !== void 0);
-		const placeholder = computed(() => props.fields?.length ? "输入值或 @ 引用变量" : "");
-		const variableLabel = computed(() => {
-			if (props.item.value.kind !== "variable") return "";
-			return props.item.value.name;
+		const inputType = computed(() => {
+			const type = currentField.value?.type;
+			if (type === "number") return "number";
+			if (type === "date") return "date";
+			return "text";
 		});
+		const placeholder = computed(() => {
+			if (props.item.operator === "in") return "多个值用逗号分隔";
+			if (!props.fields?.length) return "";
+			return "输入值或 @ 引用变量";
+		});
+		function emitUpdate(patch) {
+			emit("update:item", {
+				...props.item,
+				...patch
+			});
+		}
 		function onFieldChange(val) {
 			const field = props.fields?.find((f) => f.value === val);
+			const nextOp = (field ? getOperatorsByFieldType(field.type) : [])[0]?.value ?? "eq";
 			emit("update:item", {
 				...props.item,
 				field: val,
-				operator: field ? getOperatorsByFieldType(field.type)[0].value : "eq",
+				operator: nextOp,
 				value: {
 					kind: "constant",
 					value: ""
@@ -71,8 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			});
 		}
 		function onOperatorChange(val) {
-			emit("update:item", {
-				...props.item,
+			emitUpdate({
 				operator: val,
 				value: {
 					kind: "constant",
@@ -81,64 +108,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			});
 		}
 		function onValueInput(e) {
-			const val = e.target.value;
-			emit("update:item", {
-				...props.item,
-				value: {
-					kind: "constant",
-					value: val
-				}
-			});
+			emitUpdate({ value: {
+				kind: "constant",
+				value: e.target.value
+			} });
+		}
+		function onConstantChange(val) {
+			emitUpdate({ value: {
+				kind: "constant",
+				value: val
+			} });
 		}
 		function onValueKeydown(e) {
-			if (disabled.value || readonly.value) return;
+			if (props.disabled || props.readonly) return;
 			if (e.key === "@" && valueInputRef.value) {
 				e.preventDefault();
 				emit("mention", {
 					triggerDom: valueInputRef.value,
-					setValue: (val) => {
-						emit("update:item", {
-							...props.item,
-							value: val
-						});
-					}
+					setValue: (val) => emitUpdate({ value: val })
 				});
 			}
 		}
 		function onChipClick() {
-			if (disabled.value || readonly.value) return;
-			if (valueInputRef.value) emit("mention", {
-				triggerDom: valueInputRef.value,
-				setValue: (val) => {
-					emit("update:item", {
-						...props.item,
-						value: val
-					});
-				}
+			if (props.disabled || props.readonly) return;
+			const dom = chipRef.value;
+			if (!dom) return;
+			emit("mention", {
+				triggerDom: dom,
+				setValue: (val) => emitUpdate({ value: val })
 			});
 		}
 		function onChipDelete() {
-			emit("update:item", {
-				...props.item,
-				value: {
-					kind: "constant",
-					value: ""
-				}
-			});
+			if (props.disabled || props.readonly) return;
+			emitUpdate({ value: {
+				kind: "constant",
+				value: ""
+			} });
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(cls).e("row"), unref(bem).is("focused", focused.value)]) }, [
-				createCommentVNode(" 字段选择 "),
-				createVNode(unref(_sfc_main$1), {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("row")) }, [
+				createVNode(unref(_sfc_main$2), {
 					class: normalizeClass(unref(cls).e("field")),
 					"model-value": __props.item.field,
 					options: fieldOptions.value,
 					"value-key": "value",
 					"label-key": "label",
 					placeholder: "字段",
-					size: unref(size),
-					disabled: unref(disabled) || unref(readonly),
+					size: __props.size,
+					disabled: __props.disabled || __props.readonly,
 					clearable: false,
+					filterable: "",
 					"onUpdate:modelValue": onFieldChange
 				}, null, 8, [
 					"class",
@@ -147,16 +166,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					"size",
 					"disabled"
 				]),
-				createCommentVNode(" 运算符选择 "),
-				createVNode(unref(_sfc_main$1), {
+				createVNode(unref(_sfc_main$2), {
 					class: normalizeClass(unref(cls).e("operator")),
 					"model-value": __props.item.operator,
 					options: operatorOptions.value,
 					"value-key": "value",
 					"label-key": "label",
 					placeholder: "运算符",
-					size: unref(size),
-					disabled: unref(disabled) || unref(readonly),
+					size: __props.size,
+					disabled: __props.disabled || __props.readonly || !currentField.value,
 					clearable: false,
 					"onUpdate:modelValue": onOperatorChange
 				}, null, 8, [
@@ -166,47 +184,80 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					"size",
 					"disabled"
 				]),
-				createCommentVNode(" 值输入 "),
-				createElementVNode("div", { class: normalizeClass(unref(cls).e("value")) }, [needValue.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.item.value.kind === "constant" ? (openBlock(), createElementBlock("input", {
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("value")) }, [!needValue.value ? (openBlock(), createElementBlock("span", {
 					key: 0,
-					ref_key: "valueInputRef",
-					ref: valueInputRef,
-					class: normalizeClass(unref(cls).e("value-input")),
-					value: __props.item.value.value,
-					placeholder: placeholder.value,
-					disabled: unref(disabled),
-					readonly: unref(readonly),
-					onInput: onValueInput,
-					onKeydown: onValueKeydown,
-					onFocus: _cache[0] || (_cache[0] = ($event) => focused.value = true),
-					onBlur: _cache[1] || (_cache[1] = ($event) => focused.value = false)
-				}, null, 42, _hoisted_1)) : (openBlock(), createElementBlock("span", {
+					class: normalizeClass(unref(cls).e("value-empty"))
+				}, "—", 2)) : enumValueOptions.value ? (openBlock(), createBlock(unref(_sfc_main$2), {
 					key: 1,
+					"model-value": constantValue.value,
+					options: enumValueOptions.value,
+					"value-key": "value",
+					"label-key": "label",
+					placeholder: "选择值",
+					size: __props.size,
+					disabled: __props.disabled || __props.readonly,
+					clearable: false,
+					"onUpdate:modelValue": onConstantChange
+				}, null, 8, [
+					"model-value",
+					"options",
+					"size",
+					"disabled"
+				])) : booleanValueOptions.value ? (openBlock(), createBlock(unref(_sfc_main$2), {
+					key: 2,
+					"model-value": constantValue.value,
+					options: booleanValueOptions.value,
+					"value-key": "value",
+					"label-key": "label",
+					placeholder: "选择值",
+					size: __props.size,
+					disabled: __props.disabled || __props.readonly,
+					clearable: false,
+					"onUpdate:modelValue": onConstantChange
+				}, null, 8, [
+					"model-value",
+					"options",
+					"size",
+					"disabled"
+				])) : __props.item.value.kind === "variable" ? (openBlock(), createElementBlock("span", {
+					key: 3,
+					ref_key: "chipRef",
+					ref: chipRef,
 					class: normalizeClass(unref(cls).e("value-chip")),
 					tabindex: "0",
+					title: `变量：${__props.item.value.name}`,
 					onClick: onChipClick,
 					onKeydown: withKeys(onChipDelete, ["delete"])
-				}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("value-chip-label")) }, toDisplayString(variableLabel.value), 3), createElementVNode("span", {
+				}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("value-chip-label")) }, toDisplayString(__props.item.value.name), 3), createElementVNode("span", {
 					class: normalizeClass(unref(cls).e("value-chip-close")),
 					onClick: withModifiers(onChipDelete, ["stop"])
-				}, "×", 2)], 34))], 64)) : (openBlock(), createElementBlock("span", {
-					key: 1,
-					class: normalizeClass(unref(cls).e("value-empty"))
-				}, "—", 2))], 2),
-				createCommentVNode(" 删除 "),
-				!unref(readonly) ? (openBlock(), createElementBlock("span", {
+				}, [createVNode(unref(_sfc_main$1), null, {
+					default: withCtx(() => [createVNode(unref(Close))]),
+					_: 1
+				})], 2)], 42, _hoisted_1)) : (openBlock(), createElementBlock("input", {
+					key: 4,
+					ref_key: "valueInputRef",
+					ref: valueInputRef,
+					class: normalizeClass(unref(cls).e("value-input")),
+					type: inputType.value,
+					value: constantValue.value,
+					placeholder: placeholder.value,
+					disabled: __props.disabled,
+					readonly: __props.readonly,
+					onInput: onValueInput,
+					onKeydown: onValueKeydown
+				}, null, 42, _hoisted_2))], 2),
+				!__props.readonly ? (openBlock(), createElementBlock("button", {
 					key: 0,
+					type: "button",
 					class: normalizeClass(unref(cls).e("row-delete")),
-					onClick: _cache[2] || (_cache[2] = ($event) => emit("delete"))
-				}, "×", 2)) : createCommentVNode("v-if", true),
-				createCommentVNode(" 结果指示 "),
-				hasResult.value ? (openBlock(), createElementBlock("span", {
-					key: 1,
-					class: normalizeClass([unref(cls).e("result"), unref(cls).em("result", __props.item._result ? "pass" : "fail")])
-				}, toDisplayString(__props.item._result ? "✓" : "✗"), 3)) : (openBlock(), createElementBlock("span", {
-					key: 2,
-					class: normalizeClass([unref(cls).e("result"), unref(cls).em("result", "none")])
-				}, "—", 2))
+					disabled: __props.disabled,
+					title: "删除条件",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("delete"))
+				}, [createVNode(unref(_sfc_main$1), null, {
+					default: withCtx(() => [createVNode(unref(Delete))]),
+					_: 1
+				})], 10, _hoisted_3)) : createCommentVNode("v-if", true)
 			], 2);
 		};
 	}

package/dist/components/condition-editor/components/condition-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-row.js","names":[],"sources":["../../../../src/components/condition-editor/components/condition-row.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.e('row'), bem.is('focused', focused)]\">\n    <!-- 字段选择 -->\n    <u-select\n      :class=\"cls.e('field')\"\n      :model-value=\"item.field\"\n      :options=\"fieldOptions\"\n      value-key=\"value\"\n      label-key=\"label\"\n      placeholder=\"字段\"\n      :size=\"size\"\n      :disabled=\"disabled || readonly\"\n      :clearable=\"false\"\n      @update:model-value=\"onFieldChange\"\n    />\n\n    <!-- 运算符选择 -->\n    <u-select\n      :class=\"cls.e('operator')\"\n      :model-value=\"item.operator\"\n      :options=\"operatorOptions\"\n      value-key=\"value\"\n      label-key=\"label\"\n      placeholder=\"运算符\"\n      :size=\"size\"\n      :disabled=\"disabled || readonly\"\n      :clearable=\"false\"\n      @update:model-value=\"onOperatorChange\"\n    />\n\n    <!-- 值输入 -->\n    <div :class=\"cls.e('value')\">\n      <template v-if=\"needValue\">\n        <input\n          v-if=\"item.value.kind === 'constant'\"\n          ref=\"valueInputRef\"\n          :class=\"cls.e('value-input')\"\n          :value=\"item.value.value\"\n          :placeholder=\"placeholder\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          @input=\"onValueInput\"\n          @keydown=\"onValueKeydown\"\n          @focus=\"focused = true\"\n          @blur=\"focused = false\"\n        />\n        <span\n          v-else\n          :class=\"cls.e('value-chip')\"\n          tabindex=\"0\"\n          @click=\"onChipClick\"\n          @keydown.delete=\"onChipDelete\"\n        >\n          <span :class=\"cls.e('value-chip-label')\">{{ variableLabel }}</span>\n          <span :class=\"cls.e('value-chip-close')\" @click.stop=\"onChipDelete\">×</span>\n        </span>\n      </template>\n      <span v-else :class=\"cls.e('value-empty')\">—</span>\n    </div>\n\n    <!-- 删除 -->\n    <span v-if=\"!readonly\" :class=\"cls.e('row-delete')\" @click=\"emit('delete')\">×</span>\n\n    <!-- 结果指示 -->\n    <span\n      v-if=\"hasResult\"\n      :class=\"[cls.e('result'), cls.em('result', item._result ? 'pass' : 'fail')]\"\n    >\n      {{ item._result ? '✓' : '✗' }}\n    </span>\n    <span v-else :class=\"[cls.e('result'), cls.em('result', 'none')]\">—</span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, injectFormContext } from '@veltra/utils'\nimport { computed, ref, useTemplateRef } from 'vue'\n\nimport type { ConditionField, ConditionItem, ConditionValue } from '../../../types'\nimport { USelect } from '../../select'\nimport { getOperatorsByFieldType, type OperatorDef } from '../core/operators'\n\ndefineOptions({ name: 'ConditionRow' })\n\nexport interface MentionPayload {\n  triggerDom: HTMLElement\n  setValue: (val: ConditionValue) => void\n}\n\nconst props = withDefaults(\n  defineProps<{\n    item: ConditionItem\n    fields?: ConditionField[]\n    size?: string\n    disabled?: boolean\n    readonly?: boolean\n  }>(),\n  {}\n)\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst emit = defineEmits<{\n  (e: 'update:item', item: ConditionItem): void\n  (e: 'delete'): void\n  (e: 'mention', payload: MentionPayload): void\n}>()\n\nconst cls = bem('condition-editor')\n\nconst valueInputRef = useTemplateRef<HTMLInputElement>('valueInputRef')\nconst focused = ref(false)\n\nconst fieldOptions = computed(() =>\n  (props.fields ?? []).map((f) => ({ label: f.label, value: f.value }))\n)\n\nconst currentField = computed(() => props.fields?.find((f) => f.value === props.item.field))\n\nconst operatorOptions = computed(() => {\n  if (!currentField.value) {\n    return props.item.operator ? [{ label: props.item.operator, value: props.item.operator }] : []\n  }\n  return getOperatorsByFieldType(currentField.value.type)\n})\n\nconst needValue = computed(() => {\n  const ops = operatorOptions.value as OperatorDef[]\n  const op = ops.find((o) => o.value === props.item.operator)\n  return op?.needValue ?? true\n})\n\nconst hasResult = computed(() => props.item._result !== undefined)\n\nconst placeholder = computed(() => (props.fields?.length ? '输入值或 @ 引用变量' : ''))\n\nconst variableLabel = computed(() => {\n  if (props.item.value.kind !== 'variable') return ''\n  return props.item.value.name\n})\n\nfunction onFieldChange(val: string) {\n  const field = props.fields?.find((f) => f.value === val)\n  const newItem: ConditionItem = {\n    ...props.item,\n    field: val,\n    operator: field ? getOperatorsByFieldType(field.type)[0]!.value : 'eq',\n    value: { kind: 'constant', value: '' }\n  }\n  emit('update:item', newItem)\n}\n\nfunction onOperatorChange(val: string) {\n  const newItem: ConditionItem = {\n    ...props.item,\n    operator: val,\n    value: { kind: 'constant', value: '' }\n  }\n  emit('update:item', newItem)\n}\n\nfunction onValueInput(e: Event) {\n  const val = (e.target as HTMLInputElement).value\n  emit('update:item', {\n    ...props.item,\n    value: { kind: 'constant', value: val }\n  })\n}\n\nfunction onValueKeydown(e: KeyboardEvent) {\n  if (disabled.value || readonly.value) return\n  if (e.key === '@' && valueInputRef.value) {\n    e.preventDefault()\n    emit('mention', {\n      triggerDom: valueInputRef.value,\n      setValue: (val: ConditionValue) => {\n        emit('update:item', { ...props.item, value: val })\n      }\n    })\n  }\n}\n\nfunction onChipClick() {\n  if (disabled.value || readonly.value) return\n  if (valueInputRef.value) {\n    emit('mention', {\n      triggerDom: valueInputRef.value,\n      setValue: (val: ConditionValue) => {\n        emit('update:item', { ...props.item, value: val })\n      }\n    })\n  }\n}\n\nfunction onChipDelete() {\n  emit('update:item', {\n    ...props.item,\n    value: { kind: 'constant', value: '' }\n  })\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"condition-row.js","names":[],"sources":["../../../../src/components/condition-editor/components/condition-row.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('row')\">\n    <u-select\n      :class=\"cls.e('field')\"\n      :model-value=\"item.field\"\n      :options=\"fieldOptions\"\n      value-key=\"value\"\n      label-key=\"label\"\n      placeholder=\"字段\"\n      :size=\"size\"\n      :disabled=\"disabled || readonly\"\n      :clearable=\"false\"\n      filterable\n      @update:model-value=\"onFieldChange\"\n    />\n\n    <u-select\n      :class=\"cls.e('operator')\"\n      :model-value=\"item.operator\"\n      :options=\"operatorOptions\"\n      value-key=\"value\"\n      label-key=\"label\"\n      placeholder=\"运算符\"\n      :size=\"size\"\n      :disabled=\"disabled || readonly || !currentField\"\n      :clearable=\"false\"\n      @update:model-value=\"onOperatorChange\"\n    />\n\n    <div :class=\"cls.e('value')\">\n      <template v-if=\"!needValue\">\n        <span :class=\"cls.e('value-empty')\">—</span>\n      </template>\n\n      <template v-else-if=\"enumValueOptions\">\n        <u-select\n          :model-value=\"constantValue\"\n          :options=\"enumValueOptions\"\n          value-key=\"value\"\n          label-key=\"label\"\n          placeholder=\"选择值\"\n          :size=\"size\"\n          :disabled=\"disabled || readonly\"\n          :clearable=\"false\"\n          @update:model-value=\"onConstantChange\"\n        />\n      </template>\n\n      <template v-else-if=\"booleanValueOptions\">\n        <u-select\n          :model-value=\"constantValue\"\n          :options=\"booleanValueOptions\"\n          value-key=\"value\"\n          label-key=\"label\"\n          placeholder=\"选择值\"\n          :size=\"size\"\n          :disabled=\"disabled || readonly\"\n          :clearable=\"false\"\n          @update:model-value=\"onConstantChange\"\n        />\n      </template>\n\n      <template v-else-if=\"item.value.kind === 'variable'\">\n        <span\n          ref=\"chipRef\"\n          :class=\"cls.e('value-chip')\"\n          tabindex=\"0\"\n          :title=\"`变量：${item.value.name}`\"\n          @click=\"onChipClick\"\n          @keydown.delete=\"onChipDelete\"\n        >\n          <span :class=\"cls.e('value-chip-label')\">{{ item.value.name }}</span>\n          <span :class=\"cls.e('value-chip-close')\" @click.stop=\"onChipDelete\">\n            <u-icon><Close /></u-icon>\n          </span>\n        </span>\n      </template>\n\n      <template v-else>\n        <input\n          ref=\"valueInputRef\"\n          :class=\"cls.e('value-input')\"\n          :type=\"inputType\"\n          :value=\"constantValue\"\n          :placeholder=\"placeholder\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          @input=\"onValueInput\"\n          @keydown=\"onValueKeydown\"\n        />\n      </template>\n    </div>\n\n    <button\n      v-if=\"!readonly\"\n      type=\"button\"\n      :class=\"cls.e('row-delete')\"\n      :disabled=\"disabled\"\n      title=\"删除条件\"\n      @click=\"emit('delete')\"\n    >\n      <u-icon><Delete /></u-icon>\n    </button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Close, Delete } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, useTemplateRef } from 'vue'\n\nimport type { ConditionField, ConditionLeaf, ConditionValue } from '../../../types'\nimport { UIcon } from '../../icon'\nimport { USelect } from '../../select'\nimport { getOperatorsByFieldType, type OperatorDef } from '../core/operators'\n\ndefineOptions({ name: 'ConditionRow' })\n\nexport interface MentionPayload {\n  triggerDom: HTMLElement\n  setValue: (val: ConditionValue) => void\n}\n\nconst props = withDefaults(\n  defineProps<{\n    item: ConditionLeaf\n    fields?: ConditionField[]\n    size?: 'small' | 'default' | 'large'\n    disabled?: boolean\n    readonly?: boolean\n  }>(),\n  { size: 'default' }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:item', item: ConditionLeaf): void\n  (e: 'delete'): void\n  (e: 'mention', payload: MentionPayload): void\n}>()\n\nconst cls = bem('condition-editor')\n\nconst valueInputRef = useTemplateRef<HTMLInputElement>('valueInputRef')\nconst chipRef = useTemplateRef<HTMLElement>('chipRef')\n\nconst fieldOptions = computed(() =>\n  (props.fields ?? []).map((f) => ({ label: f.label, value: f.value }))\n)\n\nconst currentField = computed(() => props.fields?.find((f) => f.value === props.item.field))\n\nconst operatorOptions = computed<OperatorDef[]>(() => {\n  if (!currentField.value) {\n    return props.item.operator\n      ? [{ label: props.item.operator, value: props.item.operator, needValue: true }]\n      : []\n  }\n  return getOperatorsByFieldType(currentField.value.type)\n})\n\nconst currentOperator = computed(() =>\n  operatorOptions.value.find((o) => o.value === props.item.operator)\n)\n\nconst needValue = computed(() => currentOperator.value?.needValue ?? true)\n\nconst constantValue = computed(() =>\n  props.item.value.kind === 'constant' ? props.item.value.value : ''\n)\n\n/** 枚举字段的可选值（仅在非 `in` 等多值运算符下展开为下拉） */\nconst enumValueOptions = computed(() => {\n  if (!currentField.value || currentField.value.type !== 'enum') return null\n  if (props.item.operator === 'in') return null\n  return currentField.value.enumOptions ?? []\n})\n\nconst booleanValueOptions = computed(() => {\n  if (!currentField.value || currentField.value.type !== 'boolean') return null\n  if (!needValue.value) return null\n  return [\n    { label: '是', value: 'true' },\n    { label: '否', value: 'false' }\n  ]\n})\n\nconst inputType = computed(() => {\n  const type = currentField.value?.type\n  if (type === 'number') return 'number'\n  if (type === 'date') return 'date'\n  return 'text'\n})\n\nconst placeholder = computed(() => {\n  if (props.item.operator === 'in') return '多个值用逗号分隔'\n  if (!props.fields?.length) return ''\n  return '输入值或 @ 引用变量'\n})\n\nfunction emitUpdate(patch: Partial<ConditionLeaf>) {\n  emit('update:item', { ...props.item, ...patch })\n}\n\nfunction onFieldChange(val: string) {\n  const field = props.fields?.find((f) => f.value === val)\n  const nextOps = field ? getOperatorsByFieldType(field.type) : []\n  const nextOp = nextOps[0]?.value ?? 'eq'\n  emit('update:item', {\n    ...props.item,\n    field: val,\n    operator: nextOp,\n    value: { kind: 'constant', value: '' }\n  })\n}\n\nfunction onOperatorChange(val: string) {\n  emitUpdate({\n    operator: val,\n    value: { kind: 'constant', value: '' }\n  })\n}\n\nfunction onValueInput(e: Event) {\n  emitUpdate({ value: { kind: 'constant', value: (e.target as HTMLInputElement).value } })\n}\n\nfunction onConstantChange(val: string) {\n  emitUpdate({ value: { kind: 'constant', value: val } })\n}\n\nfunction onValueKeydown(e: KeyboardEvent) {\n  if (props.disabled || props.readonly) return\n  if (e.key === '@' && valueInputRef.value) {\n    e.preventDefault()\n    emit('mention', {\n      triggerDom: valueInputRef.value,\n      setValue: (val) => emitUpdate({ value: val })\n    })\n  }\n}\n\nfunction onChipClick() {\n  if (props.disabled || props.readonly) return\n  const dom = chipRef.value\n  if (!dom) return\n  emit('mention', {\n    triggerDom: dom,\n    setValue: (val) => emitUpdate({ value: val })\n  })\n}\n\nfunction onChipDelete() {\n  if (props.disabled || props.readonly) return\n  emitUpdate({ value: { kind: 'constant', value: '' } })\n}\n</script>\n"],"mappings":"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"}

package/dist/components/condition-editor/condition-editor.js

@@ -1,7 +1,7 @@
 import _sfc_main$1 from "../expression-editor/components/variable-picker.js";
-import { createEmptyGroup, evaluate } from "./core/evaluator.js";
+import { createEmptyGroup } from "./core/evaluator.js";
 import _sfc_main$2 from "./components/condition-group.js";
-import { computed, createElementBlock, createVNode, defineComponent, nextTick, normalizeClass, openBlock, shallowRef, unref, useTemplateRef, watch } from "vue";
+import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, shallowRef, unref, useTemplateRef, watch } from "vue";
 import { useFormFallbackProps } from "@veltra/compositions";
 import { bem, injectFormContext } from "@veltra/utils";
 //#region src/components/condition-editor/condition-editor.vue
@@ -12,12 +12,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		modelValue: {},
 		fields: { default: () => [] },
 		variables: {},
-		data: {},
 		size: {},
 		disabled: { type: Boolean },
 		readonly: { type: Boolean }
 	},
-	emits: ["update:modelValue", "evaluate"],
+	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
@@ -30,28 +29,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			bem.is("disabled", disabled.value),
 			bem.is("readonly", readonly.value)
 		]);
-		const rootGroup = shallowRef(props.modelValue ? JSON.parse(JSON.stringify(props.modelValue)) : createEmptyGroup());
-		function serialize() {
-			function clean(group) {
-				return {
-					logic: group.logic,
-					conditions: group.conditions.map((c) => {
-						const { _result, ...rest } = c;
-						return rest;
-					}),
-					groups: group.groups.map(clean).filter((g) => g.conditions.length > 0 || g.groups.length > 0)
-				};
-			}
-			return clean(JSON.parse(JSON.stringify(rootGroup.value)));
-		}
-		function emitUpdate() {
-			emit("update:modelValue", serialize());
+		const rootGroup = shallowRef(props.modelValue ? clone(props.modelValue) : createEmptyGroup());
+		function clone(v) {
+			return JSON.parse(JSON.stringify(v));
 		}
-		function runEvaluate() {
-			if (!props.data) return;
-			rootGroup.value = evaluate(JSON.parse(JSON.stringify(rootGroup.value)), props.data);
-			emit("evaluate", serialize());
+		function onGroupUpdate(group) {
+			rootGroup.value = group;
+			emit("update:modelValue", clone(group));
 		}
+		watch(() => props.modelValue, (v) => {
+			if (!v) {
+				rootGroup.value = createEmptyGroup();
+				return;
+			}
+			if (JSON.stringify(v) === JSON.stringify(rootGroup.value)) return;
+			rootGroup.value = clone(v);
+		});
 		const pickerRef = useTemplateRef("pickerRef");
 		const pickerVisible = shallowRef(false);
 		const pickerTriggerDom = shallowRef(void 0);
@@ -82,25 +75,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				mentionTarget.value = null;
 			}
 		}
-		function onGroupUpdate(group) {
-			rootGroup.value = group;
-			emitUpdate();
-			nextTick(() => runEvaluate());
-		}
-		watch(() => props.modelValue, (v) => {
-			if (!v) return;
-			const current = serialize();
-			if (JSON.stringify(v) === JSON.stringify(current)) return;
-			rootGroup.value = JSON.parse(JSON.stringify(v));
-		});
-		watch(() => props.data, () => runEvaluate(), { deep: true });
 		function onKeydown(e) {
 			if (disabled.value || readonly.value) return;
 			if (pickerVisible.value) {
-				if (pickerRef.value?.handleKeydown(e)) {
-					e.preventDefault();
-					return;
-				}
+				if (pickerRef.value?.handleKeydown(e)) e.preventDefault();
 			}
 		}
 		return (_ctx, _cache) => {

package/dist/components/condition-editor/condition-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-editor.js","names":[],"sources":["../../../src/components/condition-editor/condition-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" @keydown=\"onKeydown\">\n    <ConditionGroup\n      :group=\"rootGroup\"\n      :fields=\"props.fields\"\n      :size=\"size\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      @update:group=\"onGroupUpdate\"\n      @mention=\"onMention\"\n    />\n\n    <VariablePicker\n      ref=\"pickerRef\"\n      :visible=\"pickerVisible\"\n      :trigger-dom=\"pickerTriggerDom\"\n      :variables=\"props.variables\"\n      :filter=\"pickerFilter\"\n      :selectable-levels=\"'leaf'\"\n      @select=\"onPickerSelect\"\n      @dismiss=\"onPickerDismiss\"\n      @update:visible=\"onPickerVisibleChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { ConditionEditorProps, ConditionExpression } from '../../types'\nimport VariablePicker from '../expression-editor/components/variable-picker.vue'\nimport ConditionGroup from './components/condition-group.vue'\nimport type { MentionPayload } from './components/condition-row.vue'\nimport { createEmptyGroup, evaluate } from './core/evaluator'\n\ndefineOptions({ name: 'ConditionEditor' })\n\nconst props = withDefaults(defineProps<ConditionEditorProps>(), {\n  fields: () => []\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: ConditionExpression): void\n  (e: 'evaluate', results: ConditionExpression): void\n}>()\n\nconst cls = bem('condition-editor')\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst className = computed(() => [\n  cls.b,\n  cls.m(size.value),\n  bem.is('disabled', disabled.value),\n  bem.is('readonly', readonly.value)\n])\n\nconst rootGroup = shallowRef<ConditionExpression>(\n  props.modelValue ? JSON.parse(JSON.stringify(props.modelValue)) : createEmptyGroup()\n)\n\nfunction serialize(): ConditionExpression {\n  function clean(group: ConditionExpression): ConditionExpression {\n    return {\n      logic: group.logic,\n      conditions: group.conditions.map((c) => {\n        const { _result, ...rest } = c\n        return rest\n      }),\n      groups: group.groups.map(clean).filter((g) => g.conditions.length > 0 || g.groups.length > 0)\n    }\n  }\n  return clean(JSON.parse(JSON.stringify(rootGroup.value)))\n}\n\nfunction emitUpdate() {\n  emit('update:modelValue', serialize())\n}\n\nfunction runEvaluate() {\n  if (!props.data) return\n  const cloned = JSON.parse(JSON.stringify(rootGroup.value)) as ConditionExpression\n  const result = evaluate(cloned, props.data)\n  rootGroup.value = result\n  emit('evaluate', serialize())\n}\n\n// ── VariablePicker ──\n\nconst pickerRef = useTemplateRef<{ handleKeydown: (e: KeyboardEvent) => boolean }>('pickerRef')\nconst pickerVisible = shallowRef(false)\nconst pickerTriggerDom = shallowRef<HTMLElement | undefined>(undefined)\nconst pickerFilter = shallowRef('')\nconst mentionTarget = shallowRef<MentionPayload | null>(null)\n\nfunction onMention(payload: MentionPayload) {\n  if (disabled.value || readonly.value) return\n  mentionTarget.value = payload\n  pickerTriggerDom.value = payload.triggerDom\n  pickerFilter.value = ''\n  pickerVisible.value = true\n}\n\nfunction onPickerSelect(item: { label: string; value: string }) {\n  mentionTarget.value?.setValue({ kind: 'variable', name: item.value })\n  pickerVisible.value = false\n  mentionTarget.value = null\n}\n\nfunction onPickerDismiss() {\n  pickerVisible.value = false\n  mentionTarget.value = null\n}\n\nfunction onPickerVisibleChange(v: boolean) {\n  if (!v) {\n    pickerVisible.value = false\n    mentionTarget.value = null\n  }\n}\n\nfunction onGroupUpdate(group: ConditionExpression) {\n  rootGroup.value = group\n  emitUpdate()\n  void nextTick(() => runEvaluate())\n}\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (!v) return\n    const current = serialize()\n    if (JSON.stringify(v) === JSON.stringify(current)) return\n    rootGroup.value = JSON.parse(JSON.stringify(v))\n  }\n)\n\nwatch(\n  () => props.data,\n  () => runEvaluate(),\n  { deep: true }\n)\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (disabled.value || readonly.value) return\n  if (pickerVisible.value) {\n    const handled = pickerRef.value?.handleKeydown(e)\n    if (handled) {\n      e.preventDefault()\n      return\n    }\n  }\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"condition-editor.js","names":[],"sources":["../../../src/components/condition-editor/condition-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" @keydown=\"onKeydown\">\n    <ConditionGroup\n      :group=\"rootGroup\"\n      :fields=\"props.fields\"\n      :size=\"size\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      @update:group=\"onGroupUpdate\"\n      @mention=\"onMention\"\n    />\n\n    <VariablePicker\n      ref=\"pickerRef\"\n      :visible=\"pickerVisible\"\n      :trigger-dom=\"pickerTriggerDom\"\n      :variables=\"props.variables\"\n      :filter=\"pickerFilter\"\n      :selectable-levels=\"'leaf'\"\n      @select=\"onPickerSelect\"\n      @dismiss=\"onPickerDismiss\"\n      @update:visible=\"onPickerVisibleChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { ConditionEditorProps, ConditionExpression } from '../../types'\nimport VariablePicker from '../expression-editor/components/variable-picker.vue'\nimport ConditionGroup from './components/condition-group.vue'\nimport type { MentionPayload } from './components/condition-row.vue'\nimport { createEmptyGroup } from './core/evaluator'\n\ndefineOptions({ name: 'ConditionEditor' })\n\nconst props = withDefaults(defineProps<ConditionEditorProps>(), {\n  fields: () => []\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: ConditionExpression): void\n}>()\n\nconst cls = bem('condition-editor')\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst className = computed(() => [\n  cls.b,\n  cls.m(size.value),\n  bem.is('disabled', disabled.value),\n  bem.is('readonly', readonly.value)\n])\n\nconst rootGroup = shallowRef<ConditionExpression>(\n  props.modelValue ? clone(props.modelValue) : createEmptyGroup()\n)\n\nfunction clone<T>(v: T): T {\n  return JSON.parse(JSON.stringify(v)) as T\n}\n\nfunction onGroupUpdate(group: ConditionExpression) {\n  rootGroup.value = group\n  emit('update:modelValue', clone(group))\n}\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (!v) {\n      rootGroup.value = createEmptyGroup()\n      return\n    }\n    if (JSON.stringify(v) === JSON.stringify(rootGroup.value)) return\n    rootGroup.value = clone(v)\n  }\n)\n\n// ── VariablePicker ──\n\nconst pickerRef = useTemplateRef<{ handleKeydown: (e: KeyboardEvent) => boolean }>('pickerRef')\nconst pickerVisible = shallowRef(false)\nconst pickerTriggerDom = shallowRef<HTMLElement | undefined>(undefined)\nconst pickerFilter = shallowRef('')\nconst mentionTarget = shallowRef<MentionPayload | null>(null)\n\nfunction onMention(payload: MentionPayload) {\n  if (disabled.value || readonly.value) return\n  mentionTarget.value = payload\n  pickerTriggerDom.value = payload.triggerDom\n  pickerFilter.value = ''\n  pickerVisible.value = true\n}\n\nfunction onPickerSelect(item: { label: string; value: string }) {\n  mentionTarget.value?.setValue({ kind: 'variable', name: item.value })\n  pickerVisible.value = false\n  mentionTarget.value = null\n}\n\nfunction onPickerDismiss() {\n  pickerVisible.value = false\n  mentionTarget.value = null\n}\n\nfunction onPickerVisibleChange(v: boolean) {\n  if (!v) {\n    pickerVisible.value = false\n    mentionTarget.value = null\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (disabled.value || readonly.value) return\n  if (pickerVisible.value) {\n    const handled = pickerRef.value?.handleKeydown(e)\n    if (handled) {\n      e.preventDefault()\n    }\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAuCA,MAAM,QAAQ;EAId,MAAM,OAAO;EAIb,MAAM,MAAM,IAAI,mBAAkB;EAClC,MAAM,EAAE,cAAc,mBAAkB;EACxC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAM,CAAA;EAElF,MAAM,YAAY,eAAe;GAC/B,IAAI;GACJ,IAAI,EAAE,KAAK,MAAK;GAChB,IAAI,GAAG,YAAY,SAAS,MAAK;GACjC,IAAI,GAAG,YAAY,SAAS,MAAK;GAClC,CAAA;EAED,MAAM,YAAY,WAChB,MAAM,aAAa,MAAM,MAAM,WAAU,GAAI,kBAC/C,CAAA;EAEA,SAAS,MAAS,GAAS;GACzB,OAAO,KAAK,MAAM,KAAK,UAAU,EAAE,CAAA;;EAGrC,SAAS,cAAc,OAA4B;GACjD,UAAU,QAAQ;GAClB,KAAK,qBAAqB,MAAM,MAAM,CAAA;;EAGxC,YACQ,MAAM,aACX,MAAM;GACL,IAAI,CAAC,GAAG;IACN,UAAU,QAAQ,kBAAiB;IACnC;;GAEF,IAAI,KAAK,UAAU,EAAC,KAAM,KAAK,UAAU,UAAU,MAAK,EAAG;GAC3D,UAAU,QAAQ,MAAM,EAAC;IAE7B;EAIA,MAAM,YAAY,eAAiE,YAAW;EAC9F,MAAM,gBAAgB,WAAW,MAAK;EACtC,MAAM,mBAAmB,WAAoC,KAAA,EAAS;EACtE,MAAM,eAAe,WAAW,GAAE;EAClC,MAAM,gBAAgB,WAAkC,KAAI;EAE5D,SAAS,UAAU,SAAyB;GAC1C,IAAI,SAAS,SAAS,SAAS,OAAO;GACtC,cAAc,QAAQ;GACtB,iBAAiB,QAAQ,QAAQ;GACjC,aAAa,QAAQ;GACrB,cAAc,QAAQ;;EAGxB,SAAS,eAAe,MAAwC;GAC9D,cAAc,OAAO,SAAS;IAAE,MAAM;IAAY,MAAM,KAAK;IAAO,CAAA;GACpE,cAAc,QAAQ;GACtB,cAAc,QAAQ;;EAGxB,SAAS,kBAAkB;GACzB,cAAc,QAAQ;GACtB,cAAc,QAAQ;;EAGxB,SAAS,sBAAsB,GAAY;GACzC,IAAI,CAAC,GAAG;IACN,cAAc,QAAQ;IACtB,cAAc,QAAQ;;;EAI1B,SAAS,UAAU,GAAkB;GACnC,IAAI,SAAS,SAAS,SAAS,OAAO;GACtC,IAAI,cAAc;QACA,UAAU,OAAO,cAAc,EAAC,EAE9C,EAAE,gBAAe;;;;uBAzHrB,mBAsBM,OAAA;IAtBA,OAAK,eAAE,UAAA,MAAS;IAAY;OAChC,YAQE,aAAA;IAPC,OAAO,UAAA;IACP,QAAQ,MAAM;IACd,MAAM,MAAA,KAAA;IACN,UAAU,MAAA,SAAA;IACV,UAAU,MAAA,SAAA;IACV,kBAAc;IACL;;;;;;;OAGZ,YAUE,aAAA;aATI;IAAJ,KAAI;IACH,SAAS,cAAA;IACT,eAAa,iBAAA;IACb,WAAW,MAAM;IACjB,QAAQ,aAAA;IACR,qBAAmB;IACnB,UAAQ;IACR,WAAS;IACT,oBAAgB"}

package/dist/components/condition-editor/condition-editor.vue.d.ts

@@ -4,10 +4,8 @@ import * as _$vue from "vue";
 //#region src/components/condition-editor/condition-editor.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ConditionEditorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
   "update:modelValue": (value: ConditionGroup) => any;
-  evaluate: (results: ConditionGroup) => any;
 }, string, _$vue.PublicProps, Readonly<ConditionEditorProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: ConditionGroup) => any) | undefined;
-  onEvaluate?: ((results: ConditionGroup) => any) | undefined;
 }>, {
   fields: ConditionField[];
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/condition-editor/core/evaluator.d.ts

@@ -0,0 +1,22 @@
+import { ConditionExpression, ConditionField, ConditionGroup, ConditionLeaf } from "../../../types/condition-editor.js";
+//#region src/components/condition-editor/core/evaluator.d.ts
+interface EvaluateOptions {
+  /** 字段定义 —— 提供后按字段类型做类型感知比较 */
+  fields?: ConditionField[];
+  /** 上下文数据，用于解析 `kind: 'variable'` 引用 */
+  data?: Record<string, unknown>;
+}
+/**
+ * 求值表达式
+ *
+ * - 纯函数，不修改入参
+ * - 空表达式（无任何叶子节点）返回 `true`（视作"无限制"）
+ * - 不完整的叶子（field/operator 缺失、或缺少所需值且 operator 需要值）按 `false` 计
+ * - 同组内 AND/OR 按 **从左到右、等优先级** 求值；需要更高优先级请用子分组
+ */
+declare function evaluate(expression: ConditionExpression, options?: EvaluateOptions): boolean;
+declare function createEmptyGroup(): ConditionGroup;
+declare function createEmptyLeaf(): ConditionLeaf;
+//#endregion
+export { EvaluateOptions, createEmptyGroup, createEmptyLeaf, evaluate };
+//# sourceMappingURL=evaluator.d.ts.map