sctj-components 1.0.32 → 1.0.34

package/lib/sctj-components.es.js

@@ -1,4 +1,4 @@
-import { computed as computed$1, resolveComponent, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, toDisplayString, createBlock, withCtx, createTextVNode, createCommentVNode, createElementVNode, ref as ref$1, watch, mergeProps, createSlots, renderSlot, createVNode, TransitionGroup, onMounted as onMounted$1, onUpdated, nextTick, withModifiers, normalizeStyle, onUnmounted, isRef, withDirectives, vShow, onBeforeMount, getCurrentInstance, reactive, resolveDirective, toRefs, resolveDynamicComponent, withKeys, pushScopeId, popScopeId, useSlots, onBeforeUnmount, markRaw, useCssVars, shallowRef } from "vue";
+import { computed as computed$1, resolveComponent, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, toDisplayString, createBlock, withCtx, createTextVNode, createCommentVNode, createElementVNode, ref as ref$1, watch, mergeProps, createSlots, renderSlot, createVNode, TransitionGroup, useCssVars, withModifiers, normalizeStyle, nextTick, onMounted as onMounted$1, onUnmounted, isRef, withDirectives, vShow, onBeforeMount, getCurrentInstance, reactive, resolveDirective, toRefs, resolveDynamicComponent, withKeys, pushScopeId, popScopeId, useSlots, onBeforeUnmount, markRaw, shallowRef } from "vue";
 import VueOfficePdf from "@vue-office/pdf";
 import VueOfficeDocx from "@vue-office/docx";
 import VueOfficeExcel from "@vue-office/excel";
@@ -130,7 +130,7 @@ const _sfc_main$p = {
 };
 const index$2 = "";
 const index$1 = "";
-const index_vue_vue_type_style_index_0_scoped_392c966d_lang = "";
+const index_vue_vue_type_style_index_0_scoped_006fbc77_lang = "";
 const index_vue_vue_type_style_index_1_lang = "";
 const _hoisted_1$i = { class: "upload-file" };
 const _hoisted_2$b = { class: "el-upload__tip" };
@@ -195,6 +195,10 @@ const _sfc_main$o = {
     successCode: {
       type: Number,
       default: 200
+    },
+    drag: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue", "delete", "success"],
@@ -378,6 +382,7 @@ const _sfc_main$o = {
           limit: __props.limit,
           "on-error": handleUploadError,
           "on-exceed": handleExceed,
+          drag: __props.drag,
           "on-success": handleUploadSuccess,
           "show-file-list": false,
           headers: __props.headers,
@@ -389,13 +394,15 @@ const _sfc_main$o = {
             renderSlot(_ctx.$slots, "button", {}, () => [
               createVNode(_component_el_button, {
                 size: "small",
-                type: "primary"
+                link: __props.drag,
+                type: "primary",
+                icon: "Plus"
               }, {
                 default: withCtx(() => [
-                  createTextVNode("\u9009\u53D6\u6587\u4EF6")
+                  createTextVNode(toDisplayString(__props.drag ? "\u9009\u53D6\u3001\u62D6\u62FD\u6587\u4EF6" : "\u9009\u62E9\u6587\u4EF6"), 1)
                 ]),
                 _: 1
-              })
+              }, 8, ["link"])
             ], true)
           ]),
           _: 2
@@ -418,7 +425,7 @@ const _sfc_main$o = {
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["action", "http-request", "file-list", "limit", "headers"])) : createCommentVNode("", true),
+        ]), 1040, ["action", "http-request", "file-list", "limit", "drag", "headers"])) : createCommentVNode("", true),
         __props.showFiles ? (openBlock(), createBlock(TransitionGroup, {
           key: 1,
           class: "upload-file-list el-upload-list el-upload-list--text",
@@ -510,8 +517,8 @@ const _sfc_main$o = {
     };
   }
 };
-const SCTJFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-392c966d"]]);
-const index_vue_vue_type_style_index_0_scoped_1fbca88e_lang = "";
+const SCTJFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-006fbc77"]]);
+const index_vue_vue_type_style_index_0_scoped_31d7e3ce_lang = "";
 const _hoisted_1$h = { class: "component-upload-image" };
 const _hoisted_2$a = {
   key: 0,
@@ -583,11 +590,19 @@ const _sfc_main$n = {
     successCode: {
       type: Number,
       default: 200
+    },
+    drag: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue", "delete", "success"],
   setup(__props, { emit }) {
     const props = __props;
+    useCssVars((_ctx) => ({
+      "4eaeea22": unref(computedWidth),
+      "6d5f604b": unref(computedHeight)
+    }));
     const dealFilePath = (path, baseUrl = "") => {
       if (!path)
         return path;
@@ -607,13 +622,10 @@ const _sfc_main$n = {
     const showTip = computed$1(() => {
       return (props == null ? void 0 : props.isShowTip) && ((props == null ? void 0 : props.fileType) || (props == null ? void 0 : props.fileSize));
     });
-    const uploadWidth = computed$1(() => {
+    const computedWidth = computed$1(() => {
       return typeof (props == null ? void 0 : props.width) === "number" ? `${props.width}px` : props.width;
     });
-    const uploadHeight = computed$1(() => {
-      return typeof (props == null ? void 0 : props.height) === "number" ? `${props.height}px` : props.height;
-    });
-    const uploadLineHeight = computed$1(() => {
+    const computedHeight = computed$1(() => {
       return typeof (props == null ? void 0 : props.height) === "number" ? `${props.height}px` : props.height;
     });
     watch(
@@ -633,25 +645,6 @@ const _sfc_main$n = {
       },
       { deep: true, immediate: true }
     );
-    const updateElementSize = () => {
-      nextTick(() => {
-        var _a;
-        const el = (_a = imageUpload.value) == null ? void 0 : _a.$el;
-        if (!el)
-          return;
-        const uploadBtns = el.querySelectorAll(".el-upload--picture-card");
-        uploadBtns.forEach((element) => {
-          element.style.width = uploadWidth.value;
-          element.style.height = uploadHeight.value;
-          element.style.lineHeight = uploadLineHeight.value;
-        });
-        const previewItems = el.querySelectorAll(".el-upload-list__item");
-        previewItems.forEach((element) => {
-          element.style.width = uploadWidth.value;
-          element.style.height = uploadHeight.value;
-        });
-      });
-    };
     const handleBeforeUpload = async (file) => {
       let isImg = false;
       if (props.fileType && props.fileType.length) {
@@ -701,6 +694,7 @@ const _sfc_main$n = {
       }
     };
     const handleDelete = (file) => {
+      fileList.value = fileList.value.filter((item) => item.url !== file.url);
       emit("delete", file);
       emit("update:modelValue", listToString(fileList.value));
     };
@@ -730,18 +724,12 @@ const _sfc_main$n = {
         return "";
       return list.map((item) => item.url).join(separator);
     };
-    onMounted$1(() => {
-      updateElementSize();
-    });
-    onUpdated(() => {
-      updateElementSize();
-    });
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_upload = resolveComponent("el-upload");
       const _component_el_dialog = resolveComponent("el-dialog");
       return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        createVNode(_component_el_upload, {
+        createVNode(_component_el_upload, mergeProps({
           disabled: props.disabled,
           multiple: "",
           action: __props.uploadImgUrl,
@@ -759,8 +747,9 @@ const _sfc_main$n = {
           headers: __props.headers,
           "file-list": fileList.value,
           "on-preview": handlePictureCardPreview,
-          class: normalizeClass({ hide: fileList.value.length >= props.limit })
-        }, {
+          drag: __props.drag,
+          class: { hide: fileList.value.length >= props.limit }
+        }, _ctx.$attrs), {
           default: withCtx(() => [
             createVNode(_component_el_icon, null, {
               default: withCtx(() => [
@@ -770,7 +759,7 @@ const _sfc_main$n = {
             })
           ]),
           _: 1
-        }, 8, ["disabled", "action", "limit", "http-request", "headers", "file-list", "class"]),
+        }, 16, ["disabled", "action", "limit", "http-request", "headers", "file-list", "drag", "class"]),
         unref(showTip) ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
           createTextVNode(" \u8BF7\u4E0A\u4F20 "),
           props.fileSize ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -802,7 +791,7 @@ const _sfc_main$n = {
     };
   }
 };
-const SCTJImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-1fbca88e"]]);
+const SCTJImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-31d7e3ce"]]);
 const index_vue_vue_type_style_index_0_scoped_bebc33d5_lang = "";
 const _hoisted_1$g = { class: "image-slot" };
 const _sfc_main$m = {
@@ -2513,7 +2502,7 @@ const _sfc_main$d = {
     };
   }
 };
-const index_vue_vue_type_style_index_0_scoped_cd968be9_lang = "";
+const index_vue_vue_type_style_index_0_scoped_48dc11be_lang = "";
 const _hoisted_1$9 = { class: "table-page-container" };
 const _hoisted_2$7 = { style: { "flex": "1", "height": "0" } };
 const _sfc_main$c = {
@@ -2563,7 +2552,7 @@ const _sfc_main$c = {
     };
   }
 };
-const SCTJTablePageContainer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-cd968be9"]]);
+const SCTJTablePageContainer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-48dc11be"]]);
 const index_vue_vue_type_style_index_0_scoped_6e30b57f_lang = "";
 const _hoisted_1$8 = {
   key: 0,