@xihan-ui/vue 1.0.0 → 2.0.0

package/dist/components/fieldset/use-fieldset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-fieldset.d.ts","names":[],"sources":["../../../src/components/fieldset/use-fieldset.ts"],"mappings":";;;UAQiB;EACf,KAAK,YAAY;;iBAIH,YAAY,OAAO,gBAAgB"}
+{"version":3,"file":"use-fieldset.d.ts","names":[],"sources":["../../../src/components/fieldset/use-fieldset.ts"],"mappings":";;;UAeiB;EACf,KAAK,YAAY;;iBAIH,YAAY,OAAO,gBAAgB"}

package/dist/components/fieldset/use-fieldset.js

@@ -1,8 +1,8 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { connectFieldset } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/fieldset/use-fieldset.ts
 function useFieldset(props) {
 	const scope = createScope(null, createVueIdGenerator());

package/dist/components/fieldset/use-fieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-fieldset.js","names":[],"sources":["../../../src/components/fieldset/use-fieldset.ts"],"sourcesContent":["import type { FieldsetApi, FieldsetProps } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectFieldset } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface FieldsetContext {\n  api: ComputedRef<FieldsetApi>\n}\n\n// Fieldset 无状态机，只用一份实例级 scope 派生 part id，props 变了由 computed 重算属性\nexport function useFieldset(props: FieldsetProps): FieldsetContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const api = computed(() => connectFieldset(props, scope, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;AAaA,SAAgB,YAAY,OAAuC;CAEjE,MAAM,QAAQ,YAAY,MADZ,qBACsB,CAAC;CAErC,OAAO,EAAE,KADG,eAAe,gBAAgB,OAAO,OAAO,YAAY,CAC1D,EAAE;AACf"}
+{"version":3,"file":"use-fieldset.js","names":[],"sources":["../../../src/components/fieldset/use-fieldset.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 fieldset 相关实现。\n\nimport type { FieldsetApi, FieldsetProps } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectFieldset } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface FieldsetContext {\n  api: ComputedRef<FieldsetApi>\n}\n\n// Fieldset 无状态机，只用一份实例级 scope 派生 part id，props 变了由 computed 重算属性\nexport function useFieldset(props: FieldsetProps): FieldsetContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const api = computed(() => connectFieldset(props, scope, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;AAoBA,SAAgB,YAAY,OAAuC;CAEjE,MAAM,QAAQ,YAAY,MADZ,qBACsB,CAAC;CAErC,OAAO,EAAE,KADG,eAAe,gBAAgB,OAAO,OAAO,YAAY,CAC1D,EAAE;AACf"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/file-upload/context.ts"],"sourcesContent":["import type { FileUploadItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { FileUploadContext } from './use-file-upload'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的文件，供 item-name / item-size-text / 删除按钮这些子部件复用同一份声明。 */\nexport interface FileUploadItemContext {\n  item: ComputedRef<FileUploadItemProps>\n}\n\nconst KEY: InjectionKey<FileUploadContext> = Symbol.for('xh-file-upload')\nconst ITEM_KEY: InjectionKey<FileUploadItemContext> = Symbol.for('xh-file-upload-item')\n\nexport function provideFileUpload(ctx: FileUploadContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFileUploadContext(): FileUploadContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FileUpload 部件必须用在 XhFileUploadRoot 内')\n  return ctx\n}\n\nexport function provideFileUploadItem(ctx: FileUploadItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useFileUploadItemContext(): FileUploadItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FileUpload 条目子部件必须用在 XhFileUploadItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AACxE,MAAM,WAAgD,OAAO,IAAI,qBAAqB;AAEtF,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,8CAA8C;CAChE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/file-upload/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { FileUploadItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { FileUploadContext } from './use-file-upload'\nimport { inject, provide } from 'vue'\n\n/** 条目声明的文件，供 item-name / item-size-text / 删除按钮等子部件复用同一份声明。 */\nexport interface FileUploadItemContext {\n  item: ComputedRef<FileUploadItemProps>\n}\n\nconst KEY: InjectionKey<FileUploadContext> = Symbol.for('xh-file-upload')\nconst ITEM_KEY: InjectionKey<FileUploadItemContext> = Symbol.for('xh-file-upload-item')\n\nexport function provideFileUpload(ctx: FileUploadContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFileUploadContext(): FileUploadContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FileUpload 部件必须用在 XhFileUploadRoot 内')\n  return ctx\n}\n\nexport function provideFileUploadItem(ctx: FileUploadItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useFileUploadItemContext(): FileUploadItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FileUpload 条目子部件必须用在 XhFileUploadItem 内')\n  return ctx\n}\n"],"mappings":";;AAiBA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AACxE,MAAM,WAAgD,OAAO,IAAI,qBAAqB;AAEtF,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,8CAA8C;CAChE,OAAO;AACT"}

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

@@ -3,28 +3,23 @@ import { PropType, SlotsType, VNode } from "vue";
 import { FileUploadApi, FileUploadFile, FileUploadRemoteFile, FileUploadSchema, FileUploadTranslations } from "@xihan-ui/headless";
 //#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'>;
 declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   files: {
     type: PropType<File[]>;
-    default: undefined;
   };
   defaultFiles: {
     type: PropType<File[]>;
-    default: undefined;
   };
   remoteFiles: {
     type: PropType<FileUploadRemoteFile[]>;
-    default: undefined;
   };
   defaultRemoteFiles: {
     type: PropType<FileUploadRemoteFile[]>;
-    default: undefined;
   };
   upload: {
     type: PropType<FileUploadProps["upload"]>;
-    default: undefined;
   };
   autoUpload: {
     type: BooleanConstructor;
@@ -32,25 +27,26 @@ declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").Extr
   };
   accept: {
     type: PropType<string | string[]>;
-    default: undefined;
   };
   maxFiles: {
     type: NumberConstructor;
-    default: undefined;
   };
   maxFileSize: {
     type: NumberConstructor;
-    default: undefined;
   };
   minFileSize: {
     type: NumberConstructor;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
     default: undefined;
   };
-  disabled: BooleanConstructor;
-  invalid: BooleanConstructor;
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   allowDrop: {
     type: BooleanConstructor;
@@ -59,11 +55,9 @@ declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").Extr
   directory: BooleanConstructor;
   capture: {
     type: PropType<"user" | "environment">;
-    default: undefined;
   };
   translations: {
     type: PropType<Partial<FileUploadTranslations>>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -79,23 +73,18 @@ declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").Extr
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   files: {
     type: PropType<File[]>;
-    default: undefined;
   };
   defaultFiles: {
     type: PropType<File[]>;
-    default: undefined;
   };
   remoteFiles: {
     type: PropType<FileUploadRemoteFile[]>;
-    default: undefined;
   };
   defaultRemoteFiles: {
     type: PropType<FileUploadRemoteFile[]>;
-    default: undefined;
   };
   upload: {
     type: PropType<FileUploadProps["upload"]>;
-    default: undefined;
   };
   autoUpload: {
     type: BooleanConstructor;
@@ -103,25 +92,26 @@ declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").Extr
   };
   accept: {
     type: PropType<string | string[]>;
-    default: undefined;
   };
   maxFiles: {
     type: NumberConstructor;
-    default: undefined;
   };
   maxFileSize: {
     type: NumberConstructor;
-    default: undefined;
   };
   minFileSize: {
     type: NumberConstructor;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
     default: undefined;
   };
-  disabled: BooleanConstructor;
-  invalid: BooleanConstructor;
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   allowDrop: {
     type: BooleanConstructor;
@@ -130,11 +120,9 @@ declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").Extr
   directory: BooleanConstructor;
   capture: {
     type: PropType<"user" | "environment">;
-    default: undefined;
   };
   translations: {
     type: PropType<Partial<FileUploadTranslations>>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onFiles-change"?: ((_details: import("@xihan-ui/headless").FileUploadFilesChangeDetails) => any) | undefined;
@@ -146,23 +134,11 @@ declare const XhFileUploadRoot: import("vue").DefineComponent<import("vue").Extr
   "onUpload-complete"?: ((_details: import("@xihan-ui/headless").FileUploadCompleteDetails) => any) | undefined;
   "onUpload-error"?: ((_details: import("@xihan-ui/headless").FileUploadErrorDetails) => any) | undefined;
 }>, {
-  name: string;
   invalid: boolean;
   disabled: boolean;
-  translations: Partial<FileUploadTranslations>;
-  upload: ((request: import("@xihan-ui/headless").FileUploadRequest) => Promise<import("@xihan-ui/headless").FileUploadResult | undefined | void> | import("@xihan-ui/headless").FileUploadResult | undefined | void) | undefined;
-  files: File[];
-  remoteFiles: FileUploadRemoteFile[];
-  maxFiles: number;
   directory: boolean;
-  defaultFiles: File[];
-  defaultRemoteFiles: FileUploadRemoteFile[];
   autoUpload: boolean;
-  accept: string | string[];
-  maxFileSize: number;
-  minFileSize: number;
   allowDrop: boolean;
-  capture: "user" | "environment";
 }, SlotsType<{
   default?: (props: FileUploadRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -173,12 +149,12 @@ declare const XhFileUploadDropzone: import("vue").DefineComponent<{}, () => VNod
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhFileUploadTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+  /** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
   asChild: BooleanConstructor;
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+  /** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
   asChild: BooleanConstructor;
 }>> & Readonly<{}>, {
   asChild: boolean;
@@ -186,37 +162,30 @@ declare const XhFileUploadTrigger: import("vue").DefineComponent<import("vue").E
 declare const XhFileUploadHiddenInput: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhFileUploadItemGroup: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhFileUploadList: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhFileUploadItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 这一行显示哪个文件（本地或远程附件）。 */
+  /** 该行显示哪个文件（本地或远程附件）。 */
   file: {
     type: PropType<FileUploadFile>;
-    default: undefined;
   };
-  /** 改用下标从 allFiles（远程在前、本地在后）里取文件，兼收字符串以支持模板里写 index="0"。 */
+  /** 改用下标从 allFiles（远程在前、本地在后）中取文件，兼收字符串以支持模板中写 index="0"。 */
   index: {
     type: PropType<number | string>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  /** 这一行显示哪个文件（本地或远程附件）。 */
+  /** 该行显示哪个文件（本地或远程附件）。 */
   file: {
     type: PropType<FileUploadFile>;
-    default: undefined;
   };
-  /** 改用下标从 allFiles（远程在前、本地在后）里取文件，兼收字符串以支持模板里写 index="0"。 */
+  /** 改用下标从 allFiles（远程在前、本地在后）中取文件，兼收字符串以支持模板中写 index="0"。 */
   index: {
     type: PropType<number | string>;
-    default: undefined;
   };
-}>> & Readonly<{}>, {
-  index: string | number;
-  file: FileUploadFile;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhFileUploadItemName: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -226,6 +195,9 @@ declare const XhFileUploadItemSizeText: import("vue").DefineComponent<{}, () =>
 declare const XhFileUploadItemPreview: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFileUploadItemProgress: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhFileUploadItemDeleteTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -233,5 +205,5 @@ declare const XhFileUploadClearTrigger: import("vue").DefineComponent<{}, () =>
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { FileUploadRootSlotProps, XhFileUploadClearTrigger, XhFileUploadDropzone, XhFileUploadHiddenInput, XhFileUploadItem, XhFileUploadItemDeleteTrigger, XhFileUploadItemGroup, XhFileUploadItemName, XhFileUploadItemPreview, XhFileUploadItemSizeText, XhFileUploadLabel, XhFileUploadRoot, XhFileUploadTrigger };
+export { FileUploadRootSlotProps, XhFileUploadClearTrigger, XhFileUploadDropzone, XhFileUploadHiddenInput, XhFileUploadItem, XhFileUploadItemDeleteTrigger, XhFileUploadItemName, XhFileUploadItemPreview, XhFileUploadItemProgress, XhFileUploadItemSizeText, XhFileUploadLabel, XhFileUploadList, XhFileUploadRoot, XhFileUploadTrigger };
 //# sourceMappingURL=file-upload.d.ts.map

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":";;;;KASK,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;;;;;;;;;;qCAoB9B;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;;IAID,MAAA,SAAS;;;;;IAEE,MAAA;;;;;;;;IAFX,MAAA,SAAS;;;;;IAEE,MAAA;;;;;;qCAqBrC;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,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;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"}

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

@@ -1,5 +1,7 @@
 import { withXhConfig } from "../../config/config.js";
+import { mergePartProps } from "../../runtime/merge-props.js";
 import { mergeIntoChild } from "../../runtime/as-child.js";
+import { useFormControlProps } from "../form/use-form-control.js";
 import { provideFileUpload, provideFileUploadItem, useFileUploadContext, useFileUploadItemContext } from "./context.js";
 import { useFileUpload } from "./use-file-upload.js";
 import { computed, defineComponent, h } from "vue";
@@ -7,65 +9,35 @@ import { computed, defineComponent, h } from "vue";
 const XhFileUploadRoot = defineComponent({
 	name: "XhFileUploadRoot",
 	props: {
-		files: {
-			type: Array,
-			default: void 0
-		},
-		defaultFiles: {
-			type: Array,
-			default: void 0
-		},
-		remoteFiles: {
-			type: Array,
-			default: void 0
-		},
-		defaultRemoteFiles: {
-			type: Array,
-			default: void 0
-		},
-		upload: {
-			type: Function,
-			default: void 0
-		},
+		files: { type: Array },
+		defaultFiles: { type: Array },
+		remoteFiles: { type: Array },
+		defaultRemoteFiles: { type: Array },
+		upload: { type: Function },
 		autoUpload: {
 			type: Boolean,
 			default: void 0
 		},
-		accept: {
-			type: [String, Array],
-			default: void 0
-		},
-		maxFiles: {
-			type: Number,
-			default: void 0
-		},
-		maxFileSize: {
-			type: Number,
-			default: void 0
-		},
-		minFileSize: {
-			type: Number,
+		accept: { type: [String, Array] },
+		maxFiles: { type: Number },
+		maxFileSize: { type: Number },
+		minFileSize: { type: Number },
+		disabled: {
+			type: Boolean,
 			default: void 0
 		},
-		disabled: Boolean,
-		invalid: Boolean,
-		name: {
-			type: String,
+		invalid: {
+			type: Boolean,
 			default: void 0
 		},
+		name: { type: String },
 		allowDrop: {
 			type: Boolean,
 			default: void 0
 		},
 		directory: Boolean,
-		capture: {
-			type: String,
-			default: void 0
-		},
-		translations: {
-			type: Object,
-			default: void 0
-		}
+		capture: { type: String },
+		translations: { type: Object }
 	},
 	emits: {
 		"files-change": (_details) => true,
@@ -91,7 +63,7 @@ const XhFileUploadRoot = defineComponent({
 		};
 		const onUploadComplete = (details) => emit("upload-complete", details);
 		const onUploadError = (details) => emit("upload-error", details);
-		const ctx = useFileUpload(withXhConfig("file-upload", props), {
+		const ctx = useFileUpload(withXhConfig("file-upload", useFormControlProps(props)), {
 			onFilesChange,
 			onFileAccept,
 			onFileReject,
@@ -135,19 +107,20 @@ const XhFileUploadDropzone = defineComponent({
 });
 const XhFileUploadTrigger = defineComponent({
 	name: "XhFileUploadTrigger",
+	inheritAttrs: false,
 	props: { 
-	/** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+	/** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
 asChild: Boolean },
-	setup(props, { slots }) {
+	setup(props, { slots, attrs }) {
 		const ctx = useFileUploadContext();
 		return () => {
-			const attrs = ctx.api.value.getTriggerProps();
+			const part = mergePartProps(ctx.api.value.getTriggerProps(), attrs);
 			const children = slots.default?.();
 			if (props.asChild) {
-				const merged = mergeIntoChild(children, attrs, "file-upload");
+				const merged = mergeIntoChild(children, part, "file-upload");
 				if (merged) return merged;
 			}
-			return h("button", attrs, children);
+			return h("button", part, children);
 		};
 	}
 });
@@ -158,26 +131,20 @@ const XhFileUploadHiddenInput = defineComponent({
 		return () => h("input", ctx.api.value.getHiddenInputProps());
 	}
 });
-const XhFileUploadItemGroup = defineComponent({
-	name: "XhFileUploadItemGroup",
+const XhFileUploadList = defineComponent({
+	name: "XhFileUploadList",
 	setup(_, { slots }) {
 		const ctx = useFileUploadContext();
-		return () => h("div", ctx.api.value.getItemGroupProps(), slots.default?.());
+		return () => h("div", ctx.api.value.getListProps(), slots.default?.());
 	}
 });
 const XhFileUploadItem = defineComponent({
 	name: "XhFileUploadItem",
 	props: {
-		/** 这一行显示哪个文件（本地或远程附件）。 */
-		file: {
-			type: Object,
-			default: void 0
-		},
-		/** 改用下标从 allFiles（远程在前、本地在后）里取文件，兼收字符串以支持模板里写 index="0"。 */
-		index: {
-			type: [Number, String],
-			default: void 0
-		}
+		/** 该行显示哪个文件（本地或远程附件）。 */
+		file: { type: Object },
+		/** 改用下标从 allFiles（远程在前、本地在后）中取文件，兼收字符串以支持模板中写 index="0"。 */
+		index: { type: [Number, String] }
 	},
 	setup(props, { slots }) {
 		const ctx = useFileUploadContext();
@@ -218,6 +185,14 @@ const XhFileUploadItemPreview = defineComponent({
 		return () => h("div", ctx.api.value.getItemPreviewProps(item.value), slots.default?.());
 	}
 });
+const XhFileUploadItemProgress = defineComponent({
+	name: "XhFileUploadItemProgress",
+	setup(_, { slots }) {
+		const ctx = useFileUploadContext();
+		const { item } = useFileUploadItemContext();
+		return () => h("div", ctx.api.value.getItemProgressProps(item.value), slots.default?.());
+	}
+});
 const XhFileUploadItemDeleteTrigger = defineComponent({
 	name: "XhFileUploadItemDeleteTrigger",
 	setup(_, { slots }) {
@@ -234,6 +209,6 @@ const XhFileUploadClearTrigger = defineComponent({
 	}
 });
 //#endregion
-export { XhFileUploadClearTrigger, XhFileUploadDropzone, XhFileUploadHiddenInput, XhFileUploadItem, XhFileUploadItemDeleteTrigger, XhFileUploadItemGroup, XhFileUploadItemName, XhFileUploadItemPreview, XhFileUploadItemSizeText, XhFileUploadLabel, XhFileUploadRoot, XhFileUploadTrigger };
+export { XhFileUploadClearTrigger, XhFileUploadDropzone, XhFileUploadHiddenInput, XhFileUploadItem, XhFileUploadItemDeleteTrigger, XhFileUploadItemName, XhFileUploadItemPreview, XhFileUploadItemProgress, XhFileUploadItemSizeText, XhFileUploadLabel, XhFileUploadList, XhFileUploadRoot, XhFileUploadTrigger };
 
 //# sourceMappingURL=file-upload.js.map

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":["import 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 { 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: undefined\n  props: {\n    // default: undefined 表示非受控\n    files: { type: Array as PropType<File[]>, default: undefined },\n    defaultFiles: { type: Array as PropType<File[]>, default: undefined },\n    remoteFiles: { type: Array as PropType<FileUploadRemoteFile[]>, default: undefined },\n    defaultRemoteFiles: { type: Array as PropType<FileUploadRemoteFile[]>, default: undefined },\n    upload: { type: Function as PropType<FileUploadProps['upload']>, default: undefined },\n    autoUpload: { type: Boolean, default: undefined },\n    accept: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    maxFiles: { type: Number, default: undefined },\n    maxFileSize: { type: Number, default: undefined },\n    minFileSize: { type: Number, default: undefined },\n    disabled: Boolean,\n    invalid: Boolean,\n    name: { type: String, default: undefined },\n    allowDrop: { type: Boolean, default: undefined },\n    directory: Boolean,\n    capture: { type: String as PropType<'user' | 'environment'>, default: undefined },\n    translations: { type: Object as PropType<Partial<FileUploadTranslations>>, default: undefined },\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', 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  props: {\n    /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = useFileUploadContext()\n    return () => {\n      const attrs = ctx.api.value.getTriggerProps() as Record<string, unknown>\n      const children = slots.default?.()\n      // asChild：把触发器属性合到作者的节点上，不再自己渲染包裹元素\n      if (props.asChild) {\n        const merged = mergeIntoChild(children, attrs, 'file-upload')\n        if (merged)\n          return merged\n      }\n      return h('button', attrs, 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 XhFileUploadItemGroup = defineComponent({\n  name: 'XhFileUploadItemGroup',\n  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    return () => h('div', ctx.api.value.getItemGroupProps() 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>, default: undefined },\n    /** 改用下标从 allFiles（远程在前、本地在后）里取文件，兼收字符串以支持模板里写 index=\"0\"。 */\n    index: { type: [Number, String] as PropType<number | string>, default: undefined },\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 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  | '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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"}

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":";;;UASiB;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,+IACd"}

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

@@ -2,8 +2,8 @@ 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 { createScope } from "@xihan-ui/core";
 import { connectFileUpload, fileUploadMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/file-upload/use-file-upload.ts
 function useFileUpload(props, handlers = {}) {
 	const service = useMachine(fileUploadMachine, () => ({

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":["import type { FileUploadApi, FileUploadSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectFileUpload, fileUploadMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\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":";;;;;;;AAaA,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'> = {},\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"}

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

@@ -0,0 +1,11 @@
+import { ComputedRef } from "vue";
+import { FlexApi } from "@xihan-ui/headless";
+//#region src/components/flex/context.d.ts
+interface FlexContext {
+  api: ComputedRef<FlexApi>;
+}
+declare function provideFlex(ctx: FlexContext): void;
+declare function useFlexContext(): FlexContext;
+//#endregion
+export { FlexContext, provideFlex, useFlexContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/flex/context.ts"],"mappings":";;;UAWiB;EACf,KAAK,YAAY;;iBAKH,YAAY,KAAK;iBAIjB,kBAAkB"}

package/dist/components/flex/context.js

@@ -0,0 +1,15 @@
+import { inject, provide } from "vue";
+//#region src/components/flex/context.ts
+const KEY = Symbol.for("xh-flex");
+function provideFlex(ctx) {
+	provide(KEY, ctx);
+}
+function useFlexContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] Flex 部件必须用在 XhFlex 内");
+	return ctx;
+}
+//#endregion
+export { provideFlex, useFlexContext };
+
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/flex/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { FlexApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface FlexContext {\n  api: ComputedRef<FlexApi>\n}\n\nconst KEY: InjectionKey<FlexContext> = Symbol.for('xh-flex')\n\nexport function provideFlex(ctx: FlexContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFlexContext(): FlexContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Flex 部件必须用在 XhFlex 内')\n  return ctx\n}\n"],"mappings":";;AAeA,MAAM,MAAiC,OAAO,IAAI,SAAS;AAE3D,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2BAA2B;CAC7C,OAAO;AACT"}