@minilo/ui 0.0.3 → 0.0.4

package/minilo/lib/components/image-upload-pro/index.vue2.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var vueCropper = require('vue-cropper');
 var type = require('./type.js');
 var index$1 = require('../../utils/index.js');
 var index = require('../../node_modules/.pnpm/@minilo_utils@0.0.2_vue@3.5.26_typescript@5.9.3_/node_modules/@minilo/utils/dist/request/index.js');
@@ -336,17 +335,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _component_el_button = vue.resolveComponent("el-button");
-      const _component_el_upload = vue.resolveComponent("el-upload");
-      const _component_el_image = vue.resolveComponent("el-image");
+      const _component_vue_cropper = vue.resolveComponent("vue-cropper");
       const _component_el_option = vue.resolveComponent("el-option");
-      const _component_el_select = vue.resolveComponent("el-select");
-      const _component_el_form_item = vue.resolveComponent("el-form-item");
-      const _component_el_col = vue.resolveComponent("el-col");
-      const _component_el_input_number = vue.resolveComponent("el-input-number");
-      const _component_el_row = vue.resolveComponent("el-row");
-      const _component_el_form = vue.resolveComponent("el-form");
-      const _component_el_dialog = vue.resolveComponent("el-dialog");
       return vue.openBlock(), vue.createElementBlock(
         "div",
         {
@@ -354,7 +344,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         },
         [
           vue.createCommentVNode(" \u6838\u5FC3\u4E0A\u4F20\u533A\u57DF "),
-          vue.createVNode(_component_el_upload, {
+          vue.createVNode(vue.unref(elementPlus.ElUpload), {
             ref_key: "uploadRef",
             ref: uploadRef,
             class: vue.normalizeClass(vue.unref(index$1.bem)("image-upload-pro", "upload-container")),
@@ -392,7 +382,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               )
             ]),
             default: vue.withCtx(() => [
-              vue.createVNode(_component_el_button, {
+              vue.createVNode(vue.unref(elementPlus.ElButton), {
                 disabled: fileList.value.length === props.maxCount,
                 type: "primary"
               }, {
@@ -437,9 +427,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         class: vue.normalizeClass(vue.unref(index$1.bem)("image-upload-pro", "preview-img"))
                       },
                       [
-                        vue.createVNode(_component_el_image, {
+                        vue.createVNode(vue.unref(elementPlus.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"])
@@ -454,7 +444,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         class: vue.normalizeClass(vue.unref(index$1.bem)("image-upload-pro", "preview-actions"))
                       },
                       [
-                        vue.createVNode(_component_el_button, {
+                        vue.createVNode(vue.unref(elementPlus.ElButton), {
                           type: "primary",
                           text: "",
                           size: "small",
@@ -470,7 +460,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           _: 1
                           /* STABLE */
                         }, 8, ["onClick"]),
-                        vue.createVNode(_component_el_button, {
+                        vue.createVNode(vue.unref(elementPlus.ElButton), {
                           text: "",
                           size: "small",
                           type: "danger",
@@ -500,7 +490,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             /* CLASS */
           )) : vue.createCommentVNode("v-if", true),
           vue.createCommentVNode(" \u88C1\u526A\u5F39\u7A97 "),
-          vue.createVNode(_component_el_dialog, {
+          vue.createVNode(vue.unref(elementPlus.ElDialog), {
             modelValue: cropDialogVisible.value,
             "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => cropDialogVisible.value = $event),
             title: "\u56FE\u7247\u88C1\u526A",
@@ -510,7 +500,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             onClose: resetCropper
           }, {
             footer: vue.withCtx(() => [
-              vue.createVNode(_component_el_button, {
+              vue.createVNode(vue.unref(elementPlus.ElButton), {
                 onClick: _cache[4] || (_cache[4] = ($event) => cropDialogVisible.value = false)
               }, {
                 default: vue.withCtx(() => [..._cache[10] || (_cache[10] = [
@@ -523,7 +513,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
-              vue.createVNode(_component_el_button, {
+              vue.createVNode(vue.unref(elementPlus.ElButton), {
                 type: "primary",
                 onClick: handleCropConfirm
               }, {
@@ -546,7 +536,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 },
                 [
                   vue.createCommentVNode(" \u88C1\u526A\u533A\u57DF "),
-                  vue.createVNode(vue.unref(vueCropper.VueCropper), {
+                  vue.createVNode(_component_vue_cropper, {
                     ref_key: "cropperRef",
                     ref: cropperRef,
                     img: cropImageUrl.value,
@@ -571,15 +561,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(vue.unref(index$1.bem)("image-upload-pro", "cropper-config"))
                 },
                 [
-                  vue.createVNode(_component_el_form, { model: cropForm }, {
+                  vue.createVNode(vue.unref(elementPlus.ElForm), { model: cropForm }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_el_row, { gutter: 10 }, {
+                      vue.createVNode(vue.unref(elementPlus.ElRow), { gutter: 10 }, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(_component_el_col, { span: 8 }, {
+                          vue.createVNode(vue.unref(elementPlus.ElCol), { span: 8 }, {
                             default: vue.withCtx(() => [
-                              vue.createVNode(_component_el_form_item, { label: "\u88C1\u526A\u6BD4\u4F8B" }, {
+                              vue.createVNode(vue.unref(elementPlus.ElFormItem), { label: "\u88C1\u526A\u6BD4\u4F8B" }, {
                                 default: vue.withCtx(() => [
-                                  vue.createVNode(_component_el_select, {
+                                  vue.createVNode(vue.unref(elementPlus.ElSelect), {
                                     style: { "width": "100%" },
                                     modelValue: cropForm.aspectRatio,
                                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cropForm.aspectRatio = $event),
@@ -611,11 +601,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             _: 1
                             /* STABLE */
                           }),
-                          vue.createVNode(_component_el_col, { span: 16 }, {
+                          vue.createVNode(vue.unref(elementPlus.ElCol), { span: 16 }, {
                             default: vue.withCtx(() => [
-                              vue.createVNode(_component_el_form_item, { label: "\u88C1\u526A\u5C3A\u5BF8" }, {
+                              vue.createVNode(vue.unref(elementPlus.ElFormItem), { label: "\u88C1\u526A\u5C3A\u5BF8" }, {
                                 default: vue.withCtx(() => [
-                                  vue.createVNode(_component_el_input_number, {
+                                  vue.createVNode(vue.unref(elementPlus.ElInputNumber), {
                                     modelValue: displayWidth.value,
                                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => displayWidth.value = $event),
                                     placeholder: "\u5BBD\u5EA6",
@@ -629,7 +619,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                     -1
                                     /* CACHED */
                                   )),
-                                  vue.createVNode(_component_el_input_number, {
+                                  vue.createVNode(vue.unref(elementPlus.ElInputNumber), {
                                     modelValue: displayHeight.value,
                                     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => displayHeight.value = $event),
                                     placeholder: "\u9AD8\u5EA6",

package/minilo/lib/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;