lew-ui 2.5.9 → 2.5.11

package/dist/components/upload/src/LewUpload.vue.d.ts

@@ -7,6 +7,11 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         default: string;
         description: string;
     };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -66,6 +71,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
+    delete: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: import('vue').PropType<UploadFileItem[]>;
     accept: {
@@ -73,6 +79,11 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         default: string;
         description: string;
     };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -132,6 +143,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
 }>, {
     size: import('../../..').LewSize;
     tips: string;
@@ -139,6 +151,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     readonly: boolean;
     multiple: boolean;
     accept: string;
+    immediate: boolean;
     limit: number;
     maxFileSize: number;
     uploadHelper: Function;

package/dist/components/upload/src/props.d.ts

@@ -1,9 +1,9 @@
 import { ExtractPropTypes } from 'vue';
 import { LewSize } from '../../..';
 
-export type UploadStatus = 'success' | 'fail' | 'uploading' | 'wrong_config' | 'complete' | 'wrong_type' | 'wrong_size';
+export type UploadStatus = 'success' | 'fail' | 'uploading' | 'complete' | 'wrong_type' | 'wrong_size' | 'pending';
 export type UploadFileItem = {
-    id: string;
+    key: string;
     name?: string;
     url?: string;
     status?: UploadStatus;
@@ -11,7 +11,7 @@ export type UploadFileItem = {
     file?: File;
     size?: number;
     type?: string;
-    lastModifiedDate?: Date;
+    lastModifiedDate?: string;
     lastModified?: number;
 };
 export declare const uploadProps: {
@@ -20,6 +20,11 @@ export declare const uploadProps: {
         default: string;
         description: string;
     };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;

package/dist/index.mjs

@@ -19314,6 +19314,11 @@ const uploadProps = {
     default: "",
     description: "允许上传的文件类型"
   },
+  immediate: {
+    type: Boolean,
+    default: true,
+    description: "是否在选择文件后立即上传，为false时仅保存文件信息不上传"
+  },
   multiple: {
     type: Boolean,
     default: false,
@@ -19437,19 +19442,19 @@ const uploadByCardProps = {
   }
 };
 const statusMap = {
+  pending: "待上传",
   success: "上传成功",
   fail: "上传失败",
   uploading: "上传中",
-  wrong_config: "未配置上传服务",
   complete: "已上传",
   wrong_type: "非法格式",
   wrong_size: "文件大小超出限制"
 };
 const statusColorMap = {
+  pending: "gray",
   success: "green",
   fail: "red",
   uploading: "blue",
-  wrong_config: "warning",
   complete: "gray",
   wrong_type: "red",
   wrong_size: "red"
@@ -19525,7 +19530,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(modelValue2.value, (item) => {
                 return openBlock(), createBlock(unref(LewFlex), {
-                  key: item.id || item.url,
+                  key: item.key || item.url,
                   class: "lew-upload-file-item",
                   mode: "between",
                   gap: "8",
@@ -19564,7 +19569,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         item.status === "fail" ? (openBlock(), createBlock(unref(LewFlex), {
                           key: 0,
-                          onClick: withModifiers(($event) => emit2("reUpload", item.id), ["stop"]),
+                          onClick: withModifiers(($event) => emit2("reUpload", item.key), ["stop"]),
                           x: "center",
                           y: "center",
                           style: normalizeStyle({
@@ -19583,7 +19588,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                           _: 2
                         }, 1032, ["onClick", "style"])) : createCommentVNode("", true),
                         createVNode(unref(LewFlex), {
-                          onClick: withModifiers(($event) => emit2("deleteFile", item.id), ["stop"]),
+                          onClick: withModifiers(($event) => emit2("deleteFile", item.key), ["stop"]),
                           x: "center",
                           y: "center",
                           style: normalizeStyle({
@@ -19616,7 +19621,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                                 createVNode(unref(LewTextTrim), {
                                   text: unref(getFileName)(item),
                                   style: normalizeStyle({
-                                    width: `calc(100% - 60px)`,
+                                    width: `calc(100% - 30px)`,
                                     fontSize: `${unref(any2px)(fileNameFontSizeMap[_ctx.size])}`
                                   }),
                                   class: "lew-upload-file-name"
@@ -19672,7 +19677,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                               x: "end"
                             }, {
                               default: withCtx(() => [
-                                createVNode(unref(_sfc_main$Z), {
+                                item.status && item.status !== "pending" ? (openBlock(), createBlock(unref(_sfc_main$Z), {
+                                  key: 0,
                                   type: "light",
                                   size: "small",
                                   color: unref(statusColorMap)[item.status || "complete"]
@@ -19689,7 +19695,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                                     createTextVNode(" " + toDisplayString(unref(statusMap)[item.status || "complete"]), 1)
                                   ]),
                                   _: 2
-                                }, 1032, ["color"])
+                                }, 1032, ["color"])) : createCommentVNode("", true)
                               ]),
                               _: 2
                             }, 1024)
@@ -19714,7 +19720,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUploadByList = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-636c30e6"]]);
+const LewUploadByList = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-684e2049"]]);
 const _hoisted_1$e = ["src"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "LewUploadByCard",
@@ -19769,7 +19775,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(modelValue2.value, (item) => {
                 return openBlock(), createBlock(unref(LewFlex), {
-                  key: item.id || item.url,
+                  key: item.key || item.url,
                   class: "lew-upload-file-item",
                   mode: "between",
                   gap: "8",
@@ -19781,7 +19787,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     item.status === "fail" ? (openBlock(), createBlock(unref(LewFlex), {
                       key: 0,
-                      onClick: withModifiers(($event) => emit2("reUpload", item.id), ["stop"]),
+                      onClick: withModifiers(($event) => emit2("reUpload", item.key), ["stop"]),
                       x: "center",
                       y: "center",
                       style: normalizeStyle({
@@ -19798,7 +19804,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["size"])
                       ]),
                       _: 2
-                    }, 1032, ["onClick", "style"])) : item.status && !["complete", "success"].includes(item.status) ? withDirectives((openBlock(), createBlock(unref(LewFlex), {
+                    }, 1032, ["onClick", "style"])) : item.status && !["complete", "success", "none", "uploading"].includes(item.status) ? withDirectives((openBlock(), createBlock(unref(LewFlex), {
                       key: 1,
                       x: "center",
                       y: "center",
@@ -19824,7 +19830,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                       }]
                     ]) : createCommentVNode("", true),
                     createVNode(unref(LewFlex), {
-                      onClick: withModifiers(($event) => emit2("deleteFile", item.id), ["stop"]),
+                      onClick: withModifiers(($event) => emit2("deleteFile", item.key), ["stop"]),
                       x: "center",
                       y: "center",
                       style: normalizeStyle({
@@ -19909,7 +19915,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUploadByCard = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-c290a998"]]);
+const LewUploadByCard = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-7d6c26c0"]]);
 const _hoisted_1$d = ["multiple", "accept"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "LewUpload",
@@ -19917,7 +19923,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     "modelValue": {},
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["change", "delete"], ["update:modelValue"]),
   setup(__props2, { emit: __emit2 }) {
     var _a;
     const props2 = __props2;
@@ -19976,7 +19982,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       if ((files || []).length > 0) {
         const item = files.pop();
         const { size, type, name, lastModifiedDate, lastModified } = item;
-        let status = "wrong_config";
+        let status = "pending";
         if (!checkFileAccept({ ...item, file: item })) {
           status = "wrong_type";
         }
@@ -19984,7 +19990,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           status = "wrong_size";
         }
         const fileItem = {
-          id: getUniqueId(),
+          key: getUniqueId(),
           status,
           size,
           type,
@@ -19996,8 +20002,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         modelValue2.value = [fileItem, ...cloneDeep(modelValue2.value || [])];
         emit2("change", modelValue2.value);
         nextTick(() => {
-          if (fileItem.status === "wrong_config") {
-            isFunction(_uploadHelper.value) ? _uploadHelper.value({ fileItem: cloneDeep(fileItem), setFileItem }) : LewMessage.error("未配置上传 uploadHelper");
+          if (status === "pending" && isFunction(_uploadHelper.value)) {
+            setFileItem({ key: fileItem.key, status: "uploading", percent: 0 });
+            _uploadHelper.value({ fileItem: cloneDeep(fileItem), setFileItem });
           }
           setTimeout(() => {
             if ((modelValue2.value || []).length < props2.limit) {
@@ -20007,12 +20014,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    const deleteFile = (id) => {
+    const deleteFile = (key) => {
       let fileList = cloneDeep(modelValue2.value) || [];
-      const index2 = (fileList || []).findIndex((e) => e.id === id);
+      const index2 = (fileList || []).findIndex((e) => e.key === key);
       if (index2 >= 0) {
         const { status } = fileList[index2];
-        if (["wrong_type", "wrong_size", "wrong_config"].includes(status || "")) {
+        if (["wrong_type", "wrong_size", "pending"].includes(status || "")) {
           fileList.splice(index2, 1);
           modelValue2.value = fileList;
         } else {
@@ -20025,18 +20032,21 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             ok: () => {
               fileList.splice(index2, 1);
               modelValue2.value = fileList;
+              emit2("delete", key);
               return true;
             }
           });
         }
       }
     };
-    const reUpload = (id) => {
-      const index2 = (modelValue2.value || []).findIndex((e) => e.id === id);
+    const reUpload = (key) => {
+      const index2 = (modelValue2.value || []).findIndex((e) => e.key === key);
       if (index2 >= 0) {
         const item = (modelValue2.value || [])[index2];
-        setFileItem({ id, percent: 0, status: "uploading" });
-        isFunction(_uploadHelper.value) ? _uploadHelper.value({ fileItem: cloneDeep(item), setFileItem }) : LewMessage.error("未配置上传 uploadHelper");
+        if (isFunction(_uploadHelper.value)) {
+          setFileItem({ key, percent: 0, status: "uploading" });
+          _uploadHelper.value({ fileItem: cloneDeep(item), setFileItem });
+        }
       } else {
         LewMessage.error("文件不存在");
       }
@@ -20108,9 +20118,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       });
     });
     const setFileItem = (item) => {
-      const { id, percent } = item;
+      const { key, percent } = item;
       let fileList = cloneDeep(modelValue2.value) || [];
-      const index2 = (fileList || []).findIndex((e) => e.id === id);
+      const index2 = (fileList || []).findIndex((e) => e.key === key);
       let _percent = percent || 0;
       if (index2 >= 0) {
         if (percent) {
@@ -20250,7 +20260,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-9cb4e5cd"]]);
+const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-9a9115eb"]]);
 const tableModel = {
   selectedKeys: {
     type: [Array, String, Number, void 0],