@xihan-ui/vue 1.0.0-alpha.2 → 1.0.0

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 { 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  | 'clearFiles'\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      clearFiles: ctx.api.value.clearFiles,\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  setup(_, { slots }) {\n    const ctx = useFileUploadContext()\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\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":["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":";;;;;;AA+BA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CAEN,OAAO;EAEL,OAAO;GAAE,MAAM;GAA2B,SAAS,KAAA;EAAU;EAC7D,cAAc;GAAE,MAAM;GAA2B,SAAS,KAAA;EAAU;EACpE,aAAa;GAAE,MAAM;GAA2C,SAAS,KAAA;EAAU;EACnF,oBAAoB;GAAE,MAAM;GAA2C,SAAS,KAAA;EAAU;EAC1F,QAAQ;GAAE,MAAM;GAAiD,SAAS,KAAA;EAAU;EACpF,YAAY;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAChD,QAAQ;GAAE,MAAM,CAAC,QAAQ,KAAK;GAAkC,SAAS,KAAA;EAAU;EACnF,UAAU;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC7C,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,UAAU;EACV,SAAS;EACT,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,WAAW;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC/C,WAAW;EACX,SAAS;GAAE,MAAM;GAA4C,SAAS,KAAA;EAAU;EAChF,cAAc;GAAE,MAAM;GAAqD,SAAS,KAAA;EAAU;CAChG;CAEA,OAAO;EACL,iBAAiB,aAA0D;EAC3E,iBAAiB,WAAiE;EAClF,gBAAgB,aAAyD;EACzE,gBAAgB,aAAyD;EACzE,wBAAwB,aAAgE;EACxF,uBAAuB,WAAuE;EAC9F,oBAAoB,aAA6D;EACjF,iBAAiB,aAA0D;CAC7E;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,iBAAmD,YAAY;GACnE,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,gBAAgD,YAAW,KAAK,eAAe,OAAO;EAC5F,MAAM,gBAAgD,YAAW,KAAK,eAAe,OAAO;EAC5F,MAAM,uBAA+D,YAAY;GAC/E,KAAK,uBAAuB,OAAO;GACnC,KAAK,sBAAsB,QAAQ,KAAK;EAC1C;EACA,MAAM,oBAAwD,YAAW,KAAK,mBAAmB,OAAO;EACxG,MAAM,iBAAkD,YAAW,KAAK,gBAAgB,OAAO;EAC/F,MAAM,MAAM,cAAc,aAAa,eAAe,KAAK,GAAsB;GAAE;GAAe;GAAc;GAAc;GAAqB;GAAkB;EAAc,CAAC;EACpL,kBAAkB,GAAG;EACrB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,eAAe,IAAI,IAAI,MAAM;GAC7B,aAAa,IAAI,IAAI,MAAM;GAC3B,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,aAAa,IAAI,IAAI,MAAM;GAC3B,UAAU,IAAI,IAAI,MAAM;GACxB,OAAO,IAAI,IAAI,MAAM;GACrB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,iBAAiB,IAAI,IAAI,MAAM;GAC/B,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,YAAY,IAAI,IAAI,MAAM;GAC1B,OAAO,IAAI,IAAI,MAAM;GACrB,gBAAgB,IAAI,IAAI,MAAM;EAChC,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EAEjC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;;AAEL,SAAS,QACX;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa;GACX,MAAM,QAAQ,IAAI,IAAI,MAAM,gBAAgB;GAC5C,MAAM,WAAW,MAAM,UAAU;GAEjC,IAAI,MAAM,SAAS;IACjB,MAAM,SAAS,eAAe,UAAU,OAAO,aAAa;IAC5D,IAAI,QACF,OAAO;GACX;GACA,OAAO,EAAE,UAAU,OAAO,QAAQ;EACpC;CACF;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,oBAAoB,CAA4B;CACxF;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,kBAAkB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;;EAEL,MAAM;GAAE,MAAM;GAAoC,SAAS,KAAA;EAAU;;EAErE,OAAO;GAAE,MAAM,CAAC,QAAQ,MAAM;GAAgC,SAAS,KAAA;EAAU;CACnF;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,OAAO,eAA2C;GACtD,IAAI,MAAM,MACR,OAAO,MAAM;GACf,IAAI,MAAM,SAAS,MACjB,OAAO,KAAA;GACT,OAAO,IAAI,IAAI,MAAM,SAAS,KAAK,MAAM,OAAO,MAAM,KAAK,CAAC;EAC9D,CAAC;EAED,MAAM,OAAO,gBAAqC,EAAE,MAAM,KAAK,MAAwB,EAAE;EACzF,sBAAsB,EAAE,KAAK,CAAC;EAC9B,aAAa;GAEX,IAAI,CAAC,KAAK,OACR,OAAO,EAAE,KAAK;GAChB,OAAO,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;EACtG;CACF;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAE1C,aAAa,EACX,QACA,IAAI,IAAI,MAAM,iBAAiB,KAAK,KAAK,GACzC,MAAM,UAAU,KAAK,KAAK,MAAM,KAAK,IACvC;CACF;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAE1C,aAAa,EACX,QACA,IAAI,IAAI,MAAM,qBAAqB,KAAK,KAAK,GAC7C,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,gBAAgB,KAAK,MAAM,IAAI,CACpE;CACF;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,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAC1C,aAAa,EACX,UACA,IAAI,IAAI,MAAM,0BAA0B,KAAK,KAAK,GAClD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC"}

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

@@ -2,6 +2,10 @@ import { PropType } from "vue";
 import { FlexProps } from "@xihan-ui/headless";
 //#region src/components/flex/flex.d.ts
 declare const XhFlex: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  orientation: {
+    type: PropType<FlexProps["orientation"]>;
+    default: undefined;
+  };
   direction: {
     type: PropType<FlexProps["direction"]>;
     default: undefined;
@@ -23,6 +27,10 @@ declare const XhFlex: import("vue").DefineComponent<import("vue").ExtractPropTyp
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  orientation: {
+    type: PropType<FlexProps["orientation"]>;
+    default: undefined;
+  };
   direction: {
     type: PropType<FlexProps["direction"]>;
     default: undefined;
@@ -42,11 +50,12 @@ declare const XhFlex: import("vue").DefineComponent<import("vue").ExtractPropTyp
   wrap: BooleanConstructor;
   inline: BooleanConstructor;
 }>> & Readonly<{}>, {
+  orientation: import("@xihan-ui/kernel").Orientation | undefined;
+  wrap: boolean;
   direction: import("@xihan-ui/headless").FlexDirection | undefined;
   align: import("@xihan-ui/headless").FlexAlign | undefined;
   justify: import("@xihan-ui/headless").FlexJustify | undefined;
   gap: import("@xihan-ui/headless").FlexGap | undefined;
-  wrap: boolean;
   inline: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"flex.d.ts","names":[],"sources":["../../../src/components/flex/flex.ts"],"mappings":";;;cAMa,sBAAM,8BAAA;;IAIc,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;;;;;;IAHH,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;;;;;;;;;qCAWlC"}
+{"version":3,"file":"flex.d.ts","names":[],"sources":["../../../src/components/flex/flex.ts"],"mappings":";;;cAMa,sBAAM,8BAAA;;IAIgB,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;;;;;;IAJD,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;;;;;;;;;;qCAWlC"}

package/dist/components/flex/flex.js

@@ -5,6 +5,10 @@ import { connectFlex } from "@xihan-ui/headless";
 const XhFlex = defineComponent({
 	name: "XhFlex",
 	props: {
+		orientation: {
+			type: String,
+			default: void 0
+		},
 		direction: {
 			type: String,
 			default: void 0

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

@@ -1 +1 @@
-{"version":3,"file":"flex.js","names":[],"sources":["../../../src/components/flex/flex.ts"],"sourcesContent":["import type { FlexProps } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectFlex } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhFlex = defineComponent({\n  name: 'XhFlex',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    direction: { type: String as PropType<FlexProps['direction']>, default: undefined },\n    align: { type: String as PropType<FlexProps['align']>, default: undefined },\n    justify: { type: String as PropType<FlexProps['justify']>, default: undefined },\n    gap: { type: String as PropType<FlexProps['gap']>, default: undefined },\n    wrap: Boolean,\n    inline: Boolean,\n  },\n  setup(props, { slots }) {\n    return () => h(\n      'div',\n      connectFlex(props as FlexProps, vueNormalize).getRootProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":";;;;AAMA,MAAa,SAAS,gBAAgB;CACpC,MAAM;CAEN,OAAO;EACL,WAAW;GAAE,MAAM;GAA4C,SAAS,KAAA;EAAU;EAClF,OAAO;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU;EAC1E,SAAS;GAAE,MAAM;GAA0C,SAAS,KAAA;EAAU;EAC9E,KAAK;GAAE,MAAM;GAAsC,SAAS,KAAA;EAAU;EACtE,MAAM;EACN,QAAQ;CACV;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa,EACX,OACA,YAAY,OAAoB,YAAY,CAAC,CAAC,aAAa,GAC3D,MAAM,UAAU,CAClB;CACF;AACF,CAAC"}
+{"version":3,"file":"flex.js","names":[],"sources":["../../../src/components/flex/flex.ts"],"sourcesContent":["import type { FlexProps } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectFlex } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhFlex = defineComponent({\n  name: 'XhFlex',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    orientation: { type: String as PropType<FlexProps['orientation']>, default: undefined },\n    direction: { type: String as PropType<FlexProps['direction']>, default: undefined },\n    align: { type: String as PropType<FlexProps['align']>, default: undefined },\n    justify: { type: String as PropType<FlexProps['justify']>, default: undefined },\n    gap: { type: String as PropType<FlexProps['gap']>, default: undefined },\n    wrap: Boolean,\n    inline: Boolean,\n  },\n  setup(props, { slots }) {\n    return () => h(\n      'div',\n      connectFlex(props as FlexProps, vueNormalize).getRootProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":";;;;AAMA,MAAa,SAAS,gBAAgB;CACpC,MAAM;CAEN,OAAO;EACL,aAAa;GAAE,MAAM;GAA8C,SAAS,KAAA;EAAU;EACtF,WAAW;GAAE,MAAM;GAA4C,SAAS,KAAA;EAAU;EAClF,OAAO;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU;EAC1E,SAAS;GAAE,MAAM;GAA0C,SAAS,KAAA;EAAU;EAC9E,KAAK;GAAE,MAAM;GAAsC,SAAS,KAAA;EAAU;EACtE,MAAM;EACN,QAAQ;CACV;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa,EACX,OACA,YAAY,OAAoB,YAAY,CAAC,CAAC,aAAa,GAC3D,MAAM,UAAU,CAClB;CACF;AACF,CAAC"}

package/dist/components/float-button/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/float-button/context.ts
-const KEY = Symbol("xh-float-button");
+const KEY = Symbol.for("xh-float-button");
 function provideFloatButton(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/float-button/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/float-button/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { FloatButtonContext } from './use-float-button'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FloatButtonContext> = Symbol('xh-float-button')\n\nexport function provideFloatButton(ctx: FloatButtonContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFloatButtonContext(): FloatButtonContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FloatButton 部件必须用在 XhFloatButtonRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAwC,OAAO,iBAAiB;AAEtE,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/float-button/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { FloatButtonContext } from './use-float-button'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FloatButtonContext> = Symbol.for('xh-float-button')\n\nexport function provideFloatButton(ctx: FloatButtonContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFloatButtonContext(): FloatButtonContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FloatButton 部件必须用在 XhFloatButtonRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAwC,OAAO,IAAI,iBAAiB;AAE1E,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}

package/dist/components/float-button/float-button.d.ts

@@ -69,10 +69,10 @@ declare const XhFloatButtonRoot: import("vue").DefineComponent<import("vue").Ext
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
 }>, {
   disabled: boolean;
+  offset: number;
+  translations: Partial<FloatButtonTranslations>;
   open: boolean;
   defaultOpen: boolean;
-  translations: Partial<FloatButtonTranslations>;
-  offset: number;
   expandTrigger: FloatButtonExpandTrigger;
   placement: FloatButtonPlacement;
   shape: FloatButtonShape;

package/dist/components/floating-panel/context.d.ts

@@ -0,0 +1,6 @@
+import { FloatingPanelContext } from "./use-floating-panel.js";
+//#region src/components/floating-panel/context.d.ts
+declare function useFloatingPanelContext(): FloatingPanelContext;
+//#endregion
+export { useFloatingPanelContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/floating-panel/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/floating-panel/context.ts"],"mappings":";;iBAUgB,2BAA2B"}

package/dist/components/floating-panel/context.js

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

package/dist/components/floating-panel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/floating-panel/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { FloatingPanelContext } from './use-floating-panel'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FloatingPanelContext> = Symbol.for('xh-floating-panel')\n\nexport function provideFloatingPanel(ctx: FloatingPanelContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFloatingPanelContext(): FloatingPanelContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FloatingPanel 部件必须用在 XhFloatingPanelRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAA0C,OAAO,IAAI,mBAAmB;AAE9E,SAAgB,qBAAqB,KAAiC;CACpE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,0BAAgD;CAC9D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT"}

package/dist/components/floating-panel/floating-panel.d.ts

@@ -0,0 +1,216 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { FloatingPanelApi, FloatingPanelPosition, FloatingPanelResizeEdge, FloatingPanelSchema, FloatingPanelSize, FloatingPanelStage } from "@xihan-ui/headless";
+//#region src/components/floating-panel/floating-panel.d.ts
+type FloatingPanelProps = FloatingPanelSchema['props'];
+/** 默认插槽的载荷：开合、形态与矩形，以及改这四样的动作。 */
+type FloatingPanelRootSlotProps = Pick<FloatingPanelApi, 'open' | 'stage' | 'position' | 'size' | 'dragging' | 'resizing' | 'canDrag' | 'canResize' | 'setOpen' | 'setPosition' | 'setSize' | 'setStage'>;
+declare const XhFloatingPanelRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  open: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultOpen: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  position: {
+    type: PropType<FloatingPanelPosition>;
+    default: undefined;
+  };
+  defaultPosition: {
+    type: PropType<FloatingPanelPosition>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<FloatingPanelSize>;
+    default: undefined;
+  };
+  defaultSize: {
+    type: PropType<FloatingPanelSize>;
+    default: undefined;
+  };
+  minSize: {
+    type: PropType<FloatingPanelSize>;
+    default: undefined;
+  };
+  maxSize: {
+    type: PropType<FloatingPanelSize>;
+    default: undefined;
+  };
+  stage: {
+    type: PropType<FloatingPanelStage>;
+    default: undefined;
+  };
+  defaultStage: {
+    type: PropType<FloatingPanelStage>;
+    default: undefined;
+  };
+  draggable: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  resizable: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<FloatingPanelProps["translations"]>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'open-change': (_details: PayloadOf<FloatingPanelProps, "onOpenChange">) => true;
+  'update:open': (_open: PayloadOf<FloatingPanelProps, "onOpenChange">["open"]) => true;
+  'position-change': (_details: PayloadOf<FloatingPanelProps, "onPositionChange">) => true;
+  'update:position': (_position: PayloadOf<FloatingPanelProps, "onPositionChange">["position"]) => true;
+  'size-change': (_details: PayloadOf<FloatingPanelProps, "onSizeChange">) => true;
+  'update:size': (_size: PayloadOf<FloatingPanelProps, "onSizeChange">["size"]) => true;
+  'stage-change': (_details: PayloadOf<FloatingPanelProps, "onStageChange">) => true;
+  'update:stage': (_stage: PayloadOf<FloatingPanelProps, "onStageChange">["stage"]) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  open: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultOpen: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  position: {
+    type: PropType<FloatingPanelPosition>;
+    default: undefined;
+  };
+  defaultPosition: {
+    type: PropType<FloatingPanelPosition>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<FloatingPanelSize>;
+    default: undefined;
+  };
+  defaultSize: {
+    type: PropType<FloatingPanelSize>;
+    default: undefined;
+  };
+  minSize: {
+    type: PropType<FloatingPanelSize>;
+    default: undefined;
+  };
+  maxSize: {
+    type: PropType<FloatingPanelSize>;
+    default: undefined;
+  };
+  stage: {
+    type: PropType<FloatingPanelStage>;
+    default: undefined;
+  };
+  defaultStage: {
+    type: PropType<FloatingPanelStage>;
+    default: undefined;
+  };
+  draggable: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  resizable: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<FloatingPanelProps["translations"]>;
+    default: undefined;
+  };
+}>> & Readonly<{
+  "onOpen-change"?: ((_details: import("@xihan-ui/headless").FloatingPanelOpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+  "onPosition-change"?: ((_details: import("@xihan-ui/headless").FloatingPanelPositionChangeDetails) => any) | undefined;
+  "onUpdate:position"?: ((_position: FloatingPanelPosition) => any) | undefined;
+  "onSize-change"?: ((_details: import("@xihan-ui/headless").FloatingPanelSizeChangeDetails) => any) | undefined;
+  "onUpdate:size"?: ((_size: FloatingPanelSize) => any) | undefined;
+  "onStage-change"?: ((_details: import("@xihan-ui/headless").FloatingPanelStageChangeDetails) => any) | undefined;
+  "onUpdate:stage"?: ((_stage: FloatingPanelStage) => any) | undefined;
+}>, {
+  size: FloatingPanelSize;
+  disabled: boolean;
+  translations: Partial<import("@xihan-ui/headless").FloatingPanelTranslations> | undefined;
+  open: boolean;
+  defaultOpen: boolean;
+  position: FloatingPanelPosition;
+  stage: FloatingPanelStage;
+  defaultPosition: FloatingPanelPosition;
+  defaultSize: FloatingPanelSize;
+  minSize: FloatingPanelSize;
+  maxSize: FloatingPanelSize;
+  defaultStage: FloatingPanelStage;
+  draggable: boolean;
+  resizable: boolean;
+}, SlotsType<{
+  default?: (props: FloatingPanelRootSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFloatingPanelTrigger: 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 XhFloatingPanelPositioner: 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 XhFloatingPanelContent: 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 XhFloatingPanelHeader: 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 XhFloatingPanelTitle: 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 XhFloatingPanelDragTrigger: 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 XhFloatingPanelResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 这个把手守哪条边：n / e / s / w 四条边与 ne / nw / se / sw 四个角。 */
+  edge: {
+    type: PropType<FloatingPanelResizeEdge>;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 这个把手守哪条边：n / e / s / w 四条边与 ne / nw / se / sw 四个角。 */
+  edge: {
+    type: PropType<FloatingPanelResizeEdge>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFloatingPanelStageTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 按下它切到哪个形态；已经在该形态时再按一次回到常规。 */
+  stage: {
+    type: PropType<FloatingPanelStage>;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 按下它切到哪个形态；已经在该形态时再按一次回到常规。 */
+  stage: {
+    type: PropType<FloatingPanelStage>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFloatingPanelCloseTrigger: 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 XhFloatingPanelBody: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { FloatingPanelRootSlotProps, XhFloatingPanelBody, XhFloatingPanelCloseTrigger, XhFloatingPanelContent, XhFloatingPanelDragTrigger, XhFloatingPanelHeader, XhFloatingPanelPositioner, XhFloatingPanelResizeTrigger, XhFloatingPanelRoot, XhFloatingPanelStageTrigger, XhFloatingPanelTitle, XhFloatingPanelTrigger };
+//# sourceMappingURL=floating-panel.d.ts.map

package/dist/components/floating-panel/floating-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-panel.d.ts","names":[],"sources":["../../../src/components/floating-panel/floating-panel.ts"],"mappings":";;;;KAeK,qBAAqB;;KAGd,6BAA6B,KACvC;cAKW,mCAAmB,8BAAA;;;;;;;;;;IAMA,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACpB,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;IAKT,MAAA,SAAS;;;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACH,oBAAA,UAAA,UAAU;EACT,oBAAA,WAAA,UAAU;EACf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;;;;;IAvBP,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACpB,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;IAKT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAc/B,WAAC,OAAO,+BAA+B;kCAqCnD;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAepC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAWjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4CAA4B,8BAAA;;;IAIb,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;MAWnC,oDAAA;cAEW,2CAA2B,8BAAA;;;IAIX,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;MAUpC,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/floating-panel/floating-panel.js

@@ -0,0 +1,202 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideFloatingPanel, useFloatingPanelContext } from "./context.js";
+import { useFloatingPanel } from "./use-floating-panel.js";
+import { Teleport, defineComponent, h, mergeProps } from "vue";
+//#region src/components/floating-panel/floating-panel.ts
+const XhFloatingPanelRoot = defineComponent({
+	name: "XhFloatingPanelRoot",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		position: {
+			type: Object,
+			default: void 0
+		},
+		defaultPosition: {
+			type: Object,
+			default: void 0
+		},
+		size: {
+			type: Object,
+			default: void 0
+		},
+		defaultSize: {
+			type: Object,
+			default: void 0
+		},
+		minSize: {
+			type: Object,
+			default: void 0
+		},
+		maxSize: {
+			type: Object,
+			default: void 0
+		},
+		stage: {
+			type: String,
+			default: void 0
+		},
+		defaultStage: {
+			type: String,
+			default: void 0
+		},
+		draggable: {
+			type: Boolean,
+			default: void 0
+		},
+		resizable: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		translations: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		"open-change": (_details) => true,
+		"update:open": (_open) => true,
+		"position-change": (_details) => true,
+		"update:position": (_position) => true,
+		"size-change": (_details) => true,
+		"update:size": (_size) => true,
+		"stage-change": (_details) => true,
+		"update:stage": (_stage) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const ctx = useFloatingPanel(withXhConfig("floating-panel", props), {
+			onOpenChange: (details) => {
+				emit("open-change", details);
+				emit("update:open", details.open);
+			},
+			onPositionChange: (details) => {
+				emit("position-change", details);
+				emit("update:position", details.position);
+			},
+			onSizeChange: (details) => {
+				emit("size-change", details);
+				emit("update:size", details.size);
+			},
+			onStageChange: (details) => {
+				emit("stage-change", details);
+				emit("update:stage", details.stage);
+			}
+		});
+		provideFloatingPanel(ctx);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+			open: ctx.api.value.open,
+			stage: ctx.api.value.stage,
+			position: ctx.api.value.position,
+			size: ctx.api.value.size,
+			dragging: ctx.api.value.dragging,
+			resizing: ctx.api.value.resizing,
+			canDrag: ctx.api.value.canDrag,
+			canResize: ctx.api.value.canResize,
+			setOpen: ctx.api.value.setOpen,
+			setPosition: ctx.api.value.setPosition,
+			setSize: ctx.api.value.setSize,
+			setStage: ctx.api.value.setStage
+		}));
+	}
+});
+const XhFloatingPanelTrigger = defineComponent({
+	name: "XhFloatingPanelTrigger",
+	setup(_, { slots }) {
+		const ctx = useFloatingPanelContext();
+		return () => h("button", ctx.api.value.getTriggerProps(), slots.default?.());
+	}
+});
+const XhFloatingPanelPositioner = defineComponent({
+	name: "XhFloatingPanelPositioner",
+	inheritAttrs: false,
+	setup(_, { slots, attrs }) {
+		const ctx = useFloatingPanelContext();
+		return () => h(Teleport, { to: ctx.portalTarget.value }, [h("div", mergeProps(ctx.api.value.getPositionerProps(), attrs), slots.default?.())]);
+	}
+});
+const XhFloatingPanelContent = defineComponent({
+	name: "XhFloatingPanelContent",
+	setup(_, { slots }) {
+		const ctx = useFloatingPanelContext();
+		return () => h("div", {
+			...ctx.api.value.getContentProps(),
+			ref: ctx.contentRef
+		}, slots.default?.());
+	}
+});
+const XhFloatingPanelHeader = defineComponent({
+	name: "XhFloatingPanelHeader",
+	setup(_, { slots }) {
+		const ctx = useFloatingPanelContext();
+		return () => h("div", ctx.api.value.getHeaderProps(), slots.default?.());
+	}
+});
+const XhFloatingPanelTitle = defineComponent({
+	name: "XhFloatingPanelTitle",
+	setup(_, { slots }) {
+		const ctx = useFloatingPanelContext();
+		return () => h("h2", ctx.api.value.getTitleProps(), slots.default?.());
+	}
+});
+const XhFloatingPanelDragTrigger = defineComponent({
+	name: "XhFloatingPanelDragTrigger",
+	setup(_, { slots }) {
+		const ctx = useFloatingPanelContext();
+		return () => h("button", ctx.api.value.getDragTriggerProps(), slots.default?.());
+	}
+});
+const XhFloatingPanelResizeTrigger = defineComponent({
+	name: "XhFloatingPanelResizeTrigger",
+	props: { 
+	/** 这个把手守哪条边：n / e / s / w 四条边与 ne / nw / se / sw 四个角。 */
+edge: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useFloatingPanelContext();
+		return () => h("div", ctx.api.value.getResizeTriggerProps({ edge: props.edge }), slots.default?.());
+	}
+});
+const XhFloatingPanelStageTrigger = defineComponent({
+	name: "XhFloatingPanelStageTrigger",
+	props: { 
+	/** 按下它切到哪个形态；已经在该形态时再按一次回到常规。 */
+stage: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useFloatingPanelContext();
+		return () => h("button", ctx.api.value.getStageTriggerProps({ stage: props.stage }), slots.default?.());
+	}
+});
+const XhFloatingPanelCloseTrigger = defineComponent({
+	name: "XhFloatingPanelCloseTrigger",
+	setup(_, { slots }) {
+		const ctx = useFloatingPanelContext();
+		return () => h("button", ctx.api.value.getCloseTriggerProps(), slots.default?.());
+	}
+});
+const XhFloatingPanelBody = defineComponent({
+	name: "XhFloatingPanelBody",
+	setup(_, { slots }) {
+		const ctx = useFloatingPanelContext();
+		return () => h("div", ctx.api.value.getBodyProps(), slots.default?.());
+	}
+});
+//#endregion
+export { XhFloatingPanelBody, XhFloatingPanelCloseTrigger, XhFloatingPanelContent, XhFloatingPanelDragTrigger, XhFloatingPanelHeader, XhFloatingPanelPositioner, XhFloatingPanelResizeTrigger, XhFloatingPanelRoot, XhFloatingPanelStageTrigger, XhFloatingPanelTitle, XhFloatingPanelTrigger };
+
+//# sourceMappingURL=floating-panel.js.map