@xihan-ui/vue 2.1.0 → 3.0.0

package/dist/components/field-array/field-array.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-array.js","names":[],"sources":["../../../src/components/field-array/field-array.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// 提供 field array 相关实现。\n\nimport type { FieldArrayApi, FieldArrayItemProps, FieldArraySchema, FieldArrayTranslations, FormPath } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useOptionalFormContext } from '../form/context'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideFieldArray, provideFieldArrayItem, useFieldArrayContext, useFieldArrayItemContext } from './context'\nimport { useFieldArray } from './use-field-array'\n\ntype FieldArrayProps = FieldArraySchema['props']\n\n/** 默认插槽的载荷：逐行投影与整份值、行数与上下限状态，以及整份替换、增删、移动的动作。 */\nexport type FieldArrayRootSlotProps = Pick<\n  FieldArrayApi,\n  | 'items'\n  | 'value'\n  | 'count'\n  | 'empty'\n  | 'atMin'\n  | 'atMax'\n  | 'canAdd'\n  | 'setValue'\n  | 'add'\n  | 'remove'\n  | 'move'\n  | 'moveUp'\n  | 'moveDown'\n>\n\nexport const XhFieldArrayRoot = defineComponent({\n  name: 'XhFieldArrayRoot',\n  // 有 connect 与机器兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    // 缺席值 undefined 表示非受控\n    value: { type: Array as PropType<unknown[]> },\n    defaultValue: { type: Array as PropType<unknown[]> },\n    min: { type: Number },\n    max: { type: Number },\n    createItem: { type: Function as PropType<() => unknown> },\n    movable: Boolean,\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    name: { type: [String, Array] as PropType<FormPath> },\n    translations: { type: Object as PropType<Partial<FieldArrayTranslations>> },\n  },\n  // value-change 携带 { value }，update:value 携带裸数组\n  emits: {\n    'value-change': (_details: PayloadOf<FieldArrayProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<FieldArrayProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FieldArrayRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const form = useOptionalFormContext()\n    const onValueChange: FieldArrayProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useFieldArray(withXhConfig('field-array', useFormControlProps(props)) as FieldArrayProps, { onValueChange }, form?.service)\n    provideFieldArray(ctx)\n    // items 里每一项都带 key，作者铺行时直接 :key=\"row.key\"\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      items: ctx.api.value.items,\n      value: ctx.api.value.value,\n      count: ctx.api.value.count,\n      empty: ctx.api.value.empty,\n      atMin: ctx.api.value.atMin,\n      atMax: ctx.api.value.atMax,\n      canAdd: ctx.api.value.canAdd,\n      setValue: ctx.api.value.setValue,\n      add: ctx.api.value.add,\n      remove: ctx.api.value.remove,\n      move: ctx.api.value.move,\n      moveUp: ctx.api.value.moveUp,\n      moveDown: ctx.api.value.moveDown,\n    }))\n  },\n})\n\nexport const XhFieldArrayItem = defineComponent({\n  name: 'XhFieldArrayItem',\n  props: {\n    // 下标由作者声明，兼收字符串以支持模板里写 index=\"0\"\n    index: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useFieldArrayContext()\n    const item = computed<FieldArrayItemProps>(() => ({ index: Math.trunc(Number(props.index)) }))\n    provideFieldArrayItem({ item })\n    return () => h('div', ctx.api.value.getItemProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 行前的行号或名目；纯标注，不与行内的控件建立 for 关联。 */\nexport const XhFieldArrayItemLabel = defineComponent({\n  name: 'XhFieldArrayItemLabel',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('span', ctx.api.value.getItemLabelProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayItemContent = defineComponent({\n  name: 'XhFieldArrayItemContent',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('div', ctx.api.value.getItemContentProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayItemAction = defineComponent({\n  name: 'XhFieldArrayItemAction',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('div', ctx.api.value.getItemActionProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayAddTrigger = defineComponent({\n  name: 'XhFieldArrayAddTrigger',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    return () => h('button', ctx.api.value.getAddTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayItemDeleteTrigger = defineComponent({\n  name: 'XhFieldArrayItemDeleteTrigger',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('button', ctx.api.value.getItemDeleteTriggerProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayMoveUpTrigger = defineComponent({\n  name: 'XhFieldArrayMoveUpTrigger',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('button', ctx.api.value.getMoveUpTriggerProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayMoveDownTrigger = defineComponent({\n  name: 'XhFieldArrayMoveDownTrigger',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('button', ctx.api.value.getMoveDownTriggerProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"field-array.js","names":[],"sources":["../../../src/components/field-array/field-array.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// 提供 field array 相关实现。\n\nimport type { FieldArrayApi, FieldArrayItemProps, FieldArraySchema, FieldArrayTranslations, FormPath } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useOptionalFormContext } from '../form/context'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideFieldArray, provideFieldArrayItem, useFieldArrayContext, useFieldArrayItemContext } from './context'\nimport { useFieldArray } from './use-field-array'\n\ntype FieldArrayProps = FieldArraySchema['props']\n\n/** 默认插槽的载荷：逐行投影与整份值、行数与上下限状态，以及整份替换、增删、移动的动作。 */\nexport type FieldArrayRootSlotProps = Pick<\n  FieldArrayApi,\n  | 'items'\n  | 'value'\n  | 'count'\n  | 'empty'\n  | 'atMin'\n  | 'atMax'\n  | 'canAdd'\n  | 'setValue'\n  | 'add'\n  | 'insert'\n  | 'remove'\n  | 'move'\n  | 'moveUp'\n  | 'moveDown'\n>\n\nexport const XhFieldArrayRoot = defineComponent({\n  name: 'XhFieldArrayRoot',\n  // 有 connect 与机器兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    // 缺席值 undefined 表示非受控\n    value: { type: Array as PropType<unknown[]> },\n    defaultValue: { type: Array as PropType<unknown[]> },\n    min: { type: Number },\n    max: { type: Number },\n    createItem: { type: Function as PropType<() => unknown> },\n    movable: Boolean,\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    name: { type: [String, Array] as PropType<FormPath> },\n    translations: { type: Object as PropType<Partial<FieldArrayTranslations>> },\n  },\n  // value-change 携带 { value }，update:value 携带裸数组\n  emits: {\n    'value-change': (_details: PayloadOf<FieldArrayProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<FieldArrayProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FieldArrayRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const form = useOptionalFormContext()\n    const onValueChange: FieldArrayProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useFieldArray(withXhConfig('field-array', useFormControlProps(props)) as FieldArrayProps, { onValueChange }, form?.service)\n    provideFieldArray(ctx)\n    // items 里每一项都带 key，作者铺行时直接 :key=\"row.key\"\n    return () => h('div', { ...(ctx.api.value.getRootProps() as Record<string, unknown>), ref: ctx.rootRef }, slots.default?.({\n      items: ctx.api.value.items,\n      value: ctx.api.value.value,\n      count: ctx.api.value.count,\n      empty: ctx.api.value.empty,\n      atMin: ctx.api.value.atMin,\n      atMax: ctx.api.value.atMax,\n      canAdd: ctx.api.value.canAdd,\n      setValue: ctx.api.value.setValue,\n      add: ctx.api.value.add,\n      insert: ctx.api.value.insert,\n      remove: ctx.api.value.remove,\n      move: ctx.api.value.move,\n      moveUp: ctx.api.value.moveUp,\n      moveDown: ctx.api.value.moveDown,\n    }))\n  },\n})\n\nexport const XhFieldArrayItem = defineComponent({\n  name: 'XhFieldArrayItem',\n  props: {\n    // 下标由作者声明，兼收字符串以支持模板里写 index=\"0\"\n    index: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useFieldArrayContext()\n    const item = computed<FieldArrayItemProps>(() => ({ index: Math.trunc(Number(props.index)) }))\n    provideFieldArrayItem({ item })\n    return () => h('div', ctx.api.value.getItemProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 行前的行号或名目；纯标注，不与行内的控件建立 for 关联。 */\nexport const XhFieldArrayItemLabel = defineComponent({\n  name: 'XhFieldArrayItemLabel',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('span', ctx.api.value.getItemLabelProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayItemContent = defineComponent({\n  name: 'XhFieldArrayItemContent',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('div', ctx.api.value.getItemContentProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayItemAction = defineComponent({\n  name: 'XhFieldArrayItemAction',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('div', ctx.api.value.getItemActionProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayAddTrigger = defineComponent({\n  name: 'XhFieldArrayAddTrigger',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    return () => h('button', ctx.api.value.getAddTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayItemDeleteTrigger = defineComponent({\n  name: 'XhFieldArrayItemDeleteTrigger',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('button', ctx.api.value.getItemDeleteTriggerProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayMoveUpTrigger = defineComponent({\n  name: 'XhFieldArrayMoveUpTrigger',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('button', ctx.api.value.getMoveUpTriggerProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFieldArrayMoveDownTrigger = defineComponent({\n  name: 'XhFieldArrayMoveDownTrigger',\n  setup(_, { slots }) {\n    const ctx = useFieldArrayContext()\n    const { item } = useFieldArrayItemContext()\n    return () => h('button', ctx.api.value.getMoveDownTriggerProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;;AAsCA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CAEN,OAAO;EAEL,OAAO,EAAE,MAAM,MAA6B;EAC5C,cAAc,EAAE,MAAM,MAA6B;EACnD,KAAK,EAAE,MAAM,OAAO;EACpB,KAAK,EAAE,MAAM,OAAO;EACpB,YAAY,EAAE,MAAM,SAAoC;EACxD,SAAS;EACT,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,MAAM,EAAE,MAAM,CAAC,QAAQ,KAAK,EAAwB;EACpD,cAAc,EAAE,MAAM,OAAoD;CAC5E;CAEA,OAAO;EACL,iBAAiB,aAA0D;EAC3E,iBAAiB,WAAiE;CACpF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,OAAO,uBAAuB;EACpC,MAAM,iBAAmD,YAAY;GACnE,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,MAAM,cAAc,aAAa,eAAe,oBAAoB,KAAK,CAAC,GAAsB,EAAE,cAAc,GAAG,MAAM,OAAO;EACtI,kBAAkB,GAAG;EAErB,aAAa,EAAE,OAAO;GAAE,GAAI,IAAI,IAAI,MAAM,aAAa;GAA+B,KAAK,IAAI;EAAQ,GAAG,MAAM,UAAU;GACxH,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,QAAQ,IAAI,IAAI,MAAM;GACtB,UAAU,IAAI,IAAI,MAAM;GACxB,KAAK,IAAI,IAAI,MAAM;GACnB,QAAQ,IAAI,IAAI,MAAM;GACtB,QAAQ,IAAI,IAAI,MAAM;GACtB,MAAM,IAAI,IAAI,MAAM;GACpB,QAAQ,IAAI,IAAI,MAAM;GACtB,UAAU,IAAI,IAAI,MAAM;EAC1B,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO,EAEL,OAAO;EAAE,MAAM,CAAC,QAAQ,MAAM;EAAgC,UAAU;CAAK,EAC/E;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,OAAO,gBAAqC,EAAE,OAAO,KAAK,MAAM,OAAO,MAAM,KAAK,CAAC,EAAE,EAAE;EAC7F,sBAAsB,EAAE,KAAK,CAAC;EAC9B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAC5G;AACF,CAAC;;AAGD,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAC1C,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,kBAAkB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAClH;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAC1C,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,oBAAoB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACnH;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAC1C,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,mBAAmB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAClH;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,mBAAmB,GAA8B,MAAM,UAAU,CAAC;CAC3G;AACF,CAAC;AAED,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAC1C,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,0BAA0B,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAC5H;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAC1C,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,sBAAsB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACxH;AACF,CAAC;AAED,MAAa,8BAA8B,gBAAgB;CACzD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAC1C,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,wBAAwB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAC1H;AACF,CAAC"}

package/dist/components/field-array/use-field-array.d.ts

@@ -1,10 +1,12 @@
-import { ComputedRef } from "vue";
+import { ComputedRef, Ref } from "vue";
 import { Service } from "@xihan-ui/core";
 import { FieldArrayApi, FieldArraySchema, FormSchema } from "@xihan-ui/headless";
 //#region src/components/field-array/use-field-array.d.ts
 interface FieldArrayContext {
   api: ComputedRef<FieldArrayApi>;
   service: Service<FieldArraySchema>;
+  /** 行所在的根节点：列表动效接在它上面。 */
+  rootRef: Ref<HTMLElement | null>;
 }
 declare function useFieldArray(props: FieldArraySchema['props'], handlers?: Pick<FieldArraySchema['props'], 'onValueChange'>, form?: Service<FormSchema> | null): FieldArrayContext;
 //#endregion

package/dist/components/field-array/use-field-array.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-field-array.d.ts","names":[],"sources":["../../../src/components/field-array/use-field-array.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;iBAGH,cACd,OAAO,2BACP,WAAU,KAAK,6CACf,OAAO,QAAQ,qBACd"}
+{"version":3,"file":"use-field-array.d.ts","names":[],"sources":["../../../src/components/field-array/use-field-array.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;iBAGC,cACd,OAAO,2BACP,WAAU,KAAK,6CACf,OAAO,QAAQ,qBACd"}

package/dist/components/field-array/use-field-array.js

@@ -1,7 +1,7 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import { createScope } from "@xihan-ui/core";
 import { connectFieldArray, fieldArrayMachine } from "@xihan-ui/headless";
 //#region src/components/field-array/use-field-array.ts
@@ -11,9 +11,12 @@ function useFieldArray(props, handlers = {}, form) {
 		...handlers
 	}), createScope(null, createVueIdGenerator()));
 	service.refs.set("form", form ?? null);
+	const rootRef = ref(null);
+	service.refs.set("getRootEl", () => rootRef.value);
 	return {
 		api: computed(() => connectFieldArray(service, vueNormalize)),
-		service
+		service,
+		rootRef
 	};
 }
 //#endregion

package/dist/components/field-array/use-field-array.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-field-array.js","names":[],"sources":["../../../src/components/field-array/use-field-array.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// 提供 use field array 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { FieldArrayApi, FieldArraySchema, FormSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectFieldArray, fieldArrayMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface FieldArrayContext {\n  api: ComputedRef<FieldArrayApi>\n  service: Service<FieldArraySchema>\n}\n\nexport function useFieldArray(\n  props: FieldArraySchema['props'],\n  handlers: Pick<FieldArraySchema['props'], 'onValueChange'> = {},\n  form?: Service<FormSchema> | null,\n): FieldArrayContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(fieldArrayMachine, () => ({ ...props, ...handlers }), scope)\n  service.refs.set('form', form ?? null)\n  const api = computed(() => connectFieldArray(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,cACd,OACA,WAA6D,CAAC,GAC9D,MACmB;CAInB,MAAM,UAAU,WAAW,0BAA0B;EAAE,GAAG;EAAO,GAAG;CAAS,IAD/D,YAAY,MADZ,qBACsB,CACiD,CAAC;CACtF,QAAQ,KAAK,IAAI,QAAQ,QAAQ,IAAI;CAErC,OAAO;EAAE,KADG,eAAe,kBAAkB,SAAS,YAAY,CACvD;EAAG;CAAQ;AACxB"}
+{"version":3,"file":"use-field-array.js","names":[],"sources":["../../../src/components/field-array/use-field-array.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// 提供 use field array 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { FieldArrayApi, FieldArraySchema, FormSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectFieldArray, fieldArrayMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface FieldArrayContext {\n  api: ComputedRef<FieldArrayApi>\n  service: Service<FieldArraySchema>\n  /** 行所在的根节点：列表动效接在它上面。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\nexport function useFieldArray(\n  props: FieldArraySchema['props'],\n  handlers: Pick<FieldArraySchema['props'], 'onValueChange'> = {},\n  form?: Service<FormSchema> | null,\n): FieldArrayContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(fieldArrayMachine, () => ({ ...props, ...handlers }), scope)\n  service.refs.set('form', form ?? null)\n  const rootRef = ref<HTMLElement | null>(null)\n  // 传 getter 而非节点本身，ref 在挂载后才有值\n  service.refs.set('getRootEl', () => rootRef.value)\n  const api = computed(() => connectFieldArray(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;;AAwBA,SAAgB,cACd,OACA,WAA6D,CAAC,GAC9D,MACmB;CAInB,MAAM,UAAU,WAAW,0BAA0B;EAAE,GAAG;EAAO,GAAG;CAAS,IAD/D,YAAY,MADZ,qBACsB,CACiD,CAAC;CACtF,QAAQ,KAAK,IAAI,QAAQ,QAAQ,IAAI;CACrC,MAAM,UAAU,IAAwB,IAAI;CAE5C,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAEjD,OAAO;EAAE,KADG,eAAe,kBAAkB,SAAS,YAAY,CACvD;EAAG;EAAS;CAAQ;AACjC"}

package/dist/components/file-upload/file-upload.d.ts

@@ -4,7 +4,7 @@ import { FileUploadApi, FileUploadFile, FileUploadRemoteFile, FileUploadSchema,
 //#region src/components/file-upload/file-upload.d.ts
 type FileUploadProps = FileUploadSchema['props'];
 /** 默认插槽的载荷：文件清单与传输快照、投放区与数量状态，以及增删清空、开始上传、拉起选择器等命令。 */
-type FileUploadRootSlotProps = Pick<FileUploadApi, 'acceptedFiles' | 'remoteFiles' | 'allFiles' | 'uploadOf' | 'startUpload' | 'dragging' | 'empty' | 'disabled' | 'maxFiles' | 'getFileSizeText' | 'setFiles' | 'addFiles' | 'deleteFile' | 'clear' | 'openFilePicker'>;
+type FileUploadRootSlotProps = Pick<FileUploadApi, 'acceptedFiles' | 'remoteFiles' | 'allFiles' | 'uploadOf' | 'startUpload' | 'cancelUpload' | 'dragging' | 'empty' | 'disabled' | 'maxFiles' | 'getFileSizeText' | 'setFiles' | 'addFiles' | 'deleteFile' | 'clear' | 'openFilePicker'>;
 declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   files: {
     type: PropType<File[]>;
@@ -52,6 +52,16 @@ declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").Extr
     type: BooleanConstructor;
     default: undefined;
   };
+  allowPaste: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  validate: {
+    type: PropType<FileUploadProps["validate"]>;
+  };
+  maxConcurrentUploads: {
+    type: NumberConstructor;
+  };
   directory: BooleanConstructor;
   capture: {
     type: PropType<"user" | "environment">;
@@ -70,6 +80,7 @@ declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").Extr
   'update:remoteFiles': (_files: PayloadOf<FileUploadProps, "onRemoteFilesChange">["files"]) => true;
   'upload-complete': (_details: PayloadOf<FileUploadProps, "onUploadComplete">) => true;
   'upload-error': (_details: PayloadOf<FileUploadProps, "onUploadError">) => true;
+  'upload-cancel': (_details: PayloadOf<FileUploadProps, "onUploadCancel">) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   files: {
     type: PropType<File[]>;
@@ -117,6 +128,16 @@ declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").Extr
     type: BooleanConstructor;
     default: undefined;
   };
+  allowPaste: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  validate: {
+    type: PropType<FileUploadProps["validate"]>;
+  };
+  maxConcurrentUploads: {
+    type: NumberConstructor;
+  };
   directory: BooleanConstructor;
   capture: {
     type: PropType<"user" | "environment">;
@@ -133,12 +154,14 @@ declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").Extr
   "onUpdate:remoteFiles"?: ((_files: FileUploadRemoteFile[]) => any) | undefined;
   "onUpload-complete"?: ((_details: import("@xihan-ui/headless").FileUploadCompleteDetails) => any) | undefined;
   "onUpload-error"?: ((_details: import("@xihan-ui/headless").FileUploadErrorDetails) => any) | undefined;
+  "onUpload-cancel"?: ((_details: import("@xihan-ui/headless").FileUploadCancelDetails) => any) | undefined;
 }>, {
   invalid: boolean;
   disabled: boolean;
   directory: boolean;
   autoUpload: boolean;
   allowDrop: boolean;
+  allowPaste: boolean;
 }, SlotsType<{
   default?: (props: FileUploadRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/file-upload/file-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.d.ts","names":[],"sources":["../../../src/components/file-upload/file-upload.ts"],"mappings":";;;;KAkBK,kBAAkB;;KAGX,0BAA0B,KACpC;cAkBW,gCAAgB,8BAAA;;IAKD,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACV,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAClB,MAAA,SAAS;;;;;;;IAEF,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASR,MAAA;;;IACK,MAAA,SAAS,QAAQ;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACT,gBAAA,UAAA,UAAU;EACV,gBAAA,UAAA,UAAU;EACF,wBAAA,UAAA,UAAU;EACb,uBAAA,QAAA,UAAU;EACX,oBAAA,UAAA,UAAU;EACb,iBAAA,UAAA,UAAU;;;IA3Bb,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACV,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAClB,MAAA,SAAS;;;;;;;IAEF,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASR,MAAA;;;IACK,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;EAcvC,WAAC,OAAO,4BAA4B;kCAmChD;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;qCAsB9B;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;;IAID,MAAA,SAAS;;;;IAEE,MAAA;;;;;;;IAFX,MAAA,SAAS;;;;IAEE,MAAA;;MAqBrC,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAY/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAYnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAOlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAWxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"file-upload.d.ts","names":[],"sources":["../../../src/components/file-upload/file-upload.ts"],"mappings":";;;;KAkBK,kBAAkB;;KAGX,0BAA0B,KACpC;cAmBW,gCAAgB,8BAAA;;IAKD,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACV,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAClB,MAAA,SAAS;;;;;;;IAEF,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASL,MAAA,SAAS;;;;;;;IAGZ,MAAA;;;IACK,MAAA,SAAS,QAAQ;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACT,gBAAA,UAAA,UAAU;EACV,gBAAA,UAAA,UAAU;EACF,wBAAA,UAAA,UAAU;EACb,uBAAA,QAAA,UAAU;EACX,oBAAA,UAAA,UAAU;EACb,iBAAA,UAAA,UAAU;EACT,kBAAA,UAAA,UAAU;;;IA/Bd,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACV,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAClB,MAAA,SAAS;;;;;;;IAEF,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASL,MAAA,SAAS;;;;;;;IAGZ,MAAA;;;IACK,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;EAevC,WAAC,OAAO,4BAA4B;kCAqChD;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;qCAsB9B;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;;IAID,MAAA,SAAS;;;;IAEE,MAAA;;;;;;;IAFX,MAAA,SAAS;;;;IAEE,MAAA;;MAqBrC,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAY/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAYnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAOlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAWxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/file-upload/file-upload.js

@@ -35,6 +35,12 @@ const XhFileUploadRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		allowPaste: {
+			type: Boolean,
+			default: void 0
+		},
+		validate: { type: Function },
+		maxConcurrentUploads: { type: Number },
 		directory: Boolean,
 		capture: { type: String },
 		translations: { type: Object }
@@ -47,7 +53,8 @@ const XhFileUploadRoot = defineComponent({
 		"remote-files-change": (_details) => true,
 		"update:remoteFiles": (_files) => true,
 		"upload-complete": (_details) => true,
-		"upload-error": (_details) => true
+		"upload-error": (_details) => true,
+		"upload-cancel": (_details) => true
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
@@ -63,13 +70,15 @@ const XhFileUploadRoot = defineComponent({
 		};
 		const onUploadComplete = (details) => emit("upload-complete", details);
 		const onUploadError = (details) => emit("upload-error", details);
+		const onUploadCancel = (details) => emit("upload-cancel", details);
 		const ctx = useFileUpload(withXhConfig("file-upload", useFormControlProps(props)), {
 			onFilesChange,
 			onFileAccept,
 			onFileReject,
 			onRemoteFilesChange,
 			onUploadComplete,
-			onUploadError
+			onUploadError,
+			onUploadCancel
 		});
 		provideFileUpload(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
@@ -78,6 +87,7 @@ const XhFileUploadRoot = defineComponent({
 			allFiles: ctx.api.value.allFiles,
 			uploadOf: ctx.api.value.uploadOf,
 			startUpload: ctx.api.value.startUpload,
+			cancelUpload: ctx.api.value.cancelUpload,
 			dragging: ctx.api.value.dragging,
 			empty: ctx.api.value.empty,
 			disabled: ctx.api.value.disabled,

package/dist/components/file-upload/file-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.js","names":[],"sources":["../../../src/components/file-upload/file-upload.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// 提供 file upload 相关实现。\n\nimport type { FileUploadApi, FileUploadFile, FileUploadItemProps, FileUploadRemoteFile, FileUploadSchema, FileUploadTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideFileUpload, provideFileUploadItem, useFileUploadContext, useFileUploadItemContext } from './context'\nimport { useFileUpload } from './use-file-upload'\n\ntype FileUploadProps = FileUploadSchema['props']\n\n/** 默认插槽的载荷：文件清单与传输快照、投放区与数量状态，以及增删清空、开始上传、拉起选择器等命令。 */\nexport type FileUploadRootSlotProps = Pick<\n  FileUploadApi,\n  | 'acceptedFiles'\n  | 'remoteFiles'\n  | 'allFiles'\n  | 'uploadOf'\n  | 'startUpload'\n  | 'dragging'\n  | 'empty'\n  | 'disabled'\n  | 'maxFiles'\n  | 'getFileSizeText'\n  | 'setFiles'\n  | 'addFiles'\n  | 'deleteFile'\n  | 'clear'\n  | 'openFilePicker'\n>\n\nexport const XhFileUploadRoot = defineComponent({\n  name: 'XhFileUploadRoot',\n  // 有 connect 与机器兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    // 缺席值 undefined 表示非受控\n    files: { type: Array as PropType<File[]> },\n    defaultFiles: { type: Array as PropType<File[]> },\n    remoteFiles: { type: Array as PropType<FileUploadRemoteFile[]> },\n    defaultRemoteFiles: { type: Array as PropType<FileUploadRemoteFile[]> },\n    upload: { type: Function as PropType<FileUploadProps['upload']> },\n    autoUpload: { type: Boolean, default: undefined },\n    accept: { type: [String, Array] as PropType<string | string[]> },\n    maxFiles: { type: Number },\n    maxFileSize: { type: Number },\n    minFileSize: { type: Number },\n    disabled: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    name: { type: String },\n    allowDrop: { type: Boolean, default: undefined },\n    directory: Boolean,\n    capture: { type: String as PropType<'user' | 'environment'> },\n    translations: { type: Object as PropType<Partial<FileUploadTranslations>> },\n  },\n  // files-change 携带 { files }，update:files 携带裸数组；file-accept / file-reject 逐个文件报告\n  emits: {\n    'files-change': (_details: PayloadOf<FileUploadProps, 'onFilesChange'>) => true,\n    'update:files': (_files: PayloadOf<FileUploadProps, 'onFilesChange'>['files']) => true,\n    'file-accept': (_details: PayloadOf<FileUploadProps, 'onFileAccept'>) => true,\n    'file-reject': (_details: PayloadOf<FileUploadProps, 'onFileReject'>) => true,\n    'remote-files-change': (_details: PayloadOf<FileUploadProps, 'onRemoteFilesChange'>) => true,\n    'update:remoteFiles': (_files: PayloadOf<FileUploadProps, 'onRemoteFilesChange'>['files']) => true,\n    'upload-complete': (_details: PayloadOf<FileUploadProps, 'onUploadComplete'>) => true,\n    'upload-error': (_details: PayloadOf<FileUploadProps, 'onUploadError'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FileUploadRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onFilesChange: FileUploadProps['onFilesChange'] = (details) => {\n      emit('files-change', details)\n      emit('update:files', details.files)\n    }\n    const onFileAccept: FileUploadProps['onFileAccept'] = details => emit('file-accept', details)\n    const onFileReject: FileUploadProps['onFileReject'] = details => emit('file-reject', details)\n    const onRemoteFilesChange: FileUploadProps['onRemoteFilesChange'] = (details) => {\n      emit('remote-files-change', details)\n      emit('update:remoteFiles', details.files)\n    }\n    const onUploadComplete: FileUploadProps['onUploadComplete'] = details => emit('upload-complete', details)\n    const onUploadError: FileUploadProps['onUploadError'] = details => emit('upload-error', details)\n    const ctx = useFileUpload(withXhConfig('file-upload', useFormControlProps(props)) as FileUploadProps, { onFilesChange, onFileAccept, onFileReject, onRemoteFilesChange, onUploadComplete, onUploadError })\n    provideFileUpload(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      acceptedFiles: ctx.api.value.acceptedFiles,\n      remoteFiles: ctx.api.value.remoteFiles,\n      allFiles: ctx.api.value.allFiles,\n      uploadOf: ctx.api.value.uploadOf,\n      startUpload: ctx.api.value.startUpload,\n      dragging: ctx.api.value.dragging,\n      empty: ctx.api.value.empty,\n      disabled: ctx.api.value.disabled,\n      maxFiles: ctx.api.value.maxFiles,\n      getFileSizeText: ctx.api.value.getFileSizeText,\n      setFiles: ctx.api.value.setFiles,\n      addFiles: ctx.api.value.addFiles,\n      deleteFile: ctx.api.value.deleteFile,\n      clear: ctx.api.value.clear,\n      openFilePicker: ctx.api.value.openFilePicker,\n    }))\n  },\n})\n\nexport const XhFileUploadLabel = defineComponent({\n  name: 'XhFileUploadLabel',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    // 用原生 label，getLabelProps 的 for 指向隐藏输入\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFileUploadDropzone = defineComponent({\n  name: 'XhFileUploadDropzone',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    return () => h('div', ctx.api.value.getDropzoneProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFileUploadTrigger = defineComponent({\n  name: 'XhFileUploadTrigger',\n  // 直通属性自己合：Vue 默认把作者的处理器排在部件的后面，这里改成作者先跑\n  inheritAttrs: false,\n  props: {\n    /** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots, attrs }) {\n    const ctx = useFileUploadContext()\n    return () => {\n      const part = mergePartProps(ctx.api.value.getTriggerProps() as Record<string, unknown>, attrs)\n      const children = slots.default?.()\n      // asChild：把触发器属性合到作者的节点上，不再自己渲染包裹元素\n      if (props.asChild) {\n        const merged = mergeIntoChild(children, part, 'file-upload')\n        if (merged)\n          return merged\n      }\n      return h('button', part, children)\n    }\n  },\n})\n\nexport const XhFileUploadHiddenInput = defineComponent({\n  name: 'XhFileUploadHiddenInput',\n  setup() {\n    const ctx = useFileUploadContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n\nexport const XhFileUploadList = defineComponent({\n  name: 'XhFileUploadList',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFileUploadItem = defineComponent({\n  name: 'XhFileUploadItem',\n  props: {\n    /** 该行显示哪个文件（本地或远程附件）。 */\n    file: { type: Object as PropType<FileUploadFile> },\n    /** 改用下标从 allFiles（远程在前、本地在后）中取文件，兼收字符串以支持模板中写 index=\"0\"。 */\n    index: { type: [Number, String] as PropType<number | string> },\n  },\n  setup(props, { slots }) {\n    const ctx = useFileUploadContext()\n    const file = computed<FileUploadFile | undefined>(() => {\n      if (props.file)\n        return props.file\n      if (props.index == null)\n        return undefined\n      return ctx.api.value.allFiles[Math.trunc(Number(props.index))]\n    })\n    // 条目上下文，子部件从中取文件\n    const item = computed<FileUploadItemProps>(() => ({ file: file.value as FileUploadFile }))\n    provideFileUploadItem({ item })\n    return () => {\n      // 下标指向的文件不存在时只渲染空壳，不打组件属性也不渲染子部件\n      if (!file.value)\n        return h('div')\n      return h('div', ctx.api.value.getItemProps(item.value) as Record<string, unknown>, slots.default?.())\n    }\n  },\n})\n\nexport const XhFileUploadItemName = defineComponent({\n  name: 'XhFileUploadItemName',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    const { item } = useFileUploadItemContext()\n    // 有插槽用插槽，否则显示文件名\n    return () => h(\n      'span',\n      ctx.api.value.getItemNameProps(item.value) as Record<string, unknown>,\n      slots.default?.() ?? item.value.file.name,\n    )\n  },\n})\n\nexport const XhFileUploadItemSizeText = defineComponent({\n  name: 'XhFileUploadItemSizeText',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    const { item } = useFileUploadItemContext()\n    // 有插槽用插槽，否则显示格式化后的文件大小\n    return () => h(\n      'span',\n      ctx.api.value.getItemSizeTextProps(item.value) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.getFileSizeText(item.value.file),\n    )\n  },\n})\n\nexport const XhFileUploadItemPreview = defineComponent({\n  name: 'XhFileUploadItemPreview',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    const { item } = useFileUploadItemContext()\n    return () => h('div', ctx.api.value.getItemPreviewProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFileUploadItemProgress = defineComponent({\n  name: 'XhFileUploadItemProgress',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    const { item } = useFileUploadItemContext()\n    return () => h('div', ctx.api.value.getItemProgressProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFileUploadItemDeleteTrigger = defineComponent({\n  name: 'XhFileUploadItemDeleteTrigger',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    const { item } = useFileUploadItemContext()\n    return () => h(\n      'button',\n      ctx.api.value.getItemDeleteTriggerProps(item.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFileUploadClearTrigger = defineComponent({\n  name: 'XhFileUploadClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"file-upload.js","names":[],"sources":["../../../src/components/file-upload/file-upload.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// 提供 file upload 相关实现。\n\nimport type { FileUploadApi, FileUploadFile, FileUploadItemProps, FileUploadRemoteFile, FileUploadSchema, FileUploadTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideFileUpload, provideFileUploadItem, useFileUploadContext, useFileUploadItemContext } from './context'\nimport { useFileUpload } from './use-file-upload'\n\ntype FileUploadProps = FileUploadSchema['props']\n\n/** 默认插槽的载荷：文件清单与传输快照、投放区与数量状态，以及增删清空、开始上传、拉起选择器等命令。 */\nexport type FileUploadRootSlotProps = Pick<\n  FileUploadApi,\n  | 'acceptedFiles'\n  | 'remoteFiles'\n  | 'allFiles'\n  | 'uploadOf'\n  | 'startUpload'\n  | 'cancelUpload'\n  | 'dragging'\n  | 'empty'\n  | 'disabled'\n  | 'maxFiles'\n  | 'getFileSizeText'\n  | 'setFiles'\n  | 'addFiles'\n  | 'deleteFile'\n  | 'clear'\n  | 'openFilePicker'\n>\n\nexport const XhFileUploadRoot = defineComponent({\n  name: 'XhFileUploadRoot',\n  // 有 connect 与机器兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    // 缺席值 undefined 表示非受控\n    files: { type: Array as PropType<File[]> },\n    defaultFiles: { type: Array as PropType<File[]> },\n    remoteFiles: { type: Array as PropType<FileUploadRemoteFile[]> },\n    defaultRemoteFiles: { type: Array as PropType<FileUploadRemoteFile[]> },\n    upload: { type: Function as PropType<FileUploadProps['upload']> },\n    autoUpload: { type: Boolean, default: undefined },\n    accept: { type: [String, Array] as PropType<string | string[]> },\n    maxFiles: { type: Number },\n    maxFileSize: { type: Number },\n    minFileSize: { type: Number },\n    disabled: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    name: { type: String },\n    allowDrop: { type: Boolean, default: undefined },\n    allowPaste: { type: Boolean, default: undefined },\n    validate: { type: Function as PropType<FileUploadProps['validate']> },\n    maxConcurrentUploads: { type: Number },\n    directory: Boolean,\n    capture: { type: String as PropType<'user' | 'environment'> },\n    translations: { type: Object as PropType<Partial<FileUploadTranslations>> },\n  },\n  // files-change 携带 { files }，update:files 携带裸数组；file-accept / file-reject 逐个文件报告\n  emits: {\n    'files-change': (_details: PayloadOf<FileUploadProps, 'onFilesChange'>) => true,\n    'update:files': (_files: PayloadOf<FileUploadProps, 'onFilesChange'>['files']) => true,\n    'file-accept': (_details: PayloadOf<FileUploadProps, 'onFileAccept'>) => true,\n    'file-reject': (_details: PayloadOf<FileUploadProps, 'onFileReject'>) => true,\n    'remote-files-change': (_details: PayloadOf<FileUploadProps, 'onRemoteFilesChange'>) => true,\n    'update:remoteFiles': (_files: PayloadOf<FileUploadProps, 'onRemoteFilesChange'>['files']) => true,\n    'upload-complete': (_details: PayloadOf<FileUploadProps, 'onUploadComplete'>) => true,\n    'upload-error': (_details: PayloadOf<FileUploadProps, 'onUploadError'>) => true,\n    'upload-cancel': (_details: PayloadOf<FileUploadProps, 'onUploadCancel'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FileUploadRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onFilesChange: FileUploadProps['onFilesChange'] = (details) => {\n      emit('files-change', details)\n      emit('update:files', details.files)\n    }\n    const onFileAccept: FileUploadProps['onFileAccept'] = details => emit('file-accept', details)\n    const onFileReject: FileUploadProps['onFileReject'] = details => emit('file-reject', details)\n    const onRemoteFilesChange: FileUploadProps['onRemoteFilesChange'] = (details) => {\n      emit('remote-files-change', details)\n      emit('update:remoteFiles', details.files)\n    }\n    const onUploadComplete: FileUploadProps['onUploadComplete'] = details => emit('upload-complete', details)\n    const onUploadError: FileUploadProps['onUploadError'] = details => emit('upload-error', details)\n    const onUploadCancel: FileUploadProps['onUploadCancel'] = details => emit('upload-cancel', details)\n    const ctx = useFileUpload(withXhConfig('file-upload', useFormControlProps(props)) as FileUploadProps, { onFilesChange, onFileAccept, onFileReject, onRemoteFilesChange, onUploadComplete, onUploadError, onUploadCancel })\n    provideFileUpload(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      acceptedFiles: ctx.api.value.acceptedFiles,\n      remoteFiles: ctx.api.value.remoteFiles,\n      allFiles: ctx.api.value.allFiles,\n      uploadOf: ctx.api.value.uploadOf,\n      startUpload: ctx.api.value.startUpload,\n      cancelUpload: ctx.api.value.cancelUpload,\n      dragging: ctx.api.value.dragging,\n      empty: ctx.api.value.empty,\n      disabled: ctx.api.value.disabled,\n      maxFiles: ctx.api.value.maxFiles,\n      getFileSizeText: ctx.api.value.getFileSizeText,\n      setFiles: ctx.api.value.setFiles,\n      addFiles: ctx.api.value.addFiles,\n      deleteFile: ctx.api.value.deleteFile,\n      clear: ctx.api.value.clear,\n      openFilePicker: ctx.api.value.openFilePicker,\n    }))\n  },\n})\n\nexport const XhFileUploadLabel = defineComponent({\n  name: 'XhFileUploadLabel',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    // 用原生 label，getLabelProps 的 for 指向隐藏输入\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFileUploadDropzone = defineComponent({\n  name: 'XhFileUploadDropzone',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    return () => h('div', ctx.api.value.getDropzoneProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFileUploadTrigger = defineComponent({\n  name: 'XhFileUploadTrigger',\n  // 直通属性自己合：Vue 默认把作者的处理器排在部件的后面，这里改成作者先跑\n  inheritAttrs: false,\n  props: {\n    /** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots, attrs }) {\n    const ctx = useFileUploadContext()\n    return () => {\n      const part = mergePartProps(ctx.api.value.getTriggerProps() as Record<string, unknown>, attrs)\n      const children = slots.default?.()\n      // asChild：把触发器属性合到作者的节点上，不再自己渲染包裹元素\n      if (props.asChild) {\n        const merged = mergeIntoChild(children, part, 'file-upload')\n        if (merged)\n          return merged\n      }\n      return h('button', part, children)\n    }\n  },\n})\n\nexport const XhFileUploadHiddenInput = defineComponent({\n  name: 'XhFileUploadHiddenInput',\n  setup() {\n    const ctx = useFileUploadContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n\nexport const XhFileUploadList = defineComponent({\n  name: 'XhFileUploadList',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFileUploadItem = defineComponent({\n  name: 'XhFileUploadItem',\n  props: {\n    /** 该行显示哪个文件（本地或远程附件）。 */\n    file: { type: Object as PropType<FileUploadFile> },\n    /** 改用下标从 allFiles（远程在前、本地在后）中取文件，兼收字符串以支持模板中写 index=\"0\"。 */\n    index: { type: [Number, String] as PropType<number | string> },\n  },\n  setup(props, { slots }) {\n    const ctx = useFileUploadContext()\n    const file = computed<FileUploadFile | undefined>(() => {\n      if (props.file)\n        return props.file\n      if (props.index == null)\n        return undefined\n      return ctx.api.value.allFiles[Math.trunc(Number(props.index))]\n    })\n    // 条目上下文，子部件从中取文件\n    const item = computed<FileUploadItemProps>(() => ({ file: file.value as FileUploadFile }))\n    provideFileUploadItem({ item })\n    return () => {\n      // 下标指向的文件不存在时只渲染空壳，不打组件属性也不渲染子部件\n      if (!file.value)\n        return h('div')\n      return h('div', ctx.api.value.getItemProps(item.value) as Record<string, unknown>, slots.default?.())\n    }\n  },\n})\n\nexport const XhFileUploadItemName = defineComponent({\n  name: 'XhFileUploadItemName',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    const { item } = useFileUploadItemContext()\n    // 有插槽用插槽，否则显示文件名\n    return () => h(\n      'span',\n      ctx.api.value.getItemNameProps(item.value) as Record<string, unknown>,\n      slots.default?.() ?? item.value.file.name,\n    )\n  },\n})\n\nexport const XhFileUploadItemSizeText = defineComponent({\n  name: 'XhFileUploadItemSizeText',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    const { item } = useFileUploadItemContext()\n    // 有插槽用插槽，否则显示格式化后的文件大小\n    return () => h(\n      'span',\n      ctx.api.value.getItemSizeTextProps(item.value) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.getFileSizeText(item.value.file),\n    )\n  },\n})\n\nexport const XhFileUploadItemPreview = defineComponent({\n  name: 'XhFileUploadItemPreview',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    const { item } = useFileUploadItemContext()\n    return () => h('div', ctx.api.value.getItemPreviewProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFileUploadItemProgress = defineComponent({\n  name: 'XhFileUploadItemProgress',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    const { item } = useFileUploadItemContext()\n    return () => h('div', ctx.api.value.getItemProgressProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFileUploadItemDeleteTrigger = defineComponent({\n  name: 'XhFileUploadItemDeleteTrigger',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    const { item } = useFileUploadItemContext()\n    return () => h(\n      'button',\n      ctx.api.value.getItemDeleteTriggerProps(item.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFileUploadClearTrigger = defineComponent({\n  name: 'XhFileUploadClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/file-upload/use-file-upload.d.ts

@@ -4,7 +4,7 @@ import { FileUploadApi, FileUploadSchema } from "@xihan-ui/headless";
 interface FileUploadContext {
   api: ComputedRef<FileUploadApi>;
 }
-declare function useFileUpload(props: FileUploadSchema['props'], handlers?: Pick<FileUploadSchema['props'], 'onFilesChange' | 'onFileAccept' | 'onFileReject' | 'onRemoteFilesChange' | 'onUploadComplete' | 'onUploadError'>): FileUploadContext;
+declare function useFileUpload(props: FileUploadSchema['props'], handlers?: Pick<FileUploadSchema['props'], 'onFilesChange' | 'onFileAccept' | 'onFileReject' | 'onRemoteFilesChange' | 'onUploadComplete' | 'onUploadError' | 'onUploadCancel'>): FileUploadContext;
 //#endregion
 export { FileUploadContext, useFileUpload };
 //# sourceMappingURL=use-file-upload.d.ts.map

package/dist/components/file-upload/use-file-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-file-upload.d.ts","names":[],"sources":["../../../src/components/file-upload/use-file-upload.ts"],"mappings":";;;UAgBiB;EACf,KAAK,YAAY;;iBAGH,cACd,OAAO,2BACP,WAAU,KAAK,+IACd"}
+{"version":3,"file":"use-file-upload.d.ts","names":[],"sources":["../../../src/components/file-upload/use-file-upload.ts"],"mappings":";;;UAgBiB;EACf,KAAK,YAAY;;iBAGH,cACd,OAAO,2BACP,WAAU,KAAK,kKACd"}

package/dist/components/file-upload/use-file-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-file-upload.js","names":[],"sources":["../../../src/components/file-upload/use-file-upload.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// 提供 use file upload 相关实现。\n\nimport type { FileUploadApi, FileUploadSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectFileUpload, fileUploadMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface FileUploadContext {\n  api: ComputedRef<FileUploadApi>\n}\n\nexport function useFileUpload(\n  props: FileUploadSchema['props'],\n  handlers: Pick<FileUploadSchema['props'], 'onFilesChange' | 'onFileAccept' | 'onFileReject' | 'onRemoteFilesChange' | 'onUploadComplete' | 'onUploadError'> = {},\n): FileUploadContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 与隐藏输入不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(fileUploadMachine, () => ({ ...props, ...handlers }), scope)\n  const api = computed(() => connectFileUpload(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,cACd,OACA,WAA8J,CAAC,GAC5I;CAInB,MAAM,UAAU,WAAW,0BAA0B;EAAE,GAAG;EAAO,GAAG;CAAS,IAD/D,YAAY,MADZ,qBACsB,CACiD,CAAC;CAEtF,OAAO,EAAE,KADG,eAAe,kBAAkB,SAAS,YAAY,CACvD,EAAE;AACf"}
+{"version":3,"file":"use-file-upload.js","names":[],"sources":["../../../src/components/file-upload/use-file-upload.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// 提供 use file upload 相关实现。\n\nimport type { FileUploadApi, FileUploadSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectFileUpload, fileUploadMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface FileUploadContext {\n  api: ComputedRef<FileUploadApi>\n}\n\nexport function useFileUpload(\n  props: FileUploadSchema['props'],\n  handlers: Pick<FileUploadSchema['props'], 'onFilesChange' | 'onFileAccept' | 'onFileReject' | 'onRemoteFilesChange' | 'onUploadComplete' | 'onUploadError' | 'onUploadCancel'> = {},\n): FileUploadContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 与隐藏输入不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(fileUploadMachine, () => ({ ...props, ...handlers }), scope)\n  const api = computed(() => connectFileUpload(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,cACd,OACA,WAAiL,CAAC,GAC/J;CAInB,MAAM,UAAU,WAAW,0BAA0B;EAAE,GAAG;EAAO,GAAG;CAAS,IAD/D,YAAY,MADZ,qBACsB,CACiD,CAAC;CAEtF,OAAO,EAAE,KADG,eAAe,kBAAkB,SAAS,YAAY,CACvD,EAAE;AACf"}

package/dist/components/flex/flex.d.ts

@@ -41,8 +41,8 @@ declare const XhFlex: import("vue").DefineComponent<import("vue").ExtractPropTyp
   wrap: BooleanConstructor;
   inline: BooleanConstructor;
 }>> & Readonly<{}>, {
-  wrap: boolean;
   inline: boolean;
+  wrap: boolean;
 }, SlotsType<{
   /** 子项，按写入的顺序排列。 */
   default?: () => VNode[];

package/dist/components/flex/flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.d.ts","names":[],"sources":["../../../src/components/flex/flex.ts"],"mappings":";;;;;;;cAkBa,2BAAW,0BAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAyCW,sBAAM,8BAAA;;IAIgB,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;;;;;IAHD,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;;;;;;EAMtB,gBAAM;;EAER,cAAM;kCAYhB"}
+{"version":3,"file":"flex.d.ts","names":[],"sources":["../../../src/components/flex/flex.ts"],"mappings":";;;;;;;cAkBa,2BAAW,0BAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAyCW,sBAAM,8BAAA;;IAK0B,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;;;;;IAHD,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;;;;;;EAMhC,gBAAM;;EAER,cAAM;kCAYhB"}

package/dist/components/flex/flex.js

@@ -51,10 +51,10 @@ function interleave(items, split) {
 const XhFlex = defineComponent({
 	name: "XhFlex",
 	props: {
-		orientation: { type: String },
-		align: { type: String },
-		justify: { type: String },
-		gap: { type: String },
+		orientation: { type: [String, Object] },
+		align: { type: [String, Object] },
+		justify: { type: [String, Object] },
+		gap: { type: [String, Object] },
 		wrap: Boolean,
 		inline: Boolean
 	},

package/dist/components/flex/flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.js","names":[],"sources":["../../../src/components/flex/flex.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// 提供 flex 相关实现。\n\nimport type { FlexProps } from '@xihan-ui/headless'\nimport type { PropType, Slot, SlotsType, VNode } from 'vue'\nimport { connectFlex } from '@xihan-ui/headless'\nimport { Comment, computed, defineComponent, Fragment, h, Text } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideFlex, useFlexContext } from './context'\n\n/**\n * 分隔符部件。写 `split` 插槽时组件在每道缝隙中自动铺设一个，\n * 手写它也能得到同一种结构：两条路径产出的 DOM 完全一致。\n */\nexport const XhFlexSplit = defineComponent({\n  name: 'XhFlexSplit',\n  setup(_, { slots }) {\n    const ctx = useFlexContext()\n    return () => h('span', ctx.api.value.getSplitProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 把默认插槽摊平为一个个子项。\n *\n * `v-for` 产出的是一个片段而不是若干节点，不摊平就整段算一个子项，分隔符只会插在整段的两端；\n * `v-if` 为假留下的注释节点与模板缩进留下的空白文本不渲染任何像素，保留会插出两条相邻的分隔符。\n */\nfunction flexItems(nodes: readonly VNode[]): VNode[] {\n  const items: VNode[] = []\n  for (const node of nodes) {\n    if (node.type === Comment)\n      continue\n    if (node.type === Text) {\n      if (String(node.children ?? '').trim() !== '')\n        items.push(node)\n      continue\n    }\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      items.push(...flexItems(node.children as VNode[]))\n      continue\n    }\n    items.push(node)\n  }\n  return items\n}\n\n/**\n * 在每两个子项之间铺设一个分隔符部件。\n * 插槽逐缝隙重新求值：同一份 vnode 挂在两处会被后一处替换。\n */\nfunction interleave(items: readonly VNode[], split: Slot): VNode[] {\n  const out: VNode[] = []\n  items.forEach((item, index) => {\n    if (index > 0)\n      out.push(h(XhFlexSplit, { key: `xh-flex-split-${index}` }, () => split()))\n    out.push(item)\n  })\n  return out\n}\n\nexport const XhFlex = defineComponent({\n  name: 'XhFlex',\n  // 有 connect 兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    orientation: { type: String as PropType<FlexProps['orientation']> },\n    align: { type: String as PropType<FlexProps['align']> },\n    justify: { type: String as PropType<FlexProps['justify']> },\n    gap: { type: String as PropType<FlexProps['gap']> },\n    wrap: Boolean,\n    inline: Boolean,\n  },\n  slots: Object as SlotsType<{\n    /** 子项，按写入的顺序排列。 */\n    default?: () => VNode[]\n    /** 分隔符的内容：写了它，组件在每两个子项之间各铺设一个分隔符部件，逐缝隙重新求值一次。 */\n    split?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const api = computed(() => connectFlex(props as FlexProps, vueNormalize))\n    provideFlex({ api })\n    return () => {\n      const children = slots.default?.() ?? []\n      // 没写分隔符插槽时原样交出去，不摊平：摊平会打散 v-for 的片段，白白丢掉它的复用信息\n      const content = slots.split ? interleave(flexItems(children), slots.split) : children\n      return h('div', api.value.getRootProps() as Record<string, unknown>, content)\n    }\n  },\n})\n"],"mappings":";;;;;;;;;AAkBA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;;;;;;;AAQD,SAAS,UAAU,OAAkC;CACnD,MAAM,QAAiB,CAAC;CACxB,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,KAAK,SAAS,SAChB;EACF,IAAI,KAAK,SAAS,MAAM;GACtB,IAAI,OAAO,KAAK,YAAY,EAAE,CAAC,CAAC,KAAK,MAAM,IACzC,MAAM,KAAK,IAAI;GACjB;EACF;EACA,IAAI,KAAK,SAAS,YAAY,MAAM,QAAQ,KAAK,QAAQ,GAAG;GAC1D,MAAM,KAAK,GAAG,UAAU,KAAK,QAAmB,CAAC;GACjD;EACF;EACA,MAAM,KAAK,IAAI;CACjB;CACA,OAAO;AACT;;;;;AAMA,SAAS,WAAW,OAAyB,OAAsB;CACjE,MAAM,MAAe,CAAC;CACtB,MAAM,SAAS,MAAM,UAAU;EAC7B,IAAI,QAAQ,GACV,IAAI,KAAK,EAAE,aAAa,EAAE,KAAK,iBAAiB,QAAQ,SAAS,MAAM,CAAC,CAAC;EAC3E,IAAI,KAAK,IAAI;CACf,CAAC;CACD,OAAO;AACT;AAEA,MAAa,SAAS,gBAAgB;CACpC,MAAM;CAEN,OAAO;EACL,aAAa,EAAE,MAAM,OAA6C;EAClE,OAAO,EAAE,MAAM,OAAuC;EACtD,SAAS,EAAE,MAAM,OAAyC;EAC1D,KAAK,EAAE,MAAM,OAAqC;EAClD,MAAM;EACN,QAAQ;CACV;CACA,OAAO;CAMP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,YAAY,OAAoB,YAAY,CAAC;EACxE,YAAY,EAAE,IAAI,CAAC;EACnB,aAAa;GACX,MAAM,WAAW,MAAM,UAAU,KAAK,CAAC;GAEvC,MAAM,UAAU,MAAM,QAAQ,WAAW,UAAU,QAAQ,GAAG,MAAM,KAAK,IAAI;GAC7E,OAAO,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,OAAO;EAC9E;CACF;AACF,CAAC"}
+{"version":3,"file":"flex.js","names":[],"sources":["../../../src/components/flex/flex.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// 提供 flex 相关实现。\n\nimport type { FlexProps } from '@xihan-ui/headless'\nimport type { PropType, Slot, SlotsType, VNode } from 'vue'\nimport { connectFlex } from '@xihan-ui/headless'\nimport { Comment, computed, defineComponent, Fragment, h, Text } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideFlex, useFlexContext } from './context'\n\n/**\n * 分隔符部件。写 `split` 插槽时组件在每道缝隙中自动铺设一个，\n * 手写它也能得到同一种结构：两条路径产出的 DOM 完全一致。\n */\nexport const XhFlexSplit = defineComponent({\n  name: 'XhFlexSplit',\n  setup(_, { slots }) {\n    const ctx = useFlexContext()\n    return () => h('span', ctx.api.value.getSplitProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 把默认插槽摊平为一个个子项。\n *\n * `v-for` 产出的是一个片段而不是若干节点，不摊平就整段算一个子项，分隔符只会插在整段的两端；\n * `v-if` 为假留下的注释节点与模板缩进留下的空白文本不渲染任何像素，保留会插出两条相邻的分隔符。\n */\nfunction flexItems(nodes: readonly VNode[]): VNode[] {\n  const items: VNode[] = []\n  for (const node of nodes) {\n    if (node.type === Comment)\n      continue\n    if (node.type === Text) {\n      if (String(node.children ?? '').trim() !== '')\n        items.push(node)\n      continue\n    }\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      items.push(...flexItems(node.children as VNode[]))\n      continue\n    }\n    items.push(node)\n  }\n  return items\n}\n\n/**\n * 在每两个子项之间铺设一个分隔符部件。\n * 插槽逐缝隙重新求值：同一份 vnode 挂在两处会被后一处替换。\n */\nfunction interleave(items: readonly VNode[], split: Slot): VNode[] {\n  const out: VNode[] = []\n  items.forEach((item, index) => {\n    if (index > 0)\n      out.push(h(XhFlexSplit, { key: `xh-flex-split-${index}` }, () => split()))\n    out.push(item)\n  })\n  return out\n}\n\nexport const XhFlex = defineComponent({\n  name: 'XhFlex',\n  // 有 connect 兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    // 四条排版轴都兼收断点对象，逐档写各自的取值\n    orientation: { type: [String, Object] as PropType<FlexProps['orientation']> },\n    align: { type: [String, Object] as PropType<FlexProps['align']> },\n    justify: { type: [String, Object] as PropType<FlexProps['justify']> },\n    gap: { type: [String, Object] as PropType<FlexProps['gap']> },\n    wrap: Boolean,\n    inline: Boolean,\n  },\n  slots: Object as SlotsType<{\n    /** 子项，按写入的顺序排列。 */\n    default?: () => VNode[]\n    /** 分隔符的内容：写了它，组件在每两个子项之间各铺设一个分隔符部件，逐缝隙重新求值一次。 */\n    split?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const api = computed(() => connectFlex(props as FlexProps, vueNormalize))\n    provideFlex({ api })\n    return () => {\n      const children = slots.default?.() ?? []\n      // 没写分隔符插槽时原样交出去，不摊平：摊平会打散 v-for 的片段，白白丢掉它的复用信息\n      const content = slots.split ? interleave(flexItems(children), slots.split) : children\n      return h('div', api.value.getRootProps() as Record<string, unknown>, content)\n    }\n  },\n})\n"],"mappings":";;;;;;;;;AAkBA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;;;;;;;AAQD,SAAS,UAAU,OAAkC;CACnD,MAAM,QAAiB,CAAC;CACxB,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,KAAK,SAAS,SAChB;EACF,IAAI,KAAK,SAAS,MAAM;GACtB,IAAI,OAAO,KAAK,YAAY,EAAE,CAAC,CAAC,KAAK,MAAM,IACzC,MAAM,KAAK,IAAI;GACjB;EACF;EACA,IAAI,KAAK,SAAS,YAAY,MAAM,QAAQ,KAAK,QAAQ,GAAG;GAC1D,MAAM,KAAK,GAAG,UAAU,KAAK,QAAmB,CAAC;GACjD;EACF;EACA,MAAM,KAAK,IAAI;CACjB;CACA,OAAO;AACT;;;;;AAMA,SAAS,WAAW,OAAyB,OAAsB;CACjE,MAAM,MAAe,CAAC;CACtB,MAAM,SAAS,MAAM,UAAU;EAC7B,IAAI,QAAQ,GACV,IAAI,KAAK,EAAE,aAAa,EAAE,KAAK,iBAAiB,QAAQ,SAAS,MAAM,CAAC,CAAC;EAC3E,IAAI,KAAK,IAAI;CACf,CAAC;CACD,OAAO;AACT;AAEA,MAAa,SAAS,gBAAgB;CACpC,MAAM;CAEN,OAAO;EAEL,aAAa,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAwC;EAC5E,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAkC;EAChE,SAAS,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAoC;EACpE,KAAK,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAgC;EAC5D,MAAM;EACN,QAAQ;CACV;CACA,OAAO;CAMP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,YAAY,OAAoB,YAAY,CAAC;EACxE,YAAY,EAAE,IAAI,CAAC;EACnB,aAAa;GACX,MAAM,WAAW,MAAM,UAAU,KAAK,CAAC;GAEvC,MAAM,UAAU,MAAM,QAAQ,WAAW,UAAU,QAAQ,GAAG,MAAM,KAAK,IAAI;GAC7E,OAAO,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,OAAO;EAC9E;CACF;AACF,CAAC"}

package/dist/components/form/form.d.ts

@@ -3,8 +3,8 @@ import { PropType, SlotsType, VNode } from "vue";
 import { FormApi, FormColumns, FormErrorPatch, FormFieldSpan, FormPath, FormSchema, FormValidateOn, FormValues } from "@xihan-ui/headless";
 //#region src/components/form/form.d.ts
 type FormProps = FormSchema['props'];
-/** 默认插槽的载荷：整表的值与错误、校验态，以及逐字段读写、清错、提交、重置的命令。 */
-type FormRootSlotProps = Pick<FormApi, 'values' | 'errors' | 'errorNames' | 'invalid' | 'submitFailed' | 'validating' | 'validationError' | 'getFieldId' | 'getFieldError' | 'setFieldValue' | 'setFieldError' | 'clearErrors' | 'submit' | 'reset'>;
+/** 默认插槽的载荷：整表的值与错误、校验与提交在途、改动与触碰，以及逐字段读写、清错、校验、提交、重置的命令。 */
+type FormRootSlotProps = Pick<FormApi, 'values' | 'errors' | 'errorNames' | 'invalid' | 'submitFailed' | 'validating' | 'submitting' | 'dirty' | 'validationError' | 'getFieldId' | 'getFieldError' | 'isFieldDirty' | 'isFieldTouched' | 'setFieldValue' | 'setFieldError' | 'clearErrors' | 'submit' | 'validateAll' | 'validateField' | 'validateFields' | 'resetField' | 'reset'>;
 /** 字段容器默认插槽的载荷：该字段的名字、值、错误与控件 id，以及写值的命令。 */
 interface FormFieldGroupSlotProps {
   name: FormPath;
@@ -61,13 +61,20 @@ declare const XhFormRoot: import("vue").DefineComponent<import("vue").ExtractPro
   };
   disabled: BooleanConstructor;
   readOnly: BooleanConstructor;
+  /**
+   * 校验通过才调用。返回 thenable 期间 submitting 为真、再提交不发生，拒绝经 submit-error 报出。
+   * 模板中照常写 @submit，Vue 会把它落到该 prop 上。
+   */
+  onSubmit: {
+    type: PropType<FormProps["onSubmit"]>;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   'values-change': (_details: PayloadOf<FormProps, "onValuesChange">) => true;
   'errors-change': (_details: PayloadOf<FormProps, "onErrorsChange">) => true;
-  submit: (_details: PayloadOf<FormProps, "onSubmit">) => true;
   invalid: (_details: PayloadOf<FormProps, "onInvalid">) => true;
+  'submit-error': (_details: PayloadOf<FormProps, "onSubmitError">) => true;
   'validation-error': (_details: PayloadOf<FormProps, "onValidationError">) => true;
   'update:values': (_values: PayloadOf<FormProps, "onValuesChange">["values"]) => true;
   'update:errors': (_errors: PayloadOf<FormProps, "onErrorsChange">["errors"]) => true;
@@ -111,11 +118,18 @@ declare const XhFormRoot: import("vue").DefineComponent<import("vue").ExtractPro
   };
   disabled: BooleanConstructor;
   readOnly: BooleanConstructor;
+  /**
+   * 校验通过才调用。返回 thenable 期间 submitting 为真、再提交不发生，拒绝经 submit-error 报出。
+   * 模板中照常写 @submit，Vue 会把它落到该 prop 上。
+   */
+  onSubmit: {
+    type: PropType<FormProps["onSubmit"]>;
+  };
 }>> & Readonly<{
   onInvalid?: ((_details: import("@xihan-ui/headless").FormInvalidDetails) => any) | undefined;
-  onSubmit?: ((_details: import("@xihan-ui/headless").FormSubmitDetails) => any) | undefined;
   "onValues-change"?: ((_details: import("@xihan-ui/headless").FormValuesChangeDetails) => any) | undefined;
   "onErrors-change"?: ((_details: import("@xihan-ui/headless").FormErrorsChangeDetails) => any) | undefined;
+  "onSubmit-error"?: ((_details: import("@xihan-ui/headless").FormSubmitErrorDetails) => any) | undefined;
   "onValidation-error"?: ((_details: import("@xihan-ui/headless").FormValidationErrorDetails) => any) | undefined;
   "onUpdate:values"?: ((_values: FormValues) => any) | undefined;
   "onUpdate:errors"?: ((_errors: import("@xihan-ui/headless").FormErrors) => any) | undefined;

package/dist/components/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","names":[],"sources":["../../../src/components/form/form.ts"],"mappings":";;;;KAcK,YAAY;;KAGL,oBAAoB,KAC9B;;UAkBe;EACf,MAAM;EACN;EACA;EACA;EACA;EACA,WAAW;;;KAID,4BAA4B,KAAK;;UAG5B;EACf,MAAM;EACN;;cAGW,0BAAU,8BAAA;;IAIO,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAChB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACE,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;IAEE,MAAA,SAAS;;;;;;IAEhB,MAAA,SAAS;;;;;;;EAMX,kBAAA,UAAA,UAAU;EACV,kBAAA,UAAA,UAAU;EACjB,SAAA,UAAA,UAAU;EACT,UAAA,UAAA,UAAU;EACD,qBAAA,UAAA,UAAU;EACd,kBAAA,SAAA,UAAU;EACV,kBAAA,SAAA,UAAU;;;IAxBX,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAChB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACE,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;IAEE,MAAA,SAAS;;;;;;IAEhB,MAAA,SAAS;;;;;;;;;;;;;;;;EAe7B,WAAC,OAAO,sBAAsB;kCAuC1C;cAEW,gCAAgB,8BAAA;;;IAIQ,MAAA,SAAS;;;;;IAER,MAAA,SAAS;;;;;;;IAFV,MAAA,SAAS;;;;;IAER,MAAA,SAAS;;;EAGjC,WAAC,OAAO,4BAA4B;kCAoBhD;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;;EAGjB,WAAC,OAAO,8BAA8B;kCAUlD;cAEW,sCAAsB,8BAAA;;;IAIE,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;;EAGhC,WAAC,OAAO,kCAAkC;kCAWtD;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"form.d.ts","names":[],"sources":["../../../src/components/form/form.ts"],"mappings":";;;;KAcK,YAAY;;KAGL,oBAAoB,KAC9B;;UA0Be;EACf,MAAM;EACN;EACA;EACA;EACA;EACA,WAAW;;;KAID,4BAA4B,KAAK;;UAG5B;EACf,MAAM;EACN;;cAGW,0BAAU,8BAAA;;IAIO,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAChB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACE,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;IAEE,MAAA,SAAS;;;;;;IAEhB,MAAA,SAAS;;;;;;;;;IAOT,MAAA,SAAS;;;;;EAIX,kBAAA,UAAA,UAAU;EACV,kBAAA,UAAA,UAAU;EAChB,UAAA,UAAA,UAAU;EACL,iBAAA,UAAA,UAAU;EACN,qBAAA,UAAA,UAAU;EACd,kBAAA,SAAA,UAAU;EACV,kBAAA,SAAA,UAAU;;;IA7BX,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IAChB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACE,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;IAEE,MAAA,SAAS;;;;;;IAEhB,MAAA,SAAS;;;;;;;;;IAOT,MAAA,SAAS;;;;;;;;;;;;;;EAa7B,WAAC,OAAO,sBAAsB;kCAiD1C;cAEW,gCAAgB,8BAAA;;;IAIQ,MAAA,SAAS;;;;;IAER,MAAA,SAAS;;;;;;;IAFV,MAAA,SAAS;;;;;IAER,MAAA,SAAS;;;EAGjC,WAAC,OAAO,4BAA4B;kCAoBhD;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;;EAGjB,WAAC,OAAO,8BAA8B;kCAWlD;cAEW,sCAAsB,8BAAA;;;IAIE,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;;EAGhC,WAAC,OAAO,kCAAkC;kCAWtD;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/form/form.js

@@ -19,13 +19,18 @@ const XhFormRoot = defineComponent({
 		labelWidth: { type: [Number, String] },
 		labelAlign: { type: String },
 		disabled: Boolean,
-		readOnly: Boolean
+		readOnly: Boolean,
+		/**
+		* 校验通过才调用。返回 thenable 期间 submitting 为真、再提交不发生，拒绝经 submit-error 报出。
+		* 模板中照常写 @submit，Vue 会把它落到该 prop 上。
+		*/
+		onSubmit: { type: Function }
 	},
 	emits: {
 		"values-change": (_details) => true,
 		"errors-change": (_details) => true,
-		"submit": (_details) => true,
 		"invalid": (_details) => true,
+		"submit-error": (_details) => true,
 		"validation-error": (_details) => true,
 		"update:values": (_values) => true,
 		"update:errors": (_errors) => true
@@ -41,7 +46,8 @@ const XhFormRoot = defineComponent({
 				emit("errors-change", details);
 				emit("update:errors", details.errors);
 			},
-			onSubmit: (details) => emit("submit", details),
+			onSubmit: (details) => props.onSubmit?.(details),
+			onSubmitError: (details) => emit("submit-error", details),
 			onInvalid: (details) => emit("invalid", details),
 			onValidationError: (details) => emit("validation-error", details)
 		});
@@ -58,13 +64,21 @@ const XhFormRoot = defineComponent({
 			invalid: ctx.api.value.invalid,
 			submitFailed: ctx.api.value.submitFailed,
 			validating: ctx.api.value.validating,
+			submitting: ctx.api.value.submitting,
+			dirty: ctx.api.value.dirty,
 			validationError: ctx.api.value.validationError,
 			getFieldId: ctx.api.value.getFieldId,
 			getFieldError: ctx.api.value.getFieldError,
+			isFieldDirty: ctx.api.value.isFieldDirty,
+			isFieldTouched: ctx.api.value.isFieldTouched,
 			setFieldValue: ctx.setFieldValue,
 			setFieldError: ctx.setFieldError,
 			clearErrors: ctx.clearErrors,
 			submit: ctx.submit,
+			validateAll: ctx.validateAll,
+			validateField: ctx.validateField,
+			validateFields: ctx.validateFields,
+			resetField: ctx.resetField,
 			reset: ctx.reset
 		}));
 	}
@@ -103,9 +117,9 @@ const XhFormErrorSummary = defineComponent({
 	setup(_, { slots }) {
 		const ctx = useFormContext();
 		return () => h("div", ctx.api.value.getErrorSummaryProps(), slots.default?.({
-			errors: ctx.api.value.errors,
-			errorNames: ctx.api.value.errorNames,
-			errorCount: ctx.api.value.errorCount
+			errors: ctx.api.value.summaryErrors,
+			errorNames: ctx.api.value.summaryErrorNames,
+			errorCount: ctx.api.value.summaryErrorCount
 		}));
 	}
 });
@@ -122,7 +136,7 @@ name: {
 		const ctx = useFormContext();
 		return () => h("a", ctx.api.value.getErrorSummaryItemProps({ name: props.name }), slots.default?.({
 			name: props.name,
-			error: ctx.api.value.getFieldError(props.name)
+			error: ctx.api.value.getSummaryError(props.name)
 		}));
 	}
 });

package/dist/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../../src/components/form/form.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// 提供 form 相关实现。\n\nimport type { FormApi, FormColumns, FormErrorPatch, FormFieldSpan, FormPath, FormSchema, FormValidateOn, FormValues } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { provideForm, provideFormField, useFormContext } from './context'\nimport { useForm } from './use-form'\n\ntype FormProps = FormSchema['props']\n\n/** 默认插槽的载荷：整表的值与错误、校验态，以及逐字段读写、清错、提交、重置的命令。 */\nexport type FormRootSlotProps = Pick<\n  FormApi,\n  | 'values'\n  | 'errors'\n  | 'errorNames'\n  | 'invalid'\n  | 'submitFailed'\n  | 'validating'\n  | 'validationError'\n  | 'getFieldId'\n  | 'getFieldError'\n  | 'setFieldValue'\n  | 'setFieldError'\n  | 'clearErrors'\n  | 'submit'\n  | 'reset'\n>\n\n/** 字段容器默认插槽的载荷：该字段的名字、值、错误与控件 id，以及写值的命令。 */\nexport interface FormFieldGroupSlotProps {\n  name: FormPath\n  value: unknown\n  error: string | undefined\n  invalid: boolean\n  controlId: string\n  setValue: (next: unknown) => void\n}\n\n/** 错误摘要默认插槽的载荷：整表的错误、出错字段名与条数。 */\nexport type FormErrorSummarySlotProps = Pick<FormApi, 'errors' | 'errorNames' | 'errorCount'>\n\n/** 错误摘要单条默认插槽的载荷：该条指向的字段名与它的错误文案。 */\nexport interface FormErrorSummaryItemSlotProps {\n  name: FormPath\n  error: string | undefined\n}\n\nexport const XhFormRoot = defineComponent({\n  name: 'XhFormRoot',\n  // 缺省值由 connect 与机器给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    values: { type: Object as PropType<FormValues> },\n    defaultValues: { type: Object as PropType<FormValues> },\n    errors: { type: Object as PropType<FormErrorPatch> },\n    defaultErrors: { type: Object as PropType<FormErrorPatch> },\n    validate: { type: Function as PropType<FormProps['validate']> },\n    rules: { type: Object as PropType<FormProps['rules']> },\n    validateMessages: { type: Object as PropType<FormProps['validateMessages']> },\n    validateOn: { type: String as PropType<FormValidateOn> },\n    layout: { type: String as PropType<FormProps['layout']> },\n    /** grid 排布下分几列：整数即各档同一个列数，断点对象 `{ base, sm, md, lg, xl }` 则逐档取值。 */\n    columns: { type: [Number, Object] as PropType<FormColumns> },\n    labelWidth: { type: [Number, String] },\n    labelAlign: { type: String as PropType<FormProps['labelAlign']> },\n    disabled: Boolean,\n    readOnly: Boolean,\n  },\n  // *-change 携带 details 对象，update:* 携带裸表；submit 与 invalid 按校验结果二选一\n  emits: {\n    'values-change': (_details: PayloadOf<FormProps, 'onValuesChange'>) => true,\n    'errors-change': (_details: PayloadOf<FormProps, 'onErrorsChange'>) => true,\n    'submit': (_details: PayloadOf<FormProps, 'onSubmit'>) => true,\n    'invalid': (_details: PayloadOf<FormProps, 'onInvalid'>) => true,\n    'validation-error': (_details: PayloadOf<FormProps, 'onValidationError'>) => true,\n    'update:values': (_values: PayloadOf<FormProps, 'onValuesChange'>['values']) => true,\n    'update:errors': (_errors: PayloadOf<FormProps, 'onErrorsChange'>['errors']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FormRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useForm(props as FormProps, {\n      onValuesChange: (details) => {\n        emit('values-change', details)\n        emit('update:values', details.values)\n      },\n      onErrorsChange: (details) => {\n        emit('errors-change', details)\n        emit('update:errors', details.errors)\n      },\n      onSubmit: details => emit('submit', details),\n      onInvalid: details => emit('invalid', details),\n      onValidationError: details => emit('validation-error', details),\n    })\n    provideForm(ctx)\n\n    // 根节点渲染为原生 form，隐式提交与 submit 事件都依赖它\n    return () => h('form', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n    }, slots.default?.({\n      values: ctx.api.value.values,\n      errors: ctx.api.value.errors,\n      errorNames: ctx.api.value.errorNames,\n      invalid: ctx.api.value.invalid,\n      submitFailed: ctx.api.value.submitFailed,\n      validating: ctx.api.value.validating,\n      validationError: ctx.api.value.validationError,\n      getFieldId: ctx.api.value.getFieldId,\n      getFieldError: ctx.api.value.getFieldError,\n      setFieldValue: ctx.setFieldValue,\n      setFieldError: ctx.setFieldError,\n      clearErrors: ctx.clearErrors,\n      submit: ctx.submit,\n      reset: ctx.reset,\n    }))\n  },\n})\n\nexport const XhFormFieldGroup = defineComponent({\n  name: 'XhFormFieldGroup',\n  props: {\n    /** 字段路径；字符串含点仍是单键，数组才表示层级。 */\n    name: { type: [String, Array] as PropType<FormPath>, required: true },\n    /** grid 排布下该格占多宽：1 至 4 跨相应列数，'full' 占满整行；未写时占一列。 */\n    span: { type: [Number, String] as PropType<FormFieldSpan> },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FormFieldGroupSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useFormContext()\n    // 后代 Field 据此从表单上下文自取校验态，省掉逐字段搬运\n    provideFormField({ name: () => props.name })\n    // 作用域插槽暴露本字段的值、错误与写入方法\n    return () => h(\n      'div',\n      ctx.api.value.getFieldGroupProps({ name: props.name, span: props.span }) as Record<string, unknown>,\n      slots.default?.({\n        name: props.name,\n        value: ctx.api.value.getFieldValue(props.name),\n        error: ctx.api.value.getFieldError(props.name),\n        invalid: ctx.api.value.isFieldInvalid(props.name),\n        controlId: ctx.api.value.getFieldId(props.name),\n        setValue: (next: unknown) => ctx.setFieldValue(props.name, next),\n      }),\n    )\n  },\n})\n\nexport const XhFormErrorSummary = defineComponent({\n  name: 'XhFormErrorSummary',\n  slots: Object as SlotsType<{\n    default?: (props: FormErrorSummarySlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useFormContext()\n    return () => h('div', ctx.api.value.getErrorSummaryProps() as Record<string, unknown>, slots.default?.({\n      errors: ctx.api.value.errors,\n      errorNames: ctx.api.value.errorNames,\n      errorCount: ctx.api.value.errorCount,\n    }))\n  },\n})\n\nexport const XhFormErrorSummaryItem = defineComponent({\n  name: 'XhFormErrorSummaryItem',\n  props: {\n    /** 该条指向哪个字段路径。 */\n    name: { type: [String, Array] as PropType<FormPath>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FormErrorSummaryItemSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useFormContext()\n    // 渲染为原生 a，href 指向字段容器的 id\n    return () => h(\n      'a',\n      ctx.api.value.getErrorSummaryItemProps({ name: props.name }) as Record<string, unknown>,\n      slots.default?.({ name: props.name, error: ctx.api.value.getFieldError(props.name) }),\n    )\n  },\n})\n\nexport const XhFormSubmitTrigger = defineComponent({\n  name: 'XhFormSubmitTrigger',\n  setup(_, { slots }) {\n    const ctx = useFormContext()\n    return () => h('button', ctx.api.value.getSubmitTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFormResetTrigger = defineComponent({\n  name: 'XhFormResetTrigger',\n  setup(_, { slots }) {\n    const ctx = useFormContext()\n    return () => h('button', ctx.api.value.getResetTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"form.js","names":[],"sources":["../../../src/components/form/form.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// 提供 form 相关实现。\n\nimport type { FormApi, FormColumns, FormErrorPatch, FormFieldSpan, FormPath, FormSchema, FormValidateOn, FormValues } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { provideForm, provideFormField, useFormContext } from './context'\nimport { useForm } from './use-form'\n\ntype FormProps = FormSchema['props']\n\n/** 默认插槽的载荷：整表的值与错误、校验与提交在途、改动与触碰，以及逐字段读写、清错、校验、提交、重置的命令。 */\nexport type FormRootSlotProps = Pick<\n  FormApi,\n  | 'values'\n  | 'errors'\n  | 'errorNames'\n  | 'invalid'\n  | 'submitFailed'\n  | 'validating'\n  | 'submitting'\n  | 'dirty'\n  | 'validationError'\n  | 'getFieldId'\n  | 'getFieldError'\n  | 'isFieldDirty'\n  | 'isFieldTouched'\n  | 'setFieldValue'\n  | 'setFieldError'\n  | 'clearErrors'\n  | 'submit'\n  | 'validateAll'\n  | 'validateField'\n  | 'validateFields'\n  | 'resetField'\n  | 'reset'\n>\n\n/** 字段容器默认插槽的载荷：该字段的名字、值、错误与控件 id，以及写值的命令。 */\nexport interface FormFieldGroupSlotProps {\n  name: FormPath\n  value: unknown\n  error: string | undefined\n  invalid: boolean\n  controlId: string\n  setValue: (next: unknown) => void\n}\n\n/** 错误摘要默认插槽的载荷：整表的错误、出错字段名与条数。 */\nexport type FormErrorSummarySlotProps = Pick<FormApi, 'errors' | 'errorNames' | 'errorCount'>\n\n/** 错误摘要单条默认插槽的载荷：该条指向的字段名与它的错误文案。 */\nexport interface FormErrorSummaryItemSlotProps {\n  name: FormPath\n  error: string | undefined\n}\n\nexport const XhFormRoot = defineComponent({\n  name: 'XhFormRoot',\n  // 缺省值由 connect 与机器给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    values: { type: Object as PropType<FormValues> },\n    defaultValues: { type: Object as PropType<FormValues> },\n    errors: { type: Object as PropType<FormErrorPatch> },\n    defaultErrors: { type: Object as PropType<FormErrorPatch> },\n    validate: { type: Function as PropType<FormProps['validate']> },\n    rules: { type: Object as PropType<FormProps['rules']> },\n    validateMessages: { type: Object as PropType<FormProps['validateMessages']> },\n    validateOn: { type: String as PropType<FormValidateOn> },\n    layout: { type: String as PropType<FormProps['layout']> },\n    /** grid 排布下分几列：整数即各档同一个列数，断点对象 `{ base, sm, md, lg, xl }` 则逐档取值。 */\n    columns: { type: [Number, Object] as PropType<FormColumns> },\n    labelWidth: { type: [Number, String] },\n    labelAlign: { type: String as PropType<FormProps['labelAlign']> },\n    disabled: Boolean,\n    readOnly: Boolean,\n    /**\n     * 校验通过才调用。返回 thenable 期间 submitting 为真、再提交不发生，拒绝经 submit-error 报出。\n     * 模板中照常写 @submit，Vue 会把它落到该 prop 上。\n     */\n    onSubmit: { type: Function as PropType<FormProps['onSubmit']> },\n  },\n  // *-change 携带 details 对象，update:* 携带裸表；submit 与 invalid 按校验结果二选一\n  emits: {\n    'values-change': (_details: PayloadOf<FormProps, 'onValuesChange'>) => true,\n    'errors-change': (_details: PayloadOf<FormProps, 'onErrorsChange'>) => true,\n    'invalid': (_details: PayloadOf<FormProps, 'onInvalid'>) => true,\n    'submit-error': (_details: PayloadOf<FormProps, 'onSubmitError'>) => true,\n    'validation-error': (_details: PayloadOf<FormProps, 'onValidationError'>) => true,\n    'update:values': (_values: PayloadOf<FormProps, 'onValuesChange'>['values']) => true,\n    'update:errors': (_errors: PayloadOf<FormProps, 'onErrorsChange'>['errors']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FormRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useForm(props as FormProps, {\n      onValuesChange: (details) => {\n        emit('values-change', details)\n        emit('update:values', details.values)\n      },\n      onErrorsChange: (details) => {\n        emit('errors-change', details)\n        emit('update:errors', details.errors)\n      },\n      // 返回值要交给机器：thenable 即进入提交在途\n      onSubmit: details => props.onSubmit?.(details),\n      onSubmitError: details => emit('submit-error', details),\n      onInvalid: details => emit('invalid', details),\n      onValidationError: details => emit('validation-error', details),\n    })\n    provideForm(ctx)\n\n    // 根节点渲染为原生 form，隐式提交与 submit 事件都依赖它\n    return () => h('form', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n    }, slots.default?.({\n      values: ctx.api.value.values,\n      errors: ctx.api.value.errors,\n      errorNames: ctx.api.value.errorNames,\n      invalid: ctx.api.value.invalid,\n      submitFailed: ctx.api.value.submitFailed,\n      validating: ctx.api.value.validating,\n      submitting: ctx.api.value.submitting,\n      dirty: ctx.api.value.dirty,\n      validationError: ctx.api.value.validationError,\n      getFieldId: ctx.api.value.getFieldId,\n      getFieldError: ctx.api.value.getFieldError,\n      isFieldDirty: ctx.api.value.isFieldDirty,\n      isFieldTouched: ctx.api.value.isFieldTouched,\n      setFieldValue: ctx.setFieldValue,\n      setFieldError: ctx.setFieldError,\n      clearErrors: ctx.clearErrors,\n      submit: ctx.submit,\n      validateAll: ctx.validateAll,\n      validateField: ctx.validateField,\n      validateFields: ctx.validateFields,\n      resetField: ctx.resetField,\n      reset: ctx.reset,\n    }))\n  },\n})\n\nexport const XhFormFieldGroup = defineComponent({\n  name: 'XhFormFieldGroup',\n  props: {\n    /** 字段路径；字符串含点仍是单键，数组才表示层级。 */\n    name: { type: [String, Array] as PropType<FormPath>, required: true },\n    /** grid 排布下该格占多宽：1 至 4 跨相应列数，'full' 占满整行；未写时占一列。 */\n    span: { type: [Number, String] as PropType<FormFieldSpan> },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FormFieldGroupSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useFormContext()\n    // 后代 Field 据此从表单上下文自取校验态，省掉逐字段搬运\n    provideFormField({ name: () => props.name })\n    // 作用域插槽暴露本字段的值、错误与写入方法\n    return () => h(\n      'div',\n      ctx.api.value.getFieldGroupProps({ name: props.name, span: props.span }) as Record<string, unknown>,\n      slots.default?.({\n        name: props.name,\n        value: ctx.api.value.getFieldValue(props.name),\n        error: ctx.api.value.getFieldError(props.name),\n        invalid: ctx.api.value.isFieldInvalid(props.name),\n        controlId: ctx.api.value.getFieldId(props.name),\n        setValue: (next: unknown) => ctx.setFieldValue(props.name, next),\n      }),\n    )\n  },\n})\n\nexport const XhFormErrorSummary = defineComponent({\n  name: 'XhFormErrorSummary',\n  slots: Object as SlotsType<{\n    default?: (props: FormErrorSummarySlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useFormContext()\n    // 摘要读它自己那版错误表：退场途中文案与条数照撤下之前的写\n    return () => h('div', ctx.api.value.getErrorSummaryProps() as Record<string, unknown>, slots.default?.({\n      errors: ctx.api.value.summaryErrors,\n      errorNames: ctx.api.value.summaryErrorNames,\n      errorCount: ctx.api.value.summaryErrorCount,\n    }))\n  },\n})\n\nexport const XhFormErrorSummaryItem = defineComponent({\n  name: 'XhFormErrorSummaryItem',\n  props: {\n    /** 该条指向哪个字段路径。 */\n    name: { type: [String, Array] as PropType<FormPath>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FormErrorSummaryItemSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useFormContext()\n    // 渲染为原生 a，href 指向字段容器的 id\n    return () => h(\n      'a',\n      ctx.api.value.getErrorSummaryItemProps({ name: props.name }) as Record<string, unknown>,\n      slots.default?.({ name: props.name, error: ctx.api.value.getSummaryError(props.name) }),\n    )\n  },\n})\n\nexport const XhFormSubmitTrigger = defineComponent({\n  name: 'XhFormSubmitTrigger',\n  setup(_, { slots }) {\n    const ctx = useFormContext()\n    return () => h('button', ctx.api.value.getSubmitTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFormResetTrigger = defineComponent({\n  name: 'XhFormResetTrigger',\n  setup(_, { slots }) {\n    const ctx = useFormContext()\n    return () => h('button', ctx.api.value.getResetTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;AA8DA,MAAa,aAAa,gBAAgB;CACxC,MAAM;CAEN,OAAO;EACL,QAAQ,EAAE,MAAM,OAA+B;EAC/C,eAAe,EAAE,MAAM,OAA+B;EACtD,QAAQ,EAAE,MAAM,OAAmC;EACnD,eAAe,EAAE,MAAM,OAAmC;EAC1D,UAAU,EAAE,MAAM,SAA4C;EAC9D,OAAO,EAAE,MAAM,OAAuC;EACtD,kBAAkB,EAAE,MAAM,OAAkD;EAC5E,YAAY,EAAE,MAAM,OAAmC;EACvD,QAAQ,EAAE,MAAM,OAAwC;;EAExD,SAAS,EAAE,MAAM,CAAC,QAAQ,MAAM,EAA2B;EAC3D,YAAY,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE;EACrC,YAAY,EAAE,MAAM,OAA4C;EAChE,UAAU;EACV,UAAU;;;;;EAKV,UAAU,EAAE,MAAM,SAA4C;CAChE;CAEA,OAAO;EACL,kBAAkB,aAAqD;EACvE,kBAAkB,aAAqD;EACvE,YAAY,aAAgD;EAC5D,iBAAiB,aAAoD;EACrE,qBAAqB,aAAwD;EAC7E,kBAAkB,YAA8D;EAChF,kBAAkB,YAA8D;CAClF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,MAAM,QAAQ,OAAoB;GACtC,iBAAiB,YAAY;IAC3B,KAAK,iBAAiB,OAAO;IAC7B,KAAK,iBAAiB,QAAQ,MAAM;GACtC;GACA,iBAAiB,YAAY;IAC3B,KAAK,iBAAiB,OAAO;IAC7B,KAAK,iBAAiB,QAAQ,MAAM;GACtC;GAEA,WAAU,YAAW,MAAM,WAAW,OAAO;GAC7C,gBAAe,YAAW,KAAK,gBAAgB,OAAO;GACtD,YAAW,YAAW,KAAK,WAAW,OAAO;GAC7C,oBAAmB,YAAW,KAAK,oBAAoB,OAAO;EAChE,CAAC;EACD,YAAY,GAAG;EAGf,aAAa,EAAE,QAAQ;GACrB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,MAAM,OAAgB;IAAE,IAAI,QAAQ,QAAQ;GAAkB;EAChE,GAAG,MAAM,UAAU;GACjB,QAAQ,IAAI,IAAI,MAAM;GACtB,QAAQ,IAAI,IAAI,MAAM;GACtB,YAAY,IAAI,IAAI,MAAM;GAC1B,SAAS,IAAI,IAAI,MAAM;GACvB,cAAc,IAAI,IAAI,MAAM;GAC5B,YAAY,IAAI,IAAI,MAAM;GAC1B,YAAY,IAAI,IAAI,MAAM;GAC1B,OAAO,IAAI,IAAI,MAAM;GACrB,iBAAiB,IAAI,IAAI,MAAM;GAC/B,YAAY,IAAI,IAAI,MAAM;GAC1B,eAAe,IAAI,IAAI,MAAM;GAC7B,cAAc,IAAI,IAAI,MAAM;GAC5B,gBAAgB,IAAI,IAAI,MAAM;GAC9B,eAAe,IAAI;GACnB,eAAe,IAAI;GACnB,aAAa,IAAI;GACjB,QAAQ,IAAI;GACZ,aAAa,IAAI;GACjB,eAAe,IAAI;GACnB,gBAAgB,IAAI;GACpB,YAAY,IAAI;GAChB,OAAO,IAAI;EACb,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;;EAEL,MAAM;GAAE,MAAM,CAAC,QAAQ,KAAK;GAAyB,UAAU;EAAK;;EAEpE,MAAM,EAAE,MAAM,CAAC,QAAQ,MAAM,EAA6B;CAC5D;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe;EAE3B,iBAAiB,EAAE,YAAY,MAAM,KAAK,CAAC;EAE3C,aAAa,EACX,OACA,IAAI,IAAI,MAAM,mBAAmB;GAAE,MAAM,MAAM;GAAM,MAAM,MAAM;EAAK,CAAC,GACvE,MAAM,UAAU;GACd,MAAM,MAAM;GACZ,OAAO,IAAI,IAAI,MAAM,cAAc,MAAM,IAAI;GAC7C,OAAO,IAAI,IAAI,MAAM,cAAc,MAAM,IAAI;GAC7C,SAAS,IAAI,IAAI,MAAM,eAAe,MAAM,IAAI;GAChD,WAAW,IAAI,IAAI,MAAM,WAAW,MAAM,IAAI;GAC9C,WAAW,SAAkB,IAAI,cAAc,MAAM,MAAM,IAAI;EACjE,CAAC,CACH;CACF;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,OAAO;CAGP,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAE3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU;GACrG,QAAQ,IAAI,IAAI,MAAM;GACtB,YAAY,IAAI,IAAI,MAAM;GAC1B,YAAY,IAAI,IAAI,MAAM;EAC5B,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,OAAO;;AAEL,MAAM;EAAE,MAAM,CAAC,QAAQ,KAAK;EAAyB,UAAU;CAAK,EACtE;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe;EAE3B,aAAa,EACX,KACA,IAAI,IAAI,MAAM,yBAAyB,EAAE,MAAM,MAAM,KAAK,CAAC,GAC3D,MAAM,UAAU;GAAE,MAAM,MAAM;GAAM,OAAO,IAAI,IAAI,MAAM,gBAAgB,MAAM,IAAI;EAAE,CAAC,CACxF;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,sBAAsB,GAA8B,MAAM,UAAU,CAAC;CAC9G;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC"}