@7pmlabs/design-system 1.0.8 → 1.0.10

package/dist/design-system245.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system245.js","names":[],"sources":["../src/components/BUpload/BUpload.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { useModel as _useModel, mergeModels as _mergeModels, defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, toDisplayString as _toDisplayString, withModifiers as _withModifiers, normalizeStyle as _normalizeStyle, normalizeClass as _normalizeClass, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = [\"tabindex\", \"aria-disabled\", \"aria-label\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"b-upload__card-trigger\"\n}\nconst _hoisted_3 = {\n  key: 1,\n  class: \"b-upload__default-text\"\n}\nconst _hoisted_4 = [\"accept\", \"multiple\", \"disabled\", \"webkitdirectory\"]\nconst _hoisted_5 = {\n  key: 0,\n  class: \"b-upload__item-thumbnail\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_6 = [\"src\", \"alt\"]\nconst _hoisted_7 = {\n  key: 1,\n  class: \"b-upload__item-file-icon\"\n}\nconst _hoisted_8 = { class: \"b-upload__item-info\" }\nconst _hoisted_9 = [\"title\"]\nconst _hoisted_10 = { class: \"b-upload__item-actions\" }\nconst _hoisted_11 = [\"onClick\"]\nconst _hoisted_12 = [\"onClick\"]\nconst _hoisted_13 = [\"disabled\", \"onClick\"]\nconst _hoisted_14 = [\"aria-valuenow\", \"aria-label\"]\nconst _hoisted_15 = {\n  key: 2,\n  class: \"b-upload__hint\"\n}\n\nimport { ref, computed, watch, onMounted, useAttrs } from 'vue';\nimport { useComponentId } from '@/composables/useComponentId';\nimport {\n  BUploadListType,\n  BUploadFileStatus,\n  type BUploadFile,\n  type BUploadChangeInfo,\n  type BUploadRequestOption,\n  type BUploadShowUploadList,\n} from './types';\n\n\nexport default /*@__PURE__*/_defineComponent({\n  ...{ inheritAttrs: false },\n  __name: 'BUpload',\n  props: /*@__PURE__*/_mergeModels({\n    accept: { default: '' },\n    action: { type: [String, Function], default: '' },\n    multiple: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    directory: { type: Boolean, default: false },\n    maxCount: {},\n    listType: { default: () => (BUploadListType.Text) },\n    method: { default: 'POST' },\n    name: { default: 'file' },\n    headers: {},\n    data: { type: [Object, Function] },\n    withCredentials: { type: Boolean, default: false },\n    openFileDialogOnClick: { type: Boolean, default: true },\n    showUploadList: { type: [Boolean, Object], default: true },\n    defaultFileList: { default: () => ([]) },\n    beforeUpload: { type: Function },\n    customRequest: { type: Function }\n  }, {\n    \"fileList\": { default: undefined },\n    \"fileListModifiers\": {},\n  }),\n  emits: /*@__PURE__*/_mergeModels([\"change\", \"remove\", \"preview\", \"download\", \"drop\"], [\"update:fileList\"]),\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n\n\nconst attrs = useAttrs();\n\n//#region Props\n\n//#endregion\n\n//#region Model & Events\nconst model = _useModel<BUploadFile[]>(__props, 'fileList');\n\nconst emit = __emit;\n//#endregion\n\n//#region Internal State\nconst { componentUID } = useComponentId();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst dragOver = ref(false);\nconst internalFileList = ref<BUploadFile[]>(Array.isArray(__props.defaultFileList) ? [...__props.defaultFileList] : []);\n\nconst fileList = computed<BUploadFile[]>({\n  get: () => (model.value !== undefined ? model.value : internalFileList.value),\n  set: (val) => {\n    internalFileList.value = val;\n    if (model.value !== undefined) {\n      model.value = val;\n    }\n  },\n});\n\nonMounted(() => {\n  if (model.value === undefined && __props.defaultFileList.length > 0) {\n    internalFileList.value = [...__props.defaultFileList];\n  }\n});\n\nwatch(\n  () => model.value,\n  (val) => {\n    if (val !== undefined) {\n      internalFileList.value = val;\n    }\n  },\n);\n\nconst isPictureCard = computed(\n  () =>\n    __props.listType === BUploadListType.PictureCard ||\n    __props.listType === BUploadListType.PictureCircle,\n);\n\nconst showListConfig = computed<BUploadShowUploadList | false>(() => {\n  if (__props.showUploadList === false) return false;\n  if (__props.showUploadList === true) {\n    return { showPreviewIcon: true, showRemoveIcon: true, showDownloadIcon: false };\n  }\n  return __props.showUploadList;\n});\n\nconst atMaxCount = computed(() => __props.maxCount !== undefined && __props.maxCount !== 1 && fileList.value.length >= __props.maxCount);\n//#endregion\n\n//#region Upload Logic\nlet fileUidCounter = 0;\n\nfunction genUid(): string {\n  fileUidCounter += 1;\n  return `b-upload-${componentUID.value}-${fileUidCounter}-${Date.now()}`;\n}\n\nfunction fileToUploadFile(file: File): BUploadFile {\n  return {\n    uid: genUid(),\n    name: file.name,\n    size: file.size,\n    type: file.type,\n    status: BUploadFileStatus.Uploading,\n    percent: 0,\n    originFileObj: file,\n  };\n}\n\nfunction triggerChange(file: BUploadFile, newFileList: BUploadFile[], event?: ProgressEvent) {\n  fileList.value = newFileList;\n  emit('change', { file, fileList: newFileList, event });\n}\n\nfunction defaultUpload(options: BUploadRequestOption) {\n  const xhr = new XMLHttpRequest();\n\n  xhr.upload.addEventListener('progress', (e) => {\n    if (e.lengthComputable && options.onProgress) {\n      options.onProgress({ percent: Math.round((e.loaded / e.total) * 100) });\n    }\n  });\n\n  xhr.addEventListener('load', () => {\n    if (xhr.status >= 200 && xhr.status < 300) {\n      options.onSuccess?.(xhr.response);\n    } else {\n      options.onError?.(new Error(`Upload failed with status ${xhr.status}`));\n    }\n  });\n\n  xhr.addEventListener('error', () => {\n    options.onError?.(new Error('Upload network error'));\n  });\n\n  xhr.open(options.method || 'POST', options.action, true);\n\n  if (options.withCredentials) {\n    xhr.withCredentials = true;\n  }\n\n  if (options.headers) {\n    Object.entries(options.headers).forEach(([key, val]) => {\n      xhr.setRequestHeader(key, val);\n    });\n  }\n\n  const formData = new FormData();\n  if (options.data) {\n    Object.entries(options.data).forEach(([key, val]) => {\n      formData.append(key, val as string);\n    });\n  }\n  formData.append(options.filename, options.file);\n\n  xhr.send(formData);\n}\n\nasync function uploadFile(file: File, rawFiles: File[]) {\n  if (__props.beforeUpload) {\n    try {\n      const result = await __props.beforeUpload(file, rawFiles);\n      if (result === false) return;\n      if (result instanceof Blob) {\n        const transformed = result instanceof File ? result : new File([result], file.name, { type: result.type });\n        processUpload(transformed);\n        return;\n      }\n    } catch {\n      return;\n    }\n  }\n  processUpload(file);\n}\n\nfunction processUpload(file: File) {\n  const uploadFile = fileToUploadFile(file);\n  let newList: BUploadFile[];\n\n  if (__props.maxCount === 1) {\n    newList = [uploadFile];\n  } else if (__props.maxCount !== undefined) {\n    newList = [...fileList.value, uploadFile].slice(-__props.maxCount);\n  } else {\n    newList = [...fileList.value, uploadFile];\n  }\n\n  triggerChange(uploadFile, newList);\n\n  const resolvedAction = typeof __props.action === 'function' ? __props.action(file) : Promise.resolve(__props.action);\n\n  resolvedAction.then((url: string) => {\n    const requestFn = __props.customRequest || defaultUpload;\n    const extraData = typeof __props.data === 'function' ? __props.data(uploadFile) : (__props.data || {});\n\n    requestFn({\n      action: url,\n      file,\n      filename: __props.name,\n      headers: __props.headers,\n      data: extraData,\n      withCredentials: __props.withCredentials,\n      method: __props.method,\n      onProgress: (e) => {\n        const updatedFile = { ...uploadFile, percent: e.percent };\n        const updatedList = fileList.value.map((f) =>\n          f.uid === uploadFile.uid ? updatedFile : f,\n        );\n        triggerChange(updatedFile, updatedList);\n      },\n      onSuccess: (response) => {\n        const updatedFile = {\n          ...uploadFile,\n          status: BUploadFileStatus.Done,\n          percent: 100,\n          response,\n        };\n        const updatedList = fileList.value.map((f) =>\n          f.uid === uploadFile.uid ? updatedFile : f,\n        );\n        triggerChange(updatedFile, updatedList);\n      },\n      onError: (error) => {\n        const updatedFile = {\n          ...uploadFile,\n          status: BUploadFileStatus.Error,\n          error,\n        };\n        const updatedList = fileList.value.map((f) =>\n          f.uid === uploadFile.uid ? updatedFile : f,\n        );\n        triggerChange(updatedFile, updatedList);\n      },\n    });\n  });\n}\n\nfunction handleFiles(files: FileList | null) {\n  if (!files || files.length === 0) return;\n\n  const rawFiles = Array.from(files);\n  let filesToUpload: File[];\n\n  if (__props.maxCount === 1) {\n    filesToUpload = rawFiles.slice(0, 1);\n  } else if (__props.maxCount !== undefined) {\n    const remaining = __props.maxCount - fileList.value.length;\n    filesToUpload = remaining > 0 ? rawFiles.slice(0, remaining) : [];\n  } else {\n    filesToUpload = rawFiles;\n  }\n\n  filesToUpload.forEach((file) => uploadFile(file, rawFiles));\n}\n//#endregion\n\n//#region Event Handlers\nfunction handleClick() {\n  if (__props.disabled || !__props.openFileDialogOnClick || atMaxCount.value) return;\n  inputRef.value?.click();\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n  if (__props.disabled || atMaxCount.value) return;\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    inputRef.value?.click();\n  }\n}\n\nfunction handleInputChange(event: Event) {\n  const input = event.target as HTMLInputElement;\n  handleFiles(input.files);\n  input.value = '';\n}\n\nfunction handleDragOver(event: DragEvent) {\n  event.preventDefault();\n  if (__props.disabled) return;\n  dragOver.value = true;\n}\n\nfunction handleDragLeave(event: DragEvent) {\n  event.preventDefault();\n  dragOver.value = false;\n}\n\nfunction handleDrop(event: DragEvent) {\n  event.preventDefault();\n  dragOver.value = false;\n  if (__props.disabled) return;\n  emit('drop', event);\n  handleFiles(event.dataTransfer?.files ?? null);\n}\n\nfunction handleRemove(file: BUploadFile) {\n  emit('remove', file);\n  const newList = fileList.value.filter((f) => f.uid !== file.uid);\n  triggerChange({ ...file, status: BUploadFileStatus.Removed }, newList);\n}\n\nfunction handlePreview(file: BUploadFile) {\n  emit('preview', file);\n}\n\nfunction handleDownload(file: BUploadFile) {\n  emit('download', file);\n}\n//#endregion\n\n//#region Expose\n__expose({\n  /** Open the native file dialog programmatically. */\n  openFileDialog: () => inputRef.value?.click(),\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([\"b-upload\", {\n      'b-upload--disabled': __props.disabled,\n      'b-upload--drag-over': dragOver.value,\n      [`b-upload--${__props.listType}`]: true,\n    }])\n  }, [\n    (!isPictureCard.value || !atMaxCount.value)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 0,\n          class: \"b-upload__trigger\",\n          role: \"button\",\n          tabindex: __props.disabled ? -1 : 0,\n          \"aria-disabled\": __props.disabled || undefined,\n          \"aria-label\": (_unref(attrs)['aria-label'] as string) || 'Upload file',\n          onClick: handleClick,\n          onKeydown: handleKeyDown,\n          onDragover: handleDragOver,\n          onDragleave: handleDragLeave,\n          onDrop: handleDrop\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            (isPictureCard.value)\n              ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [...(_cache[0] || (_cache[0] = [\n                  _createStaticVNode(\"<span class=\\\"b-upload__plus-icon\\\" aria-hidden=\\\"true\\\" data-v-36315fd9><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\" data-v-36315fd9><line x1=\\\"12\\\" y1=\\\"5\\\" x2=\\\"12\\\" y2=\\\"19\\\" data-v-36315fd9></line><line x1=\\\"5\\\" y1=\\\"12\\\" x2=\\\"19\\\" y2=\\\"12\\\" data-v-36315fd9></line></svg></span><span class=\\\"b-upload__card-text\\\" data-v-36315fd9>Upload</span>\", 2)\n                ]))]))\n              : (_openBlock(), _createElementBlock(\"span\", _hoisted_3, \"Click to Upload\"))\n          ], true)\n        ], 40, _hoisted_1))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"input\", {\n      ref_key: \"inputRef\",\n      ref: inputRef,\n      class: \"b-upload__input\",\n      type: \"file\",\n      accept: __props.accept || undefined,\n      multiple: __props.multiple,\n      disabled: __props.disabled,\n      webkitdirectory: __props.directory || undefined,\n      \"aria-hidden\": \"true\",\n      tabindex: \"-1\",\n      onChange: handleInputChange\n    }, null, 40, _hoisted_4),\n    (showListConfig.value !== false && fileList.value.length > 0)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 1,\n          class: _normalizeClass([\"b-upload__list\", `b-upload__list--${__props.listType}`]),\n          role: \"list\",\n          \"aria-label\": \"Uploaded files\"\n        }, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(fileList.value, (file) => {\n            return (_openBlock(), _createElementBlock(\"div\", {\n              key: file.uid,\n              class: _normalizeClass([\"b-upload__item\", {\n          'b-upload__item--error': file.status === _unref(BUploadFileStatus).Error,\n          'b-upload__item--done': file.status === _unref(BUploadFileStatus).Done,\n          'b-upload__item--uploading': file.status === _unref(BUploadFileStatus).Uploading,\n        }]),\n              role: \"listitem\"\n            }, [\n              (__props.listType !== _unref(BUploadListType).Text)\n                ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n                    (file.thumbUrl || file.url)\n                      ? (_openBlock(), _createElementBlock(\"img\", {\n                          key: 0,\n                          src: file.thumbUrl || file.url,\n                          alt: file.name,\n                          class: \"b-upload__item-image\"\n                        }, null, 8, _hoisted_6))\n                      : (_openBlock(), _createElementBlock(\"span\", _hoisted_7, [...(_cache[1] || (_cache[1] = [\n                          _createElementVNode(\"svg\", {\n                            viewBox: \"0 0 24 24\",\n                            fill: \"none\",\n                            stroke: \"currentColor\",\n                            \"stroke-width\": \"1.5\"\n                          }, [\n                            _createElementVNode(\"path\", { d: \"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z\" }),\n                            _createElementVNode(\"polyline\", { points: \"14,2 14,8 20,8\" })\n                          ], -1)\n                        ]))]))\n                  ]))\n                : _createCommentVNode(\"\", true),\n              _createElementVNode(\"span\", _hoisted_8, [\n                _createElementVNode(\"span\", {\n                  class: \"b-upload__item-name\",\n                  title: file.name\n                }, _toDisplayString(file.name), 9, _hoisted_9)\n              ]),\n              _createElementVNode(\"span\", _hoisted_10, [\n                (showListConfig.value && showListConfig.value.showPreviewIcon && (file.url || file.thumbUrl))\n                  ? (_openBlock(), _createElementBlock(\"button\", {\n                      key: 0,\n                      class: \"b-upload__action-btn\",\n                      type: \"button\",\n                      \"aria-label\": \"Preview file\",\n                      onClick: _withModifiers(($event: any) => (handlePreview(file)), [\"stop\"])\n                    }, [...(_cache[2] || (_cache[2] = [\n                      _createElementVNode(\"svg\", {\n                        viewBox: \"0 0 24 24\",\n                        fill: \"none\",\n                        stroke: \"currentColor\",\n                        \"stroke-width\": \"2\",\n                        \"aria-hidden\": \"true\"\n                      }, [\n                        _createElementVNode(\"path\", { d: \"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" }),\n                        _createElementVNode(\"circle\", {\n                          cx: \"12\",\n                          cy: \"12\",\n                          r: \"3\"\n                        })\n                      ], -1)\n                    ]))], 8, _hoisted_11))\n                  : _createCommentVNode(\"\", true),\n                (showListConfig.value && showListConfig.value.showDownloadIcon && file.status === _unref(BUploadFileStatus).Done)\n                  ? (_openBlock(), _createElementBlock(\"button\", {\n                      key: 1,\n                      class: \"b-upload__action-btn\",\n                      type: \"button\",\n                      \"aria-label\": \"Download file\",\n                      onClick: _withModifiers(($event: any) => (handleDownload(file)), [\"stop\"])\n                    }, [...(_cache[3] || (_cache[3] = [\n                      _createElementVNode(\"svg\", {\n                        viewBox: \"0 0 24 24\",\n                        fill: \"none\",\n                        stroke: \"currentColor\",\n                        \"stroke-width\": \"2\",\n                        \"aria-hidden\": \"true\"\n                      }, [\n                        _createElementVNode(\"path\", { d: \"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\" }),\n                        _createElementVNode(\"polyline\", { points: \"7,10 12,15 17,10\" }),\n                        _createElementVNode(\"line\", {\n                          x1: \"12\",\n                          y1: \"15\",\n                          x2: \"12\",\n                          y2: \"3\"\n                        })\n                      ], -1)\n                    ]))], 8, _hoisted_12))\n                  : _createCommentVNode(\"\", true),\n                (showListConfig.value && showListConfig.value.showRemoveIcon)\n                  ? (_openBlock(), _createElementBlock(\"button\", {\n                      key: 2,\n                      class: \"b-upload__action-btn b-upload__action-btn--remove\",\n                      type: \"button\",\n                      \"aria-label\": \"Remove file\",\n                      disabled: __props.disabled,\n                      onClick: _withModifiers(($event: any) => (handleRemove(file)), [\"stop\"])\n                    }, [...(_cache[4] || (_cache[4] = [\n                      _createElementVNode(\"svg\", {\n                        viewBox: \"0 0 24 24\",\n                        fill: \"none\",\n                        stroke: \"currentColor\",\n                        \"stroke-width\": \"2\",\n                        \"aria-hidden\": \"true\"\n                      }, [\n                        _createElementVNode(\"line\", {\n                          x1: \"18\",\n                          y1: \"6\",\n                          x2: \"6\",\n                          y2: \"18\"\n                        }),\n                        _createElementVNode(\"line\", {\n                          x1: \"6\",\n                          y1: \"6\",\n                          x2: \"18\",\n                          y2: \"18\"\n                        })\n                      ], -1)\n                    ]))], 8, _hoisted_13))\n                  : _createCommentVNode(\"\", true)\n              ]),\n              (file.status === _unref(BUploadFileStatus).Uploading)\n                ? (_openBlock(), _createElementBlock(\"div\", {\n                    key: 1,\n                    class: \"b-upload__progress\",\n                    role: \"progressbar\",\n                    \"aria-valuenow\": file.percent ?? 0,\n                    \"aria-valuemin\": \"0\",\n                    \"aria-valuemax\": \"100\",\n                    \"aria-label\": `Uploading ${file.name}`\n                  }, [\n                    _createElementVNode(\"div\", {\n                      class: \"b-upload__progress-bar\",\n                      style: _normalizeStyle({ width: `${file.percent ?? 0}%` })\n                    }, null, 4)\n                  ], 8, _hoisted_14))\n                : _createCommentVNode(\"\", true)\n            ], 2))\n          }), 128))\n        ], 2))\n      : _createCommentVNode(\"\", true),\n    (_ctx.$slots.hint)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_15, [\n          _renderSlot(_ctx.$slots, \"hint\", {}, undefined, true)\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"mappings":"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"}

package/dist/design-system247.js

@@ -0,0 +1,9 @@
+import e from "./design-system14.js";
+import t from "./design-system245.js";
+/* empty css                 */
+//#region src/components/BUpload/BUpload.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-36315fd9"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=design-system247.js.map

package/dist/design-system247.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system247.js","names":[],"sources":["../src/components/BUpload/BUpload.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, watch, onMounted, useAttrs } from 'vue';\nimport { useComponentId } from '@/composables/useComponentId';\nimport {\n  BUploadListType,\n  BUploadFileStatus,\n  type BUploadFile,\n  type BUploadChangeInfo,\n  type BUploadRequestOption,\n  type BUploadShowUploadList,\n} from './types';\n\ndefineOptions({ inheritAttrs: false });\n\nconst attrs = useAttrs();\n\n//#region Props\nconst {\n  accept = '',\n  action = '',\n  multiple = false,\n  disabled = false,\n  directory = false,\n  maxCount,\n  listType = BUploadListType.Text,\n  method = 'POST',\n  name: fieldName = 'file',\n  headers,\n  data,\n  withCredentials = false,\n  openFileDialogOnClick = true,\n  showUploadList = true,\n  defaultFileList = [],\n  beforeUpload,\n  customRequest,\n} = defineProps<{\n  /** File types that can be accepted (MIME types or extensions). */\n  accept?: string;\n  /** Uploading URL. */\n  action?: string | ((file: File) => Promise<string>);\n  /** Whether to support multiple file selection. */\n  multiple?: boolean;\n  /** Whether to disable the upload button. */\n  disabled?: boolean;\n  /** Support uploading directories. */\n  directory?: boolean;\n  /** Limit the number of uploaded files. */\n  maxCount?: number;\n  /** Built-in style of the upload list. */\n  listType?: BUploadListType | `${BUploadListType}`;\n  /** HTTP method for upload request. */\n  method?: string;\n  /** The name of the file field in the upload request. */\n  name?: string;\n  /** Custom request headers for upload. */\n  headers?: Record<string, string>;\n  /** Extra data to include with the upload request. */\n  data?: Record<string, unknown> | ((file: BUploadFile) => Record<string, unknown>);\n  /** Whether to send cookies with the request. */\n  withCredentials?: boolean;\n  /** Whether clicking the component opens the file dialog. */\n  openFileDialogOnClick?: boolean;\n  /** Whether to show the upload list. */\n  showUploadList?: boolean | BUploadShowUploadList;\n  /** Initial file list for uncontrolled usage. */\n  defaultFileList?: BUploadFile[];\n  /** Hook before uploading. Return false or a rejected Promise to stop. */\n  beforeUpload?: (file: File, fileList: File[]) => boolean | Promise<File | Blob | boolean | void>;\n  /** Override the default upload behavior. */\n  customRequest?: (options: BUploadRequestOption) => void;\n}>();\n//#endregion\n\n//#region Model & Events\nconst model = defineModel<BUploadFile[]>('fileList', { default: undefined });\n\nconst emit = defineEmits<{\n  change: [info: BUploadChangeInfo];\n  remove: [file: BUploadFile];\n  preview: [file: BUploadFile];\n  download: [file: BUploadFile];\n  drop: [event: DragEvent];\n}>();\n//#endregion\n\n//#region Internal State\nconst { componentUID } = useComponentId();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst dragOver = ref(false);\nconst internalFileList = ref<BUploadFile[]>(Array.isArray(defaultFileList) ? [...defaultFileList] : []);\n\nconst fileList = computed<BUploadFile[]>({\n  get: () => (model.value !== undefined ? model.value : internalFileList.value),\n  set: (val) => {\n    internalFileList.value = val;\n    if (model.value !== undefined) {\n      model.value = val;\n    }\n  },\n});\n\nonMounted(() => {\n  if (model.value === undefined && defaultFileList.length > 0) {\n    internalFileList.value = [...defaultFileList];\n  }\n});\n\nwatch(\n  () => model.value,\n  (val) => {\n    if (val !== undefined) {\n      internalFileList.value = val;\n    }\n  },\n);\n\nconst isPictureCard = computed(\n  () =>\n    listType === BUploadListType.PictureCard ||\n    listType === BUploadListType.PictureCircle,\n);\n\nconst showListConfig = computed<BUploadShowUploadList | false>(() => {\n  if (showUploadList === false) return false;\n  if (showUploadList === true) {\n    return { showPreviewIcon: true, showRemoveIcon: true, showDownloadIcon: false };\n  }\n  return showUploadList;\n});\n\nconst atMaxCount = computed(() => maxCount !== undefined && maxCount !== 1 && fileList.value.length >= maxCount);\n//#endregion\n\n//#region Upload Logic\nlet fileUidCounter = 0;\n\nfunction genUid(): string {\n  fileUidCounter += 1;\n  return `b-upload-${componentUID.value}-${fileUidCounter}-${Date.now()}`;\n}\n\nfunction fileToUploadFile(file: File): BUploadFile {\n  return {\n    uid: genUid(),\n    name: file.name,\n    size: file.size,\n    type: file.type,\n    status: BUploadFileStatus.Uploading,\n    percent: 0,\n    originFileObj: file,\n  };\n}\n\nfunction triggerChange(file: BUploadFile, newFileList: BUploadFile[], event?: ProgressEvent) {\n  fileList.value = newFileList;\n  emit('change', { file, fileList: newFileList, event });\n}\n\nfunction defaultUpload(options: BUploadRequestOption) {\n  const xhr = new XMLHttpRequest();\n\n  xhr.upload.addEventListener('progress', (e) => {\n    if (e.lengthComputable && options.onProgress) {\n      options.onProgress({ percent: Math.round((e.loaded / e.total) * 100) });\n    }\n  });\n\n  xhr.addEventListener('load', () => {\n    if (xhr.status >= 200 && xhr.status < 300) {\n      options.onSuccess?.(xhr.response);\n    } else {\n      options.onError?.(new Error(`Upload failed with status ${xhr.status}`));\n    }\n  });\n\n  xhr.addEventListener('error', () => {\n    options.onError?.(new Error('Upload network error'));\n  });\n\n  xhr.open(options.method || 'POST', options.action, true);\n\n  if (options.withCredentials) {\n    xhr.withCredentials = true;\n  }\n\n  if (options.headers) {\n    Object.entries(options.headers).forEach(([key, val]) => {\n      xhr.setRequestHeader(key, val);\n    });\n  }\n\n  const formData = new FormData();\n  if (options.data) {\n    Object.entries(options.data).forEach(([key, val]) => {\n      formData.append(key, val as string);\n    });\n  }\n  formData.append(options.filename, options.file);\n\n  xhr.send(formData);\n}\n\nasync function uploadFile(file: File, rawFiles: File[]) {\n  if (beforeUpload) {\n    try {\n      const result = await beforeUpload(file, rawFiles);\n      if (result === false) return;\n      if (result instanceof Blob) {\n        const transformed = result instanceof File ? result : new File([result], file.name, { type: result.type });\n        processUpload(transformed);\n        return;\n      }\n    } catch {\n      return;\n    }\n  }\n  processUpload(file);\n}\n\nfunction processUpload(file: File) {\n  const uploadFile = fileToUploadFile(file);\n  let newList: BUploadFile[];\n\n  if (maxCount === 1) {\n    newList = [uploadFile];\n  } else if (maxCount !== undefined) {\n    newList = [...fileList.value, uploadFile].slice(-maxCount);\n  } else {\n    newList = [...fileList.value, uploadFile];\n  }\n\n  triggerChange(uploadFile, newList);\n\n  const resolvedAction = typeof action === 'function' ? action(file) : Promise.resolve(action);\n\n  resolvedAction.then((url: string) => {\n    const requestFn = customRequest || defaultUpload;\n    const extraData = typeof data === 'function' ? data(uploadFile) : (data || {});\n\n    requestFn({\n      action: url,\n      file,\n      filename: fieldName,\n      headers,\n      data: extraData,\n      withCredentials,\n      method,\n      onProgress: (e) => {\n        const updatedFile = { ...uploadFile, percent: e.percent };\n        const updatedList = fileList.value.map((f) =>\n          f.uid === uploadFile.uid ? updatedFile : f,\n        );\n        triggerChange(updatedFile, updatedList);\n      },\n      onSuccess: (response) => {\n        const updatedFile = {\n          ...uploadFile,\n          status: BUploadFileStatus.Done,\n          percent: 100,\n          response,\n        };\n        const updatedList = fileList.value.map((f) =>\n          f.uid === uploadFile.uid ? updatedFile : f,\n        );\n        triggerChange(updatedFile, updatedList);\n      },\n      onError: (error) => {\n        const updatedFile = {\n          ...uploadFile,\n          status: BUploadFileStatus.Error,\n          error,\n        };\n        const updatedList = fileList.value.map((f) =>\n          f.uid === uploadFile.uid ? updatedFile : f,\n        );\n        triggerChange(updatedFile, updatedList);\n      },\n    });\n  });\n}\n\nfunction handleFiles(files: FileList | null) {\n  if (!files || files.length === 0) return;\n\n  const rawFiles = Array.from(files);\n  let filesToUpload: File[];\n\n  if (maxCount === 1) {\n    filesToUpload = rawFiles.slice(0, 1);\n  } else if (maxCount !== undefined) {\n    const remaining = maxCount - fileList.value.length;\n    filesToUpload = remaining > 0 ? rawFiles.slice(0, remaining) : [];\n  } else {\n    filesToUpload = rawFiles;\n  }\n\n  filesToUpload.forEach((file) => uploadFile(file, rawFiles));\n}\n//#endregion\n\n//#region Event Handlers\nfunction handleClick() {\n  if (disabled || !openFileDialogOnClick || atMaxCount.value) return;\n  inputRef.value?.click();\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n  if (disabled || atMaxCount.value) return;\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    inputRef.value?.click();\n  }\n}\n\nfunction handleInputChange(event: Event) {\n  const input = event.target as HTMLInputElement;\n  handleFiles(input.files);\n  input.value = '';\n}\n\nfunction handleDragOver(event: DragEvent) {\n  event.preventDefault();\n  if (disabled) return;\n  dragOver.value = true;\n}\n\nfunction handleDragLeave(event: DragEvent) {\n  event.preventDefault();\n  dragOver.value = false;\n}\n\nfunction handleDrop(event: DragEvent) {\n  event.preventDefault();\n  dragOver.value = false;\n  if (disabled) return;\n  emit('drop', event);\n  handleFiles(event.dataTransfer?.files ?? null);\n}\n\nfunction handleRemove(file: BUploadFile) {\n  emit('remove', file);\n  const newList = fileList.value.filter((f) => f.uid !== file.uid);\n  triggerChange({ ...file, status: BUploadFileStatus.Removed }, newList);\n}\n\nfunction handlePreview(file: BUploadFile) {\n  emit('preview', file);\n}\n\nfunction handleDownload(file: BUploadFile) {\n  emit('download', file);\n}\n//#endregion\n\n//#region Expose\ndefineExpose({\n  /** Open the native file dialog programmatically. */\n  openFileDialog: () => inputRef.value?.click(),\n});\n//#endregion\n</script>\n\n<template>\n  <div\n    class=\"b-upload\"\n    :class=\"{\n      'b-upload--disabled': disabled,\n      'b-upload--drag-over': dragOver,\n      [`b-upload--${listType}`]: true,\n    }\"\n  >\n    <!-- Upload trigger area -->\n    <div\n      v-if=\"!isPictureCard || !atMaxCount\"\n      class=\"b-upload__trigger\"\n      role=\"button\"\n      :tabindex=\"disabled ? -1 : 0\"\n      :aria-disabled=\"disabled || undefined\"\n      :aria-label=\"(attrs['aria-label'] as string) || 'Upload file'\"\n      @click=\"handleClick\"\n      @keydown=\"handleKeyDown\"\n      @dragover=\"handleDragOver\"\n      @dragleave=\"handleDragLeave\"\n      @drop=\"handleDrop\"\n    >\n      <slot>\n        <div v-if=\"isPictureCard\" class=\"b-upload__card-trigger\">\n          <span class=\"b-upload__plus-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n            </svg>\n          </span>\n          <span class=\"b-upload__card-text\">Upload</span>\n        </div>\n        <span v-else class=\"b-upload__default-text\">Click to Upload</span>\n      </slot>\n    </div>\n\n    <!-- Hidden file input -->\n    <input\n      ref=\"inputRef\"\n      class=\"b-upload__input\"\n      type=\"file\"\n      :accept=\"accept || undefined\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      :webkitdirectory=\"directory || undefined\"\n      aria-hidden=\"true\"\n      tabindex=\"-1\"\n      @change=\"handleInputChange\"\n    />\n\n    <!-- File list -->\n    <div\n      v-if=\"showListConfig !== false && fileList.length > 0\"\n      class=\"b-upload__list\"\n      :class=\"`b-upload__list--${listType}`\"\n      role=\"list\"\n      aria-label=\"Uploaded files\"\n    >\n      <div\n        v-for=\"file in fileList\"\n        :key=\"file.uid\"\n        class=\"b-upload__item\"\n        :class=\"{\n          'b-upload__item--error': file.status === BUploadFileStatus.Error,\n          'b-upload__item--done': file.status === BUploadFileStatus.Done,\n          'b-upload__item--uploading': file.status === BUploadFileStatus.Uploading,\n        }\"\n        role=\"listitem\"\n      >\n        <!-- Thumbnail for picture types -->\n        <span\n          v-if=\"listType !== BUploadListType.Text\"\n          class=\"b-upload__item-thumbnail\"\n          aria-hidden=\"true\"\n        >\n          <img\n            v-if=\"file.thumbUrl || file.url\"\n            :src=\"file.thumbUrl || file.url\"\n            :alt=\"file.name\"\n            class=\"b-upload__item-image\"\n          />\n          <span v-else class=\"b-upload__item-file-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n              <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z\" />\n              <polyline points=\"14,2 14,8 20,8\" />\n            </svg>\n          </span>\n        </span>\n\n        <!-- File info -->\n        <span class=\"b-upload__item-info\">\n          <span class=\"b-upload__item-name\" :title=\"file.name\">\n            {{ file.name }}\n          </span>\n        </span>\n\n        <!-- Actions -->\n        <span class=\"b-upload__item-actions\">\n          <button\n            v-if=\"showListConfig && showListConfig.showPreviewIcon && (file.url || file.thumbUrl)\"\n            class=\"b-upload__action-btn\"\n            type=\"button\"\n            aria-label=\"Preview file\"\n            @click.stop=\"handlePreview(file)\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          </button>\n          <button\n            v-if=\"showListConfig && showListConfig.showDownloadIcon && file.status === BUploadFileStatus.Done\"\n            class=\"b-upload__action-btn\"\n            type=\"button\"\n            aria-label=\"Download file\"\n            @click.stop=\"handleDownload(file)\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n              <path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\" />\n              <polyline points=\"7,10 12,15 17,10\" />\n              <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\" />\n            </svg>\n          </button>\n          <button\n            v-if=\"showListConfig && showListConfig.showRemoveIcon\"\n            class=\"b-upload__action-btn b-upload__action-btn--remove\"\n            type=\"button\"\n            aria-label=\"Remove file\"\n            :disabled=\"disabled\"\n            @click.stop=\"handleRemove(file)\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n            </svg>\n          </button>\n        </span>\n\n        <!-- Progress bar -->\n        <div\n          v-if=\"file.status === BUploadFileStatus.Uploading\"\n          class=\"b-upload__progress\"\n          role=\"progressbar\"\n          :aria-valuenow=\"file.percent ?? 0\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          :aria-label=\"`Uploading ${file.name}`\"\n        >\n          <div\n            class=\"b-upload__progress-bar\"\n            :style=\"{ width: `${file.percent ?? 0}%` }\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Hint slot -->\n    <div v-if=\"$slots.hint\" class=\"b-upload__hint\">\n      <slot name=\"hint\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.b-upload {\n  --b-upload-actions-color: rgba(0, 0, 0, 0.45);\n  --b-upload-card-size: 102px;\n  --b-upload-color-primary: #1677ff;\n  --b-upload-color-error: #d32f2f;\n  --b-upload-color-success: #52c41a;\n  --b-upload-color-border: #d9d9d9;\n  --b-upload-color-bg: #fafafa;\n  --b-upload-color-bg-hover: #f0f0f0;\n  --b-upload-color-text: rgba(0, 0, 0, 0.88);\n  --b-upload-color-text-secondary: rgba(0, 0, 0, 0.6);\n  --b-upload-border-radius: 8px;\n  --b-upload-line-height: 1.5715;\n  --b-upload-font-size: 14px;\n  --b-upload-progress-stroke-width: 2px;\n\n  position: relative;\n  font-size: var(--b-upload-font-size);\n  line-height: var(--b-upload-line-height);\n  color: var(--b-upload-color-text);\n}\n\n/* Picture-card/circle layout: root becomes flex container */\n.b-upload--picture-card,\n.b-upload--picture-circle {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  align-items: flex-start;\n}\n\n/* Hidden file input */\n.b-upload__input {\n  position: absolute;\n  width: 0;\n  height: 0;\n  opacity: 0;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n/* Trigger */\n.b-upload__trigger {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n  border-radius: var(--b-upload-border-radius);\n}\n\n.b-upload__trigger:focus-visible {\n  outline: 2px solid var(--b-upload-color-primary);\n  outline-offset: 2px;\n}\n\n.b-upload--disabled .b-upload__trigger {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Default text trigger */\n.b-upload__default-text {\n  padding: 4px 15px;\n  border: 1px solid var(--b-upload-color-border);\n  border-radius: var(--b-upload-border-radius);\n  background: #fff;\n  color: var(--b-upload-color-text);\n  transition: border-color 0.2s, color 0.2s;\n}\n\n.b-upload__trigger:hover .b-upload__default-text {\n  color: var(--b-upload-color-primary);\n  border-color: var(--b-upload-color-primary);\n}\n\n/* Picture card trigger */\n.b-upload--picture-card .b-upload__trigger,\n.b-upload--picture-circle .b-upload__trigger {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: var(--b-upload-card-size);\n  height: var(--b-upload-card-size);\n  border: 1px dashed var(--b-upload-color-border);\n  border-radius: var(--b-upload-border-radius);\n  background: var(--b-upload-color-bg);\n  transition: border-color 0.2s;\n}\n\n.b-upload--picture-circle .b-upload__trigger {\n  border-radius: 50%;\n}\n\n.b-upload--picture-card .b-upload__trigger:hover,\n.b-upload--picture-circle .b-upload__trigger:hover {\n  border-color: var(--b-upload-color-primary);\n}\n\n.b-upload__card-trigger {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  color: var(--b-upload-color-text-secondary);\n}\n\n.b-upload__plus-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.b-upload__plus-icon svg {\n  width: 20px;\n  height: 20px;\n}\n\n.b-upload__card-text {\n  font-size: var(--b-upload-font-size);\n}\n\n/* Drag states */\n.b-upload--drag-over .b-upload__trigger {\n  border-color: var(--b-upload-color-primary);\n  background: color-mix(in srgb, var(--b-upload-color-primary) 5%, transparent);\n}\n\n/* File list - text type */\n.b-upload__list {\n  margin-top: 8px;\n}\n\n.b-upload__list--text .b-upload__item,\n.b-upload__list--picture .b-upload__item {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  border-radius: var(--b-upload-border-radius);\n  transition: background-color 0.2s;\n  position: relative;\n}\n\n.b-upload__list--text .b-upload__item:hover,\n.b-upload__list--picture .b-upload__item:hover {\n  background: var(--b-upload-color-bg);\n}\n\n/* File list - picture-card type */\n.b-upload__list--picture-card,\n.b-upload__list--picture-circle {\n  display: contents;\n}\n\n.b-upload__list--picture-card .b-upload__item,\n.b-upload__list--picture-circle .b-upload__item {\n  position: relative;\n  width: var(--b-upload-card-size);\n  height: var(--b-upload-card-size);\n  border: 1px solid var(--b-upload-color-border);\n  border-radius: var(--b-upload-border-radius);\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.b-upload__list--picture-circle .b-upload__item {\n  border-radius: 50%;\n}\n\n/* Thumbnails */\n.b-upload__item-thumbnail {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  margin-right: 8px;\n}\n\n.b-upload__list--picture-card .b-upload__item-thumbnail,\n.b-upload__list--picture-circle .b-upload__item-thumbnail {\n  width: 100%;\n  height: 100%;\n  margin-right: 0;\n}\n\n.b-upload__item-image {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: cover;\n}\n\n.b-upload__item-file-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--b-upload-color-text-secondary);\n}\n\n.b-upload__item-file-icon svg {\n  width: 24px;\n  height: 24px;\n}\n\n/* File info */\n.b-upload__item-info {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.b-upload__item-name {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--b-upload-color-text);\n  transition: color 0.2s;\n}\n\n.b-upload__item--error .b-upload__item-name {\n  color: var(--b-upload-color-error);\n}\n\n/* For card mode, hide file info text */\n.b-upload__list--picture-card .b-upload__item-info,\n.b-upload__list--picture-circle .b-upload__item-info {\n  display: none;\n}\n\n/* Actions */\n.b-upload__item-actions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: 8px;\n}\n\n.b-upload__list--picture-card .b-upload__item-actions,\n.b-upload__list--picture-circle .b-upload__item-actions {\n  position: absolute;\n  inset: 0;\n  margin-left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n\n.b-upload__list--picture-card .b-upload__item:hover .b-upload__item-actions,\n.b-upload__list--picture-circle .b-upload__item:hover .b-upload__item-actions {\n  opacity: 1;\n}\n\n.b-upload__action-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--b-upload-actions-color);\n  transition: color 0.2s;\n}\n\n.b-upload__action-btn:hover {\n  color: var(--b-upload-color-primary);\n}\n\n.b-upload__action-btn--remove:hover {\n  color: var(--b-upload-color-error);\n}\n\n.b-upload__action-btn:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.b-upload__action-btn svg {\n  width: 16px;\n  height: 16px;\n}\n\n.b-upload__list--picture-card .b-upload__action-btn,\n.b-upload__list--picture-circle .b-upload__action-btn {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.b-upload__list--picture-card .b-upload__action-btn svg,\n.b-upload__list--picture-circle .b-upload__action-btn svg {\n  width: 24px;\n  height: 24px;\n}\n\n.b-upload__list--picture-card .b-upload__action-btn:hover,\n.b-upload__list--picture-circle .b-upload__action-btn:hover {\n  color: #fff;\n}\n\n/* Progress bar */\n.b-upload__progress {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: var(--b-upload-progress-stroke-width);\n  background: var(--b-upload-color-bg-hover);\n  overflow: hidden;\n}\n\n.b-upload__progress-bar {\n  height: 100%;\n  background: var(--b-upload-color-primary);\n  transition: width 0.2s;\n}\n\n/* Hint */\n.b-upload__hint {\n  margin-top: 8px;\n  color: var(--b-upload-color-text-secondary);\n  font-size: 12px;\n}\n\n/* Dark mode - explicit */\n[data-prefers-color='dark'] .b-upload {\n  --b-upload-actions-color: rgba(255, 255, 255, 0.45);\n  --b-upload-color-border: #424242;\n  --b-upload-color-bg: #1f1f1f;\n  --b-upload-color-bg-hover: #2f2f2f;\n  --b-upload-color-text: rgba(255, 255, 255, 0.85);\n  --b-upload-color-text-secondary: rgba(255, 255, 255, 0.6);\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-prefers-color='system'] .b-upload {\n    --b-upload-actions-color: rgba(255, 255, 255, 0.45);\n    --b-upload-color-border: #424242;\n    --b-upload-color-bg: #1f1f1f;\n    --b-upload-color-bg-hover: #2f2f2f;\n    --b-upload-color-text: rgba(255, 255, 255, 0.85);\n    --b-upload-color-text-secondary: rgba(255, 255, 255, 0.6);\n  }\n}\n\n/* Dark mode - follow system (only when no explicit preference is set) */\n@media (prefers-color-scheme: dark) {\n  :root:not([data-prefers-color]) .b-upload {\n    --b-upload-actions-color: rgba(255, 255, 255, 0.45);\n    --b-upload-color-border: #424242;\n    --b-upload-color-bg: #1f1f1f;\n    --b-upload-color-bg-hover: #2f2f2f;\n    --b-upload-color-text: rgba(255, 255, 255, 0.85);\n    --b-upload-color-text-secondary: rgba(255, 255, 255, 0.6);\n  }\n}\n\n/* Reduced motion */\n@media (prefers-reduced-motion: reduce) {\n  .b-upload__trigger,\n  .b-upload__default-text,\n  .b-upload__item-name,\n  .b-upload__action-btn,\n  .b-upload__progress-bar,\n  .b-upload__item-actions,\n  .b-upload__list--text .b-upload__item,\n  .b-upload__list--picture .b-upload__item {\n    transition: none;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/types/components/BSkeleton/BSkeleton.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/BSkeleton/BSkeleton.vue.d.ts

@@ -0,0 +1,46 @@
+import type { BSkeletonAvatarConfig, BSkeletonParagraphConfig, BSkeletonTitleConfig } from './types';
+type __VLS_Props = {
+    /**
+     * Show the animated shimmer effect.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Show the avatar placeholder. Pass an object to configure its shape/size/active.
+     * @default false
+     */
+    avatar?: boolean | BSkeletonAvatarConfig;
+    /**
+     * When `false`, renders the default slot (real content) instead of placeholders.
+     * @default true
+     */
+    loading?: boolean;
+    /**
+     * Show paragraph placeholder rows. Pass an object to configure rows / row widths.
+     * @default true
+     */
+    paragraph?: boolean | BSkeletonParagraphConfig;
+    /**
+     * Round corners on title and paragraph rows.
+     * @default false
+     */
+    round?: boolean;
+    /**
+     * Show the title bar placeholder. Pass an object to configure its width.
+     * @default true
+     */
+    title?: boolean | BSkeletonTitleConfig;
+};
+type __VLS_Slots = {
+    /** Real content rendered when `loading` is `false`. */
+    default?(): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/BSkeleton/BSkeletonAvatar.vue.d.ts

@@ -0,0 +1,12 @@
+import type { BSkeletonAvatarShape, BSkeletonAvatarSize } from './types';
+type __VLS_Props = {
+    /** Animated shimmer effect. @default false */
+    active?: boolean;
+    /** Avatar shape. @default 'circle' */
+    shape?: BSkeletonAvatarShape;
+    /** Avatar size: preset string or pixel number. @default 'default' */
+    size?: BSkeletonAvatarSize;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/BSkeleton/BSkeletonButton.vue.d.ts

@@ -0,0 +1,14 @@
+import type { BSkeletonButtonShape, BSkeletonButtonSize } from './types';
+type __VLS_Props = {
+    /** Animated shimmer effect. @default false */
+    active?: boolean;
+    /** Stretch to full width. @default false */
+    block?: boolean;
+    /** Button shape. @default 'default' */
+    shape?: BSkeletonButtonShape;
+    /** Button size. @default 'default' */
+    size?: BSkeletonButtonSize;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/BSkeleton/BSkeletonImage.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    /** Animated shimmer effect. @default false */
+    active?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/BSkeleton/BSkeletonInput.vue.d.ts

@@ -0,0 +1,12 @@
+import type { BSkeletonInputSize } from './types';
+type __VLS_Props = {
+    /** Animated shimmer effect. @default false */
+    active?: boolean;
+    /** Stretch to full width. @default false */
+    block?: boolean;
+    /** Input size. @default 'default' */
+    size?: BSkeletonInputSize;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/BSkeleton/BSkeletonNode.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    /** Animated shimmer effect. @default false */
+    active?: boolean;
+    /** Stretch to fill the parent's width and height. @default false */
+    fullSize?: boolean;
+};
+type __VLS_Slots = {
+    /** Custom content placed inside the placeholder block (e.g., an icon). */
+    default?(): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/BSkeleton/index.d.ts

@@ -0,0 +1,7 @@
+export { default as BSkeleton } from './BSkeleton.vue';
+export { default as BSkeletonAvatar } from './BSkeletonAvatar.vue';
+export { default as BSkeletonButton } from './BSkeletonButton.vue';
+export { default as BSkeletonImage } from './BSkeletonImage.vue';
+export { default as BSkeletonInput } from './BSkeletonInput.vue';
+export { default as BSkeletonNode } from './BSkeletonNode.vue';
+export type { BSkeletonAvatarConfig, BSkeletonAvatarShape, BSkeletonAvatarSize, BSkeletonButtonShape, BSkeletonButtonSize, BSkeletonInputSize, BSkeletonParagraphConfig, BSkeletonTitleConfig, } from './types';

package/dist/types/components/BSkeleton/types.d.ts

@@ -0,0 +1,20 @@
+export type BSkeletonAvatarShape = 'circle' | 'square';
+export type BSkeletonAvatarSize = 'small' | 'default' | 'large' | number;
+export type BSkeletonButtonShape = 'circle' | 'round' | 'square' | 'default';
+export type BSkeletonButtonSize = 'small' | 'default' | 'large';
+export type BSkeletonInputSize = 'small' | 'default' | 'large';
+/** Props shape for the inline-configured `avatar` field on BSkeleton. */
+export interface BSkeletonAvatarConfig {
+    active?: boolean;
+    shape?: BSkeletonAvatarShape;
+    size?: BSkeletonAvatarSize;
+}
+/** Props shape for the inline-configured `title` field on BSkeleton. */
+export interface BSkeletonTitleConfig {
+    width?: number | string;
+}
+/** Props shape for the inline-configured `paragraph` field on BSkeleton. */
+export interface BSkeletonParagraphConfig {
+    rows?: number;
+    width?: number | string | (number | string)[];
+}

package/dist/types/components/BSplitter/BSplitter.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/BSplitter/BSplitter.vue.d.ts

@@ -0,0 +1,45 @@
+import { type BSplitterCollapsible, type BSplitterOrientation } from './types';
+type __VLS_Props = {
+    /** Convenience boolean for vertical orientation. @default false */
+    vertical?: boolean;
+    /** Layout orientation. Takes precedence over `vertical` when set. */
+    orientation?: BSplitterOrientation;
+    /** Whether resize is committed only on release (preview line during drag). @default false */
+    lazy?: boolean;
+    /** Splitter-level collapsible config (motion + custom icons). */
+    collapsible?: BSplitterCollapsible;
+};
+declare function getSizes(): number[];
+declare function setSizes(next: number[]): void;
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+    draggerIcon?: (props: typeof __VLS_6) => any;
+} & {
+    collapseIconStart?: (props: typeof __VLS_8) => any;
+} & {
+    collapseIconEnd?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    getSizes: typeof getSizes;
+    setSizes: typeof setSizes;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    resize: (sizes: number[]) => any;
+    collapse: (collapsed: boolean[], sizes: number[]) => any;
+    resizeStart: (sizes: number[]) => any;
+    resizeEnd: (sizes: number[]) => any;
+    draggerDoubleClick: (index: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onResize?: (sizes: number[]) => any;
+    onCollapse?: (collapsed: boolean[], sizes: number[]) => any;
+    onResizeStart?: (sizes: number[]) => any;
+    onResizeEnd?: (sizes: number[]) => any;
+    onDraggerDoubleClick?: (index: number) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/BSplitter/BSplitterPanel.vue.d.ts

@@ -0,0 +1,40 @@
+/**
+ * BSplitterPanel
+ * --------------
+ * A pure data/marker component used inside <BSplitter>.
+ *
+ * It does not render any wrapper element of its own — <BSplitter> reads the
+ * VNode's props and default-slot content and renders the panel <div>
+ * itself, so that draggers can be interspersed correctly between panels.
+ *
+ * Props mirror AntD's `Splitter.Panel` API.
+ */
+import type { BSplitterPanelCollapsible } from './types';
+type __VLS_Props = {
+    /** Controlled size (px number or any CSS unit string e.g. '50%'). */
+    size?: number | string;
+    /** Initial size for uncontrolled mode (px number or CSS string). */
+    defaultSize?: number | string;
+    /** Minimum size (px or CSS string). */
+    min?: number | string;
+    /** Maximum size (px or CSS string). */
+    max?: number | string;
+    /** Whether the dragger adjacent to this panel can resize it. @default true */
+    resizable?: boolean;
+    /** Collapsible config — `true` enables both directions, or pass an object. */
+    collapsible?: boolean | BSplitterPanelCollapsible;
+    /** Destroy panel content from the DOM when its size collapses to 0. @default false */
+    destroyOnHidden?: boolean;
+};
+type __VLS_Slots = {
+    default?(): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/BSplitter/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BSplitter } from './BSplitter.vue';
+export { default as BSplitterPanel } from './BSplitterPanel.vue';
+export type { BSplitterCollapsible, BSplitterContext, BSplitterOrientation, BSplitterPanelCollapsible, BSplitterPanelConfig, } from './types';

package/dist/types/components/BSplitter/types.d.ts

@@ -0,0 +1,42 @@
+import type { InjectionKey, VNode } from 'vue';
+export type BSplitterOrientation = 'horizontal' | 'vertical';
+/**
+ * Per-side collapsible config on a panel.
+ * `start` = collapse toward the previous (left/top) panel.
+ * `end`   = collapse toward the next (right/bottom) panel.
+ */
+export interface BSplitterPanelCollapsible {
+    start?: boolean;
+    end?: boolean;
+}
+/**
+ * Splitter-level collapsible config (motion + custom icons).
+ */
+export interface BSplitterCollapsible {
+    /** Whether the size change should animate (CSS transition). @default true */
+    motion?: boolean;
+    /** Custom icon nodes for the collapse buttons. */
+    icon?: {
+        start?: VNode | string;
+        end?: VNode | string;
+    };
+}
+/** Resolved per-panel configuration extracted from slot VNodes. */
+export interface BSplitterPanelConfig {
+    /** Panel index (0-based). */
+    index: number;
+    size?: number | string;
+    defaultSize?: number | string;
+    min?: number | string;
+    max?: number | string;
+    resizable: boolean;
+    collapsible: BSplitterPanelCollapsible | false;
+    destroyOnHidden: boolean;
+    /** Default slot content for the panel. */
+    content?: VNode[];
+}
+/** Context provided by BSplitter to its children (currently unused; kept for future). */
+export interface BSplitterContext {
+    orientation: 'horizontal' | 'vertical';
+}
+export declare const BSplitterContextKey: InjectionKey<BSplitterContext>;

package/dist/types/components/index.d.ts

@@ -35,8 +35,10 @@ export * from './BRadio';
 export * from './BRate';
 export * from './BSegmented';
 export * from './BSelect';
+export * from './BSkeleton';
 export * from './BSlider';
 export * from './BSpin';
+export * from './BSplitter';
 export { default as BSteps } from './BSteps/BSteps.vue';
 export * from './BSwitch';
 export * from './BTable';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@7pmlabs/design-system",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "private": false,
   "type": "module",
   "homepage": "https://github.com/ngphanducthinh/design-system",