@aiao/rxdb-model-angular 0.0.18 → 0.0.28

package/fesm2022/aiao-rxdb-model-angular-query-group.component-DphJnDon.mjs

@@ -0,0 +1,3163 @@
+import { UUID_RE, applyPopoverPosition, buildFieldTree, findNodeByValue, findOptionLabel, getDefaultOperatorRegistry, getDefaultValueForType, getDisplayNamePath, getInputType, parseCommaSeparatedInput } from "@aiao/rxdb-model";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, InjectionToken, Injector, ViewChild, ViewContainerRef, afterNextRender, computed, effect, inject, input, output, signal, untracked, viewChild, viewChildren } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import * as i1 from "@angular/common";
+import { CommonModule, NgComponentOutlet } from "@angular/common";
+import { LucideBraces, LucideCalendar, LucideChevronDown, LucideChevronRight, LucideDynamicIcon, LucideHash, LucideLink2, LucideList, LucideListChecks, LucideTable, LucideToggleLeft, LucideType } from "@lucide/angular";
+import { ActiveDescendantKeyManager } from "@angular/cdk/a11y";
+import * as i1$1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+let _uid$1 = 0;
+var TreeItemDirective = class TreeItemDirective {
+	_active = signal(false, ...ngDevMode ? [{ debugName: "_active" }] : /* istanbul ignore next */ []);
+	isActive = this._active.asReadonly();
+	setActiveStyles() {
+		this._active.set(true);
+	}
+	setInactiveStyles() {
+		this._active.set(false);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: TreeItemDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: TreeItemDirective,
+		isStandalone: true,
+		selector: "[rxdbTreeItem]",
+		exportAs: ["rxdbTreeItem"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TreeItemDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[rxdbTreeItem]",
+			standalone: true,
+			exportAs: "rxdbTreeItem"
+		}]
+	}]
+});
+var TreeSelectComponent = class TreeSelectComponent {
+	trigger = viewChild.required("trigger", ...ngDevMode ? [{ debugName: "trigger" }] : /* istanbul ignore next */ []);
+	popoverEl = viewChild.required("popoverEl", ...ngDevMode ? [{ debugName: "popoverEl" }] : /* istanbul ignore next */ []);
+	filterInput = viewChild("filterInput", ...ngDevMode ? [{ debugName: "filterInput" }] : /* istanbul ignore next */ []);
+	treeItemDirs = viewChildren(TreeItemDirective, ...ngDevMode ? [{ debugName: "treeItemDirs" }] : /* istanbul ignore next */ []);
+	expandedPaths = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "expandedPaths" }] : /* istanbul ignore next */ []);
+	keyManager;
+	_activeIdx = signal(-1, ...ngDevMode ? [{ debugName: "_activeIdx" }] : /* istanbul ignore next */ []);
+	uid = `rxdb-ts-${++_uid$1}`;
+	listId = `${this.uid}-list`;
+	filterText = signal("", ...ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []);
+	ChevronDownIcon = LucideChevronDown;
+	ChevronRightIcon = LucideChevronRight;
+	typeIconMap = {
+		string: LucideType,
+		number: LucideHash,
+		boolean: LucideToggleLeft,
+		date: LucideCalendar,
+		array: LucideList,
+		object: LucideBraces,
+		relation: LucideLink2,
+		enum: LucideListChecks,
+		keyValue: LucideTable
+	};
+	typeColorMap = {
+		string: "text-success",
+		number: "text-warning",
+		boolean: "text-info",
+		date: "text-secondary",
+		array: "text-accent",
+		object: "text-base-content/60",
+		relation: "text-primary",
+		enum: "text-warning",
+		keyValue: "text-accent"
+	};
+	defaultTypeIcon = LucideType;
+	defaultTypeColor = "text-base-content/40";
+	nodes = input.required(...ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []);
+	selected = input("", ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	placeholder = input("请选择", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	minWidth = input("14rem", ...ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []);
+	selectChange = output();
+	displayValue = computed(() => {
+		const sel = this.selected();
+		return sel ? getDisplayNamePath(this.nodes(), sel) || sel : this.placeholder();
+	}, ...ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []);
+	selectedNode = computed(() => {
+		const sel = this.selected();
+		return sel ? findNodeByValue(this.nodes(), sel) : null;
+	}, ...ngDevMode ? [{ debugName: "selectedNode" }] : /* istanbul ignore next */ []);
+	visibleItems = computed(() => {
+		const filter = this.filterText().toLowerCase().trim();
+		const expanded = this.expandedPaths();
+		return filter ? buildFilteredItems(this.nodes(), filter) : buildExpandedItems(this.nodes(), expanded, 0);
+	}, ...ngDevMode ? [{ debugName: "visibleItems" }] : /* istanbul ignore next */ []);
+	activeItemId = computed(() => {
+		const idx = this._activeIdx();
+		if (idx < 0) return null;
+		const vis = this.visibleItems();
+		return idx < vis.length ? `${this.uid}-item-${vis[idx].node.value}` : null;
+	}, ...ngDevMode ? [{ debugName: "activeItemId" }] : /* istanbul ignore next */ []);
+	constructor() {
+		const injector = inject(Injector);
+		this.keyManager = new ActiveDescendantKeyManager(this.treeItemDirs, injector).withWrap().withHomeAndEnd();
+		this.keyManager.change.pipe(takeUntilDestroyed()).subscribe((idx) => this._activeIdx.set(idx));
+		effect(() => {
+			this.filterText();
+			untracked(() => {
+				setTimeout(() => {
+					this.keyManager.setFirstItemActive();
+					this._activeIdx.set(this.keyManager.activeItemIndex ?? -1);
+				});
+			});
+		});
+	}
+	onBeforeToggle(event) {
+		if (event.newState === "open") {
+			applyPopoverPosition(this.popoverEl().nativeElement, this.trigger().nativeElement.getBoundingClientRect());
+			this.filterText.set("");
+		} else {
+			this._activeIdx.set(-1);
+			this.keyManager.setActiveItem(-1);
+		}
+	}
+	onToggle(event) {
+		if (event.newState === "open") {
+			this.filterInput()?.nativeElement.focus();
+			setTimeout(() => {
+				this.keyManager.setFirstItemActive();
+				this._activeIdx.set(this.keyManager.activeItemIndex ?? -1);
+			});
+		}
+	}
+	onKeydown(event) {
+		switch (event.key) {
+			case "ArrowDown":
+			case "ArrowUp":
+				event.preventDefault();
+				this.keyManager.onKeydown(event);
+				this.scrollActiveIntoView();
+				break;
+			case "ArrowRight": {
+				event.preventDefault();
+				const item = this.visibleItems()[this.keyManager.activeItemIndex ?? -1];
+				if (item?.isExpandable && !item.isExpanded) this.toggleExpand(item.node.value);
+				break;
+			}
+			case "ArrowLeft": {
+				event.preventDefault();
+				const item = this.visibleItems()[this.keyManager.activeItemIndex ?? -1];
+				if (item?.isExpandable && item.isExpanded) this.toggleExpand(item.node.value);
+				break;
+			}
+			case "Enter": {
+				event.preventDefault();
+				const item = this.visibleItems()[this.keyManager.activeItemIndex ?? -1];
+				if (item) this.onItemClick(item);
+				break;
+			}
+			case "Escape":
+				event.preventDefault();
+				this.popoverEl().nativeElement.hidePopover();
+				this.trigger().nativeElement.focus();
+				break;
+			case "Tab": this.popoverEl().nativeElement.hidePopover();
+		}
+	}
+	onItemClick(item) {
+		if (item.isExpandable) this.toggleExpand(item.node.value);
+		else {
+			this.selectChange.emit(item.node.value);
+			this.popoverEl().nativeElement.hidePopover();
+			this.trigger().nativeElement.focus();
+		}
+	}
+	trackItem(item) {
+		return item.node.isExistsOption ? `${item.node.value}:exists` : item.node.value;
+	}
+	scrollActiveIntoView() {
+		const idx = this.keyManager.activeItemIndex ?? -1;
+		const item = this.visibleItems()[idx];
+		if (!item) return;
+		document.getElementById(`${this.uid}-item-${item.node.value}`)?.scrollIntoView({ block: "nearest" });
+	}
+	toggleExpand(value) {
+		this.expandedPaths.update((prev) => {
+			const next = new Set(prev);
+			if (next.has(value)) next.delete(value);
+			else next.add(value);
+			return next;
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: TreeSelectComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: TreeSelectComponent,
+		isStandalone: true,
+		selector: "rxdb-tree-select",
+		inputs: {
+			nodes: {
+				classPropertyName: "nodes",
+				publicName: "nodes",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			selected: {
+				classPropertyName: "selected",
+				publicName: "selected",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			minWidth: {
+				classPropertyName: "minWidth",
+				publicName: "minWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { selectChange: "selectChange" },
+		viewQueries: [
+			{
+				propertyName: "trigger",
+				first: true,
+				predicate: ["trigger"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "popoverEl",
+				first: true,
+				predicate: ["popoverEl"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "filterInput",
+				first: true,
+				predicate: ["filterInput"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "treeItemDirs",
+				predicate: TreeItemDirective,
+				descendants: true,
+				isSignal: true
+			}
+		],
+		ngImport: i0,
+		template: `
+    <!-- 触发按钮 -->
+    <button
+      class="select select-sm text-left"
+      #trigger
+      [attr.popovertarget]="uid"
+      [style.min-width]="minWidth()"
+      aria-haspopup="tree"
+      type="button"
+    >
+      @if (selectedNode(); as node) {
+        <svg
+          class="w-3.5 shrink-0"
+          [class]="typeColorMap[node.type] ?? defaultTypeColor"
+          [lucideIcon]="typeIconMap[node.type] ?? defaultTypeIcon"
+          size="14"
+        ></svg>
+      }
+      <span class="min-w-0 grow truncate">{{ displayValue() }}</span>
+    </button>
+
+    <!-- Popover 浮层 -->
+    <div
+      class="bg-base-100 text-base-content rounded-box border-base-300 border shadow-xl"
+      #popoverEl
+      [id]="uid"
+      [style.min-width]="minWidth()"
+      (beforetoggle)="onBeforeToggle($event)"
+      (keydown)="onKeydown($event)"
+      (toggle)="onToggle($event)"
+      popover
+      tabindex="-1"
+    >
+      <!-- 过滤输入框 -->
+      <div class="mb-1 p-1">
+        <input
+          class="input input-sm w-full"
+          #filterInput
+          [attr.aria-activedescendant]="activeItemId()"
+          [attr.aria-controls]="listId"
+          [attr.aria-expanded]="true"
+          [attr.aria-owns]="listId"
+          [ngModel]="filterText()"
+          (ngModelChange)="filterText.set($event)"
+          aria-autocomplete="list"
+          placeholder="搜索字段..."
+          role="combobox"
+          type="text"
+        />
+      </div>
+
+      <!-- 树形列表 -->
+      <ul
+        class="menu menu-sm max-h-60 w-full flex-nowrap overflow-y-auto px-2"
+        [attr.aria-label]="placeholder()"
+        [id]="listId"
+        role="tree"
+      >
+        @for (item of visibleItems(); track trackItem(item)) {
+          <li [style.padding-left.rem]="item.depth * 0.75" role="none">
+            <button
+              class="flex w-full items-center gap-1.5 text-left text-sm"
+              #treeItemRef="rxdbTreeItem"
+              [attr.aria-expanded]="item.isExpandable ? item.isExpanded : null"
+              [attr.aria-selected]="!item.isExpandable ? item.node.value === selected() : null"
+              [class.bg-primary/15]="!item.isExpandable && item.node.value === selected()"
+              [class.font-semibold]="!item.isExpandable && item.node.value === selected()"
+              [class.menu-focus]="treeItemRef.isActive()"
+              [id]="uid + '-item-' + item.node.value"
+              (click)="onItemClick(item)"
+              role="treeitem"
+              rxdbTreeItem
+              type="button"
+            >
+              <svg
+                class="w-3.5 shrink-0"
+                [class]="typeColorMap[item.node.type] ?? defaultTypeColor"
+                [lucideIcon]="typeIconMap[item.node.type] ?? defaultTypeIcon"
+                size="14"
+              ></svg>
+              <span class="min-w-0 grow truncate">{{ item.node.displayName || item.node.label }}</span>
+              @if (!item.isExpandable && item.node.value === selected()) {
+                <svg
+                  class="text-primary h-3 w-3 shrink-0"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2.5"
+                  viewBox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <polyline points="20 6 9 17 4 12" />
+                </svg>
+              }
+              @if (item.isExpandable) {
+                <span class="shrink-0 text-xs opacity-40">{{ item.node.children!.length }}</span>
+                @if (item.isExpanded) {
+                  <svg class="w-3.5 shrink-0 opacity-50" [lucideIcon]="ChevronDownIcon" size="14"></svg>
+                } @else {
+                  <svg class="w-3.5 shrink-0 opacity-50" [lucideIcon]="ChevronRightIcon" size="14"></svg>
+                }
+              }
+            </button>
+          </li>
+        } @empty {
+          <li class="px-3 py-1.5 text-sm opacity-50">无匹配字段</li>
+        }
+      </ul>
+    </div>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1$1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i1$1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1$1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			},
+			{
+				kind: "directive",
+				type: TreeItemDirective,
+				selector: "[rxdbTreeItem]",
+				exportAs: ["rxdbTreeItem"]
+			},
+			{
+				kind: "component",
+				type: LucideDynamicIcon,
+				selector: "svg[lucideIcon]",
+				inputs: ["lucideIcon"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TreeSelectComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rxdb-tree-select",
+			standalone: true,
+			imports: [
+				FormsModule,
+				TreeItemDirective,
+				LucideDynamicIcon
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <!-- 触发按钮 -->
+    <button
+      class="select select-sm text-left"
+      #trigger
+      [attr.popovertarget]="uid"
+      [style.min-width]="minWidth()"
+      aria-haspopup="tree"
+      type="button"
+    >
+      @if (selectedNode(); as node) {
+        <svg
+          class="w-3.5 shrink-0"
+          [class]="typeColorMap[node.type] ?? defaultTypeColor"
+          [lucideIcon]="typeIconMap[node.type] ?? defaultTypeIcon"
+          size="14"
+        ></svg>
+      }
+      <span class="min-w-0 grow truncate">{{ displayValue() }}</span>
+    </button>
+
+    <!-- Popover 浮层 -->
+    <div
+      class="bg-base-100 text-base-content rounded-box border-base-300 border shadow-xl"
+      #popoverEl
+      [id]="uid"
+      [style.min-width]="minWidth()"
+      (beforetoggle)="onBeforeToggle($event)"
+      (keydown)="onKeydown($event)"
+      (toggle)="onToggle($event)"
+      popover
+      tabindex="-1"
+    >
+      <!-- 过滤输入框 -->
+      <div class="mb-1 p-1">
+        <input
+          class="input input-sm w-full"
+          #filterInput
+          [attr.aria-activedescendant]="activeItemId()"
+          [attr.aria-controls]="listId"
+          [attr.aria-expanded]="true"
+          [attr.aria-owns]="listId"
+          [ngModel]="filterText()"
+          (ngModelChange)="filterText.set($event)"
+          aria-autocomplete="list"
+          placeholder="搜索字段..."
+          role="combobox"
+          type="text"
+        />
+      </div>
+
+      <!-- 树形列表 -->
+      <ul
+        class="menu menu-sm max-h-60 w-full flex-nowrap overflow-y-auto px-2"
+        [attr.aria-label]="placeholder()"
+        [id]="listId"
+        role="tree"
+      >
+        @for (item of visibleItems(); track trackItem(item)) {
+          <li [style.padding-left.rem]="item.depth * 0.75" role="none">
+            <button
+              class="flex w-full items-center gap-1.5 text-left text-sm"
+              #treeItemRef="rxdbTreeItem"
+              [attr.aria-expanded]="item.isExpandable ? item.isExpanded : null"
+              [attr.aria-selected]="!item.isExpandable ? item.node.value === selected() : null"
+              [class.bg-primary/15]="!item.isExpandable && item.node.value === selected()"
+              [class.font-semibold]="!item.isExpandable && item.node.value === selected()"
+              [class.menu-focus]="treeItemRef.isActive()"
+              [id]="uid + '-item-' + item.node.value"
+              (click)="onItemClick(item)"
+              role="treeitem"
+              rxdbTreeItem
+              type="button"
+            >
+              <svg
+                class="w-3.5 shrink-0"
+                [class]="typeColorMap[item.node.type] ?? defaultTypeColor"
+                [lucideIcon]="typeIconMap[item.node.type] ?? defaultTypeIcon"
+                size="14"
+              ></svg>
+              <span class="min-w-0 grow truncate">{{ item.node.displayName || item.node.label }}</span>
+              @if (!item.isExpandable && item.node.value === selected()) {
+                <svg
+                  class="text-primary h-3 w-3 shrink-0"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2.5"
+                  viewBox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <polyline points="20 6 9 17 4 12" />
+                </svg>
+              }
+              @if (item.isExpandable) {
+                <span class="shrink-0 text-xs opacity-40">{{ item.node.children!.length }}</span>
+                @if (item.isExpanded) {
+                  <svg class="w-3.5 shrink-0 opacity-50" [lucideIcon]="ChevronDownIcon" size="14"></svg>
+                } @else {
+                  <svg class="w-3.5 shrink-0 opacity-50" [lucideIcon]="ChevronRightIcon" size="14"></svg>
+                }
+              }
+            </button>
+          </li>
+        } @empty {
+          <li class="px-3 py-1.5 text-sm opacity-50">无匹配字段</li>
+        }
+      </ul>
+    </div>
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		trigger: [{
+			type: i0.ViewChild,
+			args: ["trigger", { isSignal: true }]
+		}],
+		popoverEl: [{
+			type: i0.ViewChild,
+			args: ["popoverEl", { isSignal: true }]
+		}],
+		filterInput: [{
+			type: i0.ViewChild,
+			args: ["filterInput", { isSignal: true }]
+		}],
+		treeItemDirs: [{
+			type: i0.ViewChildren,
+			args: [i0.forwardRef(() => TreeItemDirective), { isSignal: true }]
+		}],
+		nodes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nodes",
+				required: true
+			}]
+		}],
+		selected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selected",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		minWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minWidth",
+				required: false
+			}]
+		}],
+		selectChange: [{
+			type: i0.Output,
+			args: ["selectChange"]
+		}]
+	}
+});
+function buildExpandedItems(nodes, expanded, depth) {
+	const result = [];
+	for (const node of nodes) {
+		const isExpandable = !!node.children?.length;
+		const isExpanded = isExpandable && expanded.has(node.value);
+		result.push({
+			node,
+			depth,
+			isExpandable,
+			isExpanded
+		});
+		if (isExpanded) result.push(...buildExpandedItems(node.children, expanded, depth + 1));
+	}
+	return result;
+}
+function buildFilteredItems(nodes, filter, depth = 0) {
+	const result = [];
+	for (const node of nodes) {
+		const selfMatches = nodeMatchesFilter(node, filter);
+		const isExpandable = !!node.children?.length;
+		const childMatches = isExpandable && hasMatchingDescendant(node.children, filter);
+		if (selfMatches || childMatches) {
+			result.push({
+				node,
+				depth,
+				isExpandable,
+				isExpanded: isExpandable && childMatches
+			});
+			if (isExpandable && (selfMatches || childMatches)) result.push(...buildFilteredItems(node.children, filter, depth + 1));
+		}
+	}
+	return result;
+}
+function nodeMatchesFilter(node, filter) {
+	return node.label.toLowerCase().includes(filter) || node.displayName.toLowerCase().includes(filter) || (node.description?.toLowerCase().includes(filter) ?? false);
+}
+function hasMatchingDescendant(nodes, filter) {
+	return nodes.some((n) => nodeMatchesFilter(n, filter) || (n.children?.length ? hasMatchingDescendant(n.children, filter) : false));
+}
+var FieldSelectorComponent = class FieldSelectorComponent {
+	fields = input.required(...ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []);
+	selectedField = input("", ...ngDevMode ? [{ debugName: "selectedField" }] : /* istanbul ignore next */ []);
+	placeholder = input("选择字段", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	fieldChangeFn = input(void 0, ...ngDevMode ? [{ debugName: "fieldChangeFn" }] : /* istanbul ignore next */ []);
+	fieldChange = output();
+	fieldTree = computed(() => buildFieldTree(this.fields()), ...ngDevMode ? [{ debugName: "fieldTree" }] : /* istanbul ignore next */ []);
+	onSelect(field) {
+		this.fieldChange.emit(field);
+		this.fieldChangeFn()?.(field);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldSelectorComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: FieldSelectorComponent,
+		isStandalone: true,
+		selector: "rxdb-field-selector",
+		inputs: {
+			fields: {
+				classPropertyName: "fields",
+				publicName: "fields",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			selectedField: {
+				classPropertyName: "selectedField",
+				publicName: "selectedField",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fieldChangeFn: {
+				classPropertyName: "fieldChangeFn",
+				publicName: "fieldChangeFn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { fieldChange: "fieldChange" },
+		ngImport: i0,
+		template: `
+    <rxdb-tree-select
+      [nodes]="fieldTree()"
+      [placeholder]="placeholder()"
+      [selected]="selectedField()"
+      (selectChange)="onSelect($event)"
+      minWidth="14rem"
+    />
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: TreeSelectComponent,
+			selector: "rxdb-tree-select",
+			inputs: [
+				"nodes",
+				"selected",
+				"placeholder",
+				"minWidth"
+			],
+			outputs: ["selectChange"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldSelectorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rxdb-field-selector",
+			standalone: true,
+			imports: [TreeSelectComponent],
+			template: `
+    <rxdb-tree-select
+      [nodes]="fieldTree()"
+      [placeholder]="placeholder()"
+      [selected]="selectedField()"
+      (selectChange)="onSelect($event)"
+      minWidth="14rem"
+    />
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush
+		}]
+	}],
+	propDecorators: {
+		fields: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fields",
+				required: true
+			}]
+		}],
+		selectedField: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedField",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		fieldChangeFn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fieldChangeFn",
+				required: false
+			}]
+		}],
+		fieldChange: [{
+			type: i0.Output,
+			args: ["fieldChange"]
+		}]
+	}
+});
+let _uid = 0;
+var PopoverSelectComponent = class PopoverSelectComponent {
+	trigger = viewChild.required("trigger", ...ngDevMode ? [{ debugName: "trigger" }] : /* istanbul ignore next */ []);
+	popoverEl = viewChild.required("popoverEl", ...ngDevMode ? [{ debugName: "popoverEl" }] : /* istanbul ignore next */ []);
+	filterInput = viewChild("filterInput", ...ngDevMode ? [{ debugName: "filterInput" }] : /* istanbul ignore next */ []);
+	uid = `rxdb-ps-${++_uid}`;
+	listId = `${this.uid}-list`;
+	filterText = signal("", ...ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []);
+	activeIndex = signal(0, ...ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []);
+	options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+	selected = input("", ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	placeholder = input("请选择", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	minWidth = input("8rem", ...ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []);
+	selectChange = output();
+	currentLabel = computed(() => findOptionLabel(this.options(), this.selected(), this.placeholder()), ...ngDevMode ? [{ debugName: "currentLabel" }] : /* istanbul ignore next */ []);
+	filteredOptions = computed(() => {
+		const filter = this.filterText().toLowerCase().trim();
+		if (!filter) return this.options();
+		return this.options().filter((opt) => opt.label.toLowerCase().includes(filter));
+	}, ...ngDevMode ? [{ debugName: "filteredOptions" }] : /* istanbul ignore next */ []);
+	activeItemId = computed(() => {
+		const idx = this.activeIndex();
+		const opts = this.filteredOptions();
+		return idx >= 0 && idx < opts.length ? `${this.uid}-opt-${opts[idx].value}` : null;
+	}, ...ngDevMode ? [{ debugName: "activeItemId" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			this.filteredOptions();
+			untracked(() => this.activeIndex.set(0));
+		});
+	}
+	onBeforeToggle(event) {
+		if (event.newState === "open") {
+			applyPopoverPosition(this.popoverEl().nativeElement, this.trigger().nativeElement.getBoundingClientRect());
+			this.filterText.set("");
+		}
+	}
+	onToggle(event) {
+		if (event.newState === "open") {
+			this.filterInput()?.nativeElement.focus();
+			this.activeIndex.set(0);
+		}
+	}
+	onKeydown(event) {
+		const opts = this.filteredOptions();
+		const len = opts.length;
+		switch (event.key) {
+			case "ArrowDown":
+				event.preventDefault();
+				if (len > 0) {
+					this.activeIndex.update((i) => (i + 1) % len);
+					this.scrollActiveIntoView();
+				}
+				break;
+			case "ArrowUp":
+				event.preventDefault();
+				if (len > 0) {
+					this.activeIndex.update((i) => (i - 1 + len) % len);
+					this.scrollActiveIntoView();
+				}
+				break;
+			case "Enter": {
+				event.preventDefault();
+				const opt = opts[this.activeIndex()];
+				if (opt) this.onSelect(opt.value);
+				break;
+			}
+			case "Escape":
+				event.preventDefault();
+				this.popoverEl().nativeElement.hidePopover();
+				this.trigger().nativeElement.focus();
+				break;
+			case "Tab": this.popoverEl().nativeElement.hidePopover();
+		}
+	}
+	onSelect(value) {
+		this.selectChange.emit(value);
+		this.popoverEl().nativeElement.hidePopover();
+		this.trigger().nativeElement.focus();
+	}
+	scrollActiveIntoView() {
+		const opt = this.filteredOptions()[this.activeIndex()];
+		if (!opt) return;
+		document.getElementById(`${this.uid}-opt-${opt.value}`)?.scrollIntoView({ block: "nearest" });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: PopoverSelectComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: PopoverSelectComponent,
+		isStandalone: true,
+		selector: "rxdb-popover-select",
+		inputs: {
+			options: {
+				classPropertyName: "options",
+				publicName: "options",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			selected: {
+				classPropertyName: "selected",
+				publicName: "selected",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			minWidth: {
+				classPropertyName: "minWidth",
+				publicName: "minWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { selectChange: "selectChange" },
+		viewQueries: [
+			{
+				propertyName: "trigger",
+				first: true,
+				predicate: ["trigger"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "popoverEl",
+				first: true,
+				predicate: ["popoverEl"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "filterInput",
+				first: true,
+				predicate: ["filterInput"],
+				descendants: true,
+				isSignal: true
+			}
+		],
+		ngImport: i0,
+		template: `
+    <button
+      class="select select-sm text-left"
+      #trigger
+      [attr.popovertarget]="uid"
+      [style.min-width]="minWidth()"
+      type="button"
+    >
+      {{ currentLabel() }}
+    </button>
+    <div
+      class="bg-base-100 rounded-box border-base-300 border shadow-xl"
+      #popoverEl
+      [id]="uid"
+      [style.min-width]="minWidth()"
+      (beforetoggle)="onBeforeToggle($event)"
+      (keydown)="onKeydown($event)"
+      (toggle)="onToggle($event)"
+      popover
+      tabindex="-1"
+    >
+      <div class="mb-1 p-2">
+        <input
+          class="input input-sm w-full"
+          #filterInput
+          [attr.aria-activedescendant]="activeItemId()"
+          [attr.aria-controls]="listId"
+          [attr.aria-expanded]="true"
+          [ngModel]="filterText()"
+          (ngModelChange)="filterText.set($event)"
+          aria-autocomplete="list"
+          placeholder="搜索..."
+          role="combobox"
+          type="text"
+        />
+      </div>
+      <ul class="menu menu-sm max-h-60 w-full flex-nowrap overflow-y-auto px-2" [id]="listId" role="listbox">
+        @for (option of filteredOptions(); track option.value; let i = $index) {
+          <li role="none">
+            <button
+              class="flex w-full items-center text-left text-sm"
+              [attr.aria-selected]="option.value === selected()"
+              [class.bg-primary/15]="option.value === selected()"
+              [class.font-semibold]="option.value === selected()"
+              [class.menu-focus]="activeIndex() === i"
+              [id]="uid + '-opt-' + option.value"
+              (click)="onSelect(option.value)"
+              role="option"
+              type="button"
+            >
+              <span class="grow">{{ option.label }}</span>
+              @if (option.value === selected()) {
+                <svg
+                  class="text-primary h-3 w-3 shrink-0"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2.5"
+                  viewBox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <polyline points="20 6 9 17 4 12" />
+                </svg>
+              }
+            </button>
+          </li>
+        } @empty {
+          <li class="px-3 py-1.5 text-sm opacity-50">无匹配项</li>
+        }
+      </ul>
+    </div>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1$1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i1$1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1$1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: PopoverSelectComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rxdb-popover-select",
+			standalone: true,
+			imports: [FormsModule],
+			template: `
+    <button
+      class="select select-sm text-left"
+      #trigger
+      [attr.popovertarget]="uid"
+      [style.min-width]="minWidth()"
+      type="button"
+    >
+      {{ currentLabel() }}
+    </button>
+    <div
+      class="bg-base-100 rounded-box border-base-300 border shadow-xl"
+      #popoverEl
+      [id]="uid"
+      [style.min-width]="minWidth()"
+      (beforetoggle)="onBeforeToggle($event)"
+      (keydown)="onKeydown($event)"
+      (toggle)="onToggle($event)"
+      popover
+      tabindex="-1"
+    >
+      <div class="mb-1 p-2">
+        <input
+          class="input input-sm w-full"
+          #filterInput
+          [attr.aria-activedescendant]="activeItemId()"
+          [attr.aria-controls]="listId"
+          [attr.aria-expanded]="true"
+          [ngModel]="filterText()"
+          (ngModelChange)="filterText.set($event)"
+          aria-autocomplete="list"
+          placeholder="搜索..."
+          role="combobox"
+          type="text"
+        />
+      </div>
+      <ul class="menu menu-sm max-h-60 w-full flex-nowrap overflow-y-auto px-2" [id]="listId" role="listbox">
+        @for (option of filteredOptions(); track option.value; let i = $index) {
+          <li role="none">
+            <button
+              class="flex w-full items-center text-left text-sm"
+              [attr.aria-selected]="option.value === selected()"
+              [class.bg-primary/15]="option.value === selected()"
+              [class.font-semibold]="option.value === selected()"
+              [class.menu-focus]="activeIndex() === i"
+              [id]="uid + '-opt-' + option.value"
+              (click)="onSelect(option.value)"
+              role="option"
+              type="button"
+            >
+              <span class="grow">{{ option.label }}</span>
+              @if (option.value === selected()) {
+                <svg
+                  class="text-primary h-3 w-3 shrink-0"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2.5"
+                  viewBox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <polyline points="20 6 9 17 4 12" />
+                </svg>
+              }
+            </button>
+          </li>
+        } @empty {
+          <li class="px-3 py-1.5 text-sm opacity-50">无匹配项</li>
+        }
+      </ul>
+    </div>
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		trigger: [{
+			type: i0.ViewChild,
+			args: ["trigger", { isSignal: true }]
+		}],
+		popoverEl: [{
+			type: i0.ViewChild,
+			args: ["popoverEl", { isSignal: true }]
+		}],
+		filterInput: [{
+			type: i0.ViewChild,
+			args: ["filterInput", { isSignal: true }]
+		}],
+		options: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "options",
+				required: true
+			}]
+		}],
+		selected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selected",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		minWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minWidth",
+				required: false
+			}]
+		}],
+		selectChange: [{
+			type: i0.Output,
+			args: ["selectChange"]
+		}]
+	}
+});
+var OperatorSelectorComponent = class OperatorSelectorComponent {
+	registry = getDefaultOperatorRegistry();
+	operatorOptions = computed(() => {
+		const metadata = this.fieldMetadata();
+		return (metadata ? this.registry.getForField(metadata) : this.registry.getForType(this.fieldType())).map((op) => ({
+			value: op.key,
+			label: op.label
+		}));
+	}, ...ngDevMode ? [{ debugName: "operatorOptions" }] : /* istanbul ignore next */ []);
+	fieldMetadata = input(void 0, ...ngDevMode ? [{ debugName: "fieldMetadata" }] : /* istanbul ignore next */ []);
+	fieldType = input("string", ...ngDevMode ? [{ debugName: "fieldType" }] : /* istanbul ignore next */ []);
+	selectedOperator = input("=", ...ngDevMode ? [{ debugName: "selectedOperator" }] : /* istanbul ignore next */ []);
+	operatorChangeFn = input(void 0, ...ngDevMode ? [{ debugName: "operatorChangeFn" }] : /* istanbul ignore next */ []);
+	operatorChange = output();
+	onOperatorChange(op) {
+		this.operatorChange.emit(op);
+		this.operatorChangeFn()?.(op);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: OperatorSelectorComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: OperatorSelectorComponent,
+		isStandalone: true,
+		selector: "rxdb-operator-selector",
+		inputs: {
+			fieldMetadata: {
+				classPropertyName: "fieldMetadata",
+				publicName: "fieldMetadata",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fieldType: {
+				classPropertyName: "fieldType",
+				publicName: "fieldType",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectedOperator: {
+				classPropertyName: "selectedOperator",
+				publicName: "selectedOperator",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			operatorChangeFn: {
+				classPropertyName: "operatorChangeFn",
+				publicName: "operatorChangeFn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { operatorChange: "operatorChange" },
+		ngImport: i0,
+		template: `
+    <rxdb-popover-select
+      [options]="operatorOptions()"
+      [selected]="selectedOperator()"
+      (selectChange)="onOperatorChange($event)"
+      minWidth="8rem"
+      placeholder="选择操作符"
+    />
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: PopoverSelectComponent,
+			selector: "rxdb-popover-select",
+			inputs: [
+				"options",
+				"selected",
+				"placeholder",
+				"minWidth"
+			],
+			outputs: ["selectChange"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: OperatorSelectorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rxdb-operator-selector",
+			standalone: true,
+			imports: [PopoverSelectComponent],
+			template: `
+    <rxdb-popover-select
+      [options]="operatorOptions()"
+      [selected]="selectedOperator()"
+      (selectChange)="onOperatorChange($event)"
+      minWidth="8rem"
+      placeholder="选择操作符"
+    />
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush
+		}]
+	}],
+	propDecorators: {
+		fieldMetadata: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fieldMetadata",
+				required: false
+			}]
+		}],
+		fieldType: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fieldType",
+				required: false
+			}]
+		}],
+		selectedOperator: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedOperator",
+				required: false
+			}]
+		}],
+		operatorChangeFn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "operatorChangeFn",
+				required: false
+			}]
+		}],
+		operatorChange: [{
+			type: i0.Output,
+			args: ["operatorChange"]
+		}]
+	}
+});
+var ValueInputComponent = class ValueInputComponent {
+	previousInputType = null;
+	subqueryComponentRef;
+	subquerySubscription;
+	subqueryLoading = false;
+	injector = inject(Injector);
+	uuidError = computed(() => {
+		if (this.inputType() !== "uuid") return "";
+		const val = String(this.currentValue() ?? "").trim();
+		return val && !UUID_RE.test(val) ? "请输入合法的 UUID 格式" : "";
+	}, ...ngDevMode ? [{ debugName: "uuidError" }] : /* istanbul ignore next */ []);
+	subqueryContainer;
+	fieldType = input("string", ...ngDevMode ? [{ debugName: "fieldType" }] : /* istanbul ignore next */ []);
+	operator = input("=", ...ngDevMode ? [{ debugName: "operator" }] : /* istanbul ignore next */ []);
+	value = input("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	enumOptions = input([], ...ngDevMode ? [{ debugName: "enumOptions" }] : /* istanbul ignore next */ []);
+	relationFields = input([], ...ngDevMode ? [{ debugName: "relationFields" }] : /* istanbul ignore next */ []);
+	where = input(...ngDevMode ? [void 0, { debugName: "where" }] : /* istanbul ignore next */ []);
+	valueChange = output();
+	whereChange = output();
+	errorMessage = input("", ...ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []);
+	hasError = computed(() => !!this.errorMessage(), ...ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []);
+	valueChangeFn = input(void 0, ...ngDevMode ? [{ debugName: "valueChangeFn" }] : /* istanbul ignore next */ []);
+	whereChangeFn = input(void 0, ...ngDevMode ? [{ debugName: "whereChangeFn" }] : /* istanbul ignore next */ []);
+	currentValue = signal("", ...ngDevMode ? [{ debugName: "currentValue" }] : /* istanbul ignore next */ []);
+	rangeMin = signal(null, ...ngDevMode ? [{ debugName: "rangeMin" }] : /* istanbul ignore next */ []);
+	rangeMax = signal(null, ...ngDevMode ? [{ debugName: "rangeMax" }] : /* istanbul ignore next */ []);
+	arrayInputValue = signal("", ...ngDevMode ? [{ debugName: "arrayInputValue" }] : /* istanbul ignore next */ []);
+	currentDateStr = signal("", ...ngDevMode ? [{ debugName: "currentDateStr" }] : /* istanbul ignore next */ []);
+	dateRangeStart = signal("", ...ngDevMode ? [{ debugName: "dateRangeStart" }] : /* istanbul ignore next */ []);
+	dateRangeEnd = signal("", ...ngDevMode ? [{ debugName: "dateRangeEnd" }] : /* istanbul ignore next */ []);
+	inputType = computed(() => getInputType(this.fieldType(), this.operator(), this.enumOptions()), ...ngDevMode ? [{ debugName: "inputType" }] : /* istanbul ignore next */ []);
+	enumSelectOptions = computed(() => this.enumOptions().map((opt) => ({
+		value: String(opt),
+		label: String(opt)
+	})), ...ngDevMode ? [{ debugName: "enumSelectOptions" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const currentType = this.inputType();
+			if (this.previousInputType !== null && this.previousInputType !== currentType) {
+				const defaultVal = getDefaultValueForType(currentType);
+				this.currentValue.set(defaultVal);
+				this.valueChange.emit(defaultVal);
+				this.valueChangeFn()?.(defaultVal);
+			}
+			this.previousInputType = currentType;
+		});
+		afterNextRender(() => {
+			effect(() => {
+				const isSubquery = this.inputType() === "subquery";
+				const hasRelationFields = this.relationFields().length > 0;
+				if (isSubquery && hasRelationFields) this.loadSubqueryComponent();
+				else this.destroySubqueryComponent();
+			}, { injector: this.injector });
+		}, { injector: this.injector });
+	}
+	ngOnDestroy() {
+		this.destroySubqueryComponent();
+	}
+	ngOnInit() {
+		const value = this.value();
+		if (this.inputType() === "range" && Array.isArray(value)) {
+			if (this.fieldType() === "date") {
+				this.dateRangeStart.set(String(value[0] ?? ""));
+				this.dateRangeEnd.set(String(value[1] ?? ""));
+			} else {
+				this.rangeMin.set(value[0]);
+				this.rangeMax.set(value[1]);
+			}
+		} else if (this.inputType() === "array" && Array.isArray(value)) this.arrayInputValue.set(value.join(", "));
+		else if (this.inputType() === "enum-array") this.currentValue.set(Array.isArray(value) ? value : []);
+		else if (this.inputType() === "date") this.currentDateStr.set(typeof value === "string" ? value : "");
+		else if (this.inputType() === "uuid") this.currentValue.set(typeof value === "string" ? value : "");
+		else this.currentValue.set(this.fieldType() === "number" && value === "" ? null : value);
+	}
+	onValueChange(value) {
+		this.currentValue.set(value);
+		this.valueChange.emit(value);
+		this.valueChangeFn()?.(value);
+	}
+	onUuidChange(value) {
+		this.currentValue.set(value);
+		const trimmed = value.trim();
+		this.valueChange.emit(trimmed.toLowerCase() || "");
+		this.valueChangeFn()?.(trimmed.toLowerCase() || "");
+	}
+	onNumberInputChange(value) {
+		const num = value === "" ? null : Number(value);
+		this.currentValue.set(num);
+		this.valueChange.emit(num);
+		this.valueChangeFn()?.(num);
+	}
+	onEnumArrayChange(event) {
+		const select = event.target;
+		const selected = Array.from(select.selectedOptions).map((o) => o.value);
+		this.currentValue.set(selected);
+		this.valueChange.emit(selected);
+		this.valueChangeFn()?.(selected);
+	}
+	isEnumSelected(opt) {
+		const val = this.currentValue();
+		return Array.isArray(val) && val.includes(opt);
+	}
+	onEnumSelect(value) {
+		this.currentValue.set(value);
+		this.valueChange.emit(value);
+		this.valueChangeFn()?.(value);
+	}
+	onNativeDateChange(value) {
+		this.currentDateStr.set(value);
+		this.valueChange.emit(value || "");
+		this.valueChangeFn()?.(value || "");
+	}
+	onDateRangeStartChange(value) {
+		this.dateRangeStart.set(value);
+		this.onDateRangePartChange();
+	}
+	onDateRangeEndChange(value) {
+		this.dateRangeEnd.set(value);
+		this.onDateRangePartChange();
+	}
+	onDateRangePartChange() {
+		const start = this.dateRangeStart();
+		const end = this.dateRangeEnd();
+		if (start && end) {
+			this.valueChange.emit([start, end]);
+			this.valueChangeFn()?.([start, end]);
+		} else {
+			this.valueChange.emit([]);
+			this.valueChangeFn()?.([]);
+		}
+	}
+	onRangeMinChange(value) {
+		this.rangeMin.set(value === "" ? null : Number(value));
+		this.onRangeChange();
+	}
+	onRangeMaxChange(value) {
+		this.rangeMax.set(value === "" ? null : Number(value));
+		this.onRangeChange();
+	}
+	onRangeChange() {
+		const min = this.rangeMin();
+		const max = this.rangeMax();
+		if (min != null && max != null) {
+			this.valueChange.emit([min, max]);
+			this.valueChangeFn()?.([min, max]);
+		} else {
+			this.valueChange.emit([]);
+			this.valueChangeFn()?.([]);
+		}
+	}
+	onArrayInputChange(value) {
+		this.arrayInputValue.set(value);
+		const result = parseCommaSeparatedInput(value, this.fieldType());
+		this.valueChange.emit(result);
+		this.valueChangeFn()?.(result);
+	}
+	handleWhereChange(where) {
+		const typedWhere = where;
+		this.whereChange.emit(typedWhere);
+		this.whereChangeFn()?.(typedWhere);
+	}
+	async loadSubqueryComponent() {
+		if (!this.subqueryContainer || this.subqueryComponentRef || this.subqueryLoading) return;
+		this.subqueryLoading = true;
+		try {
+			const { SubqueryBuilderComponent } = await import("./aiao-rxdb-model-angular.mjs").then((n) => n.t);
+			this.subqueryComponentRef = this.subqueryContainer.createComponent(SubqueryBuilderComponent);
+			this.subqueryComponentRef.setInput("fields", this.relationFields());
+			this.subqueryComponentRef.setInput("initialQuery", this.where());
+			this.subquerySubscription = this.subqueryComponentRef.instance.queryChange.subscribe((query) => {
+				this.handleWhereChange(query);
+			});
+		} catch (error) {
+			console.error("[ValueInput] Failed to load SubqueryBuilderComponent:", error);
+		} finally {
+			this.subqueryLoading = false;
+		}
+	}
+	destroySubqueryComponent() {
+		this.subquerySubscription?.unsubscribe();
+		this.subquerySubscription = void 0;
+		if (this.subqueryComponentRef) {
+			this.subqueryComponentRef.destroy();
+			this.subqueryComponentRef = void 0;
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: ValueInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: ValueInputComponent,
+		isStandalone: true,
+		selector: "rxdb-value-input",
+		inputs: {
+			fieldType: {
+				classPropertyName: "fieldType",
+				publicName: "fieldType",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			operator: {
+				classPropertyName: "operator",
+				publicName: "operator",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			enumOptions: {
+				classPropertyName: "enumOptions",
+				publicName: "enumOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			relationFields: {
+				classPropertyName: "relationFields",
+				publicName: "relationFields",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			where: {
+				classPropertyName: "where",
+				publicName: "where",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errorMessage: {
+				classPropertyName: "errorMessage",
+				publicName: "errorMessage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			valueChangeFn: {
+				classPropertyName: "valueChangeFn",
+				publicName: "valueChangeFn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			whereChangeFn: {
+				classPropertyName: "whereChangeFn",
+				publicName: "whereChangeFn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			valueChange: "valueChange",
+			whereChange: "whereChange"
+		},
+		viewQueries: [{
+			propertyName: "subqueryContainer",
+			first: true,
+			predicate: ["subqueryContainer"],
+			descendants: true,
+			read: ViewContainerRef
+		}],
+		ngImport: i0,
+		template: `
+    @switch (inputType()) {
+      @case ('none') {
+        <span class="text-base-content/50 px-2 text-sm italic">无需输入值</span>
+      }
+      @case ('uuid') {
+        <div
+          [attr.data-tip]="uuidError() || errorMessage() || null"
+          [class.tooltip-top]="!!uuidError() || hasError()"
+          [class.tooltip]="!!uuidError() || hasError()"
+        >
+          <input
+            class="input input-sm font-mono"
+            [class.input-error]="hasError() || !!uuidError()"
+            [value]="$any(currentValue())"
+            (input)="onUuidChange($any($event.target).value)"
+            placeholder="输入 UUID"
+            style="min-width: 16rem"
+            type="text"
+          />
+        </div>
+      }
+      @case ('subquery') {
+        <div class="subquery-container w-full">
+          @if (!relationFields() || relationFields().length === 0) {
+            <span class="text-base-content/50 px-2 text-sm italic">存在/不存在（无子条件）</span>
+          } @else {
+            <div #subqueryContainer></div>
+          }
+        </div>
+      }
+      @case ('boolean') {
+        <input
+          class="toggle toggle-sm"
+          [checked]="!!currentValue()"
+          (change)="onValueChange($any($event.target).checked)"
+          type="checkbox"
+        />
+      }
+      @case ('enum') {
+        <rxdb-popover-select
+          [options]="enumSelectOptions()"
+          [selected]="$any(currentValue())?.toString() ?? ''"
+          (selectChange)="onEnumSelect($event)"
+          minWidth="12rem"
+          placeholder="选择值"
+        />
+      }
+      @case ('enum-array') {
+        <div [attr.data-tip]="errorMessage() || null" [class.tooltip-top]="hasError()" [class.tooltip]="hasError()">
+          <select
+            class="select select-sm"
+            [class.select-error]="hasError()"
+            (change)="onEnumArrayChange($event)"
+            multiple
+            style="min-width: 12rem; min-height: 6rem"
+          >
+            @for (opt of enumOptions(); track opt) {
+              <option [selected]="isEnumSelected(opt)" [value]="opt">{{ opt }}</option>
+            }
+          </select>
+        </div>
+      }
+      @case ('range') {
+        @if (fieldType() === 'date') {
+          <div
+            class="flex items-center gap-2"
+            [attr.data-tip]="errorMessage() || null"
+            [class.tooltip-top]="hasError()"
+            [class.tooltip]="hasError()"
+          >
+            <input
+              class="input input-sm"
+              [class.input-error]="hasError()"
+              [value]="dateRangeStart()"
+              (change)="onDateRangeStartChange($any($event.target).value)"
+              style="width: 9rem"
+              type="date"
+            />
+            <span class="text-base-content/50">至</span>
+            <input
+              class="input input-sm"
+              [class.input-error]="hasError()"
+              [value]="dateRangeEnd()"
+              (change)="onDateRangeEndChange($any($event.target).value)"
+              style="width: 9rem"
+              type="date"
+            />
+          </div>
+        } @else {
+          <div
+            class="flex items-center gap-2"
+            [attr.data-tip]="errorMessage() || null"
+            [class.tooltip-top]="hasError()"
+            [class.tooltip]="hasError()"
+          >
+            <input
+              class="input input-sm"
+              [class.input-error]="hasError()"
+              [value]="$any(rangeMin()) ?? ''"
+              (input)="onRangeMinChange($any($event.target).value)"
+              placeholder="最小值"
+              style="width: 7rem"
+              type="number"
+            />
+            <span class="text-base-content/50">至</span>
+            <input
+              class="input input-sm"
+              [class.input-error]="hasError()"
+              [value]="$any(rangeMax()) ?? ''"
+              (input)="onRangeMaxChange($any($event.target).value)"
+              placeholder="最大值"
+              style="width: 7rem"
+              type="number"
+            />
+          </div>
+        }
+      }
+      @case ('number') {
+        <div [attr.data-tip]="errorMessage() || null" [class.tooltip-top]="hasError()" [class.tooltip]="hasError()">
+          <input
+            class="input input-sm"
+            [class.input-error]="hasError()"
+            [value]="$any(currentValue()) ?? ''"
+            (input)="onNumberInputChange($any($event.target).value)"
+            placeholder="输入数值"
+            type="number"
+          />
+        </div>
+      }
+      @case ('date') {
+        <div [attr.data-tip]="errorMessage() || null" [class.tooltip-top]="hasError()" [class.tooltip]="hasError()">
+          <input
+            class="input input-sm"
+            [class.input-error]="hasError()"
+            [value]="currentDateStr()"
+            (change)="onNativeDateChange($any($event.target).value)"
+            style="width: 10rem"
+            type="date"
+          />
+        </div>
+      }
+      @case ('array') {
+        <div [attr.data-tip]="errorMessage() || null" [class.tooltip-top]="hasError()" [class.tooltip]="hasError()">
+          <input
+            class="input input-sm"
+            [class.input-error]="hasError()"
+            [value]="arrayInputValue()"
+            (input)="onArrayInputChange($any($event.target).value)"
+            placeholder="输入多个值，用逗号分隔"
+            style="width: 100%; min-width: 12rem"
+            type="text"
+          />
+        </div>
+      }
+      @default {
+        <div [attr.data-tip]="errorMessage() || null" [class.tooltip-top]="hasError()" [class.tooltip]="hasError()">
+          <input
+            class="input input-sm"
+            [class.input-error]="hasError()"
+            [value]="$any(currentValue()) ?? ''"
+            (input)="onValueChange($any($event.target).value)"
+            placeholder="输入值"
+            style="width: 100%; min-width: 12rem"
+            type="text"
+          />
+        </div>
+      }
+    }
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "ngmodule",
+			type: CommonModule
+		}, {
+			kind: "component",
+			type: PopoverSelectComponent,
+			selector: "rxdb-popover-select",
+			inputs: [
+				"options",
+				"selected",
+				"placeholder",
+				"minWidth"
+			],
+			outputs: ["selectChange"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ValueInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rxdb-value-input",
+			standalone: true,
+			imports: [CommonModule, PopoverSelectComponent],
+			template: `
+    @switch (inputType()) {
+      @case ('none') {
+        <span class="text-base-content/50 px-2 text-sm italic">无需输入值</span>
+      }
+      @case ('uuid') {
+        <div
+          [attr.data-tip]="uuidError() || errorMessage() || null"
+          [class.tooltip-top]="!!uuidError() || hasError()"
+          [class.tooltip]="!!uuidError() || hasError()"
+        >
+          <input
+            class="input input-sm font-mono"
+            [class.input-error]="hasError() || !!uuidError()"
+            [value]="$any(currentValue())"
+            (input)="onUuidChange($any($event.target).value)"
+            placeholder="输入 UUID"
+            style="min-width: 16rem"
+            type="text"
+          />
+        </div>
+      }
+      @case ('subquery') {
+        <div class="subquery-container w-full">
+          @if (!relationFields() || relationFields().length === 0) {
+            <span class="text-base-content/50 px-2 text-sm italic">存在/不存在（无子条件）</span>
+          } @else {
+            <div #subqueryContainer></div>
+          }
+        </div>
+      }
+      @case ('boolean') {
+        <input
+          class="toggle toggle-sm"
+          [checked]="!!currentValue()"
+          (change)="onValueChange($any($event.target).checked)"
+          type="checkbox"
+        />
+      }
+      @case ('enum') {
+        <rxdb-popover-select
+          [options]="enumSelectOptions()"
+          [selected]="$any(currentValue())?.toString() ?? ''"
+          (selectChange)="onEnumSelect($event)"
+          minWidth="12rem"
+          placeholder="选择值"
+        />
+      }
+      @case ('enum-array') {
+        <div [attr.data-tip]="errorMessage() || null" [class.tooltip-top]="hasError()" [class.tooltip]="hasError()">
+          <select
+            class="select select-sm"
+            [class.select-error]="hasError()"
+            (change)="onEnumArrayChange($event)"
+            multiple
+            style="min-width: 12rem; min-height: 6rem"
+          >
+            @for (opt of enumOptions(); track opt) {
+              <option [selected]="isEnumSelected(opt)" [value]="opt">{{ opt }}</option>
+            }
+          </select>
+        </div>
+      }
+      @case ('range') {
+        @if (fieldType() === 'date') {
+          <div
+            class="flex items-center gap-2"
+            [attr.data-tip]="errorMessage() || null"
+            [class.tooltip-top]="hasError()"
+            [class.tooltip]="hasError()"
+          >
+            <input
+              class="input input-sm"
+              [class.input-error]="hasError()"
+              [value]="dateRangeStart()"
+              (change)="onDateRangeStartChange($any($event.target).value)"
+              style="width: 9rem"
+              type="date"
+            />
+            <span class="text-base-content/50">至</span>
+            <input
+              class="input input-sm"
+              [class.input-error]="hasError()"
+              [value]="dateRangeEnd()"
+              (change)="onDateRangeEndChange($any($event.target).value)"
+              style="width: 9rem"
+              type="date"
+            />
+          </div>
+        } @else {
+          <div
+            class="flex items-center gap-2"
+            [attr.data-tip]="errorMessage() || null"
+            [class.tooltip-top]="hasError()"
+            [class.tooltip]="hasError()"
+          >
+            <input
+              class="input input-sm"
+              [class.input-error]="hasError()"
+              [value]="$any(rangeMin()) ?? ''"
+              (input)="onRangeMinChange($any($event.target).value)"
+              placeholder="最小值"
+              style="width: 7rem"
+              type="number"
+            />
+            <span class="text-base-content/50">至</span>
+            <input
+              class="input input-sm"
+              [class.input-error]="hasError()"
+              [value]="$any(rangeMax()) ?? ''"
+              (input)="onRangeMaxChange($any($event.target).value)"
+              placeholder="最大值"
+              style="width: 7rem"
+              type="number"
+            />
+          </div>
+        }
+      }
+      @case ('number') {
+        <div [attr.data-tip]="errorMessage() || null" [class.tooltip-top]="hasError()" [class.tooltip]="hasError()">
+          <input
+            class="input input-sm"
+            [class.input-error]="hasError()"
+            [value]="$any(currentValue()) ?? ''"
+            (input)="onNumberInputChange($any($event.target).value)"
+            placeholder="输入数值"
+            type="number"
+          />
+        </div>
+      }
+      @case ('date') {
+        <div [attr.data-tip]="errorMessage() || null" [class.tooltip-top]="hasError()" [class.tooltip]="hasError()">
+          <input
+            class="input input-sm"
+            [class.input-error]="hasError()"
+            [value]="currentDateStr()"
+            (change)="onNativeDateChange($any($event.target).value)"
+            style="width: 10rem"
+            type="date"
+          />
+        </div>
+      }
+      @case ('array') {
+        <div [attr.data-tip]="errorMessage() || null" [class.tooltip-top]="hasError()" [class.tooltip]="hasError()">
+          <input
+            class="input input-sm"
+            [class.input-error]="hasError()"
+            [value]="arrayInputValue()"
+            (input)="onArrayInputChange($any($event.target).value)"
+            placeholder="输入多个值，用逗号分隔"
+            style="width: 100%; min-width: 12rem"
+            type="text"
+          />
+        </div>
+      }
+      @default {
+        <div [attr.data-tip]="errorMessage() || null" [class.tooltip-top]="hasError()" [class.tooltip]="hasError()">
+          <input
+            class="input input-sm"
+            [class.input-error]="hasError()"
+            [value]="$any(currentValue()) ?? ''"
+            (input)="onValueChange($any($event.target).value)"
+            placeholder="输入值"
+            style="width: 100%; min-width: 12rem"
+            type="text"
+          />
+        </div>
+      }
+    }
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		subqueryContainer: [{
+			type: ViewChild,
+			args: ["subqueryContainer", { read: ViewContainerRef }]
+		}],
+		fieldType: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fieldType",
+				required: false
+			}]
+		}],
+		operator: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "operator",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		enumOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "enumOptions",
+				required: false
+			}]
+		}],
+		relationFields: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "relationFields",
+				required: false
+			}]
+		}],
+		where: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "where",
+				required: false
+			}]
+		}],
+		valueChange: [{
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		whereChange: [{
+			type: i0.Output,
+			args: ["whereChange"]
+		}],
+		errorMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errorMessage",
+				required: false
+			}]
+		}],
+		valueChangeFn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valueChangeFn",
+				required: false
+			}]
+		}],
+		whereChangeFn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "whereChangeFn",
+				required: false
+			}]
+		}]
+	}
+});
+const DEFAULT_QUERY_BUILDER_THEME = {
+	fieldSelector: FieldSelectorComponent,
+	operatorSelector: OperatorSelectorComponent,
+	valueInput: ValueInputComponent
+};
+const QUERY_BUILDER_THEME = new InjectionToken("QUERY_BUILDER_THEME");
+function provideQueryBuilderTheme(theme) {
+	return {
+		provide: QUERY_BUILDER_THEME,
+		useValue: theme
+	};
+}
+var QueryRuleComponent = class QueryRuleComponent {
+	existsOperators = /* @__PURE__ */ new Set(["exists", "notExists"]);
+	noValueOperators = /* @__PURE__ */ new Set(["null", "notNull"]);
+	theme = inject(QUERY_BUILDER_THEME, { optional: true }) ?? DEFAULT_QUERY_BUILDER_THEME;
+	rule = input.required(...ngDevMode ? [{ debugName: "rule" }] : /* istanbul ignore next */ []);
+	fields = input.required(...ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []);
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
+	update = output();
+	remove = output();
+	fieldAsString = computed(() => this.rule().field, ...ngDevMode ? [{ debugName: "fieldAsString" }] : /* istanbul ignore next */ []);
+	ruleErrors = computed(() => {
+		const seen = /* @__PURE__ */ new Set();
+		return this.errors().filter((e) => {
+			if (e.field !== this.rule().field) return false;
+			if (seen.has(e.message)) return false;
+			seen.add(e.message);
+			return true;
+		});
+	}, ...ngDevMode ? [{ debugName: "ruleErrors" }] : /* istanbul ignore next */ []);
+	errorTooltip = computed(() => this.ruleErrors().map((e) => e.message).join(" | "), ...ngDevMode ? [{ debugName: "errorTooltip" }] : /* istanbul ignore next */ []);
+	isExistsOperator = computed(() => this.existsOperators.has(this.rule().operator), ...ngDevMode ? [{ debugName: "isExistsOperator" }] : /* istanbul ignore next */ []);
+	isNoValueOperator = computed(() => this.noValueOperators.has(this.rule().operator), ...ngDevMode ? [{ debugName: "isNoValueOperator" }] : /* istanbul ignore next */ []);
+	showSubquery = signal(false, ...ngDevMode ? [{ debugName: "showSubquery" }] : /* istanbul ignore next */ []);
+	subqueryVisible = computed(() => {
+		const where = this.rule().where;
+		if (where && where.rules && where.rules.length > 0) return true;
+		return this.showSubquery();
+	}, ...ngDevMode ? [{ debugName: "subqueryVisible" }] : /* istanbul ignore next */ []);
+	currentField = computed(() => {
+		const fieldName = this.rule().field;
+		return this.fields().find((f) => f.name === fieldName);
+	}, ...ngDevMode ? [{ debugName: "currentField" }] : /* istanbul ignore next */ []);
+	currentFieldType = computed(() => this.currentField()?.type ?? "string", ...ngDevMode ? [{ debugName: "currentFieldType" }] : /* istanbul ignore next */ []);
+	currentEnumOptions = computed(() => this.currentField()?.enum ?? [], ...ngDevMode ? [{ debugName: "currentEnumOptions" }] : /* istanbul ignore next */ []);
+	currentRelationFields = computed(() => {
+		return this.currentField()?.relationFields ?? [];
+	}, ...ngDevMode ? [{ debugName: "currentRelationFields" }] : /* istanbul ignore next */ []);
+	ruleWhere = computed(() => this.rule().where, ...ngDevMode ? [{ debugName: "ruleWhere" }] : /* istanbul ignore next */ []);
+	fieldSelectorInputs = computed(() => ({
+		fields: this.fields(),
+		selectedField: this.fieldAsString(),
+		fieldChangeFn: this.fieldChangeCb
+	}), ...ngDevMode ? [{ debugName: "fieldSelectorInputs" }] : /* istanbul ignore next */ []);
+	operatorSelectorInputs = computed(() => ({
+		fieldMetadata: this.currentField(),
+		fieldType: this.currentFieldType(),
+		selectedOperator: this.rule().operator,
+		operatorChangeFn: this.operatorChangeCb
+	}), ...ngDevMode ? [{ debugName: "operatorSelectorInputs" }] : /* istanbul ignore next */ []);
+	valueInputInputs = computed(() => ({
+		fieldType: this.currentFieldType(),
+		operator: this.rule().operator,
+		value: this.rule().value,
+		enumOptions: this.currentEnumOptions(),
+		relationFields: this.currentRelationFields(),
+		where: this.ruleWhere(),
+		errorMessage: this.errorTooltip(),
+		valueChangeFn: this.valueChangeCb,
+		whereChangeFn: this.whereChangeCb
+	}), ...ngDevMode ? [{ debugName: "valueInputInputs" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const where = this.rule().where;
+			if (!(where && where.rules && where.rules.length > 0)) untracked(() => this.showSubquery.set(false));
+		});
+	}
+	onFieldChange(fieldName) {
+		const field = this.fields().find((f) => f.name === fieldName);
+		this.update.emit({
+			id: this.rule().id,
+			updates: {
+				field: fieldName,
+				operator: field?.isRelation ? "exists" : field?.type === "keyValue" ? "null" : "=",
+				value: field?.type === "boolean" ? false : "",
+				where: void 0
+			}
+		});
+	}
+	onAddSubcondition() {
+		this.showSubquery.set(true);
+		const firstField = this.currentRelationFields()[0];
+		if (firstField) {
+			const where = {
+				id: "",
+				combinator: "and",
+				rules: [{
+					id: "",
+					field: firstField.name,
+					operator: firstField.isRelation ? "exists" : firstField.type === "keyValue" ? "null" : "=",
+					value: firstField.type === "boolean" ? false : ""
+				}]
+			};
+			this.update.emit({
+				id: this.rule().id,
+				updates: { where }
+			});
+		}
+	}
+	onOperatorChange(operator) {
+		const updates = { operator };
+		if (this.existsOperators.has(operator) || this.noValueOperators.has(operator)) updates.value = null;
+		if (!this.existsOperators.has(operator)) {
+			updates.where = void 0;
+			this.showSubquery.set(false);
+		}
+		this.update.emit({
+			id: this.rule().id,
+			updates
+		});
+	}
+	onValueChange(value) {
+		this.update.emit({
+			id: this.rule().id,
+			updates: { value }
+		});
+	}
+	onWhereChange(where) {
+		this.update.emit({
+			id: this.rule().id,
+			updates: { where }
+		});
+	}
+	onRemove() {
+		this.remove.emit();
+	}
+	fieldChangeCb = (field) => this.onFieldChange(field);
+	operatorChangeCb = (op) => this.onOperatorChange(op);
+	valueChangeCb = (value) => this.onValueChange(value);
+	whereChangeCb = (where) => this.onWhereChange(where);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: QueryRuleComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: QueryRuleComponent,
+		isStandalone: true,
+		selector: "rxdb-query-rule",
+		inputs: {
+			rule: {
+				classPropertyName: "rule",
+				publicName: "rule",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			fields: {
+				classPropertyName: "fields",
+				publicName: "fields",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			errors: {
+				classPropertyName: "errors",
+				publicName: "errors",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			update: "update",
+			remove: "remove"
+		},
+		ngImport: i0,
+		template: `
+    <div class="rxdb-query-rule group flex flex-col rounded p-1">
+      <div class="flex flex-wrap items-center gap-2">
+        <ng-container [ngComponentOutlet]="theme.fieldSelector" [ngComponentOutletInputs]="fieldSelectorInputs()" />
+        <ng-container
+          [ngComponentOutlet]="theme.operatorSelector"
+          [ngComponentOutletInputs]="operatorSelectorInputs()"
+        />
+        @if (isExistsOperator()) {
+          @if (!subqueryVisible()) {
+            <button class="btn btn-ghost btn-xs" (click)="onAddSubcondition()" title="添加子条件" type="button">
+              + 子条件（可选）
+            </button>
+          }
+        } @else if (!isNoValueOperator()) {
+          <ng-container [ngComponentOutlet]="theme.valueInput" [ngComponentOutletInputs]="valueInputInputs()" />
+        }
+        <button
+          class="btn btn-ghost btn-xs btn-square text-base-content/30 hover:text-error ml-auto"
+          (click)="onRemove()"
+          title="删除条件"
+          type="button"
+        >
+          ✕
+        </button>
+      </div>
+      @if (isExistsOperator() && subqueryVisible()) {
+        <ng-container [ngComponentOutlet]="theme.valueInput" [ngComponentOutletInputs]="valueInputInputs()" />
+      }
+    </div>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "ngmodule",
+			type: CommonModule
+		}, {
+			kind: "directive",
+			type: i1.NgComponentOutlet,
+			selector: "[ngComponentOutlet]",
+			inputs: [
+				"ngComponentOutlet",
+				"ngComponentOutletInputs",
+				"ngComponentOutletInjector",
+				"ngComponentOutletEnvironmentInjector",
+				"ngComponentOutletContent",
+				"ngComponentOutletNgModule"
+			],
+			exportAs: ["ngComponentOutlet"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: QueryRuleComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rxdb-query-rule",
+			standalone: true,
+			imports: [CommonModule, NgComponentOutlet],
+			template: `
+    <div class="rxdb-query-rule group flex flex-col rounded p-1">
+      <div class="flex flex-wrap items-center gap-2">
+        <ng-container [ngComponentOutlet]="theme.fieldSelector" [ngComponentOutletInputs]="fieldSelectorInputs()" />
+        <ng-container
+          [ngComponentOutlet]="theme.operatorSelector"
+          [ngComponentOutletInputs]="operatorSelectorInputs()"
+        />
+        @if (isExistsOperator()) {
+          @if (!subqueryVisible()) {
+            <button class="btn btn-ghost btn-xs" (click)="onAddSubcondition()" title="添加子条件" type="button">
+              + 子条件（可选）
+            </button>
+          }
+        } @else if (!isNoValueOperator()) {
+          <ng-container [ngComponentOutlet]="theme.valueInput" [ngComponentOutletInputs]="valueInputInputs()" />
+        }
+        <button
+          class="btn btn-ghost btn-xs btn-square text-base-content/30 hover:text-error ml-auto"
+          (click)="onRemove()"
+          title="删除条件"
+          type="button"
+        >
+          ✕
+        </button>
+      </div>
+      @if (isExistsOperator() && subqueryVisible()) {
+        <ng-container [ngComponentOutlet]="theme.valueInput" [ngComponentOutletInputs]="valueInputInputs()" />
+      }
+    </div>
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		rule: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rule",
+				required: true
+			}]
+		}],
+		fields: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fields",
+				required: true
+			}]
+		}],
+		errors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errors",
+				required: false
+			}]
+		}],
+		update: [{
+			type: i0.Output,
+			args: ["update"]
+		}],
+		remove: [{
+			type: i0.Output,
+			args: ["remove"]
+		}]
+	}
+});
+var QueryDragDropHandler = class {
+	moveItemFn;
+	state = signal({
+		draggedItemId: null,
+		targetItemId: null,
+		dropMode: null,
+		isValidTarget: false
+	}, ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
+	constructor(moveItemFn) {
+		this.moveItemFn = moveItemFn;
+	}
+	start(itemId) {
+		this.state.set({
+			draggedItemId: itemId,
+			targetItemId: null,
+			dropMode: null,
+			isValidTarget: false
+		});
+	}
+	over(targetItemId, dropMode, isValid, depth) {
+		this.state.update((current) => {
+			if (current.depth !== void 0 && depth < current.depth) return current;
+			return {
+				...current,
+				targetItemId,
+				dropMode,
+				isValidTarget: isValid,
+				depth
+			};
+		});
+	}
+	leave() {
+		this.state.update((s) => ({
+			...s,
+			targetItemId: null,
+			dropMode: null,
+			isValidTarget: false,
+			depth: void 0
+		}));
+	}
+	drop(itemId, targetGroupId, targetIndex) {
+		try {
+			this.moveItemFn(itemId, targetGroupId, targetIndex);
+		} catch {}
+		this.reset();
+	}
+	end() {
+		this.reset();
+	}
+	reset() {
+		this.state.set({
+			draggedItemId: null,
+			targetItemId: null,
+			dropMode: null,
+			isValidTarget: false
+		});
+	}
+};
+function calculateDropMode(clientY, rect, isGroup) {
+	const ratio = (clientY - rect.top) / rect.height;
+	if (isGroup) {
+		if (ratio < .25) return "before";
+		if (ratio > .75) return "after";
+		return "into";
+	}
+	return ratio < .5 ? "before" : "after";
+}
+var QueryGroupComponent = class QueryGroupComponent {
+	group = input.required(...ngDevMode ? [{ debugName: "group" }] : /* istanbul ignore next */ []);
+	fields = input.required(...ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []);
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
+	depth = input(0, ...ngDevMode ? [{ debugName: "depth" }] : /* istanbul ignore next */ []);
+	maxDepth = input(5, ...ngDevMode ? [{ debugName: "maxDepth" }] : /* istanbul ignore next */ []);
+	dragDropHandler = input(...ngDevMode ? [void 0, { debugName: "dragDropHandler" }] : /* istanbul ignore next */ []);
+	allowCollapse = input(true, ...ngDevMode ? [{ debugName: "allowCollapse" }] : /* istanbul ignore next */ []);
+	addRule = output();
+	addGroup = output();
+	removeItem = output();
+	updateRule = output();
+	updateCombinator = output();
+	collapsed = signal(false, ...ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []);
+	canAddGroup = computed(() => this.depth() < this.maxDepth() - 1, ...ngDevMode ? [{ debugName: "canAddGroup" }] : /* istanbul ignore next */ []);
+	nestingLimitHint = computed(() => `已达最大嵌套层级（${this.maxDepth()} 层）`, ...ngDevMode ? [{ debugName: "nestingLimitHint" }] : /* istanbul ignore next */ []);
+	toggleCollapse() {
+		this.collapsed.update((v) => !v);
+	}
+	toggleCombinator(combinator) {
+		if (this.group().combinator !== combinator) this.updateCombinator.emit({
+			id: this.group().id,
+			combinator
+		});
+	}
+	onAddRule() {
+		const firstField = this.fields()[0];
+		if (firstField) this.addRule.emit({
+			parentId: this.group().id,
+			rule: {
+				field: firstField.name,
+				operator: firstField.isRelation ? "exists" : firstField.type === "keyValue" ? "null" : "=",
+				value: firstField.type === "boolean" ? false : ""
+			}
+		});
+	}
+	onAddGroup() {
+		if (!this.canAddGroup()) return;
+		this.addGroup.emit(this.group().id);
+	}
+	onRemove() {
+		this.removeItem.emit(this.group().id);
+	}
+	onRuleUpdate(event) {
+		this.updateRule.emit(event);
+	}
+	onRuleRemove(id) {
+		this.removeItem.emit(id);
+	}
+	isRuleGroup(item) {
+		return "combinator" in item && "rules" in item;
+	}
+	asRuleGroup(item) {
+		return item;
+	}
+	asRule(item) {
+		return item;
+	}
+	trackByItem(item) {
+		return item.id;
+	}
+	isDragging(itemId) {
+		return this.dragDropHandler()?.state().draggedItemId === itemId;
+	}
+	isDropTarget(itemId, mode) {
+		const state = this.dragDropHandler()?.state();
+		return !!state && state.targetItemId === itemId && state.dropMode === mode && state.isValidTarget;
+	}
+	isDropInvalid(itemId) {
+		const state = this.dragDropHandler()?.state();
+		return !!state && state.targetItemId === itemId && !state.isValidTarget && !!state.draggedItemId;
+	}
+	onItemDragStart(event, item) {
+		const handler = this.dragDropHandler();
+		if (!handler || !event.dataTransfer) return;
+		event.stopPropagation();
+		event.dataTransfer.effectAllowed = "move";
+		event.dataTransfer.setData("text/plain", item.id);
+		const row = event.target.closest(".rxdb-drag-item");
+		if (row) {
+			const rect = row.getBoundingClientRect();
+			event.dataTransfer.setDragImage(row, event.clientX - rect.left, event.clientY - rect.top);
+		}
+		handler.start(item.id);
+	}
+	onItemDragOver(event, item, index, isGroup) {
+		event.preventDefault();
+		event.stopPropagation();
+		const handler = this.dragDropHandler();
+		if (!handler || !event.dataTransfer) return;
+		const rect = event.currentTarget.getBoundingClientRect();
+		const dropMode = calculateDropMode(event.clientY, rect, isGroup);
+		const draggedId = handler.state().draggedItemId;
+		const isValid = !!draggedId && draggedId !== item.id && (dropMode !== "into" || isGroup);
+		event.dataTransfer.dropEffect = isValid ? "move" : "none";
+		handler.over(item.id, dropMode, isValid, this.depth());
+	}
+	onItemDragLeave(event) {
+		const target = event.currentTarget;
+		const related = event.relatedTarget;
+		if (!related || !target.contains(related)) this.dragDropHandler()?.leave();
+	}
+	onItemDrop(event, targetItem, targetIndex, isGroup) {
+		event.preventDefault();
+		event.stopPropagation();
+		const handler = this.dragDropHandler();
+		const state = handler?.state();
+		if (!handler || !state?.draggedItemId || !state.isValidTarget || !state.dropMode) {
+			handler?.end();
+			return;
+		}
+		const dropMode = state.dropMode;
+		let finalTargetGroupId;
+		let finalTargetIndex;
+		if (dropMode === "into" && isGroup) {
+			const subGroup = targetItem;
+			finalTargetGroupId = subGroup.id;
+			finalTargetIndex = subGroup.rules.some((r) => r.id === state.draggedItemId) ? subGroup.rules.length - 1 : subGroup.rules.length;
+		} else {
+			finalTargetGroupId = this.group().id;
+			const draggedIndex = this.group().rules.findIndex((r) => r.id === state.draggedItemId);
+			const isInSameGroup = draggedIndex !== -1;
+			let adjustedIndex = targetIndex;
+			if (isInSameGroup && draggedIndex < targetIndex) adjustedIndex--;
+			finalTargetIndex = dropMode === "before" ? adjustedIndex : adjustedIndex + 1;
+		}
+		handler.drop(state.draggedItemId, finalTargetGroupId, finalTargetIndex);
+	}
+	onItemDragEnd() {
+		this.dragDropHandler()?.end();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: QueryGroupComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: QueryGroupComponent,
+		isStandalone: true,
+		selector: "rxdb-query-group",
+		inputs: {
+			group: {
+				classPropertyName: "group",
+				publicName: "group",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			fields: {
+				classPropertyName: "fields",
+				publicName: "fields",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			errors: {
+				classPropertyName: "errors",
+				publicName: "errors",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			depth: {
+				classPropertyName: "depth",
+				publicName: "depth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxDepth: {
+				classPropertyName: "maxDepth",
+				publicName: "maxDepth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dragDropHandler: {
+				classPropertyName: "dragDropHandler",
+				publicName: "dragDropHandler",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			allowCollapse: {
+				classPropertyName: "allowCollapse",
+				publicName: "allowCollapse",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			addRule: "addRule",
+			addGroup: "addGroup",
+			removeItem: "removeItem",
+			updateRule: "updateRule",
+			updateCombinator: "updateCombinator"
+		},
+		ngImport: i0,
+		template: `
+    <div class="rxdb-query-group border-base-300 my-1 rounded-lg border p-2" [class.bg-base-200]="depth() % 2 === 1">
+      <!-- 组合器 + 操作按钮（同一行） -->
+      <div class="flex items-center gap-2" [class.mb-2]="!collapsed()">
+        <div class="join">
+          <button
+            class="btn btn-xs join-item"
+            [class.btn-ghost]="group().combinator !== 'and'"
+            [class.btn-primary]="group().combinator === 'and'"
+            (click)="toggleCombinator('and')"
+            type="button"
+          >
+            AND
+          </button>
+          <button
+            class="btn btn-xs join-item"
+            [class.btn-ghost]="group().combinator !== 'or'"
+            [class.btn-primary]="group().combinator === 'or'"
+            (click)="toggleCombinator('or')"
+            type="button"
+          >
+            OR
+          </button>
+        </div>
+
+        @if (allowCollapse()) {
+          <button
+            class="btn btn-ghost btn-xs btn-square"
+            [title]="collapsed() ? '展开' : '收起'"
+            (click)="toggleCollapse()"
+            type="button"
+          >
+            <svg
+              class="h-3 w-3 transition-transform duration-200"
+              [class.-rotate-90]="collapsed()"
+              fill="none"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <polyline points="6 9 12 15 18 9" />
+            </svg>
+          </button>
+        }
+
+        <div class="flex-1"></div>
+
+        @if (!collapsed()) {
+          <button class="btn btn-ghost btn-xs" (click)="onAddRule()" type="button">+ 条件</button>
+
+          <!--
+            ⚠️ 达到上限时保留按钮并禁用，而不是整个条件渲染掉。
+            此前用条件渲染，按钮到达上限就直接消失、页面上零解释文案，
+            用户不知道是「不支持」还是「用错了」（US-210 AC#3 要求「可达上限；超过提示」）。
+          -->
+          <button
+            class="btn btn-ghost btn-xs"
+            [attr.aria-disabled]="!canAddGroup()"
+            [attr.title]="canAddGroup() ? null : nestingLimitHint()"
+            [disabled]="!canAddGroup()"
+            (click)="onAddGroup()"
+            type="button"
+          >
+            + 分组
+          </button>
+          @if (!canAddGroup()) {
+            <span class="text-base-content/50 text-xs" role="status">{{ nestingLimitHint() }}</span>
+          }
+
+          @if (depth() > 0) {
+            <button
+              class="btn btn-ghost btn-xs btn-square text-base-content/40 hover:text-error"
+              (click)="onRemove()"
+              title="删除组"
+              type="button"
+            >
+              ✕
+            </button>
+          }
+        }
+      </div>
+
+      <!-- 规则列表 -->
+      @if (!collapsed()) {
+        <div class="space-y-1">
+          @for (item of group().rules; track trackByItem(item); let idx = $index) {
+            @if (isRuleGroup(item)) {
+              <div
+                class="rxdb-drag-item"
+                [class.dragging]="isDragging(item.id)"
+                [class.drop-invalid]="isDropInvalid(item.id)"
+                [class.drop-target-after]="isDropTarget(item.id, 'after')"
+                [class.drop-target-before]="isDropTarget(item.id, 'before')"
+                [class.drop-target-into]="isDropTarget(item.id, 'into')"
+                (dragend)="onItemDragEnd()"
+                (dragleave)="onItemDragLeave($event)"
+                (dragover)="onItemDragOver($event, item, idx, true)"
+                (drop)="onItemDrop($event, item, idx, true)"
+              >
+                <div class="flex items-start gap-1">
+                  @if (dragDropHandler()) {
+                    <span
+                      class="btn btn-ghost btn-xs btn-square text-base-content/30 hover:text-base-content/60 mt-1 cursor-grab"
+                      (dragstart)="onItemDragStart($event, item)"
+                      draggable="true"
+                      >⠿</span
+                    >
+                  }
+                  <div class="min-w-0 flex-1">
+                    <rxdb-query-group
+                      [allowCollapse]="allowCollapse()"
+                      [depth]="depth() + 1"
+                      [dragDropHandler]="dragDropHandler()"
+                      [errors]="errors()"
+                      [fields]="fields()"
+                      [group]="asRuleGroup(item)"
+                      [maxDepth]="maxDepth()"
+                      (addGroup)="addGroup.emit($event)"
+                      (addRule)="addRule.emit($event)"
+                      (removeItem)="removeItem.emit($event)"
+                      (updateCombinator)="updateCombinator.emit($event)"
+                      (updateRule)="updateRule.emit($event)"
+                    />
+                  </div>
+                </div>
+              </div>
+            } @else {
+              <div
+                class="rxdb-drag-item"
+                [class.dragging]="isDragging(item.id)"
+                [class.drop-invalid]="isDropInvalid(item.id)"
+                [class.drop-target-after]="isDropTarget(item.id, 'after')"
+                [class.drop-target-before]="isDropTarget(item.id, 'before')"
+                (dragend)="onItemDragEnd()"
+                (dragleave)="onItemDragLeave($event)"
+                (dragover)="onItemDragOver($event, item, idx, false)"
+                (drop)="onItemDrop($event, item, idx, false)"
+              >
+                <div class="flex items-center gap-1">
+                  @if (dragDropHandler()) {
+                    <span
+                      class="btn btn-ghost btn-xs btn-square text-base-content/30 hover:text-base-content/60 cursor-grab"
+                      (dragstart)="onItemDragStart($event, item)"
+                      draggable="true"
+                      >⠿</span
+                    >
+                  }
+                  <div class="min-w-0 flex-1">
+                    <rxdb-query-rule
+                      [errors]="errors()"
+                      [fields]="fields()"
+                      [rule]="asRule(item)"
+                      (remove)="onRuleRemove(asRule(item).id)"
+                      (update)="onRuleUpdate($event)"
+                    />
+                  </div>
+                </div>
+              </div>
+            }
+          }
+        </div>
+
+        <!-- 空状态 -->
+        @if (group().rules.length === 0) {
+          <div class="text-base-content/50 py-2 text-center text-sm select-none">暂无条件</div>
+        }
+      }
+    </div>
+  `,
+		isInline: true,
+		styles: [".rxdb-drag-item{position:relative}.rxdb-drag-item.dragging{opacity:.4}.rxdb-drag-item.drop-target-before:before{content:\"\";position:absolute;top:-2px;left:0;right:0;height:3px;background:oklch(.6 .2 250);border-radius:2px;z-index:1}.rxdb-drag-item.drop-target-after:after{content:\"\";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:oklch(.6 .2 250);border-radius:2px;z-index:1}.rxdb-drag-item.drop-target-into{outline:2px dashed oklch(.6 .2 250);outline-offset:-2px;border-radius:.5rem;background:oklch(.6 .2 250 / 10%)}.rxdb-drag-item.drop-invalid{outline:2px dashed oklch(.6 .2 30);outline-offset:-2px;border-radius:.5rem}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: QueryGroupComponent,
+				selector: "rxdb-query-group",
+				inputs: [
+					"group",
+					"fields",
+					"errors",
+					"depth",
+					"maxDepth",
+					"dragDropHandler",
+					"allowCollapse"
+				],
+				outputs: [
+					"addRule",
+					"addGroup",
+					"removeItem",
+					"updateRule",
+					"updateCombinator"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "component",
+				type: QueryRuleComponent,
+				selector: "rxdb-query-rule",
+				inputs: [
+					"rule",
+					"fields",
+					"errors"
+				],
+				outputs: ["update", "remove"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: QueryGroupComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rxdb-query-group",
+			standalone: true,
+			imports: [CommonModule, QueryRuleComponent],
+			template: `
+    <div class="rxdb-query-group border-base-300 my-1 rounded-lg border p-2" [class.bg-base-200]="depth() % 2 === 1">
+      <!-- 组合器 + 操作按钮（同一行） -->
+      <div class="flex items-center gap-2" [class.mb-2]="!collapsed()">
+        <div class="join">
+          <button
+            class="btn btn-xs join-item"
+            [class.btn-ghost]="group().combinator !== 'and'"
+            [class.btn-primary]="group().combinator === 'and'"
+            (click)="toggleCombinator('and')"
+            type="button"
+          >
+            AND
+          </button>
+          <button
+            class="btn btn-xs join-item"
+            [class.btn-ghost]="group().combinator !== 'or'"
+            [class.btn-primary]="group().combinator === 'or'"
+            (click)="toggleCombinator('or')"
+            type="button"
+          >
+            OR
+          </button>
+        </div>
+
+        @if (allowCollapse()) {
+          <button
+            class="btn btn-ghost btn-xs btn-square"
+            [title]="collapsed() ? '展开' : '收起'"
+            (click)="toggleCollapse()"
+            type="button"
+          >
+            <svg
+              class="h-3 w-3 transition-transform duration-200"
+              [class.-rotate-90]="collapsed()"
+              fill="none"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <polyline points="6 9 12 15 18 9" />
+            </svg>
+          </button>
+        }
+
+        <div class="flex-1"></div>
+
+        @if (!collapsed()) {
+          <button class="btn btn-ghost btn-xs" (click)="onAddRule()" type="button">+ 条件</button>
+
+          <!--
+            ⚠️ 达到上限时保留按钮并禁用，而不是整个条件渲染掉。
+            此前用条件渲染，按钮到达上限就直接消失、页面上零解释文案，
+            用户不知道是「不支持」还是「用错了」（US-210 AC#3 要求「可达上限；超过提示」）。
+          -->
+          <button
+            class="btn btn-ghost btn-xs"
+            [attr.aria-disabled]="!canAddGroup()"
+            [attr.title]="canAddGroup() ? null : nestingLimitHint()"
+            [disabled]="!canAddGroup()"
+            (click)="onAddGroup()"
+            type="button"
+          >
+            + 分组
+          </button>
+          @if (!canAddGroup()) {
+            <span class="text-base-content/50 text-xs" role="status">{{ nestingLimitHint() }}</span>
+          }
+
+          @if (depth() > 0) {
+            <button
+              class="btn btn-ghost btn-xs btn-square text-base-content/40 hover:text-error"
+              (click)="onRemove()"
+              title="删除组"
+              type="button"
+            >
+              ✕
+            </button>
+          }
+        }
+      </div>
+
+      <!-- 规则列表 -->
+      @if (!collapsed()) {
+        <div class="space-y-1">
+          @for (item of group().rules; track trackByItem(item); let idx = $index) {
+            @if (isRuleGroup(item)) {
+              <div
+                class="rxdb-drag-item"
+                [class.dragging]="isDragging(item.id)"
+                [class.drop-invalid]="isDropInvalid(item.id)"
+                [class.drop-target-after]="isDropTarget(item.id, 'after')"
+                [class.drop-target-before]="isDropTarget(item.id, 'before')"
+                [class.drop-target-into]="isDropTarget(item.id, 'into')"
+                (dragend)="onItemDragEnd()"
+                (dragleave)="onItemDragLeave($event)"
+                (dragover)="onItemDragOver($event, item, idx, true)"
+                (drop)="onItemDrop($event, item, idx, true)"
+              >
+                <div class="flex items-start gap-1">
+                  @if (dragDropHandler()) {
+                    <span
+                      class="btn btn-ghost btn-xs btn-square text-base-content/30 hover:text-base-content/60 mt-1 cursor-grab"
+                      (dragstart)="onItemDragStart($event, item)"
+                      draggable="true"
+                      >⠿</span
+                    >
+                  }
+                  <div class="min-w-0 flex-1">
+                    <rxdb-query-group
+                      [allowCollapse]="allowCollapse()"
+                      [depth]="depth() + 1"
+                      [dragDropHandler]="dragDropHandler()"
+                      [errors]="errors()"
+                      [fields]="fields()"
+                      [group]="asRuleGroup(item)"
+                      [maxDepth]="maxDepth()"
+                      (addGroup)="addGroup.emit($event)"
+                      (addRule)="addRule.emit($event)"
+                      (removeItem)="removeItem.emit($event)"
+                      (updateCombinator)="updateCombinator.emit($event)"
+                      (updateRule)="updateRule.emit($event)"
+                    />
+                  </div>
+                </div>
+              </div>
+            } @else {
+              <div
+                class="rxdb-drag-item"
+                [class.dragging]="isDragging(item.id)"
+                [class.drop-invalid]="isDropInvalid(item.id)"
+                [class.drop-target-after]="isDropTarget(item.id, 'after')"
+                [class.drop-target-before]="isDropTarget(item.id, 'before')"
+                (dragend)="onItemDragEnd()"
+                (dragleave)="onItemDragLeave($event)"
+                (dragover)="onItemDragOver($event, item, idx, false)"
+                (drop)="onItemDrop($event, item, idx, false)"
+              >
+                <div class="flex items-center gap-1">
+                  @if (dragDropHandler()) {
+                    <span
+                      class="btn btn-ghost btn-xs btn-square text-base-content/30 hover:text-base-content/60 cursor-grab"
+                      (dragstart)="onItemDragStart($event, item)"
+                      draggable="true"
+                      >⠿</span
+                    >
+                  }
+                  <div class="min-w-0 flex-1">
+                    <rxdb-query-rule
+                      [errors]="errors()"
+                      [fields]="fields()"
+                      [rule]="asRule(item)"
+                      (remove)="onRuleRemove(asRule(item).id)"
+                      (update)="onRuleUpdate($event)"
+                    />
+                  </div>
+                </div>
+              </div>
+            }
+          }
+        </div>
+
+        <!-- 空状态 -->
+        @if (group().rules.length === 0) {
+          <div class="text-base-content/50 py-2 text-center text-sm select-none">暂无条件</div>
+        }
+      }
+    </div>
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			styles: [".rxdb-drag-item{position:relative}.rxdb-drag-item.dragging{opacity:.4}.rxdb-drag-item.drop-target-before:before{content:\"\";position:absolute;top:-2px;left:0;right:0;height:3px;background:oklch(.6 .2 250);border-radius:2px;z-index:1}.rxdb-drag-item.drop-target-after:after{content:\"\";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:oklch(.6 .2 250);border-radius:2px;z-index:1}.rxdb-drag-item.drop-target-into{outline:2px dashed oklch(.6 .2 250);outline-offset:-2px;border-radius:.5rem;background:oklch(.6 .2 250 / 10%)}.rxdb-drag-item.drop-invalid{outline:2px dashed oklch(.6 .2 30);outline-offset:-2px;border-radius:.5rem}\n"]
+		}]
+	}],
+	propDecorators: {
+		group: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "group",
+				required: true
+			}]
+		}],
+		fields: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fields",
+				required: true
+			}]
+		}],
+		errors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errors",
+				required: false
+			}]
+		}],
+		depth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "depth",
+				required: false
+			}]
+		}],
+		maxDepth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxDepth",
+				required: false
+			}]
+		}],
+		dragDropHandler: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dragDropHandler",
+				required: false
+			}]
+		}],
+		allowCollapse: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "allowCollapse",
+				required: false
+			}]
+		}],
+		addRule: [{
+			type: i0.Output,
+			args: ["addRule"]
+		}],
+		addGroup: [{
+			type: i0.Output,
+			args: ["addGroup"]
+		}],
+		removeItem: [{
+			type: i0.Output,
+			args: ["removeItem"]
+		}],
+		updateRule: [{
+			type: i0.Output,
+			args: ["updateRule"]
+		}],
+		updateCombinator: [{
+			type: i0.Output,
+			args: ["updateCombinator"]
+		}]
+	}
+});
+export { QUERY_BUILDER_THEME as a, ValueInputComponent as c, FieldSelectorComponent as d, TreeItemDirective as f, QueryRuleComponent as i, OperatorSelectorComponent as l, QueryGroupComponent as n, provideQueryBuilderTheme as o, TreeSelectComponent as p, calculateDropMode as r, DEFAULT_QUERY_BUILDER_THEME as s, QueryDragDropHandler as t, PopoverSelectComponent as u };
+
+//# sourceMappingURL=aiao-rxdb-model-angular-query-group.component-DphJnDon.mjs.map