@vunk/form 2.18.2 → 2.19.0

package/components/upload/index.cjs

@@ -1,663 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var formItem = require('@vunk/form/components/form-item');
-var utilsVue = require('@vunk/core/shared/utils-vue');
-var elementPlus = require('element-plus');
-var utilsObject = require('@vunk/core/shared/utils-object');
-var elementPlus$2 = require('@vunk/form/shared/element-plus');
-var index = require('../index.cjs');
-var utilsFetch = require('@vunk/core/shared/utils-fetch');
-var utilsFunction = require('@vunk/core/shared/utils-function');
-var _function = require('@vunk/shared/function');
-var elementPlus$1 = require('@vunk/form/composables/element-plus');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-var composables = require('@vunk/form/composables');
-var progress = require('@vunk/form/shared/progress-it');
-
-const props = {
-  ...formItem._VkfFormItemCtx.props,
-  ...elementPlus.uploadProps,
-  tip: {
-    type: String,
-    default: ""
-  },
-  preview: null,
-  previewLabel: {
-    type: String,
-    default: void 0
-  },
-  beforeUpload: {
-    type: Function,
-    default: void 0
-  },
-  onDownload: {
-    type: Function,
-    default: void 0
-  },
-  onExceed: {
-    type: Function,
-    default: void 0
-  },
-  /**
-   * @description 达到limit后是否允许继续添加文件， 默认采用清空+添加的方式重新添加文件，你可以通过 onExceed 自定义行为
-   */
-  exceedable: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 是否开启超出覆盖文件的确认框
-   */
-  confirmExceed: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 同 el-upload 的 slots
-   */
-  slots: null
-};
-const createBindProps = utilsVue.bindPropsFactory(props);
-const emits = {
-  "update:fileList": null,
-  "remove": (e) => e
-};
-const createOnEmits = utilsVue.onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-const restFetch = new utilsFetch.RestFetch({
-  baseURL: ""
-});
-var _sfc_main$2 = vue.defineComponent({
-  components: {
-    ElProgress: elementPlus.ElProgress,
-    ElIcon: elementPlus.ElIcon,
-    Check: index.check_default,
-    ZoomIn: index.zoom_in_default,
-    Delete: index.delete_default,
-    Close: index.close_default,
-    CircleCheck: index.circle_check_default,
-    Document: index.document_default,
-    Download: index.download_default,
-    ElButton: elementPlus.ElButton
-  },
-  props: {
-    listType: {
-      type: String,
-      default: "text"
-    },
-    file: {
-      type: Object,
-      default: () => ({})
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    onPreview: {
-      type: Function,
-      default: () => utilsFunction.NOOP
-    },
-    onDownload: {
-      type: Function,
-      default: void 0
-    },
-    preview: {
-      type: [Boolean, Function],
-      default: false
-    },
-    previewLabel: {
-      type: String,
-      default: void 0
-    }
-  },
-  emits: {
-    remove: (e) => e
-  },
-  setup(props, { emit }) {
-    const nsUpload = elementPlus.useNamespace("upload");
-    const nsIcon = elementPlus.useNamespace("icon");
-    const { tr } = elementPlus$1.useLocale();
-    const handleRemove = (file = props.file) => {
-      emit("remove", file);
-    };
-    const handleDownload = (file = props.file) => {
-      if (props.onDownload) {
-        props.onDownload(file);
-        return;
-      }
-      let url = "";
-      if (file.url) {
-        url = file.url;
-      } else if (file.raw) {
-        url = window.URL.createObjectURL(file.raw);
-      }
-      url && restFetch.download({
-        url,
-        fileName: file.name
-      }, {
-        method: "GET"
-      });
-    };
-    const previewable = vue.computed(() => {
-      if (_function.isCallable(props.preview)) {
-        return props.preview(props.file);
-      }
-      return props.preview;
-    });
-    const previewText = vue.computed(() => props.previewLabel || tr("el.upload.preview", "\u9884\u89C8"));
-    const handlePreview = (file = props.file) => {
-      previewable.value && props.onPreview(file);
-    };
-    return {
-      handleRemove,
-      nsIcon,
-      nsUpload,
-      handleDownload,
-      handlePreview,
-      previewText,
-      previewable,
-      tr
-    };
-  }
-});
-
-const _hoisted_1$1 = ["src"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Document = vue.resolveComponent("Document");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_Download = vue.resolveComponent("Download");
-  const _component_ElButton = vue.resolveComponent("ElButton");
-  const _component_ElProgress = vue.resolveComponent("ElProgress");
-  const _component_CircleCheck = vue.resolveComponent("CircleCheck");
-  const _component_Check = vue.resolveComponent("Check");
-  const _component_Close = vue.resolveComponent("Close");
-  const _component_ZoomIn = vue.resolveComponent("ZoomIn");
-  const _component_Delete = vue.resolveComponent("Delete");
-  return vue.openBlock(), vue.createElementBlock(
-    vue.Fragment,
-    null,
-    [
-      vue.createCommentVNode(" picture "),
-      _ctx.listType === "picture" || _ctx.file.status !== "uploading" && _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock(
-        vue.Fragment,
-        { key: 0 },
-        [
-          /\.(svg|png|jpg|jpeg)$/.test(_ctx.file.name) ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 0,
-            class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-thumbnail")),
-            src: _ctx.file.url,
-            alt: ""
-          }, null, 10, _hoisted_1$1)) : (vue.openBlock(), vue.createBlock(_component_Document, {
-            key: 1,
-            class: vue.normalizeClass([
-              _ctx.nsUpload.be("list", "item-thumbnail"),
-              _ctx.nsIcon.m("document")
-            ])
-          }, null, 8, ["class"]))
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : vue.createCommentVNode("v-if", true),
-      vue.createCommentVNode(" text "),
-      _ctx.listType !== "picture-card" || _ctx.file.status === "uploading" ? (vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          key: 1,
-          class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-info"))
-        },
-        [
-          vue.createElementVNode(
-            "a",
-            {
-              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-name")),
-              onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => _ctx.handlePreview(_ctx.file), ["prevent"]))
-            },
-            [
-              vue.createVNode(_component_ElIcon, {
-                class: vue.normalizeClass(_ctx.nsIcon.m("document"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_Document)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"]),
-              vue.createVNode(_component_ElIcon, {
-                class: vue.normalizeClass([
-                  _ctx.nsIcon.m("download"),
-                  _ctx.nsIcon.m("download-primary")
-                ]),
-                onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.handleDownload(_ctx.file), ["stop"]))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_Download)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"]),
-              vue.createElementVNode(
-                "span",
-                {
-                  class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-file-name"))
-                },
-                vue.toDisplayString(_ctx.file.name),
-                3
-                /* TEXT, CLASS */
-              )
-            ],
-            2
-            /* CLASS */
-          ),
-          _ctx.listType === "picture" ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-file-actions"))
-            },
-            [
-              vue.createVNode(_component_ElButton, {
-                disabled: !_ctx.previewable,
-                class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-file-action-preview")),
-                plain: "",
-                size: "small",
-                round: "",
-                onClick: _cache[2] || (_cache[2] = ($event) => _ctx.handlePreview(_ctx.file))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(
-                    vue.toDisplayString(_ctx.previewText),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "class"]),
-              vue.createCommentVNode(" \u4E0B\u8F7D "),
-              vue.createVNode(_component_ElButton, {
-                plain: "",
-                size: "small",
-                round: "",
-                type: "primary",
-                onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleDownload(_ctx.file))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(
-                    vue.toDisplayString(_ctx.tr("vkf.common.download", "\u4E0B\u8F7D")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ],
-            2
-            /* CLASS */
-          )) : vue.createCommentVNode("v-if", true),
-          _ctx.file.status === "uploading" ? (vue.openBlock(), vue.createBlock(_component_ElProgress, {
-            key: 1,
-            type: _ctx.listType === "picture-card" ? "circle" : "line",
-            "stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
-            percentage: Number(_ctx.file.percentage),
-            style: vue.normalizeStyle(_ctx.listType === "picture-card" ? "" : "margin-top: 0.5rem")
-          }, null, 8, ["type", "stroke-width", "percentage", "style"])) : vue.createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      )) : vue.createCommentVNode("v-if", true),
-      vue.createCommentVNode(" label "),
-      vue.createElementVNode(
-        "label",
-        {
-          class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-status-label"))
-        },
-        [
-          _ctx.listType === "text" ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
-            key: 0,
-            class: vue.normalizeClass([
-              _ctx.nsIcon.m("upload-success"),
-              _ctx.nsIcon.m("circle-check")
-            ])
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_CircleCheck)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
-            key: 1,
-            class: vue.normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("check")])
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_Check)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      ),
-      !_ctx.disabled ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
-        key: 2,
-        class: vue.normalizeClass(_ctx.nsIcon.m("close")),
-        onClick: _cache[4] || (_cache[4] = ($event) => _ctx.handleRemove(_ctx.file))
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_Close)
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-      vue.createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn "),
-      vue.createCommentVNode(" This is a bug which needs to be fixed "),
-      vue.createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
-      vue.createCommentVNode(` <i v-if="!disabled" :class="nsIcon.m('close-tip')">{{
-      t('el.upload.deleteTip')
-  }}</i> `),
-      vue.createCommentVNode(" picture-card "),
-      _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock(
-        "span",
-        {
-          key: 3,
-          class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-actions"))
-        },
-        [
-          vue.createCommentVNode(" \u9884\u89C8 "),
-          _ctx.previewable ? (vue.openBlock(), vue.createElementBlock(
-            "span",
-            {
-              key: 0,
-              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-preview")),
-              onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handlePreview(_ctx.file))
-            },
-            [
-              vue.createVNode(_component_ElIcon, {
-                class: vue.normalizeClass(_ctx.nsIcon.m("zoom-in"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_ZoomIn)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"])
-            ],
-            2
-            /* CLASS */
-          )) : vue.createCommentVNode("v-if", true),
-          vue.createCommentVNode(" \u4E0B\u8F7D "),
-          vue.createElementVNode(
-            "span",
-            {
-              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-download")),
-              onClick: _cache[6] || (_cache[6] = ($event) => _ctx.handleDownload(_ctx.file))
-            },
-            [
-              vue.createVNode(_component_ElIcon, {
-                class: vue.normalizeClass(_ctx.nsIcon.m("download"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_Download)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"])
-            ],
-            2
-            /* CLASS */
-          ),
-          !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock(
-            "span",
-            {
-              key: 1,
-              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-delete")),
-              onClick: _cache[7] || (_cache[7] = ($event) => _ctx.handleRemove(_ctx.file))
-            },
-            [
-              vue.createVNode(_component_ElIcon, {
-                class: vue.normalizeClass(_ctx.nsIcon.m("delete"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_Delete)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"])
-            ],
-            2
-            /* CLASS */
-          )) : vue.createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      )) : vue.createCommentVNode("v-if", true)
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-var FileVue = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/upload/src/file.vue"]]);
-
-var _sfc_main$1 = vue.defineComponent({
-  components: {
-    VkfFormItem: formItem.VkfFormItem,
-    ElUpload: elementPlus.ElUpload,
-    FileVue,
-    ElLink: elementPlus.ElLink
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
-    const { tr } = elementPlus$1.useLocale();
-    const coreBindProps = elementPlus$2.createUploadBindProps(props2, ["disabled", "fileList", "beforeUpload", "onSuccess"]);
-    const uploadRef = vue.shallowRef();
-    const handleRemove = (file) => {
-      uploadRef.value?.handleRemove(file);
-      uploadRef.value?.abort(file);
-      emit("update:fileList", props2.fileList);
-    };
-    const handleExceed = (files, uploadFiles) => {
-      if (props2.onExceed) {
-        props2.onExceed(files, uploadFiles);
-        return;
-      }
-      if (props2.exceedable) {
-        const doUpload = () => {
-          uploadRef.value?.clearFiles();
-          files.forEach((file) => {
-            file.uid = elementPlus.genFileId();
-            uploadRef.value?.handleStart(file);
-          });
-          uploadRef.value?.submit();
-        };
-        if (props2.confirmExceed) {
-          elementPlus.ElMessageBox.confirm(
-            tr("vkf.upload.exceedConfirm", "\u5DF2\u8D85\u8FC7\u6700\u5927\u4E0A\u4F20\u6570\u91CF\u9650\u5236\uFF0C\u662F\u5426\u4F7F\u7528\u65B0\u6587\u4EF6\u91CD\u65B0\u4E0A\u4F20\uFF1F"),
-            tr("el.messagebox.title", "\u63D0\u793A"),
-            {
-              confirmButtonText: tr("el.upload.continue", "\u7EE7\u7EED"),
-              cancelButtonText: tr("el.messagebox.cancel", "\u53D6\u6D88"),
-              type: "warning"
-            }
-          ).then(doUpload);
-        } else {
-          doUpload();
-        }
-      }
-    };
-    const readonly = composables.useComputedReadonly(props2);
-    const onSuccess = (response, uploadFile, uploadFiles) => {
-      const raw = uploadFile.raw;
-      raw.progress(true);
-      uploadFile.percentage = 100;
-      uploadFile.status = "success";
-      props2.onSuccess?.(response, uploadFile, uploadFiles);
-    };
-    const beforeUpload = async (rawFile) => {
-      const effect = (e, s) => {
-        const file = props2.fileList.find((item) => item.uid === rawFile.uid);
-        if (file) {
-          file.percentage = Number((e * 100).toFixed(2));
-          if (s === false) {
-            file.status = "uploading";
-          }
-        }
-      };
-      rawFile.progress = progress(effect)(false);
-      if (props2.beforeUpload) {
-        const res = await props2.beforeUpload?.(rawFile);
-        return res;
-      }
-      return true;
-    };
-    return {
-      formItemBindProps,
-      pickObject: utilsObject.pickObject,
-      coreBindProps,
-      uploadRef,
-      handleRemove,
-      readonly,
-      onSuccess,
-      // onProgress,
-      beforeUpload,
-      handleExceed,
-      tr
-    };
-  }
-});
-
-const _hoisted_1 = { class: "el-upload__tip" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElLink = vue.resolveComponent("ElLink");
-  const _component_FileVue = vue.resolveComponent("FileVue");
-  const _component_ElUpload = vue.resolveComponent("ElUpload");
-  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
-  return vue.openBlock(), vue.createBlock(
-    _component_VkfFormItem,
-    vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
-    {
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_ElUpload, vue.mergeProps(_ctx.coreBindProps, {
-          ref: "uploadRef",
-          class: ["vkf-upload", {
-            "is-readonly": _ctx.readonly,
-            "is-empty": _ctx.fileList?.length === 0,
-            "is-limit": _ctx.limit && _ctx.fileList?.length >= _ctx.limit,
-            "is-exceedable": _ctx.exceedable
-          }],
-          "file-list": _ctx.fileList ?? [],
-          "on-success": _ctx.onSuccess,
-          "before-upload": _ctx.beforeUpload,
-          disabled: _ctx.readonly || _ctx.disabled,
-          "on-exceed": _ctx.handleExceed,
-          "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fileList", $event))
-        }), vue.createSlots({
-          file: vue.withCtx(({ file }) => [
-            vue.createVNode(_component_FileVue, {
-              file,
-              "list-type": _ctx.listType,
-              disabled: _ctx.readonly || _ctx.disabled,
-              "on-preview": _ctx.onPreview,
-              preview: _ctx.preview,
-              "on-download": _ctx.onDownload,
-              "preview-label": _ctx.previewLabel,
-              onRemove: _ctx.handleRemove
-            }, null, 8, ["file", "list-type", "disabled", "on-preview", "preview", "on-download", "preview-label", "onRemove"])
-          ]),
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createVNode(_component_ElLink, { type: "primary" }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(
-                    " + " + vue.toDisplayString(_ctx.tr("vkf.upload.selectFile", "\u9009\u62E9\u6587\u4EF6")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ])
-          ]),
-          _: 2
-          /* DYNAMIC */
-        }, [
-          _ctx.tip ? {
-            name: "tip",
-            fn: vue.withCtx(() => [
-              vue.createElementVNode(
-                "div",
-                _hoisted_1,
-                vue.toDisplayString(_ctx.tip),
-                1
-                /* TEXT */
-              )
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["class", "file-list", "on-success", "before-upload", "disabled", "on-exceed"]),
-        vue.createElementVNode(
-          "span",
-          {
-            class: vue.normalizeClass(["vkf-upload-empty-tip", {
-              "is-readonly": _ctx.readonly,
-              "is-empty": _ctx.fileList?.length === 0
-            }])
-          },
-          vue.toDisplayString(_ctx.tr("vkf.upload.empty", "\u6682\u65E0")),
-          3
-          /* TEXT, CLASS */
-        )
-      ]),
-      _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-var Core = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/upload/src/index.vue"]]);
-
-var _sfc_main = vue.defineComponent({
-  name: "VkfUpload",
-  props,
-  emits,
-  setup(props2, { emit, slots }) {
-    const coreEmits = createOnEmits(emit);
-    return () => vue.h(Core, {
-      ...props2,
-      ...utilsVue.vOn(coreEmits)
-    }, {
-      ...props2.slots,
-      ...slots
-    });
-  }
-});
-
-var VkfUpload = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/upload/src/wraper.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfUpload.install = (app) => {
-  app.component(VkfUpload.name || "VkfUpload", VkfUpload);
-};
-
-exports.VkfUpload = VkfUpload;
-exports._VkfUploadCtx = ctx;
-exports.__VkfUpload = types;
-exports.default = VkfUpload;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("@vunk/form/components/form-item"),B=require("@vunk/core/shared/utils-vue"),m=require("element-plus"),I=require("@vunk/core/shared/utils-object"),z=require("@vunk/form/shared/element-plus"),y=require("../index.cjs"),D=require("@vunk/core/shared/utils-fetch"),$=require("@vunk/core/shared/utils-function"),F=require("@vunk/shared/function"),h=require("@vunk/form/composables/element-plus"),N=require("../_plugin-vue_export-helper.cjs"),L=require("@vunk/form/composables"),S=require("@vunk/form/shared/progress-it"),g={...V._VkfFormItemCtx.props,...m.uploadProps,tip:{type:String,default:""},preview:null,previewLabel:{type:String,default:void 0},beforeUpload:{type:Function,default:void 0},onDownload:{type:Function,default:void 0},onExceed:{type:Function,default:void 0},exceedable:{type:Boolean,default:!1},confirmExceed:{type:Boolean,default:!1},slots:null},T=B.bindPropsFactory(g),E={"update:fileList":null,remove:o=>o},U=B.onEmitsFactory(E),R=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:T,createOnEmits:U,emits:E,props:g},Symbol.toStringTag,{value:"Module"})),q=new D.RestFetch({baseURL:""}),O=e.defineComponent({components:{ElProgress:m.ElProgress,ElIcon:m.ElIcon,Check:y.check_default,ZoomIn:y.zoom_in_default,Delete:y.delete_default,Close:y.close_default,CircleCheck:y.circle_check_default,Document:y.document_default,Download:y.download_default,ElButton:m.ElButton},props:{listType:{type:String,default:"text"},file:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1},onPreview:{type:Function,default:()=>$.NOOP},onDownload:{type:Function,default:void 0},preview:{type:[Boolean,Function],default:!1},previewLabel:{type:String,default:void 0}},emits:{remove:o=>o},setup(o,{emit:l}){const C=m.useNamespace("upload"),d=m.useNamespace("icon"),{tr:w}=h.useLocale(),u=(t=o.file)=>{l("remove",t)},f=(t=o.file)=>{if(o.onDownload){o.onDownload(t);return}let n="";t.url?n=t.url:t.raw&&(n=window.URL.createObjectURL(t.raw)),n&&q.download({url:n,fileName:t.name},{method:"GET"})},r=e.computed(()=>F.isCallable(o.preview)?o.preview(o.file):o.preview),v=e.computed(()=>o.previewLabel||w("el.upload.preview","预览"));return{handleRemove:u,nsIcon:d,nsUpload:C,handleDownload:f,handlePreview:(t=o.file)=>{r.value&&o.onPreview(t)},previewText:v,previewable:r,tr:w}}}),j=["src"];function M(o,l,C,d,w,u){const f=e.resolveComponent("Document"),r=e.resolveComponent("ElIcon"),v=e.resolveComponent("Download"),k=e.resolveComponent("ElButton"),t=e.resolveComponent("ElProgress"),n=e.resolveComponent("CircleCheck"),a=e.resolveComponent("Check"),i=e.resolveComponent("Close"),c=e.resolveComponent("ZoomIn"),p=e.resolveComponent("Delete");return e.openBlock(),e.createElementBlock(e.Fragment,null,[o.listType==="picture"||o.file.status!=="uploading"&&o.listType==="picture-card"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[/\.(svg|png|jpg|jpeg)$/.test(o.file.name)?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(o.nsUpload.be("list","item-thumbnail")),src:o.file.url,alt:""},null,10,j)):(e.openBlock(),e.createBlock(f,{key:1,class:e.normalizeClass([o.nsUpload.be("list","item-thumbnail"),o.nsIcon.m("document")])},null,8,["class"]))],64)):e.createCommentVNode("",!0),o.listType!=="picture-card"||o.file.status==="uploading"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(o.nsUpload.be("list","item-info"))},[e.createElementVNode("a",{class:e.normalizeClass(o.nsUpload.be("list","item-name")),onClick:l[1]||(l[1]=e.withModifiers(s=>o.handlePreview(o.file),["prevent"]))},[e.createVNode(r,{class:e.normalizeClass(o.nsIcon.m("document"))},{default:e.withCtx(()=>[e.createVNode(f)]),_:1},8,["class"]),e.createVNode(r,{class:e.normalizeClass([o.nsIcon.m("download"),o.nsIcon.m("download-primary")]),onClick:l[0]||(l[0]=e.withModifiers(s=>o.handleDownload(o.file),["stop"]))},{default:e.withCtx(()=>[e.createVNode(v)]),_:1},8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(o.nsUpload.be("list","item-file-name"))},e.toDisplayString(o.file.name),3)],2),o.listType==="picture"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.nsUpload.be("list","item-file-actions"))},[e.createVNode(k,{disabled:!o.previewable,class:e.normalizeClass(o.nsUpload.be("list","item-file-action-preview")),plain:"",size:"small",round:"",onClick:l[2]||(l[2]=s=>o.handlePreview(o.file))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.previewText),1)]),_:1},8,["disabled","class"]),e.createVNode(k,{plain:"",size:"small",round:"",type:"primary",onClick:l[3]||(l[3]=s=>o.handleDownload(o.file))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.tr("vkf.common.download","下载")),1)]),_:1})],2)):e.createCommentVNode("",!0),o.file.status==="uploading"?(e.openBlock(),e.createBlock(t,{key:1,type:o.listType==="picture-card"?"circle":"line","stroke-width":o.listType==="picture-card"?6:2,percentage:Number(o.file.percentage),style:e.normalizeStyle(o.listType==="picture-card"?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(o.nsUpload.be("list","item-status-label"))},[o.listType==="text"?(e.openBlock(),e.createBlock(r,{key:0,class:e.normalizeClass([o.nsIcon.m("upload-success"),o.nsIcon.m("circle-check")])},{default:e.withCtx(()=>[e.createVNode(n)]),_:1},8,["class"])):["picture-card","picture"].includes(o.listType)?(e.openBlock(),e.createBlock(r,{key:1,class:e.normalizeClass([o.nsIcon.m("upload-success"),o.nsIcon.m("check")])},{default:e.withCtx(()=>[e.createVNode(a)]),_:1},8,["class"])):e.createCommentVNode("",!0)],2),o.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(r,{key:2,class:e.normalizeClass(o.nsIcon.m("close")),onClick:l[4]||(l[4]=s=>o.handleRemove(o.file))},{default:e.withCtx(()=>[e.createVNode(i)]),_:1},8,["class"])),o.listType==="picture-card"?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(o.nsUpload.be("list","item-actions"))},[o.previewable?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.nsUpload.be("list","item-preview")),onClick:l[5]||(l[5]=s=>o.handlePreview(o.file))},[e.createVNode(r,{class:e.normalizeClass(o.nsIcon.m("zoom-in"))},{default:e.withCtx(()=>[e.createVNode(c)]),_:1},8,["class"])],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(o.nsUpload.be("list","item-download")),onClick:l[6]||(l[6]=s=>o.handleDownload(o.file))},[e.createVNode(r,{class:e.normalizeClass(o.nsIcon.m("download"))},{default:e.withCtx(()=>[e.createVNode(v)]),_:1},8,["class"])],2),o.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(o.nsUpload.be("list","item-delete")),onClick:l[7]||(l[7]=s=>o.handleRemove(o.file))},[e.createVNode(r,{class:e.normalizeClass(o.nsIcon.m("delete"))},{default:e.withCtx(()=>[e.createVNode(p)]),_:1},8,["class"])],2))],2)):e.createCommentVNode("",!0)],64)}const Z=N._export_sfc(O,[["render",M]]),G=e.defineComponent({components:{VkfFormItem:V.VkfFormItem,ElUpload:m.ElUpload,FileVue:Z,ElLink:m.ElLink},props:g,emits:E,setup(o,{emit:l}){const C=V._VkfFormItemCtx.createBindProps(o),{tr:d}=h.useLocale(),w=z.createUploadBindProps(o,["disabled","fileList","beforeUpload","onSuccess"]),u=e.shallowRef(),f=n=>{var a,i;(a=u.value)==null||a.handleRemove(n),(i=u.value)==null||i.abort(n),l("update:fileList",o.fileList)},r=(n,a)=>{if(o.onExceed){o.onExceed(n,a);return}if(o.exceedable){const i=()=>{var c,p;(c=u.value)==null||c.clearFiles(),n.forEach(s=>{var b;s.uid=m.genFileId(),(b=u.value)==null||b.handleStart(s)}),(p=u.value)==null||p.submit()};o.confirmExceed?m.ElMessageBox.confirm(d("vkf.upload.exceedConfirm","已超过最大上传数量限制，是否使用新文件重新上传？"),d("el.messagebox.title","提示"),{confirmButtonText:d("el.upload.continue","继续"),cancelButtonText:d("el.messagebox.cancel","取消"),type:"warning"}).then(i):i()}},v=L.useComputedReadonly(o),k=(n,a,i)=>{var p,s;const c=a.raw;(p=c.progress)==null||p.call(c,!0),a.percentage=100,a.status="success",(s=o.onSuccess)==null||s.call(o,n,a,i)},t=async n=>{var i;const a=(c,p)=>{const s=o.fileList.find(b=>b.uid===n.uid);s&&(s.percentage=Number((c*100).toFixed(2)),p===!1&&(s.status="uploading"))};return n.progress=S(a)(!1),o.beforeUpload?await((i=o.beforeUpload)==null?void 0:i.call(o,n)):!0};return{formItemBindProps:C,pickObject:I.pickObject,coreBindProps:w,uploadRef:u,handleRemove:f,readonly:v,onSuccess:k,beforeUpload:t,handleExceed:r,tr:d}}}),H={class:"el-upload__tip"};function A(o,l,C,d,w,u){const f=e.resolveComponent("ElLink"),r=e.resolveComponent("FileVue"),v=e.resolveComponent("ElUpload"),k=e.resolveComponent("VkfFormItem");return e.openBlock(),e.createBlock(k,e.normalizeProps(e.guardReactiveProps(o.formItemBindProps)),{default:e.withCtx(()=>{var t,n,a;return[e.createVNode(v,e.mergeProps(o.coreBindProps,{ref:"uploadRef",class:["vkf-upload",{"is-readonly":o.readonly,"is-empty":((t=o.fileList)==null?void 0:t.length)===0,"is-limit":o.limit&&((n=o.fileList)==null?void 0:n.length)>=o.limit,"is-exceedable":o.exceedable}],"file-list":o.fileList??[],"on-success":o.onSuccess,"before-upload":o.beforeUpload,disabled:o.readonly||o.disabled,"on-exceed":o.handleExceed,"onUpdate:fileList":l[0]||(l[0]=i=>o.$emit("update:fileList",i))}),e.createSlots({file:e.withCtx(({file:i})=>[e.createVNode(r,{file:i,"list-type":o.listType,disabled:o.readonly||o.disabled,"on-preview":o.onPreview,preview:o.preview,"on-download":o.onDownload,"preview-label":o.previewLabel,onRemove:o.handleRemove},null,8,["file","list-type","disabled","on-preview","preview","on-download","preview-label","onRemove"])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(f,{type:"primary"},{default:e.withCtx(()=>[e.createTextVNode(" + "+e.toDisplayString(o.tr("vkf.upload.selectFile","选择文件")),1)]),_:1})])]),_:2},[o.tip?{name:"tip",fn:e.withCtx(()=>[e.createElementVNode("div",H,e.toDisplayString(o.tip),1)]),key:"0"}:void 0]),1040,["class","file-list","on-success","before-upload","disabled","on-exceed"]),e.createElementVNode("span",{class:e.normalizeClass(["vkf-upload-empty-tip",{"is-readonly":o.readonly,"is-empty":((a=o.fileList)==null?void 0:a.length)===0}])},e.toDisplayString(o.tr("vkf.upload.empty","暂无")),3)]}),_:3},16)}const J=N._export_sfc(G,[["render",A]]),P=e.defineComponent({name:"VkfUpload",props:g,emits:E,setup(o,{emit:l,slots:C}){const d=U(l);return()=>e.h(J,{...o,...B.vOn(d)},{...o.slots,...C})}}),K=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfUpload=P;exports._VkfUploadCtx=R;exports.__VkfUpload=K;exports.default=P;