sard-uniapp 1.19.4 → 1.20.0

package/components/style/mixins/border.scss

@@ -8,7 +8,7 @@
   @content;
 }
 
-@mixin border-vertical-base($color) {
+@mixin border-vertical-base {
   @include border-base {
     left: 0;
     right: 0;
@@ -17,7 +17,7 @@
   }
 }
 
-@mixin border-horizontal-base($color) {
+@mixin border-horizontal-base {
   @include border-base {
     top: 0;
     bottom: 0;
@@ -26,50 +26,69 @@
   }
 }
 
-@mixin border-top($color) {
-  @include border-vertical-base($color) {
+@mixin border-top(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-vertical-base {
     top: 0;
-    border-top: 1px solid $color;
+    border-top: $width $style $color;
     transform-origin: top center;
     @content;
   }
 }
 
-@mixin border-bottom($color) {
-  @include border-vertical-base($color) {
+@mixin border-bottom(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-vertical-base {
     bottom: 0;
-    border-bottom: 1px solid $color;
+    border-bottom: $width $style $color;
     transform-origin: bottom center;
     @content;
   }
 }
 
-@mixin border-left($color) {
-  @include border-horizontal-base($color) {
+@mixin border-left(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-horizontal-base {
     left: 0;
-    border-left: 1px solid $color;
+    border-left: $width $style $color;
     transform-origin: left center;
     @content;
   }
 }
 
-@mixin border-right($color) {
-  @include border-horizontal-base($color) {
+@mixin border-right(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-horizontal-base {
     right: 0;
-    border-right: 1px solid $color;
+    border-right: $width $style $color;
     transform-origin: right center;
     @content;
   }
 }
 
-@mixin border-cover-base() {
+@mixin border-cover-base(
+  $width: var(--sar-border-width),
+  $style: var(--sar-border-style)
+) {
   position: absolute;
   top: -50%;
   right: -50%;
   bottom: -50%;
   left: -50%;
   z-index: 1;
-  border: 1px solid transparent;
+  border: $width $style transparent;
   transform: scale(0.5);
   transform-origin: center;
   pointer-events: none;
@@ -78,82 +97,126 @@
   @content;
 }
 
-@mixin border-top-right($color) {
-  @include border-cover-base;
+@mixin border-top-right(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-top-color: $color;
   border-right-color: $color;
   @content;
 }
 
-@mixin border-bottom-right($color) {
-  @include border-cover-base;
+@mixin border-bottom-right(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-bottom-color: $color;
   border-right-color: $color;
   @content;
 }
 
-@mixin border-top-left($color) {
-  @include border-cover-base;
+@mixin border-top-left(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-top-color: $color;
   border-left-color: $color;
   @content;
 }
 
-@mixin border-bottom-left($color) {
-  @include border-cover-base;
+@mixin border-bottom-left(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-bottom-color: $color;
   border-left-color: $color;
   @content;
 }
 
-@mixin border-horizontal($color) {
-  @include border-cover-base;
+@mixin border-horizontal(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-left-color: $color;
   border-right-color: $color;
   @content;
 }
 
-@mixin border-vertical($color) {
-  @include border-cover-base;
+@mixin border-vertical(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-top-color: $color;
   border-bottom-color: $color;
   @content;
 }
 
-@mixin border-lack-top($color) {
-  @include border-cover-base;
+@mixin border-lack-top(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-left-color: $color;
   border-right-color: $color;
   border-bottom-color: $color;
   @content;
 }
 
-@mixin border-lack-right($color) {
-  @include border-cover-base;
+@mixin border-lack-right(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-top-color: $color;
   border-bottom-color: $color;
   border-left-color: $color;
   @content;
 }
 
-@mixin border-lack-bottom($color) {
-  @include border-cover-base;
+@mixin border-lack-bottom(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-top-color: $color;
   border-right-color: $color;
   border-left-color: $color;
   @content;
 }
 
-@mixin border-lack-left($color) {
-  @include border-cover-base;
+@mixin border-lack-left(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-top-color: $color;
   border-right-color: $color;
   border-bottom-color: $color;
   @content;
 }
 
-@mixin border-surround($color) {
-  @include border-cover-base;
+@mixin border-surround(
+  $color: var(--sar-border-color),
+  $style: var(--sar-border-style),
+  $width: var(--sar-border-width)
+) {
+  @include border-cover-base($width, $style);
   border-color: $color;
   @content;
 }

package/components/style/variables-dark.scss

@@ -13,7 +13,9 @@
   --sar-tertiary-bg: var(--sar-gray-600);
   --sar-fourth-color: var(--sar-gray-600);
   --sar-fourth-bg: var(--sar-gray-500);
+  // deprecated 1.20+
   --sar-quaternary-color: var(--sar-gray-600);
+  // deprecated 1.20+
   --sar-quaternary-bg: var(--sar-gray-500);
   --sar-emphasis-color: var(--sar-white);
   --sar-emphasis-bg: var(--sar-gray-900);
@@ -30,7 +32,9 @@
   --sar-tertiary-bg-rgb: var(--sar-gray-700-rgb);
   --sar-fourth-color-rgb: var(--sar-gray-600-rgb);
   --sar-fourth-bg-rgb: var(--sar-gray-700-rgb);
+  // deprecated 1.20+
   --sar-quaternary-color-rgb: var(--sar-gray-600-rgb);
+  // deprecated 1.20+
   --sar-quaternary-bg-rgb: var(--sar-gray-700-rgb);
   --sar-emphasis-color-rgb: var(--sar-white-rgb);
   --sar-emphasis-bg-rgb: var(--sar-gray-900-rgb);

package/components/style/variables.scss

@@ -88,7 +88,9 @@ page,
   --sar-secondary-bg: var(--sar-gray-200);
   --sar-tertiary-color: var(--sar-gray-600);
   --sar-tertiary-bg: var(--sar-gray-300);
+  // deprecated 1.20+
   --sar-quaternary-color: var(--sar-gray-500);
+  // deprecated 1.20+
   --sar-quaternary-bg: var(--sar-gray-400);
   --sar-fourth-color: var(--sar-gray-500);
   --sar-fourth-bg: var(--sar-gray-400);
@@ -105,7 +107,9 @@ page,
   --sar-secondary-bg-rgb: var(--sar-gray-200-rgb);
   --sar-tertiary-color-rgb: var(--sar-gray-600-rgb);
   --sar-tertiary-bg-rgb: var(--sar-gray-300-rgb);
+  // deprecated 1.20+
   --sar-quaternary-color-rgb: var(--sar-gray-500-rgb);
+  // deprecated 1.20+
   --sar-quaternary-bg-rgb: var(--sar-gray-400-rgb);
   --sar-fourth-color-rgb: var(--sar-gray-500-rgb);
   --sar-fourth-bg-rgb: var(--sar-gray-400-rgb);
@@ -114,6 +118,10 @@ page,
   --sar-border-color-rgb: var(--sar-gray-300-rgb);
   --sar-active-bg-rgb: var(--sar-gray-200-rgb);
 
+  // # 边框 1.20+
+  --sar-border-style: solid;
+  --sar-border-width: 1px;
+
   // # 圆角
   --sar-rounded-xs: 4rpx;
   --sar-rounded-sm: 8rpx;

package/components/table/table.vue

@@ -37,6 +37,7 @@ import {
   defaultTableProps
 } from "./common";
 import SarTableFixation from "../table-fixation/table-fixation.vue";
+import { useWindowResize } from "../../use";
 /**
  * @property {string} rootClass 组件根元素类名，默认值：-。
  * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
@@ -76,7 +77,7 @@ export default  _defineComponent({
     onMounted(() => {
       nextTick(setTableRect);
     });
-    uni.onWindowResize?.(setTableRect);
+    useWindowResize(setTableRect);
     const fixedRow = computed(() => {
       return !isNullish(props.height);
     });

package/components/table-fixation/table-fixation.vue

@@ -32,6 +32,7 @@ import {
   getBoundingClientRect,
   uniqid
 } from "../../utils";
+import { useWindowResize } from "../../use";
 export default  _defineComponent({
   ...{
     options: {
@@ -85,7 +86,7 @@ export default  _defineComponent({
     const setFixationRect = async () => {
       fixationRect.value = await getBoundingClientRect(`.${fixationId}`, instance);
     };
-    uni.onWindowResize?.(setFixationRect);
+    useWindowResize(setFixationRect);
     watch(
       scrollSide,
       () => {

package/components/toast/toast.d.ts

@@ -7,11 +7,11 @@ declare const _default: import("vue").DefineComponent<ToastProps, {
 }, string, import("vue").PublicProps, Readonly<ToastProps> & Readonly<{
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
+    timeout: number;
     type: "text" | "loading" | "success" | "fail";
     position: "top" | "center" | "bottom";
     duration: number;
     overlay: boolean;
-    timeout: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 export declare const mapIdToast: Record<string, {

package/components/toast-agent/toast-agent.d.ts

@@ -1,10 +1,10 @@
 import { type ToastAgentProps } from './common';
 declare const _default: import("vue").DefineComponent<ToastAgentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToastAgentProps> & Readonly<{}>, {
+    timeout: number;
     type: "text" | "loading" | "success" | "fail";
     id: string;
     position: "top" | "center" | "bottom";
     duration: number;
     overlay: boolean;
-    timeout: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/tree/tree.d.ts

@@ -18,8 +18,8 @@ declare const _default: import("vue").DefineComponent<TreeProps, {
     onSelect?: ((key: string | number, node: TreeStateNode) => any) | undefined;
     "onUpdate:current"?: ((key: string | number, node: TreeStateNode) => any) | undefined;
 }>, {
-    accordion: boolean;
     data: TreeNode[];
+    accordion: boolean;
     filterMode: "lenient" | "strict";
     defaultExpandAll: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/tree-node/tree-node.vue

@@ -100,7 +100,7 @@ import {
   classNames,
   createBem,
   getBoundingClientRect,
-  minmax,
+  clamp,
   stringifyStyle,
   uniqid
 } from "../../utils";
@@ -171,7 +171,7 @@ export default  _defineComponent({
       const nodeHeight = nodeRect.height;
       const currentIndex = obviousNodes.findIndex((node) => node === props.node);
       const offsetIndex = Math.floor(Math.abs(offset.y) / nodeHeight + 0.5) * (offset.y < 0 ? -1 : 1);
-      const targetIndex = minmax(
+      const targetIndex = clamp(
         currentIndex + offsetIndex,
         0,
         obviousNodes.length - 1

package/components/upload/README.md

@@ -65,6 +65,12 @@ import Upload from 'sard-uniapp/components/upload/upload.vue'
 
 @code('${DEMO_PATH}/upload/demo/Status.vue')
 
+### 重传与取消 <sup>1.20+</sup>
+
+利用 `item-click` 事件可实现重传与取消。
+
+@code('${DEMO_PATH}/upload/demo/ReuploadCancel.vue')
+
 ### 只读和禁用
 
 只读会隐藏选择区域，禁用则不允许用户点击选择。
@@ -101,7 +107,7 @@ import Upload from 'sard-uniapp/components/upload/upload.vue'
 | before-read                      | 文件读取前的回调，返回 false 可终止文件读取，支持返回 Promise                                                     | (file: File) => boolean \| Promise\<File>                              | -                          |
 | after-read                       | 文件读取完成后的回调                                                                                              | (fileItem: UploadFileItem \| UploadFileItem[]) => void                 | -                          |
 | removable                        | 是否可删除                                                                                                        | boolean                                                                | true                       |
-| before-remove                    | 文件删除前的回调，返回 false 可终止文件读取，支持返回 Promise                                                     | (...args: any[]) => boolean \| Promise\<void>                          | -                          |
+| before-remove                    | 文件删除前的回调，返回 false 可终止文件删除，支持返回 Promise                                                     | (index: number, fileItem: UploadFileItem) => boolean \| Promise\<any>  | -                          |
 | validate-event                   | 是否触发表单验证                                                                                                  | boolean                                                                | true                       |
 
 ### UploadSlots
@@ -110,13 +116,14 @@ import Upload from 'sard-uniapp/components/upload/upload.vue'
 | ------ | -------------- | ---- |
 | select | 自定义选取内容 | -    |
 
-### ButtonEmits
+### UploadEmits
 
-| 事件                     | 描述                     | 类型                                          |
-| ------------------------ | ------------------------ | --------------------------------------------- |
-| update:model-value       | 选择的文件列表改变时触发 | (value: UploadFileItem[]) => void             |
-| change <sup>1.9.2+</sup> | 选择的文件列表改变时触发 | (value: UploadFileItem[]) => void             |
-| remove                   | 删除文件时触发           | (index: number, item: UploadFileItem) => void |
+| 事件                        | 描述                     | 类型                                          |
+| --------------------------- | ------------------------ | --------------------------------------------- |
+| update:model-value          | 选择的文件列表改变时触发 | (value: UploadFileItem[]) => void             |
+| change <sup>1.9.2+</sup>    | 选择的文件列表改变时触发 | (value: UploadFileItem[]) => void             |
+| remove                      | 删除文件时触发           | (index: number, item: UploadFileItem) => void |
+| item-click <sup>1.20+</sup> | 点击文件项时触发         | (item: UploadFileItem, index: number) => void |
 
 ### UploadFileItem
 
@@ -138,14 +145,15 @@ type UploadStatus = 'pending' | 'uploading' | 'failed' | 'done'
 
 ### UploadFile
 
-| 属性     | 描述               | 类型               | 默认值 |
-| -------- | ------------------ | ------------------ | ------ |
-| type     | 文件类型           | 'image' \| 'video' | -      |
-| size     | 文件大小，单位字节 | number             | -      |
-| path     | 本地临时文件路径   | string             | -      |
-| duration | 选定视频的时间长度 | number             | 0      |
-| width    | 返回选定视频的宽度 | number             | 0      |
-| height   | 返回选定视频的高度 | number             | 0      |
+| 属性                  | 描述               | 类型               | 默认值 |
+| --------------------- | ------------------ | ------------------ | ------ |
+| type                  | 文件类型           | 'image' \| 'video' | -      |
+| size                  | 文件大小，单位字节 | number             | -      |
+| name <sup>1.20+</sup> | 文件名             | string             | -      |
+| path                  | 本地临时文件路径   | string             | -      |
+| duration              | 选定视频的时间长度 | number             | 0      |
+| width                 | 选定视频的宽度     | number             | 0      |
+| height                | 选定视频的高度     | number             | 0      |
 
 ## 主题定制
 

package/components/upload/common.d.ts

@@ -8,6 +8,7 @@ export interface UploadFile {
     duration: number;
     width: number;
     height: number;
+    name: string;
 }
 export interface UploadFileItem {
     file?: UploadFile;
@@ -37,7 +38,7 @@ export interface UploadProps {
     beforeRead?: (file: UploadFile) => boolean | Promise<UploadFile>;
     afterRead?: (fileItem: UploadFileItem) => void;
     removable?: boolean;
-    beforeRemove?: (...args: unknown[]) => boolean | Promise<void>;
+    beforeRemove?: (index: number, fileItem: UploadFileItem) => boolean | Promise<void>;
     validateEvent?: boolean;
 }
 export declare const defaultUploadProps: Omit<typeof defaultConfig.upload, "sourceType" | "sizeType">;
@@ -48,6 +49,7 @@ export interface UploadEmits {
     (e: 'update:model-value', value: UploadFileItem[]): void;
     (e: 'change', value: UploadFileItem[]): void;
     (e: 'remove', index: number, item: UploadFileItem): void;
+    (e: 'item-click', item: UploadFileItem, index: number): void;
 }
 export interface ChainNode {
     (data: any, next: (...args: any[]) => void): void;
@@ -63,7 +65,6 @@ export interface UploadPreviewProps {
     name?: string;
     message?: string;
     removable?: boolean;
-    beforeRemove?: (index: number) => boolean | Promise<void>;
     index: number;
     disabled?: boolean;
     readonly?: boolean;
@@ -72,6 +73,7 @@ export declare const defaultUploadPreviewProps: {
     status: UploadPreviewProps["status"];
 };
 export interface UploadPreviewEmits {
-    (e: 'image-click', index: number): void;
-    (e: 'remove', index: number): void;
+    (e: 'image-click'): void;
+    (e: 'remove'): void;
+    (e: 'click'): void;
 }

package/components/upload/upload.d.ts

@@ -4,10 +4,12 @@ declare const __VLS_component: import("vue").DefineComponent<UploadProps, {}, {}
     "update:model-value": (value: UploadFileItem[]) => any;
     change: (value: UploadFileItem[]) => any;
     remove: (index: number, item: UploadFileItem) => any;
+    "item-click": (item: UploadFileItem, index: number) => any;
 }, string, import("vue").PublicProps, Readonly<UploadProps> & Readonly<{
     "onUpdate:model-value"?: ((value: UploadFileItem[]) => any) | undefined;
     onChange?: ((value: UploadFileItem[]) => any) | undefined;
     onRemove?: ((index: number, item: UploadFileItem) => any) | undefined;
+    "onItem-click"?: ((item: UploadFileItem, index: number) => any) | undefined;
 }>, {
     accept: "image" | "video";
     validateEvent: boolean;

package/components/upload/upload.vue

@@ -12,12 +12,12 @@
         :name="item.name"
         :message="item.message"
         :removable="removable"
-        :before-remove="beforeRemove"
         :index="index"
         :disabled="isDisabled"
         :readonly="isReadonly"
         @remove="onRemove(index, item)"
-        @image-click="onImageClick"
+        @image-click="onImageClick(index)"
+        @click="onItemClick(index, item)"
       />
       <view
         v-if="innerValue.length < maxCount && !isReadonly"
@@ -73,8 +73,12 @@ import { useFormContext, useFormItemContext } from "../form/common";
  * @property {(file: File) => boolean | Promise\<File>} beforeRead 文件读取前的回调，返回 false 可终止文件读取，支持返回 Promise，默认值：-。
  * @property {(fileItem: UploadFileItem | UploadFileItem[]) => void} afterRead 文件读取完成后的回调，默认值：-。
  * @property {boolean} removable 是否可删除，默认值：true。
- * @property {(...args: any[]) => boolean | Promise\<void>} beforeRemove 文件删除前的回调，返回 false 可终止文件读取，支持返回 Promise，默认值：-。
+ * @property {(index: number, fileItem: UploadFileItem) => boolean | Promise\<any>} beforeRemove 文件删除前的回调，返回 false 可终止文件删除，支持返回 Promise，默认值：-。
  * @property {boolean} validateEvent 是否触发表单验证，默认值：true。
+ * @event {(value: UploadFileItem[]) => void} update 选择的文件列表改变时触发
+ * @event {(value: UploadFileItem[]) => void} change 选择的文件列表改变时触发
+ * @event {(index: number, item: UploadFileItem) => void} remove 删除文件时触发
+ * @event {(item: UploadFileItem, index: number) => void} item-click 点击文件项时触发
  */
 export default  _defineComponent({
   components: {
@@ -110,7 +114,7 @@ export default  _defineComponent({
     beforeRemove: { type: Function, required: false },
     validateEvent: { type: Boolean, required: false }
   }, defaultUploadProps),
-  emits: ["update:model-value", "change", "remove"],
+  emits: ["update:model-value", "change", "remove", "item-click"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -177,7 +181,7 @@ export default  _defineComponent({
       const fileList = files.map((file) => {
         return {
           file,
-          name: file.path && getFileName(file.path)
+          name: file.name
         };
       });
       next(fileList);
@@ -246,7 +250,8 @@ export default  _defineComponent({
                   path: file.tempFilePath,
                   duration: file.duration,
                   width: file.width,
-                  height: file.height
+                  height: file.height,
+                  name: file.name || file.tempFilePath && getFileName(file.tempFilePath)
                 };
               })
             );
@@ -266,14 +271,40 @@ export default  _defineComponent({
         next();
       }
     };
+    // # remove
+    const removingSet =  new WeakSet();
     const onRemove = (index, item) => {
-      const list = innerValue.value.filter((_, i) => i !== index);
-      innerValue.value = list;
-      emit("update:model-value", list);
-      emit("change", list);
-      emit("remove", index, item);
+      if (!props.removable || isDisabled.value || isReadonly.value) return;
+      if (removingSet.has(item)) {
+        return;
+      }
+      function remove() {
+        const list = innerValue.value.filter((_, i) => i !== index);
+        innerValue.value = list;
+        emit("update:model-value", list);
+        emit("change", list);
+        emit("remove", index, item);
+      }
+      if (props.beforeRemove) {
+        const ret = props.beforeRemove(index, item);
+        if (ret === false) {
+          return;
+        }
+        if (ret instanceof Promise) {
+          removingSet.add(item);
+          ret.then(() => {
+            remove();
+          }).catch(() => {
+          }).finally(() => {
+            removingSet.delete(item);
+          });
+          return;
+        }
+      }
+      remove();
     };
-    const onImageClick = (index) => {
+    // # preview
+    const previewImage = (index) => {
       const currentFileItem = innerValue.value[index];
       const fileList = innerValue.value.filter(
         (item) => item.url && isImageUrl(item.url) || item.file?.type === "image"
@@ -285,6 +316,13 @@ export default  _defineComponent({
         current: urls[currentIndex]
       });
     };
+    const onImageClick = (index) => {
+      previewImage(index);
+    };
+    const onItemClick = (index, fileItem) => {
+      emit("item-click", fileItem, index);
+    };
+    // # others
     const uploadClass = computed(() => {
       return classNames(
         bem.b(),
@@ -300,7 +338,7 @@ export default  _defineComponent({
       return isSelectPending;
     }, set isSelectPending(v) {
       isSelectPending = v;
-    }, onSelect, onRemove, onImageClick, uploadClass, uploadStyle, SarUploadPreview, SarIcon };
+    }, onSelect, removingSet, onRemove, previewImage, onImageClick, onItemClick, uploadClass, uploadStyle, SarUploadPreview, SarIcon };
     return __returned__;
   }
 });

package/components/upload/utils.d.ts

@@ -17,6 +17,7 @@ interface chooseMediaResult {
         height: number;
         width: number;
         fileType: 'image' | 'video';
+        name: string;
     }[];
     type: 'image' | 'video';
 }

package/components/upload/utils.js

@@ -16,6 +16,7 @@ export function chooseMedia(options) {
                             duration: 0,
                             height: 0,
                             width: 0,
+                            name: file.name || '',
                             fileType: 'image',
                         };
                     }),
@@ -41,6 +42,7 @@ export function chooseMedia(options) {
                             duration: res.duration,
                             height: res.height,
                             width: res.width,
+                            name: res.name || '',
                             fileType: 'video',
                         },
                     ],