ivue-material-plus/dist/unplugin-vue-components/lib/components/ivue-upload/index2.js

A high quality UI components Library with Vue.js

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
var vue = require('vue');
var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');

const _hoisted_1 = ["accept", "multiple", "capture"];
const _hoisted_2 = ["accept", "multiple", "capture"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ivue_icon = vue.resolveComponent("ivue-icon");
  const _component_upload_list = vue.resolveComponent("upload-list");
  const _component_image_preview = vue.resolveComponent("image-preview");
  return vue.openBlock(), vue.createElementBlock("div", {
    class: vue.normalizeClass(_ctx.prefixCls)
  }, [
    vue.createCommentVNode(" \u4E0A\u4F20\u6846\u5DE6\u8FB9 "),
    _ctx.uploadDirection === "left" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
      key: 0,
      class: vue.normalizeClass(_ctx.inputWrapClasses),
      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClickInput && _ctx.handleClickInput(...args)),
      onDrop: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.handleDrag && _ctx.handleDrag(...args), ["prevent"])),
      onDragover: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleDragOver && _ctx.handleDragOver(...args), ["prevent"])),
      onDragleave: _cache[4] || (_cache[4] = vue.withModifiers((...args) => _ctx.handleDragleave && _ctx.handleDragleave(...args), ["prevent"]))
    }, [
      !_ctx.readonly ? (vue.openBlock(), vue.createElementBlock("input", {
        key: 0,
        type: "file",
        ref: "input",
        class: vue.normalizeClass(`${_ctx.prefixCls}-input`),
        accept: _ctx.accept,
        multiple: _ctx.multiple,
        capture: _ctx.capture,
        onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
      }, null, 42, _hoisted_1)) : vue.createCommentVNode("v-if", true),
      vue.renderSlot(_ctx.$slots, "default", {}, () => [
        vue.createElementVNode("div", {
          class: vue.normalizeClass(_ctx.inputContentClasses),
          style: vue.normalizeStyle(_ctx.getSizeStyle(_ctx.previewSize))
        }, [
          vue.createCommentVNode(" \u56FE\u6807 "),
          vue.createVNode(_component_ivue_icon, {
            class: vue.normalizeClass(`${_ctx.prefixCls}-content__icon`)
          }, {
            default: vue.withCtx(() => [
              vue.createTextVNode("cloud_upload")
            ]),
            _: 1
          }, 8, ["class"]),
          vue.createElementVNode("p", {
            class: vue.normalizeClass(`${_ctx.prefixCls}-content__text`)
          }, "\u70B9\u51FB\u4E0A\u4F20", 2)
        ], 6)
      ])
    ], 34)), [
      [vue.vShow, _ctx.renderUpload]
    ]) : vue.createCommentVNode("v-if", true),
    vue.createCommentVNode(" \u5217\u8868 "),
    _ctx.previewImage ? (vue.openBlock(), vue.createBlock(_component_upload_list, {
      key: 1,
      files: _ctx.data.fileList,
      failedIcon: _ctx.failedIcon,
      deletable: _ctx.deletable,
      name: _ctx.name,
      previewSize: _ctx.previewSize,
      beforeDelete: _ctx.beforeDelete,
      previewFullImage: _ctx.previewFullImage,
      imageFit: _ctx.imageFit,
      onOnDelete: _ctx.handleRemove,
      onOnPreview: _ctx.handlePreview
    }, vue.createSlots({ _: 2 }, [
      _ctx.$slots["preview-cover"] ? {
        name: "preview-cover",
        fn: vue.withCtx(({ file }) => [
          vue.renderSlot(_ctx.$slots, "preview-cover", { file })
        ]),
        key: "0"
      } : void 0,
      _ctx.$slots["preview-image"] ? {
        name: "preview-image",
        fn: vue.withCtx(() => [
          vue.renderSlot(_ctx.$slots, "preview-image")
        ]),
        key: "1"
      } : void 0
    ]), 1032, ["files", "failedIcon", "deletable", "name", "previewSize", "beforeDelete", "previewFullImage", "imageFit", "onOnDelete", "onOnPreview"])) : vue.createCommentVNode("v-if", true),
    vue.createCommentVNode(" \u653E\u5927\u56FE\u7247 "),
    vue.createVNode(_component_image_preview, {
      transfer: "",
      bodyOverflow: _ctx.bodyOverflow,
      previewList: _ctx.data.imagePreviewList,
      initialIndex: _ctx.data.imagePreviewInitialIndex,
      modelValue: _ctx.data.imagePreview,
      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.data.imagePreview = $event),
      onOnClose: _ctx.handleClosePreview
    }, null, 8, ["bodyOverflow", "previewList", "initialIndex", "modelValue", "onOnClose"]),
    vue.createCommentVNode(" \u4E0A\u4F20\u6846\u53F3\u8FB9 "),
    _ctx.uploadDirection === "right" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
      key: 2,
      class: vue.normalizeClass(_ctx.inputWrapClasses),
      onClick: _cache[7] || (_cache[7] = (...args) => _ctx.handleClickInput && _ctx.handleClickInput(...args)),
      onDrop: _cache[8] || (_cache[8] = vue.withModifiers((...args) => _ctx.handleDrag && _ctx.handleDrag(...args), ["prevent"])),
      onDragover: _cache[9] || (_cache[9] = vue.withModifiers((...args) => _ctx.handleDragOver && _ctx.handleDragOver(...args), ["prevent"])),
      onDragleave: _cache[10] || (_cache[10] = vue.withModifiers((...args) => _ctx.handleDragleave && _ctx.handleDragleave(...args), ["prevent"]))
    }, [
      !_ctx.readonly ? (vue.openBlock(), vue.createElementBlock("input", {
        key: 0,
        type: "file",
        ref: "input",
        class: vue.normalizeClass(`${_ctx.prefixCls}-input`),
        accept: _ctx.accept,
        multiple: _ctx.multiple,
        capture: _ctx.capture,
        onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
      }, null, 42, _hoisted_2)) : vue.createCommentVNode("v-if", true),
      vue.renderSlot(_ctx.$slots, "default", {}, () => [
        vue.createElementVNode("div", {
          class: vue.normalizeClass(_ctx.inputContentClasses),
          style: vue.normalizeStyle(_ctx.getSizeStyle(_ctx.previewSize))
        }, [
          vue.createCommentVNode(" \u56FE\u6807 "),
          vue.createVNode(_component_ivue_icon, {
            class: vue.normalizeClass(`${_ctx.prefixCls}-content__icon`)
          }, {
            default: vue.withCtx(() => [
              vue.createTextVNode("cloud_upload")
            ]),
            _: 1
          }, 8, ["class"]),
          vue.createElementVNode("p", {
            class: vue.normalizeClass(`${_ctx.prefixCls}-content__text`)
          }, "\u70B9\u51FB\u4E0A\u4F20", 2)
        ], 6)
      ])
    ], 34)), [
      [vue.vShow, _ctx.renderUpload]
    ]) : vue.createCommentVNode("v-if", true)
  ], 2);
}
var Upload = /* @__PURE__ */ _pluginVue_exportHelper["default"](index_vue_vue_type_script_lang["default"], [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-upload\\index.vue"]]);

exports["default"] = Upload;
//# sourceMappingURL=index2.js.map