@xihan-ui/vue 4.2.0 → 5.1.0

package/dist/components/expression-input/expression-input.d.ts

@@ -0,0 +1,294 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { ExpressionInputApi, ExpressionInputAutoSize, ExpressionInputHost, ExpressionInputSchema, ExpressionInputTranslations } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
+import { ControlVariant, Direction, ExpressionCheck, ExpressionCompletionSource, Placement, Size, Tone } from "@xihan-ui/core";
+import { FunctionTable } from "@xihan-ui/expression";
+//#region src/components/expression-input/expression-input.d.ts
+type ExpressionInputProps = ExpressionInputSchema['props'];
+/** 默认插槽的载荷：值、开合、补全条目、问题与镜像层分段，空态与种类文案，以及改写值、插入文本与收起的句柄。 */
+type ExpressionInputRootSlotProps = Pick<ExpressionInputApi, 'value' | 'open' | 'items' | 'issues' | 'segments' | 'emptyText' | 'kindText' | 'highlightedKey' | 'setValue' | 'insert' | 'close'>;
+declare const XhExpressionInputRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
+  value: {
+    type: StringConstructor;
+  };
+  defaultValue: {
+    type: StringConstructor;
+  };
+  check: {
+    type: PropType<ExpressionCheck>;
+  };
+  completions: {
+    type: PropType<ExpressionCompletionSource>;
+  };
+  functions: {
+    type: PropType<FunctionTable>;
+  };
+  /** 标题文字；给了即在缺省结构里铺 label 部件。 */
+  label: {
+    type: StringConstructor;
+  };
+  multiline: BooleanConstructor;
+  placeholder: {
+    type: StringConstructor;
+  };
+  name: {
+    type: StringConstructor;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  autoSize: {
+    type: PropType<boolean | ExpressionInputAutoSize>;
+    default: undefined;
+  };
+  checkDelay: {
+    type: NumberConstructor;
+  };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  placement: {
+    type: PropType<Placement>;
+  };
+  offset: {
+    type: NumberConstructor;
+  };
+  /** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */
+  dir: {
+    type: PropType<Direction>;
+  };
+  translations: {
+    type: PropType<Partial<ExpressionInputTranslations>>;
+  };
+  variant: {
+    type: PropType<ControlVariant>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'value-change': (_details: PayloadOf<ExpressionInputProps, "onValueChange">) => true;
+  'issues-change': (_details: PayloadOf<ExpressionInputProps, "onIssuesChange">) => true;
+  'completion-select': (_details: PayloadOf<ExpressionInputProps, "onCompletionSelect">) => true;
+  'open-change': (_details: PayloadOf<ExpressionInputProps, "onOpenChange">) => true;
+  'update:value': (_value: PayloadOf<ExpressionInputProps, "onValueChange">["value"]) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
+  value: {
+    type: StringConstructor;
+  };
+  defaultValue: {
+    type: StringConstructor;
+  };
+  check: {
+    type: PropType<ExpressionCheck>;
+  };
+  completions: {
+    type: PropType<ExpressionCompletionSource>;
+  };
+  functions: {
+    type: PropType<FunctionTable>;
+  };
+  /** 标题文字；给了即在缺省结构里铺 label 部件。 */
+  label: {
+    type: StringConstructor;
+  };
+  multiline: BooleanConstructor;
+  placeholder: {
+    type: StringConstructor;
+  };
+  name: {
+    type: StringConstructor;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  autoSize: {
+    type: PropType<boolean | ExpressionInputAutoSize>;
+    default: undefined;
+  };
+  checkDelay: {
+    type: NumberConstructor;
+  };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  placement: {
+    type: PropType<Placement>;
+  };
+  offset: {
+    type: NumberConstructor;
+  };
+  /** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */
+  dir: {
+    type: PropType<Direction>;
+  };
+  translations: {
+    type: PropType<Partial<ExpressionInputTranslations>>;
+  };
+  variant: {
+    type: PropType<ControlVariant>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+}>> & Readonly<{
+  "onValue-change"?: ((_details: import("@xihan-ui/headless").ExpressionInputValueChangeDetails) => any) | undefined;
+  "onUpdate:value"?: ((_value: string) => any) | undefined;
+  "onOpen-change"?: ((_details: import("@xihan-ui/headless").ExpressionInputOpenChangeDetails) => any) | undefined;
+  "onIssues-change"?: ((_details: import("@xihan-ui/headless").ExpressionInputIssuesChangeDetails) => any) | undefined;
+  "onCompletion-select"?: ((_details: import("@xihan-ui/headless").ExpressionInputCompletionSelectDetails) => any) | undefined;
+}>, {
+  required: boolean;
+  invalid: boolean;
+  loop: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  multiline: boolean;
+  autoSize: boolean | ExpressionInputAutoSize;
+}, SlotsType<{
+  default?: (props: ExpressionInputRootSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 标题；必须是原生 label，getLabelProps 的 for 恒指向输入框。 */
+declare const XhExpressionInputLabel: 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 XhExpressionInputControl: 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>;
+/** 输入框；缺省跟着根上的 multiline，写 as 时以它为准。 */
+declare const XhExpressionInputInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    type: PropType<ExpressionInputHost>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  as: {
+    type: PropType<ExpressionInputHost>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 镜像层：把问题区间画成波浪下划线，对读屏隐藏。 */
+declare const XhExpressionInputHighlight: 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>;
+/** 镜像层里的一段；index 是它在 segments 里的序号。 */
+declare const XhExpressionInputHighlightSegment: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  index: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  index: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhExpressionInputPositioner: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 本实例的 Portal 容器；优先于应用级配置。 */
+  container: {
+    type: PropType<Element>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 本实例的 Portal 容器；优先于应用级配置。 */
+  container: {
+    type: PropType<Element>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhExpressionInputContent: 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>;
+/** 一条补全；value 是条目的 key。 */
+declare const XhExpressionInputItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 条目种类小标（变量 / 函数），对读屏隐藏。 */
+declare const XhExpressionInputItemPrefix: any;
+declare const XhExpressionInputItemText: any;
+/** 名字后面的提示：函数是签名。 */
+declare const XhExpressionInputItemSuffix: any;
+/** 条目的第 2 行说明。 */
+declare const XhExpressionInputItemDescription: any;
+/** 没有匹配的补全时显示的空态；与 content 同级。 */
+declare const XhExpressionInputEmpty: 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 XhExpressionInputIssues: 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>;
+/** 问题列表里的一行；index 是它在 issues 里的序号。 */
+declare const XhExpressionInputIssue: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  index: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  index: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { ExpressionInputRootSlotProps, XhExpressionInputContent, XhExpressionInputControl, XhExpressionInputEmpty, XhExpressionInputHighlight, XhExpressionInputHighlightSegment, XhExpressionInputInput, XhExpressionInputIssue, XhExpressionInputIssues, XhExpressionInputItem, XhExpressionInputItemDescription, XhExpressionInputItemPrefix, XhExpressionInputItemSuffix, XhExpressionInputItemText, XhExpressionInputLabel, XhExpressionInputPositioner, XhExpressionInputRoot };
+//# sourceMappingURL=expression-input.d.ts.map

package/dist/components/expression-input/expression-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expression-input.d.ts","names":[],"sources":["../../../src/components/expression-input/expression-input.ts"],"mappings":";;;;;;KAuBK,uBAAuB;;KAGhB,+BAA+B,KACzC;cAgBW,qCAAqB,8BAAA;;;;;;;;;;;;IAOH,MAAA,SAAS;;;IACM,MAAA,SAAS;;;IACtB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUC,MAAA,mBAAmB;;;;;;;;;;;IAG7B,MAAA,SAAS;;;;;;;IAGf,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACtB,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;EAGN,iBAAA,UAAA,UAAU;EACT,kBAAA,UAAA,UAAU;EACN,sBAAA,UAAA,UAAU;EAChB,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;;;;;;;;;;;;;IA7BR,MAAA,SAAS;;;IACM,MAAA,SAAS;;;IACtB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUC,MAAA,mBAAmB;;;;;;;;;;;IAG7B,MAAA,SAAS;;;;;;;IAGf,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACtB,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;EAUvB,WAAC,OAAO,iCAAiC;kCAyCrD;;cAGW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAUjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,sCAAsB,8BAAA;;IAGT,MAAA,SAAS;;;;;;IAAT,MAAA,SAAS;;MAoBjC,oDAAA;;cAGW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BASrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,iDAAiC,8BAAA;;;;;;;;;;;;MAY5C,oDAAA;cAEW,2CAA2B,8BAAA;;;IAIP,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MAaxC,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAUnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,qCAAqB,8BAAA;;;;;;;;;;;;MAWhC,oDAAA;;cAmBW;cACA;;cAEA;;cAEA;;cAGA,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAUlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,sCAAsB,8BAAA;;;;;;;;;;;;MAYjC,oDAAA"}

package/dist/components/expression-input/expression-input.js

@@ -0,0 +1,307 @@
+import { renderStructure } from "../../runtime/structure.js";
+import { withXhConfig } from "../../config/config.js";
+import { XhPortal } from "../../runtime/portal.js";
+import { useScrollbars } from "../../runtime/use-scrollbars.js";
+import { useFormControlProps } from "../form/use-form-control.js";
+import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
+import { provideExpressionInput, useExpressionInputContext } from "./context.js";
+import { useExpressionInput } from "./use-expression-input.js";
+import { expressionInputStructure, withFieldDescription } from "@xihan-ui/headless";
+import { computed, defineComponent, h, inject, mergeProps, onUnmounted, provide, watch } from "vue";
+//#region src/components/expression-input/expression-input.ts
+const ITEM_KEY = Symbol.for("xh-expression-input-item");
+const XhExpressionInputRoot = defineComponent({
+	name: "XhExpressionInputRoot",
+	props: {
+		/** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+		ariaLabel: { type: String },
+		value: { type: String },
+		defaultValue: { type: String },
+		check: { type: Function },
+		completions: { type: [Array, Function] },
+		functions: { type: Object },
+		/** 标题文字；给了即在缺省结构里铺 label 部件。 */
+		label: { type: String },
+		multiline: Boolean,
+		placeholder: { type: String },
+		name: { type: String },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		autoSize: {
+			type: [Boolean, Object],
+			default: void 0
+		},
+		checkDelay: { type: Number },
+		loop: {
+			type: Boolean,
+			default: void 0
+		},
+		placement: { type: String },
+		offset: { type: Number },
+		/** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */
+		dir: { type: String },
+		translations: { type: Object },
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String }
+	},
+	emits: {
+		"value-change": (_details) => true,
+		"issues-change": (_details) => true,
+		"completion-select": (_details) => true,
+		"open-change": (_details) => true,
+		"update:value": (_value) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const ctx = useExpressionInput(withXhConfig("expression-input", useFormControlProps(props)), {
+			onValueChange: (details) => {
+				emit("value-change", details);
+				emit("update:value", details.value);
+			},
+			onIssuesChange: (details) => emit("issues-change", details),
+			onCompletionSelect: (details) => emit("completion-select", details),
+			onOpenChange: (details) => emit("open-change", details)
+		});
+		provideExpressionInput(ctx);
+		watch(() => props.multiline, (multiline) => {
+			ctx.multiline.value = multiline;
+		}, { immediate: true });
+		return () => {
+			const api = ctx.api.value;
+			return h("div", api.getRootProps(), slots.default ? slots.default({
+				value: api.value,
+				open: api.open,
+				items: api.items,
+				issues: api.issues,
+				segments: api.segments,
+				emptyText: api.emptyText,
+				kindText: api.kindText,
+				highlightedKey: api.highlightedKey,
+				setValue: api.setValue,
+				insert: api.insert,
+				close: api.close
+			}) : renderDefaultStructure(api, props.label, props.multiline));
+		};
+	}
+});
+/** 标题；必须是原生 label，getLabelProps 的 for 恒指向输入框。 */
+const XhExpressionInputLabel = defineComponent({
+	name: "XhExpressionInputLabel",
+	setup(_, { slots }) {
+		const ctx = useExpressionInputContext();
+		ctx.labelCount.value++;
+		onUnmounted(() => {
+			ctx.labelCount.value--;
+		});
+		return () => h("label", ctx.api.value.getLabelProps(), slots.default?.());
+	}
+});
+/** 字段视觉盒：输入框与镜像层叠在里面。 */
+const XhExpressionInputControl = defineComponent({
+	name: "XhExpressionInputControl",
+	setup(_, { slots }) {
+		const ctx = useExpressionInputContext();
+		return () => h("div", ctx.api.value.getControlProps(), slots.default?.());
+	}
+});
+/** 输入框；缺省跟着根上的 multiline，写 as 时以它为准。 */
+const XhExpressionInputInput = defineComponent({
+	name: "XhExpressionInputInput",
+	props: { as: { type: String } },
+	setup(props) {
+		const fieldWiring = useFieldStateWiring();
+		const fieldLabel = useFieldLabelWiring();
+		const ctx = useExpressionInputContext();
+		const tag = computed(() => props.as ?? (ctx.multiline.value ? "textarea" : "input"));
+		watch(tag, (host) => {
+			ctx.multiline.value = host === "textarea";
+		}, { immediate: true });
+		return () => h(tag.value, fieldLabel.value(withFieldDescription({
+			...fieldWiring.value,
+			...ctx.api.value.getInputProps({ as: tag.value }),
+			ref: (el) => {
+				ctx.inputRef.value = el;
+			}
+		}, fieldWiring.value["aria-describedby"])));
+	}
+});
+/** 镜像层：把问题区间画成波浪下划线，对读屏隐藏。 */
+const XhExpressionInputHighlight = defineComponent({
+	name: "XhExpressionInputHighlight",
+	setup(_, { slots }) {
+		const ctx = useExpressionInputContext();
+		return () => h("div", {
+			...ctx.api.value.getHighlightProps(),
+			ref: (el) => {
+				ctx.highlightRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+/** 镜像层里的一段；index 是它在 segments 里的序号。 */
+const XhExpressionInputHighlightSegment = defineComponent({
+	name: "XhExpressionInputHighlightSegment",
+	props: { index: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useExpressionInputContext();
+		return () => {
+			const segment = ctx.api.value.segments[Number(props.index)];
+			return segment ? h("span", ctx.api.value.getHighlightSegmentProps({ segment }), slots.default?.()) : null;
+		};
+	}
+});
+const XhExpressionInputPositioner = defineComponent({
+	name: "XhExpressionInputPositioner",
+	props: { 
+	/** 本实例的 Portal 容器；优先于应用级配置。 */
+container: { type: Object } },
+	inheritAttrs: false,
+	setup(props, { slots, attrs }) {
+		const ctx = useExpressionInputContext();
+		const bars = useScrollbars({
+			scrollable: () => ctx.contentRef.value,
+			props: { size: "sm" }
+		});
+		return () => h(XhPortal, {
+			to: props.container ?? ctx.portalTarget.value,
+			source: ctx.inputRef,
+			present: ctx.visible.value
+		}, () => [h("div", {
+			...mergeProps(ctx.api.value.getPositionerProps(), attrs),
+			ref: (el) => {
+				ctx.positionerRef.value = el;
+			}
+		}, [...slots.default?.() ?? [], ...bars.render()])]);
+	}
+});
+const XhExpressionInputContent = defineComponent({
+	name: "XhExpressionInputContent",
+	setup(_, { slots }) {
+		const ctx = useExpressionInputContext();
+		return () => h("div", {
+			...ctx.api.value.getContentProps(),
+			style: ctx.visible.value ? void 0 : { display: "none" },
+			ref: (el) => {
+				ctx.contentRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+/** 一条补全；value 是条目的 key。 */
+const XhExpressionInputItem = defineComponent({
+	name: "XhExpressionInputItem",
+	props: { value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useExpressionInputContext();
+		const item = computed(() => ctx.api.value.items.find((candidate) => candidate.key === props.value));
+		provide(ITEM_KEY, item);
+		return () => item.value ? h("div", ctx.api.value.getItemProps({ item: item.value }), slots.default?.()) : null;
+	}
+});
+function itemPart(name, props) {
+	return defineComponent({
+		name,
+		props: { value: { type: String } },
+		setup(_, { slots }) {
+			const ctx = useExpressionInputContext();
+			const item = inject(ITEM_KEY, null);
+			if (!item) throw new Error(`[xh] ${name} 必须用在 XhExpressionInputItem 内`);
+			return () => item.value ? h("span", props(ctx.api.value, item.value), slots.default?.()) : null;
+		}
+	});
+}
+/** 条目种类小标（变量 / 函数），对读屏隐藏。 */
+const XhExpressionInputItemPrefix = itemPart("XhExpressionInputItemPrefix", (api, item) => api.getItemPrefixProps({ item }));
+const XhExpressionInputItemText = itemPart("XhExpressionInputItemText", (api, item) => api.getItemTextProps({ item }));
+/** 名字后面的提示：函数是签名。 */
+const XhExpressionInputItemSuffix = itemPart("XhExpressionInputItemSuffix", (api, item) => api.getItemSuffixProps({ item }));
+/** 条目的第 2 行说明。 */
+const XhExpressionInputItemDescription = itemPart("XhExpressionInputItemDescription", (api, item) => api.getItemDescriptionProps({ item }));
+/** 没有匹配的补全时显示的空态；与 content 同级。 */
+const XhExpressionInputEmpty = defineComponent({
+	name: "XhExpressionInputEmpty",
+	setup(_, { slots }) {
+		const ctx = useExpressionInputContext();
+		return () => h("div", ctx.api.value.getEmptyProps(), slots.default?.());
+	}
+});
+/** 问题列表；渲染了它，输入框的描述链才引用它。 */
+const XhExpressionInputIssues = defineComponent({
+	name: "XhExpressionInputIssues",
+	setup(_, { slots }) {
+		const ctx = useExpressionInputContext();
+		ctx.issuesCount.value++;
+		onUnmounted(() => {
+			ctx.issuesCount.value--;
+		});
+		return () => h("div", ctx.api.value.getIssuesProps(), slots.default?.());
+	}
+});
+/** 问题列表里的一行；index 是它在 issues 里的序号。 */
+const XhExpressionInputIssue = defineComponent({
+	name: "XhExpressionInputIssue",
+	props: { index: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useExpressionInputContext();
+		return () => {
+			const issue = ctx.api.value.issues[Number(props.index)];
+			return issue ? h("p", ctx.api.value.getIssueProps({ issue }), slots.default?.()) : null;
+		};
+	}
+});
+/** 标准结构里各部件对应的组件。 */
+const EXPRESSION_INPUT_PARTS = {
+	"label": XhExpressionInputLabel,
+	"control": XhExpressionInputControl,
+	"input": XhExpressionInputInput,
+	"highlight": XhExpressionInputHighlight,
+	"highlight-segment": XhExpressionInputHighlightSegment,
+	"positioner": XhExpressionInputPositioner,
+	"content": XhExpressionInputContent,
+	"item": XhExpressionInputItem,
+	"item-prefix": XhExpressionInputItemPrefix,
+	"item-text": XhExpressionInputItemText,
+	"item-suffix": XhExpressionInputItemSuffix,
+	"item-description": XhExpressionInputItemDescription,
+	"empty": XhExpressionInputEmpty,
+	"issues": XhExpressionInputIssues,
+	"issue": XhExpressionInputIssue
+};
+/**
+* 未写默认插槽时铺开的整套结构：照 headless 的 expressionInputStructure 渲，
+* 与 Web Components 只写 root 时元素生成的节点出自同一份。
+*/
+function renderDefaultStructure(api, label, multiline) {
+	return renderStructure(expressionInputStructure(api, {
+		label,
+		multiline
+	}), EXPRESSION_INPUT_PARTS);
+}
+//#endregion
+export { XhExpressionInputContent, XhExpressionInputControl, XhExpressionInputEmpty, XhExpressionInputHighlight, XhExpressionInputHighlightSegment, XhExpressionInputInput, XhExpressionInputIssue, XhExpressionInputIssues, XhExpressionInputItem, XhExpressionInputItemDescription, XhExpressionInputItemPrefix, XhExpressionInputItemSuffix, XhExpressionInputItemText, XhExpressionInputLabel, XhExpressionInputPositioner, XhExpressionInputRoot };
+
+//# sourceMappingURL=expression-input.js.map

package/dist/components/expression-input/expression-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expression-input.js","names":[],"sources":["../../../src/components/expression-input/expression-input.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// 提供 expression input 相关实现。\n\nimport type { ControlVariant, Direction, ExpressionCheck, ExpressionCompletionSource, Placement, Size, Tone } from '@xihan-ui/core'\nimport type { FunctionTable } from '@xihan-ui/expression'\nimport type { ExpressionInputApi, ExpressionInputAutoSize, ExpressionInputEl, ExpressionInputHost, ExpressionInputItem, ExpressionInputSchema, ExpressionInputTranslations } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey, PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { expressionInputStructure, withFieldDescription } from '@xihan-ui/headless'\nimport { computed, defineComponent, h, inject, mergeProps, onUnmounted, provide, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { renderStructure } from '../../runtime/structure'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideExpressionInput, useExpressionInputContext } from './context'\nimport { useExpressionInput } from './use-expression-input'\n\ntype ExpressionInputProps = ExpressionInputSchema['props']\n\n/** 默认插槽的载荷：值、开合、补全条目、问题与镜像层分段，空态与种类文案，以及改写值、插入文本与收起的句柄。 */\nexport type ExpressionInputRootSlotProps = Pick<\n  ExpressionInputApi,\n  | 'value'\n  | 'open'\n  | 'items'\n  | 'issues'\n  | 'segments'\n  | 'emptyText'\n  | 'kindText'\n  | 'highlightedKey'\n  | 'setValue'\n  | 'insert'\n  | 'close'\n>\n\nconst ITEM_KEY: InjectionKey<ComputedRef<ExpressionInputItem | undefined>> = Symbol.for('xh-expression-input-item')\n\nexport const XhExpressionInputRoot = defineComponent({\n  name: 'XhExpressionInputRoot',\n  props: {\n    /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */\n    ariaLabel: { type: String },\n    value: { type: String },\n    defaultValue: { type: String },\n    check: { type: Function as PropType<ExpressionCheck> },\n    completions: { type: [Array, Function] as PropType<ExpressionCompletionSource> },\n    functions: { type: Object as PropType<FunctionTable> },\n    /** 标题文字；给了即在缺省结构里铺 label 部件。 */\n    label: { type: String },\n    multiline: Boolean,\n    placeholder: { type: String },\n    name: { type: String },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    autoSize: { type: [Boolean, Object] as PropType<boolean | ExpressionInputAutoSize>, default: undefined },\n    checkDelay: { type: Number },\n    loop: { type: Boolean, default: undefined },\n    placement: { type: String as PropType<Placement> },\n    offset: { type: Number },\n    /** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */\n    dir: { type: String as PropType<Direction> },\n    translations: { type: Object as PropType<Partial<ExpressionInputTranslations>> },\n    variant: { type: String as PropType<ControlVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  emits: {\n    'value-change': (_details: PayloadOf<ExpressionInputProps, 'onValueChange'>) => true,\n    'issues-change': (_details: PayloadOf<ExpressionInputProps, 'onIssuesChange'>) => true,\n    'completion-select': (_details: PayloadOf<ExpressionInputProps, 'onCompletionSelect'>) => true,\n    'open-change': (_details: PayloadOf<ExpressionInputProps, 'onOpenChange'>) => true,\n    'update:value': (_value: PayloadOf<ExpressionInputProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ExpressionInputRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useExpressionInput(withXhConfig('expression-input', useFormControlProps(props)) as ExpressionInputProps, {\n      onValueChange: (details) => {\n        emit('value-change', details)\n        emit('update:value', details.value)\n      },\n      onIssuesChange: details => emit('issues-change', details),\n      onCompletionSelect: details => emit('completion-select', details),\n      onOpenChange: details => emit('open-change', details),\n    })\n    provideExpressionInput(ctx)\n    // 写了 multiline 就是多行；作者自己摆 XhExpressionInputInput 时以它的 as 为准\n    watch(() => props.multiline, (multiline) => {\n      ctx.multiline.value = multiline\n    }, { immediate: true })\n\n    return () => {\n      const api = ctx.api.value\n      return h(\n        'div',\n        api.getRootProps() as Record<string, unknown>,\n        slots.default\n          ? slots.default({\n              value: api.value,\n              open: api.open,\n              items: api.items,\n              issues: api.issues,\n              segments: api.segments,\n              emptyText: api.emptyText,\n              kindText: api.kindText,\n              highlightedKey: api.highlightedKey,\n              setValue: api.setValue,\n              insert: api.insert,\n              close: api.close,\n            })\n          : renderDefaultStructure(api, props.label, props.multiline),\n      )\n    }\n  },\n})\n\n/** 标题；必须是原生 label，getLabelProps 的 for 恒指向输入框。 */\nexport const XhExpressionInputLabel = defineComponent({\n  name: 'XhExpressionInputLabel',\n  setup(_, { slots }) {\n    const ctx = useExpressionInputContext()\n    ctx.labelCount.value++\n    onUnmounted(() => {\n      ctx.labelCount.value--\n    })\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 字段视觉盒：输入框与镜像层叠在里面。 */\nexport const XhExpressionInputControl = defineComponent({\n  name: 'XhExpressionInputControl',\n  setup(_, { slots }) {\n    const ctx = useExpressionInputContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 输入框；缺省跟着根上的 multiline，写 as 时以它为准。 */\nexport const XhExpressionInputInput = defineComponent({\n  name: 'XhExpressionInputInput',\n  props: {\n    as: { type: String as PropType<ExpressionInputHost> },\n  },\n  setup(props) {\n    const fieldWiring = useFieldStateWiring()\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useExpressionInputContext()\n    const tag = computed<ExpressionInputHost>(() => props.as ?? (ctx.multiline.value ? 'textarea' : 'input'))\n    watch(tag, (host) => {\n      ctx.multiline.value = host === 'textarea'\n    }, { immediate: true })\n    // 输入框自己的描述链（问题列表）与字段的拼起来，字段的在前\n    return () => h(tag.value, fieldLabel.value(withFieldDescription(\n      {\n        ...fieldWiring.value,\n        ...ctx.api.value.getInputProps({ as: tag.value }) as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.inputRef.value = el as ExpressionInputEl },\n      },\n      fieldWiring.value['aria-describedby'] as string | undefined,\n    )))\n  },\n})\n\n/** 镜像层：把问题区间画成波浪下划线，对读屏隐藏。 */\nexport const XhExpressionInputHighlight = defineComponent({\n  name: 'XhExpressionInputHighlight',\n  setup(_, { slots }) {\n    const ctx = useExpressionInputContext()\n    return () => h('div', {\n      ...ctx.api.value.getHighlightProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.highlightRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\n/** 镜像层里的一段；index 是它在 segments 里的序号。 */\nexport const XhExpressionInputHighlightSegment = defineComponent({\n  name: 'XhExpressionInputHighlightSegment',\n  props: {\n    index: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useExpressionInputContext()\n    return () => {\n      const segment = ctx.api.value.segments[Number(props.index)]\n      return segment ? h('span', ctx.api.value.getHighlightSegmentProps({ segment }) as Record<string, unknown>, slots.default?.()) : null\n    }\n  },\n})\n\nexport const XhExpressionInputPositioner = defineComponent({\n  name: 'XhExpressionInputPositioner',\n  props: {\n    /** 本实例的 Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  inheritAttrs: false,\n  setup(props, { slots, attrs }) {\n    const ctx = useExpressionInputContext()\n    const bars = useScrollbars({ scrollable: () => ctx.contentRef.value, props: { size: 'sm' } })\n    return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.inputRef, present: ctx.visible.value }, () => [\n      h('div', {\n        ...mergeProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n        ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n      }, [...(slots.default?.() ?? []), ...bars.render()]),\n    ])\n  },\n})\n\nexport const XhExpressionInputContent = defineComponent({\n  name: 'XhExpressionInputContent',\n  setup(_, { slots }) {\n    const ctx = useExpressionInputContext()\n    return () => h('div', {\n      ...ctx.api.value.getContentProps() as Record<string, unknown>,\n      style: ctx.visible.value ? undefined : { display: 'none' },\n      ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\n/** 一条补全；value 是条目的 key。 */\nexport const XhExpressionInputItem = defineComponent({\n  name: 'XhExpressionInputItem',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useExpressionInputContext()\n    const item = computed(() => ctx.api.value.items.find(candidate => candidate.key === props.value))\n    provide(ITEM_KEY, item)\n    return () => (item.value ? h('div', ctx.api.value.getItemProps({ item: item.value }) as Record<string, unknown>, slots.default?.()) : null)\n  },\n})\n\nfunction itemPart(name: string, props: (api: ExpressionInputApi, item: ExpressionInputItem) => unknown): ReturnType<typeof defineComponent> {\n  return defineComponent({\n    name,\n    props: {\n      value: { type: String },\n    },\n    setup(_, { slots }) {\n      const ctx = useExpressionInputContext()\n      const item = inject(ITEM_KEY, null)\n      if (!item)\n        throw new Error(`[xh] ${name} 必须用在 XhExpressionInputItem 内`)\n      return () => (item.value ? h('span', props(ctx.api.value, item.value) as Record<string, unknown>, slots.default?.()) : null)\n    },\n  })\n}\n\n/** 条目种类小标（变量 / 函数），对读屏隐藏。 */\nexport const XhExpressionInputItemPrefix = itemPart('XhExpressionInputItemPrefix', (api, item) => api.getItemPrefixProps({ item }))\nexport const XhExpressionInputItemText = itemPart('XhExpressionInputItemText', (api, item) => api.getItemTextProps({ item }))\n/** 名字后面的提示：函数是签名。 */\nexport const XhExpressionInputItemSuffix = itemPart('XhExpressionInputItemSuffix', (api, item) => api.getItemSuffixProps({ item }))\n/** 条目的第 2 行说明。 */\nexport const XhExpressionInputItemDescription = itemPart('XhExpressionInputItemDescription', (api, item) => api.getItemDescriptionProps({ item }))\n\n/** 没有匹配的补全时显示的空态；与 content 同级。 */\nexport const XhExpressionInputEmpty = defineComponent({\n  name: 'XhExpressionInputEmpty',\n  setup(_, { slots }) {\n    const ctx = useExpressionInputContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 问题列表；渲染了它，输入框的描述链才引用它。 */\nexport const XhExpressionInputIssues = defineComponent({\n  name: 'XhExpressionInputIssues',\n  setup(_, { slots }) {\n    const ctx = useExpressionInputContext()\n    ctx.issuesCount.value++\n    onUnmounted(() => {\n      ctx.issuesCount.value--\n    })\n    return () => h('div', ctx.api.value.getIssuesProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 问题列表里的一行；index 是它在 issues 里的序号。 */\nexport const XhExpressionInputIssue = defineComponent({\n  name: 'XhExpressionInputIssue',\n  props: {\n    index: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useExpressionInputContext()\n    return () => {\n      const issue = ctx.api.value.issues[Number(props.index)]\n      return issue ? h('p', ctx.api.value.getIssueProps({ issue }) as Record<string, unknown>, slots.default?.()) : null\n    }\n  },\n})\n\n/** 标准结构里各部件对应的组件。 */\nconst EXPRESSION_INPUT_PARTS = {\n  'label': XhExpressionInputLabel,\n  'control': XhExpressionInputControl,\n  'input': XhExpressionInputInput,\n  'highlight': XhExpressionInputHighlight,\n  'highlight-segment': XhExpressionInputHighlightSegment,\n  'positioner': XhExpressionInputPositioner,\n  'content': XhExpressionInputContent,\n  'item': XhExpressionInputItem,\n  'item-prefix': XhExpressionInputItemPrefix,\n  'item-text': XhExpressionInputItemText,\n  'item-suffix': XhExpressionInputItemSuffix,\n  'item-description': XhExpressionInputItemDescription,\n  'empty': XhExpressionInputEmpty,\n  'issues': XhExpressionInputIssues,\n  'issue': XhExpressionInputIssue,\n}\n\n/**\n * 未写默认插槽时铺开的整套结构：照 headless 的 expressionInputStructure 渲，\n * 与 Web Components 只写 root 时元素生成的节点出自同一份。\n */\nfunction renderDefaultStructure(api: ExpressionInputApi, label: string | undefined, multiline: boolean): VNode[] {\n  return renderStructure(expressionInputStructure(api, { label, multiline }), EXPRESSION_INPUT_PARTS)\n}\n"],"mappings":"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"}