@xihan-ui/vue 4.1.0 → 5.0.0

package/dist/components/filter-builder/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/filter-builder/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现：根的上下文，以及组与条件交给里面部件的路径。\n\nimport type { FilterPath } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { FilterBuilderContext } from './use-filter-builder'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FilterBuilderContext> = Symbol.for('xh-filter-builder')\nconst GROUP_KEY: InjectionKey<ComputedRef<FilterPath>> = Symbol.for('xh-filter-builder-group')\nconst CONDITION_KEY: InjectionKey<ComputedRef<FilterPath>> = Symbol.for('xh-filter-builder-condition')\n\nexport function provideFilterBuilder(ctx: FilterBuilderContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFilterBuilderContext(): FilterBuilderContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FilterBuilder 部件必须用在 XhFilterBuilderRoot 内')\n  return ctx\n}\n\n/** 组把自己的路径交给组头、条目、组尾与里面的触发钮。 */\nexport function provideFilterBuilderGroup(path: ComputedRef<FilterPath>): void {\n  provide(GROUP_KEY, path)\n}\n\nexport function useFilterBuilderGroup(): ComputedRef<FilterPath> {\n  const path = inject(GROUP_KEY, null)\n  if (!path)\n    throw new Error('[xh] 组头、条目、组尾与组的触发钮必须用在 XhFilterBuilderGroup 内')\n  return path\n}\n\n/** 条件把自己的路径交给行里的部件。 */\nexport function provideFilterBuilderCondition(path: ComputedRef<FilterPath>): void {\n  provide(CONDITION_KEY, path)\n}\n\nexport function useFilterBuilderCondition(): ComputedRef<FilterPath> {\n  const path = inject(CONDITION_KEY, null)\n  if (!path)\n    throw new Error('[xh] 条件行里的部件必须用在 XhFilterBuilderCondition 内')\n  return path\n}\n"],"mappings":";;AAYA,MAAM,MAA0C,OAAO,IAAI,mBAAmB;AAC9E,MAAM,YAAmD,OAAO,IAAI,yBAAyB;AAC7F,MAAM,gBAAuD,OAAO,IAAI,6BAA6B;AAErG,SAAgB,qBAAqB,KAAiC;CACpE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,0BAAgD;CAC9D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT;;AAGA,SAAgB,0BAA0B,MAAqC;CAC7E,QAAQ,WAAW,IAAI;AACzB;AAEA,SAAgB,wBAAiD;CAC/D,MAAM,OAAO,OAAO,WAAW,IAAI;CACnC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,gDAAgD;CAClE,OAAO;AACT;;AAGA,SAAgB,8BAA8B,MAAqC;CACjF,QAAQ,eAAe,IAAI;AAC7B;AAEA,SAAgB,4BAAqD;CACnE,MAAM,OAAO,OAAO,eAAe,IAAI;CACvC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}

package/dist/components/filter-builder/filter-builder.d.ts

@@ -0,0 +1,216 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { FilterBuilderApi, FilterBuilderCreateId, FilterBuilderSchema, FilterCondition, FilterField, FilterGroup, FilterParameter, FilterPath } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
+import { ControlVariant, Size } from "@xihan-ui/core";
+//#region src/components/filter-builder/filter-builder.d.ts
+type FilterBuilderProps = FilterBuilderSchema['props'];
+/** 默认插槽的载荷：当前的树、视图与改树的方法。 */
+type FilterBuilderRootSlotProps = Pick<FilterBuilderApi, 'value' | 'tree' | 'conditions' | 'hasIssues' | 'hasParameters' | 'announcement' | 'setLogic' | 'addCondition' | 'addGroup' | 'remove' | 'move' | 'setField' | 'setOperator' | 'setOperand' | 'setSource' | 'setIgnoreCase'>;
+/** 条件行尾扩展位插槽的载荷。 */
+interface FilterBuilderConditionExtraSlotProps {
+  readonly condition: FilterCondition;
+  readonly path: FilterPath;
+}
+declare const XhFilterBuilderRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 不显示出来的名字，写成 aria-label 落在根上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
+  value: {
+    type: PropType<FilterGroup>;
+  };
+  defaultValue: {
+    type: PropType<FilterGroup>;
+  };
+  fields: {
+    type: PropType<readonly FilterField[]>;
+  };
+  parameters: {
+    type: PropType<readonly FilterParameter[]>;
+  };
+  createId: {
+    type: PropType<FilterBuilderCreateId>;
+  };
+  maxDepth: {
+    type: NumberConstructor;
+  };
+  ignoreCase: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  variant: {
+    type: PropType<ControlVariant>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+  translations: {
+    type: PropType<FilterBuilderProps["translations"]>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'value-change': (_details: PayloadOf<FilterBuilderProps, "onValueChange">) => true;
+  'update:value': (_value: PayloadOf<FilterBuilderProps, "onValueChange">["value"]) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 不显示出来的名字，写成 aria-label 落在根上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
+  value: {
+    type: PropType<FilterGroup>;
+  };
+  defaultValue: {
+    type: PropType<FilterGroup>;
+  };
+  fields: {
+    type: PropType<readonly FilterField[]>;
+  };
+  parameters: {
+    type: PropType<readonly FilterParameter[]>;
+  };
+  createId: {
+    type: PropType<FilterBuilderCreateId>;
+  };
+  maxDepth: {
+    type: NumberConstructor;
+  };
+  ignoreCase: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  variant: {
+    type: PropType<ControlVariant>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+  translations: {
+    type: PropType<FilterBuilderProps["translations"]>;
+  };
+}>> & Readonly<{
+  "onValue-change"?: ((_details: import("@xihan-ui/headless").FilterBuilderValueChangeDetails) => any) | undefined;
+  "onUpdate:value"?: ((_value: FilterGroup<FilterCondition>) => any) | undefined;
+}>, {
+  invalid: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  ignoreCase: boolean;
+}, SlotsType<{
+  default?: (props: FilterBuilderRootSlotProps) => VNode[];
+  'condition-extra'?: (props: FilterBuilderConditionExtraSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderLabel: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 组的节点身份：视图里的 key。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 组的节点身份：视图里的 key。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderGroupHeader: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderLogic: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderGroupDeleteTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderGroupItems: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderGroupFooter: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderAddConditionTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderAddGroupTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderCondition: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 条件的节点身份：视图里的 key。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 条件的节点身份：视图里的 key。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderConditionField: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderConditionOperator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderConditionSource: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderConditionOperand: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderConditionIgnoreCase: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderConditionExtra: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderConditionDeleteTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderConditionError: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderRangeSeparator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderEmpty: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFilterBuilderLiveRegion: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { FilterBuilderConditionExtraSlotProps, FilterBuilderRootSlotProps, XhFilterBuilderAddConditionTrigger, XhFilterBuilderAddGroupTrigger, XhFilterBuilderCondition, XhFilterBuilderConditionDeleteTrigger, XhFilterBuilderConditionError, XhFilterBuilderConditionExtra, XhFilterBuilderConditionField, XhFilterBuilderConditionIgnoreCase, XhFilterBuilderConditionOperand, XhFilterBuilderConditionOperator, XhFilterBuilderConditionSource, XhFilterBuilderEmpty, XhFilterBuilderGroup, XhFilterBuilderGroupDeleteTrigger, XhFilterBuilderGroupFooter, XhFilterBuilderGroupHeader, XhFilterBuilderGroupItems, XhFilterBuilderLabel, XhFilterBuilderLiveRegion, XhFilterBuilderLogic, XhFilterBuilderRangeSeparator, XhFilterBuilderRoot };
+//# sourceMappingURL=filter-builder.d.ts.map

package/dist/components/filter-builder/filter-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-builder.d.ts","names":[],"sources":["../../../src/components/filter-builder/filter-builder.ts"],"mappings":";;;;;KAkCK,qBAAqB;;KAGd,6BAA6B,KACvC;;UAKe;WACN,WAAW;WACX,MAAM;;cAGJ,mCAAmB,8BAAA;;;;;;IAMH,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAChB,MAAA,kBAAkB;;;IACd,MAAA,kBAAkB;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;IAQZ,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;IAnBV,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAChB,MAAA,kBAAkB;;;IACd,MAAA,kBAAkB;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;IAQZ,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;;;;;;;EAQ7B,WAAC,OAAO,+BAA+B;EAC/B,qBAAC,OAAO,yCAAyC;kCAoCvE;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAW/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAaW,oCAAoB,8BAAA;;;;;;;;;;;;;;MAY/B,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAOrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iDAAiC,0BAAA,oBAAA,4BAAA;;8BAO5C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAOpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAOrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kDAAkC,0BAAA,oBAAA,4BAAA;;8BAO7C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8CAA8B,0BAAA,oBAAA,4BAAA;;8BAOzC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,8BAAA;;;;;;;;;;;;;;MAYnC,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAOxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gDAAgC,0BAAA,oBAAA,4BAAA;;8BAO3C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8CAA8B,0BAAA,oBAAA,4BAAA;;8BAOzC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+CAA+B,0BAAA,oBAAA,4BAAA;;8BAO1C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kDAAkC,0BAAA,oBAAA,4BAAA;;8BAO7C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAOxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qDAAqC,0BAAA,oBAAA,4BAAA;;8BAOhD,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAOxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAMxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/filter-builder/filter-builder.js

@@ -0,0 +1,322 @@
+import { renderStructure } from "../../runtime/structure.js";
+import { withXhConfig } from "../../config/config.js";
+import { useFormControlProps } from "../form/use-form-control.js";
+import { useFieldGroupWiring, useFieldLabelWiring } from "../field/use-field-control.js";
+import { XhDateFieldRoot } from "../date-field/date-field.js";
+import { XhNumberFieldRoot } from "../number-field/number-field.js";
+import { XhSelectRoot } from "../select/select.js";
+import { XhSwitch } from "../switch/switch.js";
+import { XhTagsInputRoot } from "../tags-input/tags-input.js";
+import { XhTextFieldRoot } from "../text-field/text-field.js";
+import { XhToggleGroupRoot } from "../toggle-group/toggle-group.js";
+import { provideFilterBuilder, provideFilterBuilderCondition, provideFilterBuilderGroup, useFilterBuilderCondition, useFilterBuilderContext, useFilterBuilderGroup } from "./context.js";
+import { useFilterBuilder } from "./use-filter-builder.js";
+import { filterBuilderStructure } from "@xihan-ui/headless";
+import { computed, defineComponent, h, onUnmounted } from "vue";
+//#region src/components/filter-builder/filter-builder.ts
+const XhFilterBuilderRoot = defineComponent({
+	name: "XhFilterBuilderRoot",
+	props: {
+		/** 不显示出来的名字，写成 aria-label 落在根上；放进字段或渲染了 label 部件时以它们为准。 */
+		ariaLabel: { type: String },
+		value: { type: Object },
+		defaultValue: { type: Object },
+		fields: { type: Array },
+		parameters: { type: Array },
+		createId: { type: Function },
+		maxDepth: { type: Number },
+		ignoreCase: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		variant: { type: String },
+		size: { type: String },
+		translations: { type: Object }
+	},
+	emits: {
+		"value-change": (_details) => true,
+		"update:value": (_value) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const notify = (details) => {
+			emit("value-change", details);
+			emit("update:value", details.value);
+		};
+		const ctx = useFilterBuilder(withXhConfig("filter-builder", useFormControlProps(props)), notify);
+		provideFilterBuilder(ctx);
+		const fieldWiring = useFieldGroupWiring();
+		const fieldLabel = useFieldLabelWiring();
+		return () => {
+			const api = ctx.api.value;
+			return h("div", fieldLabel.value({
+				...fieldWiring.value,
+				...api.getRootProps()
+			}), slots.default ? slots.default({
+				value: api.value,
+				tree: api.tree,
+				conditions: api.conditions,
+				hasIssues: api.hasIssues,
+				hasParameters: api.hasParameters,
+				announcement: api.announcement,
+				setLogic: api.setLogic,
+				addCondition: api.addCondition,
+				addGroup: api.addGroup,
+				remove: api.remove,
+				move: api.move,
+				setField: api.setField,
+				setOperator: api.setOperator,
+				setOperand: api.setOperand,
+				setSource: api.setSource,
+				setIgnoreCase: api.setIgnoreCase
+			}) : renderDefaultStructure(api, ctx.translations.value, slots["condition-extra"]));
+		};
+	}
+});
+const XhFilterBuilderLabel = defineComponent({
+	name: "XhFilterBuilderLabel",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		ctx.labelCount.value++;
+		onUnmounted(() => {
+			ctx.labelCount.value--;
+		});
+		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.());
+	}
+});
+/** 组与条件部件上的 value 换成路径；树里没有这个节点是作者写错了。 */
+function usePathOf(value, part) {
+	const ctx = useFilterBuilderContext();
+	return computed(() => {
+		const path = ctx.api.value.nodePath(value());
+		if (!path) throw new Error(`[xh] ${part} 的 value「${value()}」不是条件树里的节点`);
+		return path;
+	});
+}
+const XhFilterBuilderGroup = defineComponent({
+	name: "XhFilterBuilderGroup",
+	props: { 
+	/** 组的节点身份：视图里的 key。 */
+value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = usePathOf(() => props.value, "XhFilterBuilderGroup");
+		provideFilterBuilderGroup(path);
+		return () => h("div", ctx.api.value.getGroupProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderGroupHeader = defineComponent({
+	name: "XhFilterBuilderGroupHeader",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderGroup();
+		return () => h("div", ctx.api.value.getGroupHeaderProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderLogic = defineComponent({
+	name: "XhFilterBuilderLogic",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderGroup();
+		return () => h("div", ctx.api.value.getLogicProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderGroupDeleteTrigger = defineComponent({
+	name: "XhFilterBuilderGroupDeleteTrigger",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderGroup();
+		return () => h("button", ctx.api.value.getGroupDeleteTriggerProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderGroupItems = defineComponent({
+	name: "XhFilterBuilderGroupItems",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderGroup();
+		return () => h("div", ctx.api.value.getGroupItemsProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderGroupFooter = defineComponent({
+	name: "XhFilterBuilderGroupFooter",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderGroup();
+		return () => h("div", ctx.api.value.getGroupFooterProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderAddConditionTrigger = defineComponent({
+	name: "XhFilterBuilderAddConditionTrigger",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderGroup();
+		return () => h("button", ctx.api.value.getAddConditionTriggerProps(path.value), slots.default?.() ?? ctx.translations.value.addCondition);
+	}
+});
+const XhFilterBuilderAddGroupTrigger = defineComponent({
+	name: "XhFilterBuilderAddGroupTrigger",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderGroup();
+		return () => h("button", ctx.api.value.getAddGroupTriggerProps(path.value), slots.default?.() ?? ctx.translations.value.addGroup);
+	}
+});
+const XhFilterBuilderCondition = defineComponent({
+	name: "XhFilterBuilderCondition",
+	props: { 
+	/** 条件的节点身份：视图里的 key。 */
+value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = usePathOf(() => props.value, "XhFilterBuilderCondition");
+		provideFilterBuilderCondition(path);
+		return () => h("div", ctx.api.value.getConditionProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderConditionField = defineComponent({
+	name: "XhFilterBuilderConditionField",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderCondition();
+		return () => h("div", ctx.api.value.getConditionFieldProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderConditionOperator = defineComponent({
+	name: "XhFilterBuilderConditionOperator",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderCondition();
+		return () => h("div", ctx.api.value.getConditionOperatorProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderConditionSource = defineComponent({
+	name: "XhFilterBuilderConditionSource",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderCondition();
+		return () => h("div", ctx.api.value.getConditionSourceProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderConditionOperand = defineComponent({
+	name: "XhFilterBuilderConditionOperand",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderCondition();
+		return () => h("div", ctx.api.value.getConditionOperandProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderConditionIgnoreCase = defineComponent({
+	name: "XhFilterBuilderConditionIgnoreCase",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderCondition();
+		return () => h("div", ctx.api.value.getConditionIgnoreCaseProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderConditionExtra = defineComponent({
+	name: "XhFilterBuilderConditionExtra",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderCondition();
+		return () => h("div", ctx.api.value.getConditionExtraProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderConditionDeleteTrigger = defineComponent({
+	name: "XhFilterBuilderConditionDeleteTrigger",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderCondition();
+		return () => h("button", ctx.api.value.getConditionDeleteTriggerProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderConditionError = defineComponent({
+	name: "XhFilterBuilderConditionError",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		const path = useFilterBuilderCondition();
+		return () => h("p", ctx.api.value.getConditionErrorProps(path.value), slots.default?.());
+	}
+});
+const XhFilterBuilderRangeSeparator = defineComponent({
+	name: "XhFilterBuilderRangeSeparator",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		return () => h("span", ctx.api.value.getRangeSeparatorProps(), slots.default?.() ?? ctx.translations.value.rangeSeparator);
+	}
+});
+const XhFilterBuilderEmpty = defineComponent({
+	name: "XhFilterBuilderEmpty",
+	setup(_, { slots }) {
+		const ctx = useFilterBuilderContext();
+		return () => h("div", ctx.api.value.getEmptyProps(), slots.default?.() ?? ctx.translations.value.empty);
+	}
+});
+const XhFilterBuilderLiveRegion = defineComponent({
+	name: "XhFilterBuilderLiveRegion",
+	setup() {
+		const ctx = useFilterBuilderContext();
+		return () => h("div", ctx.api.value.getLiveRegionProps(), ctx.api.value.announcement);
+	}
+});
+/** 标准结构里各部件对应的组件。 */
+const FILTER_BUILDER_PARTS = {
+	"group": XhFilterBuilderGroup,
+	"group-header": XhFilterBuilderGroupHeader,
+	"logic": XhFilterBuilderLogic,
+	"group-delete-trigger": XhFilterBuilderGroupDeleteTrigger,
+	"group-items": XhFilterBuilderGroupItems,
+	"group-footer": XhFilterBuilderGroupFooter,
+	"add-condition-trigger": XhFilterBuilderAddConditionTrigger,
+	"add-group-trigger": XhFilterBuilderAddGroupTrigger,
+	"condition": XhFilterBuilderCondition,
+	"condition-field": XhFilterBuilderConditionField,
+	"condition-operator": XhFilterBuilderConditionOperator,
+	"condition-source": XhFilterBuilderConditionSource,
+	"condition-operand": XhFilterBuilderConditionOperand,
+	"range-separator": XhFilterBuilderRangeSeparator,
+	"condition-ignore-case": XhFilterBuilderConditionIgnoreCase,
+	"condition-extra": XhFilterBuilderConditionExtra,
+	"condition-delete-trigger": XhFilterBuilderConditionDeleteTrigger,
+	"condition-error": XhFilterBuilderConditionError,
+	"empty": XhFilterBuilderEmpty,
+	"live-region": XhFilterBuilderLiveRegion
+};
+/** 标准结构里组合进来的组件：与 Web Components 元素的 static dependencies 是同一份清单。 */
+const FILTER_BUILDER_INSTANCES = {
+	"date-field": XhDateFieldRoot,
+	"number-field": XhNumberFieldRoot,
+	"select": XhSelectRoot,
+	"switch": XhSwitch,
+	"tags-input": XhTagsInputRoot,
+	"text-field": XhTextFieldRoot,
+	"toggle-group": XhToggleGroupRoot
+};
+/**
+* 未写默认插槽时铺开的整套结构：照 headless 的 filterBuilderStructure 渲，与 Web Components 不写部件时元素生成的节点出自同一份。
+* 写了 condition-extra 插槽时，带 id 的条件行尾铺扩展位，内容交给插槽。
+*/
+function renderDefaultStructure(api, translations, extraSlot) {
+	return renderStructure(filterBuilderStructure(api, translations, { slotted: (name) => name === "condition-extra" && extraSlot != null }), FILTER_BUILDER_PARTS, (node) => node.slot?.name === "condition-extra" ? extraSlot?.(node.data) : void 0, FILTER_BUILDER_INSTANCES);
+}
+//#endregion
+export { XhFilterBuilderAddConditionTrigger, XhFilterBuilderAddGroupTrigger, XhFilterBuilderCondition, XhFilterBuilderConditionDeleteTrigger, XhFilterBuilderConditionError, XhFilterBuilderConditionExtra, XhFilterBuilderConditionField, XhFilterBuilderConditionIgnoreCase, XhFilterBuilderConditionOperand, XhFilterBuilderConditionOperator, XhFilterBuilderConditionSource, XhFilterBuilderEmpty, XhFilterBuilderGroup, XhFilterBuilderGroupDeleteTrigger, XhFilterBuilderGroupFooter, XhFilterBuilderGroupHeader, XhFilterBuilderGroupItems, XhFilterBuilderLabel, XhFilterBuilderLiveRegion, XhFilterBuilderLogic, XhFilterBuilderRangeSeparator, XhFilterBuilderRoot };
+
+//# sourceMappingURL=filter-builder.js.map

package/dist/components/filter-builder/filter-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-builder.js","names":[],"sources":["../../../src/components/filter-builder/filter-builder.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 filter builder 相关实现。\n\nimport type { ControlVariant, Size } from '@xihan-ui/core'\nimport type { FilterBuilderApi, FilterBuilderCreateId, FilterBuilderSchema, FilterBuilderTranslations, FilterCondition, FilterField, FilterGroup, FilterParameter, FilterPath } from '@xihan-ui/headless'\nimport type { ComputedRef, PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { filterBuilderStructure } from '@xihan-ui/headless'\nimport { computed, defineComponent, h, onUnmounted } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { renderStructure } from '../../runtime/structure'\nimport { XhDateFieldRoot } from '../date-field/date-field'\nimport { useFieldGroupWiring, useFieldLabelWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { XhNumberFieldRoot } from '../number-field/number-field'\nimport { XhSelectRoot } from '../select/select'\nimport { XhSwitch } from '../switch/switch'\nimport { XhTagsInputRoot } from '../tags-input/tags-input'\nimport { XhTextFieldRoot } from '../text-field/text-field'\nimport { XhToggleGroupRoot } from '../toggle-group/toggle-group'\nimport {\n  provideFilterBuilder,\n  provideFilterBuilderCondition,\n  provideFilterBuilderGroup,\n  useFilterBuilderCondition,\n  useFilterBuilderContext,\n  useFilterBuilderGroup,\n} from './context'\nimport { useFilterBuilder } from './use-filter-builder'\n\ntype FilterBuilderProps = FilterBuilderSchema['props']\n\n/** 默认插槽的载荷：当前的树、视图与改树的方法。 */\nexport type FilterBuilderRootSlotProps = Pick<\n  FilterBuilderApi,\n  'value' | 'tree' | 'conditions' | 'hasIssues' | 'hasParameters' | 'announcement' | 'setLogic' | 'addCondition' | 'addGroup' | 'remove' | 'move' | 'setField' | 'setOperator' | 'setOperand' | 'setSource' | 'setIgnoreCase'\n>\n\n/** 条件行尾扩展位插槽的载荷。 */\nexport interface FilterBuilderConditionExtraSlotProps {\n  readonly condition: FilterCondition\n  readonly path: FilterPath\n}\n\nexport const XhFilterBuilderRoot = defineComponent({\n  name: 'XhFilterBuilderRoot',\n  props: {\n    /** 不显示出来的名字，写成 aria-label 落在根上；放进字段或渲染了 label 部件时以它们为准。 */\n    ariaLabel: { type: String },\n    // 缺席值 undefined 表示非受控\n    value: { type: Object as PropType<FilterGroup> },\n    defaultValue: { type: Object as PropType<FilterGroup> },\n    fields: { type: Array as PropType<readonly FilterField[]> },\n    parameters: { type: Array as PropType<readonly FilterParameter[]> },\n    createId: { type: Function as PropType<FilterBuilderCreateId> },\n    maxDepth: { type: Number },\n    // undefined 才表示「本实例没说」，缺省 true\n    ignoreCase: { type: Boolean, default: undefined },\n    // undefined 才表示「本实例没说」，Form/Field 才能安全地下传状态；false 是显式顶掉继承。\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<ControlVariant> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<FilterBuilderProps['translations']> },\n  },\n  // value-change 携带 { value }，update:value 携带条件树本身\n  emits: {\n    'value-change': (_details: PayloadOf<FilterBuilderProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<FilterBuilderProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    'default'?: (props: FilterBuilderRootSlotProps) => VNode[]\n    'condition-extra'?: (props: FilterBuilderConditionExtraSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: FilterBuilderProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useFilterBuilder(withXhConfig('filter-builder', useFormControlProps(props)) as FilterBuilderProps, notify)\n    provideFilterBuilder(ctx)\n    // 放进表单字段时，字段的标题与说明接到根组上\n    const fieldWiring = useFieldGroupWiring()\n    const fieldLabel = useFieldLabelWiring()\n    return () => {\n      const api = ctx.api.value\n      return h('div', fieldLabel.value({ ...fieldWiring.value, ...api.getRootProps() as Record<string, unknown> }), slots.default\n        ? slots.default({\n            value: api.value,\n            tree: api.tree,\n            conditions: api.conditions,\n            hasIssues: api.hasIssues,\n            hasParameters: api.hasParameters,\n            announcement: api.announcement,\n            setLogic: api.setLogic,\n            addCondition: api.addCondition,\n            addGroup: api.addGroup,\n            remove: api.remove,\n            move: api.move,\n            setField: api.setField,\n            setOperator: api.setOperator,\n            setOperand: api.setOperand,\n            setSource: api.setSource,\n            setIgnoreCase: api.setIgnoreCase,\n          })\n        : renderDefaultStructure(api, ctx.translations.value, slots['condition-extra']))\n    }\n  },\n})\n\nexport const XhFilterBuilderLabel = defineComponent({\n  name: 'XhFilterBuilderLabel',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    // 渲出来就登记，在 setup 里同步做：首帧与服务端直出就带上名字\n    ctx.labelCount.value++\n    onUnmounted(() => {\n      ctx.labelCount.value--\n    })\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 组与条件部件上的 value 换成路径；树里没有这个节点是作者写错了。 */\nfunction usePathOf(value: () => string, part: string): ComputedRef<FilterPath> {\n  const ctx = useFilterBuilderContext()\n  return computed(() => {\n    const path = ctx.api.value.nodePath(value())\n    if (!path)\n      throw new Error(`[xh] ${part} 的 value「${value()}」不是条件树里的节点`)\n    return path\n  })\n}\n\nexport const XhFilterBuilderGroup = defineComponent({\n  name: 'XhFilterBuilderGroup',\n  props: {\n    /** 组的节点身份：视图里的 key。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = usePathOf(() => props.value, 'XhFilterBuilderGroup')\n    provideFilterBuilderGroup(path)\n    return () => h('div', ctx.api.value.getGroupProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderGroupHeader = defineComponent({\n  name: 'XhFilterBuilderGroupHeader',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderGroup()\n    return () => h('div', ctx.api.value.getGroupHeaderProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderLogic = defineComponent({\n  name: 'XhFilterBuilderLogic',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderGroup()\n    return () => h('div', ctx.api.value.getLogicProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderGroupDeleteTrigger = defineComponent({\n  name: 'XhFilterBuilderGroupDeleteTrigger',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderGroup()\n    return () => h('button', ctx.api.value.getGroupDeleteTriggerProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderGroupItems = defineComponent({\n  name: 'XhFilterBuilderGroupItems',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderGroup()\n    return () => h('div', ctx.api.value.getGroupItemsProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderGroupFooter = defineComponent({\n  name: 'XhFilterBuilderGroupFooter',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderGroup()\n    return () => h('div', ctx.api.value.getGroupFooterProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderAddConditionTrigger = defineComponent({\n  name: 'XhFilterBuilderAddConditionTrigger',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderGroup()\n    return () => h('button', ctx.api.value.getAddConditionTriggerProps(path.value) as Record<string, unknown>, slots.default?.() ?? ctx.translations.value.addCondition)\n  },\n})\n\nexport const XhFilterBuilderAddGroupTrigger = defineComponent({\n  name: 'XhFilterBuilderAddGroupTrigger',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderGroup()\n    return () => h('button', ctx.api.value.getAddGroupTriggerProps(path.value) as Record<string, unknown>, slots.default?.() ?? ctx.translations.value.addGroup)\n  },\n})\n\nexport const XhFilterBuilderCondition = defineComponent({\n  name: 'XhFilterBuilderCondition',\n  props: {\n    /** 条件的节点身份：视图里的 key。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = usePathOf(() => props.value, 'XhFilterBuilderCondition')\n    provideFilterBuilderCondition(path)\n    return () => h('div', ctx.api.value.getConditionProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderConditionField = defineComponent({\n  name: 'XhFilterBuilderConditionField',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderCondition()\n    return () => h('div', ctx.api.value.getConditionFieldProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderConditionOperator = defineComponent({\n  name: 'XhFilterBuilderConditionOperator',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderCondition()\n    return () => h('div', ctx.api.value.getConditionOperatorProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderConditionSource = defineComponent({\n  name: 'XhFilterBuilderConditionSource',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderCondition()\n    return () => h('div', ctx.api.value.getConditionSourceProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderConditionOperand = defineComponent({\n  name: 'XhFilterBuilderConditionOperand',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderCondition()\n    return () => h('div', ctx.api.value.getConditionOperandProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderConditionIgnoreCase = defineComponent({\n  name: 'XhFilterBuilderConditionIgnoreCase',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderCondition()\n    return () => h('div', ctx.api.value.getConditionIgnoreCaseProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderConditionExtra = defineComponent({\n  name: 'XhFilterBuilderConditionExtra',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderCondition()\n    return () => h('div', ctx.api.value.getConditionExtraProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderConditionDeleteTrigger = defineComponent({\n  name: 'XhFilterBuilderConditionDeleteTrigger',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderCondition()\n    return () => h('button', ctx.api.value.getConditionDeleteTriggerProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderConditionError = defineComponent({\n  name: 'XhFilterBuilderConditionError',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    const path = useFilterBuilderCondition()\n    return () => h('p', ctx.api.value.getConditionErrorProps(path.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFilterBuilderRangeSeparator = defineComponent({\n  name: 'XhFilterBuilderRangeSeparator',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    return () => h('span', ctx.api.value.getRangeSeparatorProps() as Record<string, unknown>, slots.default?.() ?? ctx.translations.value.rangeSeparator)\n  },\n})\n\nexport const XhFilterBuilderEmpty = defineComponent({\n  name: 'XhFilterBuilderEmpty',\n  setup(_, { slots }) {\n    const ctx = useFilterBuilderContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.() ?? ctx.translations.value.empty)\n  },\n})\n\nexport const XhFilterBuilderLiveRegion = defineComponent({\n  name: 'XhFilterBuilderLiveRegion',\n  setup() {\n    const ctx = useFilterBuilderContext()\n    return () => h('div', ctx.api.value.getLiveRegionProps() as Record<string, unknown>, ctx.api.value.announcement)\n  },\n})\n\n/** 标准结构里各部件对应的组件。 */\nconst FILTER_BUILDER_PARTS = {\n  'group': XhFilterBuilderGroup,\n  'group-header': XhFilterBuilderGroupHeader,\n  'logic': XhFilterBuilderLogic,\n  'group-delete-trigger': XhFilterBuilderGroupDeleteTrigger,\n  'group-items': XhFilterBuilderGroupItems,\n  'group-footer': XhFilterBuilderGroupFooter,\n  'add-condition-trigger': XhFilterBuilderAddConditionTrigger,\n  'add-group-trigger': XhFilterBuilderAddGroupTrigger,\n  'condition': XhFilterBuilderCondition,\n  'condition-field': XhFilterBuilderConditionField,\n  'condition-operator': XhFilterBuilderConditionOperator,\n  'condition-source': XhFilterBuilderConditionSource,\n  'condition-operand': XhFilterBuilderConditionOperand,\n  'range-separator': XhFilterBuilderRangeSeparator,\n  'condition-ignore-case': XhFilterBuilderConditionIgnoreCase,\n  'condition-extra': XhFilterBuilderConditionExtra,\n  'condition-delete-trigger': XhFilterBuilderConditionDeleteTrigger,\n  'condition-error': XhFilterBuilderConditionError,\n  'empty': XhFilterBuilderEmpty,\n  'live-region': XhFilterBuilderLiveRegion,\n}\n\n/** 标准结构里组合进来的组件：与 Web Components 元素的 static dependencies 是同一份清单。 */\nconst FILTER_BUILDER_INSTANCES = {\n  'date-field': XhDateFieldRoot,\n  'number-field': XhNumberFieldRoot,\n  'select': XhSelectRoot,\n  'switch': XhSwitch,\n  'tags-input': XhTagsInputRoot,\n  'text-field': XhTextFieldRoot,\n  'toggle-group': XhToggleGroupRoot,\n}\n\n/**\n * 未写默认插槽时铺开的整套结构：照 headless 的 filterBuilderStructure 渲，与 Web Components 不写部件时元素生成的节点出自同一份。\n * 写了 condition-extra 插槽时，带 id 的条件行尾铺扩展位，内容交给插槽。\n */\nfunction renderDefaultStructure(api: FilterBuilderApi, translations: FilterBuilderTranslations, extraSlot?: (props: FilterBuilderConditionExtraSlotProps) => VNode[]): VNode[] {\n  const nodes = filterBuilderStructure(api, translations, { slotted: name => name === 'condition-extra' && extraSlot != null })\n  return renderStructure(nodes, FILTER_BUILDER_PARTS, node =>\n    node.slot?.name === 'condition-extra' ? extraSlot?.(node.data as FilterBuilderConditionExtraSlotProps) : undefined, FILTER_BUILDER_INSTANCES)\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgDA,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;;EAEL,WAAW,EAAE,MAAM,OAAO;EAE1B,OAAO,EAAE,MAAM,OAAgC;EAC/C,cAAc,EAAE,MAAM,OAAgC;EACtD,QAAQ,EAAE,MAAM,MAA0C;EAC1D,YAAY,EAAE,MAAM,MAA8C;EAClE,UAAU,EAAE,MAAM,SAA4C;EAC9D,UAAU,EAAE,MAAM,OAAO;EAEzB,YAAY;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAEhD,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,SAAS,EAAE,MAAM,OAAmC;EACpD,MAAM,EAAE,MAAM,OAAyB;EACvC,cAAc,EAAE,MAAM,OAAuD;CAC/E;CAEA,OAAO;EACL,iBAAiB,aAA6D;EAC9E,iBAAiB,WAAoE;CACvF;CACA,OAAO;CAIP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAA+C,YAAY;GAC/D,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,MAAM,iBAAiB,aAAa,kBAAkB,oBAAoB,KAAK,CAAC,GAAyB,MAAM;EACrH,qBAAqB,GAAG;EAExB,MAAM,cAAc,oBAAoB;EACxC,MAAM,aAAa,oBAAoB;EACvC,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,OAAO,EAAE,OAAO,WAAW,MAAM;IAAE,GAAG,YAAY;IAAO,GAAG,IAAI,aAAa;GAA6B,CAAC,GAAG,MAAM,UAChH,MAAM,QAAQ;IACZ,OAAO,IAAI;IACX,MAAM,IAAI;IACV,YAAY,IAAI;IAChB,WAAW,IAAI;IACf,eAAe,IAAI;IACnB,cAAc,IAAI;IAClB,UAAU,IAAI;IACd,cAAc,IAAI;IAClB,UAAU,IAAI;IACd,QAAQ,IAAI;IACZ,MAAM,IAAI;IACV,UAAU,IAAI;IACd,aAAa,IAAI;IACjB,YAAY,IAAI;IAChB,WAAW,IAAI;IACf,eAAe,IAAI;GACrB,CAAC,IACD,uBAAuB,KAAK,IAAI,aAAa,OAAO,MAAM,kBAAkB,CAAC;EACnF;CACF;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EAEpC,IAAI,WAAW;EACf,kBAAkB;GAChB,IAAI,WAAW;EACjB,CAAC;EACD,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;;AAGD,SAAS,UAAU,OAAqB,MAAuC;CAC7E,MAAM,MAAM,wBAAwB;CACpC,OAAO,eAAe;EACpB,MAAM,OAAO,IAAI,IAAI,MAAM,SAAS,MAAM,CAAC;EAC3C,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,QAAQ,KAAK,WAAW,MAAM,EAAE,WAAW;EAC7D,OAAO;CACT,CAAC;AACH;AAEA,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAK,EACxC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,gBAAgB,MAAM,OAAO,sBAAsB;EAChE,0BAA0B,IAAI;EAC9B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAED,MAAa,6BAA6B,gBAAgB;CACxD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,sBAAsB;EACnC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,oBAAoB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACnH;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,sBAAsB;EACnC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAED,MAAa,oCAAoC,gBAAgB;CAC/D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,sBAAsB;EACnC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,2BAA2B,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAC7H;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,sBAAsB;EACnC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,mBAAmB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAClH;AACF,CAAC;AAED,MAAa,6BAA6B,gBAAgB;CACxD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,sBAAsB;EACnC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,oBAAoB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACnH;AACF,CAAC;AAED,MAAa,qCAAqC,gBAAgB;CAChE,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,sBAAsB;EACnC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,4BAA4B,KAAK,KAAK,GAA8B,MAAM,UAAU,KAAK,IAAI,aAAa,MAAM,YAAY;CACrK;AACF,CAAC;AAED,MAAa,iCAAiC,gBAAgB;CAC5D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,sBAAsB;EACnC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,wBAAwB,KAAK,KAAK,GAA8B,MAAM,UAAU,KAAK,IAAI,aAAa,MAAM,QAAQ;CAC7J;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAK,EACxC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,gBAAgB,MAAM,OAAO,0BAA0B;EACpE,8BAA8B,IAAI;EAClC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,kBAAkB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACjH;AACF,CAAC;AAED,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,0BAA0B;EACvC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,uBAAuB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACtH;AACF,CAAC;AAED,MAAa,mCAAmC,gBAAgB;CAC9D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,0BAA0B;EACvC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,0BAA0B,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACzH;AACF,CAAC;AAED,MAAa,iCAAiC,gBAAgB;CAC5D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,0BAA0B;EACvC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,wBAAwB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACvH;AACF,CAAC;AAED,MAAa,kCAAkC,gBAAgB;CAC7D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,0BAA0B;EACvC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,yBAAyB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACxH;AACF,CAAC;AAED,MAAa,qCAAqC,gBAAgB;CAChE,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,0BAA0B;EACvC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,4BAA4B,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAC3H;AACF,CAAC;AAED,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,0BAA0B;EACvC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,uBAAuB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACtH;AACF,CAAC;AAED,MAAa,wCAAwC,gBAAgB;CACnE,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,0BAA0B;EACvC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,+BAA+B,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACjI;AACF,CAAC;AAED,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,MAAM,OAAO,0BAA0B;EACvC,aAAa,EAAE,KAAK,IAAI,IAAI,MAAM,uBAAuB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACpH;AACF,CAAC;AAED,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,uBAAuB,GAA8B,MAAM,UAAU,KAAK,IAAI,aAAa,MAAM,cAAc;CACtJ;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,wBAAwB;EACpC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,KAAK,IAAI,aAAa,MAAM,KAAK;CACnI;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,wBAAwB;EACpC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,mBAAmB,GAA8B,IAAI,IAAI,MAAM,YAAY;CACjH;AACF,CAAC;;AAGD,MAAM,uBAAuB;CAC3B,SAAS;CACT,gBAAgB;CAChB,SAAS;CACT,wBAAwB;CACxB,eAAe;CACf,gBAAgB;CAChB,yBAAyB;CACzB,qBAAqB;CACrB,aAAa;CACb,mBAAmB;CACnB,sBAAsB;CACtB,oBAAoB;CACpB,qBAAqB;CACrB,mBAAmB;CACnB,yBAAyB;CACzB,mBAAmB;CACnB,4BAA4B;CAC5B,mBAAmB;CACnB,SAAS;CACT,eAAe;AACjB;;AAGA,MAAM,2BAA2B;CAC/B,cAAc;CACd,gBAAgB;CAChB,UAAU;CACV,UAAU;CACV,cAAc;CACd,cAAc;CACd,gBAAgB;AAClB;;;;;AAMA,SAAS,uBAAuB,KAAuB,cAAyC,WAA+E;CAE7K,OAAO,gBADO,uBAAuB,KAAK,cAAc,EAAE,UAAS,SAAQ,SAAS,qBAAqB,aAAa,KAAK,CAChG,GAAG,uBAAsB,SAClD,KAAK,MAAM,SAAS,oBAAoB,YAAY,KAAK,IAA4C,IAAI,KAAA,GAAW,wBAAwB;AAChJ"}

package/dist/components/filter-builder/use-filter-builder.d.ts

@@ -0,0 +1,16 @@
+import { FilterBuilderApi, FilterBuilderSchema, FilterBuilderTranslations } from "@xihan-ui/headless";
+import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
+//#region src/components/filter-builder/use-filter-builder.d.ts
+interface FilterBuilderContext {
+  /** 已渲染的 label 部件数量，由 XhFilterBuilderLabel 在 setup 里同步登记、卸载时撤销；根的 aria-labelledby 据此决定指不指过去。 */
+  labelCount: Ref<number>;
+  service: Service<FilterBuilderSchema>;
+  api: ComputedRef<FilterBuilderApi>;
+  /** 解析后的文案，给标准结构里的文字用。 */
+  translations: ComputedRef<FilterBuilderTranslations>;
+}
+declare function useFilterBuilder(props: FilterBuilderSchema['props'], onValueChange?: FilterBuilderSchema['props']['onValueChange']): FilterBuilderContext;
+//#endregion
+export { FilterBuilderContext, useFilterBuilder };
+//# sourceMappingURL=use-filter-builder.d.ts.map

package/dist/components/filter-builder/use-filter-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-filter-builder.d.ts","names":[],"sources":["../../../src/components/filter-builder/use-filter-builder.ts"],"mappings":";;;;UAeiB;;EAEf,YAAY;EACZ,SAAS,QAAQ;EACjB,KAAK,YAAY;;EAEjB,cAAc,YAAY;;iBAGZ,iBACd,OAAO,8BACP,gBAAgB,gDACf"}