@minilo/ui 0.0.3 → 0.0.4

package/minilo/es/components/image-upload-pro/index.vue2.mjs

@@ -1,6 +1,5 @@
 import { defineComponent, ref, reactive, computed, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createVNode, withCtx, createTextVNode, createElementVNode, toDisplayString, Fragment, renderList, nextTick } from 'vue';
-import { ElMessage, ElMessageBox } from 'element-plus';
-import { VueCropper } from 'vue-cropper';
+import { ElUpload, ElButton, ElImage, ElDialog, ElForm, ElRow, ElCol, ElFormItem, ElSelect, ElInputNumber, ElMessage, ElMessageBox } from 'element-plus';
 import { imageUploadProProps } from './type.mjs';
 import { bem } from '../../utils/index.mjs';
 import { initRequestInstance } from '../../node_modules/.pnpm/@minilo_utils@0.0.2_vue@3.5.26_typescript@5.9.3_/node_modules/@minilo/utils/dist/request/index.mjs';
@@ -332,17 +331,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_upload = resolveComponent("el-upload");
-      const _component_el_image = resolveComponent("el-image");
+      const _component_vue_cropper = resolveComponent("vue-cropper");
       const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_col = resolveComponent("el-col");
-      const _component_el_input_number = resolveComponent("el-input-number");
-      const _component_el_row = resolveComponent("el-row");
-      const _component_el_form = resolveComponent("el-form");
-      const _component_el_dialog = resolveComponent("el-dialog");
       return openBlock(), createElementBlock(
         "div",
         {
@@ -350,7 +340,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         },
         [
           createCommentVNode(" \u6838\u5FC3\u4E0A\u4F20\u533A\u57DF "),
-          createVNode(_component_el_upload, {
+          createVNode(unref(ElUpload), {
             ref_key: "uploadRef",
             ref: uploadRef,
             class: normalizeClass(unref(bem)("image-upload-pro", "upload-container")),
@@ -388,7 +378,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               )
             ]),
             default: withCtx(() => [
-              createVNode(_component_el_button, {
+              createVNode(unref(ElButton), {
                 disabled: fileList.value.length === props.maxCount,
                 type: "primary"
               }, {
@@ -433,9 +423,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         class: normalizeClass(unref(bem)("image-upload-pro", "preview-img"))
                       },
                       [
-                        createVNode(_component_el_image, {
+                        createVNode(unref(ElImage), {
                           src: item.url,
-                          "preview-src-list": previewList.value.map((i) => i.url),
+                          "preview-src-list": previewList.value.filter((i) => i.url).map((i) => i.url),
                           "preview-current-index": index,
                           fit: "cover"
                         }, null, 8, ["src", "preview-src-list", "preview-current-index"])
@@ -450,7 +440,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         class: normalizeClass(unref(bem)("image-upload-pro", "preview-actions"))
                       },
                       [
-                        createVNode(_component_el_button, {
+                        createVNode(unref(ElButton), {
                           type: "primary",
                           text: "",
                           size: "small",
@@ -466,7 +456,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           _: 1
                           /* STABLE */
                         }, 8, ["onClick"]),
-                        createVNode(_component_el_button, {
+                        createVNode(unref(ElButton), {
                           text: "",
                           size: "small",
                           type: "danger",
@@ -496,7 +486,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             /* CLASS */
           )) : createCommentVNode("v-if", true),
           createCommentVNode(" \u88C1\u526A\u5F39\u7A97 "),
-          createVNode(_component_el_dialog, {
+          createVNode(unref(ElDialog), {
             modelValue: cropDialogVisible.value,
             "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => cropDialogVisible.value = $event),
             title: "\u56FE\u7247\u88C1\u526A",
@@ -506,7 +496,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             onClose: resetCropper
           }, {
             footer: withCtx(() => [
-              createVNode(_component_el_button, {
+              createVNode(unref(ElButton), {
                 onClick: _cache[4] || (_cache[4] = ($event) => cropDialogVisible.value = false)
               }, {
                 default: withCtx(() => [..._cache[10] || (_cache[10] = [
@@ -519,7 +509,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
                 /* STABLE */
               }),
-              createVNode(_component_el_button, {
+              createVNode(unref(ElButton), {
                 type: "primary",
                 onClick: handleCropConfirm
               }, {
@@ -542,7 +532,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 },
                 [
                   createCommentVNode(" \u88C1\u526A\u533A\u57DF "),
-                  createVNode(unref(VueCropper), {
+                  createVNode(_component_vue_cropper, {
                     ref_key: "cropperRef",
                     ref: cropperRef,
                     img: cropImageUrl.value,
@@ -567,15 +557,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(unref(bem)("image-upload-pro", "cropper-config"))
                 },
                 [
-                  createVNode(_component_el_form, { model: cropForm }, {
+                  createVNode(unref(ElForm), { model: cropForm }, {
                     default: withCtx(() => [
-                      createVNode(_component_el_row, { gutter: 10 }, {
+                      createVNode(unref(ElRow), { gutter: 10 }, {
                         default: withCtx(() => [
-                          createVNode(_component_el_col, { span: 8 }, {
+                          createVNode(unref(ElCol), { span: 8 }, {
                             default: withCtx(() => [
-                              createVNode(_component_el_form_item, { label: "\u88C1\u526A\u6BD4\u4F8B" }, {
+                              createVNode(unref(ElFormItem), { label: "\u88C1\u526A\u6BD4\u4F8B" }, {
                                 default: withCtx(() => [
-                                  createVNode(_component_el_select, {
+                                  createVNode(unref(ElSelect), {
                                     style: { "width": "100%" },
                                     modelValue: cropForm.aspectRatio,
                                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cropForm.aspectRatio = $event),
@@ -607,11 +597,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             _: 1
                             /* STABLE */
                           }),
-                          createVNode(_component_el_col, { span: 16 }, {
+                          createVNode(unref(ElCol), { span: 16 }, {
                             default: withCtx(() => [
-                              createVNode(_component_el_form_item, { label: "\u88C1\u526A\u5C3A\u5BF8" }, {
+                              createVNode(unref(ElFormItem), { label: "\u88C1\u526A\u5C3A\u5BF8" }, {
                                 default: withCtx(() => [
-                                  createVNode(_component_el_input_number, {
+                                  createVNode(unref(ElInputNumber), {
                                     modelValue: displayWidth.value,
                                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => displayWidth.value = $event),
                                     placeholder: "\u5BBD\u5EA6",
@@ -625,7 +615,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                     -1
                                     /* CACHED */
                                   )),
-                                  createVNode(_component_el_input_number, {
+                                  createVNode(unref(ElInputNumber), {
                                     modelValue: displayHeight.value,
                                     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => displayHeight.value = $event),
                                     placeholder: "\u9AD8\u5EA6",

package/minilo/es/components/image-upload-pro/type.d.ts

@@ -30,6 +30,7 @@ export interface AspectRatio {
  * 预览项（增强版UploadFile）
  */
 export interface PreviewItem extends UploadFile {
+    url: string;
     isCover?: boolean;
     rawFile?: File;
     blobUrl?: string;