vft 0.0.375 → 0.0.376

package/lib/components/upload/upload-content.vue2.cjs

@@ -1,243 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("../form/index.cjs");
-require("@vueuse/core");
-const utils = require("@vft/utils");
-const error = require("../../utils/error.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-const lodashEs = require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const ajax = require("./ajax.cjs");
-const constants = require("./constants.cjs");
-const uploadDragger_vue_vue_type_script_setup_true_lang = require("./upload-dragger.vue2.cjs");
-const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
-const useFormItem = require("../form/hooks/use-form-item.cjs");
-const _hoisted_1 = ["onKeydown"];
-const _hoisted_2 = ["name", "multiple", "accept"];
-const __default__ = vue.defineComponent({
-  name: "VftUploadContent",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    fileList: { default: [] },
-    replaceOnLimit: { type: Boolean, default: false },
-    action: { default: "#" },
-    headers: {},
-    method: { default: "post" },
-    data: {},
-    multiple: { type: Boolean, default: false },
-    name: { default: "file" },
-    drag: { type: Boolean, default: false },
-    withCredentials: { type: Boolean },
-    showFileList: { type: Boolean, default: true },
-    accept: { default: "" },
-    type: { default: "select" },
-    autoUpload: { type: Boolean, default: false },
-    listType: { default: "text" },
-    httpRequest: { type: Function, default: ajax.ajaxUpload },
-    disabled: { type: Boolean },
-    limit: {},
-    maxSize: { default: void 0 },
-    sizeExceedMessage: { default: "文件大小超出限制" },
-    beforeUpload: {},
-    onRemove: {},
-    onStart: {},
-    onSuccess: {},
-    onProgress: {},
-    onError: {},
-    onExceed: {},
-    onSizeExceed: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const ns = index.useNamespace("upload");
-    const disabled = useFormCommonProps.useFormDisabled();
-    const { formItem } = useFormItem.useFormItem();
-    const requests = vue.shallowRef(
-      {}
-    );
-    const inputRef = vue.shallowRef();
-    const uploadFiles = (files) => {
-      if (files.length === 0) return;
-      const {
-        autoUpload,
-        limit,
-        fileList,
-        multiple,
-        onStart,
-        onExceed,
-        replaceOnLimit,
-        maxSize,
-        sizeExceedMessage,
-        onSizeExceed
-      } = props;
-      if (maxSize) {
-        const oversizedFiles = files.filter((file) => file.size > maxSize);
-        if (oversizedFiles.length > 0) {
-          oversizedFiles.forEach((file) => {
-            if (onSizeExceed) {
-              onSizeExceed(file, maxSize);
-            }
-          });
-          files = files.filter((file) => file.size <= maxSize);
-          if (files.length === 0) return;
-        }
-      }
-      if (limit && fileList.length + files.length > limit && !(limit === 1 && replaceOnLimit)) {
-        onExceed(files, fileList);
-        return;
-      }
-      if (!multiple) {
-        files = files.slice(0, 1);
-      }
-      for (const file of files) {
-        const rawFile = file;
-        rawFile.uid = constants.genFileId();
-        onStart(rawFile);
-        if (autoUpload) upload(rawFile);
-      }
-    };
-    const upload = async (rawFile) => {
-      inputRef.value.value = "";
-      if (!props.beforeUpload) {
-        return doUpload(rawFile);
-      }
-      let hookResult;
-      let beforeData = {};
-      try {
-        const originData = props.data;
-        const beforeUploadPromise = props.beforeUpload(rawFile);
-        beforeData = utils.isObject(props.data) ? lodashEs.cloneDeep(props.data) : props.data;
-        hookResult = await beforeUploadPromise;
-        if (utils.isObject(props.data) && lodashEs.isEqual(originData, beforeData)) {
-          beforeData = lodashEs.cloneDeep(props.data);
-        }
-      } catch {
-        hookResult = false;
-      }
-      if (hookResult === false) {
-        props.onRemove(rawFile);
-        return;
-      }
-      let file = rawFile;
-      if (hookResult instanceof Blob) {
-        if (hookResult instanceof File) {
-          file = hookResult;
-        } else {
-          file = new File([hookResult], rawFile.name, {
-            type: rawFile.type
-          });
-        }
-      }
-      doUpload(Object.assign(file, { uid: rawFile.uid }), beforeData);
-    };
-    const doUpload = (rawFile, beforeData) => {
-      const {
-        headers,
-        data,
-        method,
-        withCredentials,
-        name: filename,
-        action,
-        onProgress,
-        onSuccess,
-        onError,
-        httpRequest
-      } = props;
-      const { uid } = rawFile;
-      const options = {
-        headers: headers || {},
-        withCredentials,
-        file: rawFile,
-        data: beforeData ?? data,
-        method,
-        filename,
-        action,
-        onProgress: (evt) => {
-          onProgress(evt, rawFile);
-        },
-        onSuccess: (res) => {
-          onSuccess(res, rawFile);
-          delete requests.value[uid];
-        },
-        onError: (err) => {
-          onError(err, rawFile);
-          delete requests.value[uid];
-        }
-      };
-      const request = httpRequest(options);
-      requests.value[uid] = request;
-      if (request instanceof Promise) {
-        request.then(options.onSuccess, options.onError);
-      }
-    };
-    const handleChange = (e) => {
-      const files = e.target.files;
-      if (!files) return;
-      uploadFiles(Array.from(files));
-      vue.nextTick(() => {
-        formItem?.validate("change").catch((err) => error.debugWarn(err));
-      });
-    };
-    const handleClick = () => {
-      if (!disabled.value) {
-        inputRef.value.value = "";
-        inputRef.value.click();
-      }
-    };
-    const handleKeydown = () => {
-      handleClick();
-    };
-    const abort = (file) => {
-      const _reqs = utils.entriesOf(requests.value).filter(
-        file ? ([uid]) => String(file.uid) === uid : () => true
-      );
-      _reqs.forEach(([uid, req]) => {
-        if (req instanceof XMLHttpRequest) req.abort();
-        delete requests.value[uid];
-      });
-    };
-    __expose({
-      abort,
-      upload
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.listType), vue.unref(ns).is("drag", _ctx.drag)]),
-        tabindex: "0",
-        onClick: handleClick,
-        onKeydown: vue.withKeys(vue.withModifiers(handleKeydown, ["self"]), ["enter", "space"])
-      }, [
-        _ctx.drag ? (vue.openBlock(), vue.createBlock(uploadDragger_vue_vue_type_script_setup_true_lang.default, {
-          key: 0,
-          disabled: vue.unref(disabled),
-          onFile: _cache[0] || (_cache[0] = (data) => uploadFiles(data.file))
-        }, {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["disabled"])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
-        vue.createElementVNode("input", {
-          ref_key: "inputRef",
-          ref: inputRef,
-          class: vue.normalizeClass(vue.unref(ns).e("input")),
-          name: _ctx.name,
-          multiple: _ctx.multiple,
-          accept: _ctx.accept,
-          type: "file",
-          onChange: handleChange,
-          onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-          }, ["stop"]))
-        }, null, 42, _hoisted_2)
-      ], 42, _hoisted_1);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../form/index.cjs");require("@vueuse/core");const v=require("@vft/utils"),P=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const E=require("lodash-es"),j=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const D=require("./ajax.cjs"),L=require("./constants.cjs"),w=require("./upload-dragger.vue2.cjs"),I=require("../form/hooks/use-form-common-props.cjs"),K=require("../form/hooks/use-form-item.cjs"),T=["onKeydown"],F=["name","multiple","accept"],A=t.defineComponent({name:"VftUploadContent",inheritAttrs:!1}),N=t.defineComponent({...A,props:{fileList:{default:[]},replaceOnLimit:{type:Boolean,default:!1},action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:D.ajaxUpload},disabled:{type:Boolean},limit:{},maxSize:{default:void 0},sizeExceedMessage:{default:"文件大小超出限制"},beforeUpload:{},onRemove:{},onStart:{},onSuccess:{},onProgress:{},onError:{},onExceed:{},onSizeExceed:{}},setup(R,{expose:x}){const s=R,p=j.useNamespace("upload"),S=I.useFormDisabled(),{formItem:U}=K.useFormItem(),u=t.shallowRef({}),m=t.shallowRef(),C=e=>{if(e.length===0)return;const{autoUpload:o,limit:n,fileList:l,multiple:d,onStart:c,onExceed:g,replaceOnLimit:y,maxSize:r,sizeExceedMessage:z,onSizeExceed:h}=s;if(r){const i=e.filter(a=>a.size>r);if(i.length>0&&(i.forEach(a=>{h&&h(a,r)}),e=e.filter(a=>a.size<=r),e.length===0))return}if(n&&l.length+e.length>n&&!(n===1&&y)){g(e,l);return}d||(e=e.slice(0,1));for(const i of e){const a=i;a.uid=L.genFileId(),c(a),o&&k(a)}},k=async e=>{if(m.value.value="",!s.beforeUpload)return _(e);let o,n={};try{const d=s.data,c=s.beforeUpload(e);n=v.isObject(s.data)?E.cloneDeep(s.data):s.data,o=await c,v.isObject(s.data)&&E.isEqual(d,n)&&(n=E.cloneDeep(s.data))}catch{o=!1}if(o===!1){s.onRemove(e);return}let l=e;o instanceof Blob&&(o instanceof File?l=o:l=new File([o],e.name,{type:e.type})),_(Object.assign(l,{uid:e.uid}),n)},_=(e,o)=>{const{headers:n,data:l,method:d,withCredentials:c,name:g,action:y,onProgress:r,onSuccess:z,onError:h,httpRequest:i}=s,{uid:a}=e,q={headers:n||{},withCredentials:c,file:e,data:o??l,method:d,filename:g,action:y,onProgress:f=>{r(f,e)},onSuccess:f=>{z(f,e),delete u.value[a]},onError:f=>{h(f,e),delete u.value[a]}},b=i(q);u.value[a]=b,b instanceof Promise&&b.then(q.onSuccess,q.onError)},M=e=>{const o=e.target.files;o&&(C(Array.from(o)),t.nextTick(()=>{U?.validate("change").catch(n=>P.debugWarn(n))}))},B=()=>{S.value||(m.value.value="",m.value.click())},O=()=>{B()};return x({abort:e=>{v.entriesOf(u.value).filter(e?([n])=>String(e.uid)===n:()=>!0).forEach(([n,l])=>{l instanceof XMLHttpRequest&&l.abort(),delete u.value[n]})},upload:k}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(p).b(),t.unref(p).m(e.listType),t.unref(p).is("drag",e.drag)]),tabindex:"0",onClick:B,onKeydown:t.withKeys(t.withModifiers(O,["self"]),["enter","space"])},[e.drag?(t.openBlock(),t.createBlock(w.default,{key:0,disabled:t.unref(S),onFile:o[0]||(o[0]=n=>C(n.file))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["disabled"])):t.renderSlot(e.$slots,"default",{key:1}),t.createElementVNode("input",{ref_key:"inputRef",ref:m,class:t.normalizeClass(t.unref(p).e("input")),name:e.name,multiple:e.multiple,accept:e.accept,type:"file",onChange:M,onClick:o[1]||(o[1]=t.withModifiers(()=>{},["stop"]))},null,42,F)],42,T))}});exports.default=N;

package/lib/components/upload/upload-dragger.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const uploadDragger_vue_vue_type_script_setup_true_lang = require("./upload-dragger.vue2.cjs");
-exports.default = uploadDragger_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./upload-dragger.vue2.cjs");exports.default=e.default;

package/lib/components/upload/upload-dragger.vue2.cjs

@@ -1,82 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("../form/index.cjs");
-require("@vueuse/core");
-require("@vft/utils");
-const error = require("../../utils/error.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const constants = require("./constants.cjs");
-const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
-const COMPONENT_NAME = "VftUploadDrag";
-const __default__ = vue.defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    disabled: { type: Boolean }
-  },
-  emits: ["file"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const uploaderContext = vue.inject(constants.uploadContextKey);
-    if (!uploaderContext) {
-      error.throwError(
-        COMPONENT_NAME,
-        "usage: <vft-upload><vft-upload-dragger /></vft-upload>"
-      );
-    }
-    const ns = index.useNamespace("upload");
-    const dragover = vue.ref(false);
-    const disabled = useFormCommonProps.useFormDisabled();
-    const onDrop = (e) => {
-      if (disabled.value) return;
-      dragover.value = false;
-      e.stopPropagation();
-      const files = Array.from(e.dataTransfer.files);
-      const accept = uploaderContext.accept.value;
-      if (!accept) {
-        emit("file", files);
-        return;
-      }
-      const filesFiltered = files.filter((file) => {
-        const { type, name } = file;
-        const extension = name.includes(".") ? `.${name.split(".").pop()}` : "";
-        const baseType = type.replace(/\/.*$/, "");
-        return accept.split(",").map((type2) => type2.trim()).filter((type2) => type2).some((acceptedType) => {
-          if (acceptedType.startsWith(".")) {
-            return extension === acceptedType;
-          }
-          if (/\/\*$/.test(acceptedType)) {
-            return baseType === acceptedType.replace(/\/\*$/, "");
-          }
-          if (/^[^/]+\/[^/]+$/.test(acceptedType)) {
-            return type === acceptedType;
-          }
-          return false;
-        });
-      });
-      emit("file", filesFiltered);
-    };
-    const onDragover = () => {
-      if (!disabled.value) dragover.value = true;
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(ns).b("dragger"), vue.unref(ns).is("dragover", dragover.value)]),
-        onDrop: vue.withModifiers(onDrop, ["prevent"]),
-        onDragover: vue.withModifiers(onDragover, ["prevent"]),
-        onDragleave: _cache[0] || (_cache[0] = vue.withModifiers(($event) => dragover.value = false, ["prevent"]))
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 34);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");require("@vueuse/core");require("@vft/utils");const C=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const M=require("./constants.cjs"),$=require("../form/hooks/use-form-common-props.cjs"),p="VftUploadDrag",h=e.defineComponent({name:p}),w=e.defineComponent({...h,props:{disabled:{type:Boolean}},emits:["file"],setup(x,{emit:c}){const i=c,a=e.inject(M.uploadContextKey);a||C.throwError(p,"usage: <vft-upload><vft-upload-dragger /></vft-upload>");const u=D.useNamespace("upload"),o=e.ref(!1),l=$.useFormDisabled(),v=s=>{if(l.value)return;o.value=!1,s.stopPropagation();const t=Array.from(s.dataTransfer.files),n=a.accept.value;if(!n){i("file",t);return}const g=t.filter(q=>{const{type:f,name:d}=q,_=d.includes(".")?`.${d.split(".").pop()}`:"",b=f.replace(/\/.*$/,"");return n.split(",").map(r=>r.trim()).filter(r=>r).some(r=>r.startsWith(".")?_===r:/\/\*$/.test(r)?b===r.replace(/\/\*$/,""):/^[^/]+\/[^/]+$/.test(r)?f===r:!1)});i("file",g)},m=()=>{l.value||(o.value=!0)};return(s,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(u).b("dragger"),e.unref(u).is("dragover",o.value)]),onDrop:e.withModifiers(v,["prevent"]),onDragover:e.withModifiers(m,["prevent"]),onDragleave:t[0]||(t[0]=e.withModifiers(n=>o.value=!1,["prevent"]))},[e.renderSlot(s.$slots,"default")],34))}});exports.default=w;

package/lib/components/upload/upload-list.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const uploadList_vue_vue_type_script_setup_true_lang = require("./upload-list.vue2.cjs");
-exports.default = uploadList_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./upload-list.vue2.cjs");exports.default=e.default;

package/lib/components/upload/upload-list.vue2.cjs

@@ -1,163 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("../form/index.cjs");
-const index$1 = require("../icon/index.cjs");
-const index$2 = require("../progress/index.cjs");
-require("@vueuse/core");
-require("@vft/utils");
-const error = require("../../utils/error.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
-const useFormItem = require("../form/hooks/use-form-item.cjs");
-const _hoisted_1 = ["onKeydown"];
-const _hoisted_2 = ["src"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = ["onClick"];
-const __default__ = vue.defineComponent({
-  name: "VftUploadList"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    files: { default: [] },
-    disabled: { type: Boolean, default: false },
-    handlePreview: { type: Function, default: () => {
-    } },
-    listType: { default: "text" }
-  },
-  emits: ["remove"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const nsUpload = index.useNamespace("upload");
-    const nsIcon = index.useNamespace("icon");
-    const nsList = index.useNamespace("list");
-    const disabled = useFormCommonProps.useFormDisabled();
-    const { formItem } = useFormItem.useFormItem();
-    const focusing = vue.ref(false);
-    const handleRemove = (file) => {
-      emit("remove", file);
-      vue.nextTick(() => {
-        formItem?.validate("change").catch((err) => error.debugWarn(err));
-      });
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
-        tag: "ul",
-        class: vue.normalizeClass([
-          vue.unref(nsUpload).b("list"),
-          vue.unref(nsUpload).bm("list", _ctx.listType),
-          vue.unref(nsUpload).is("disabled", vue.unref(disabled))
-        ]),
-        name: vue.unref(nsList).b()
-      }, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.files, (file) => {
-            return vue.openBlock(), vue.createElementBlock("li", {
-              key: file.uid || file.name,
-              class: vue.normalizeClass([
-                vue.unref(nsUpload).be("list", "item"),
-                vue.unref(nsUpload).is(file.status),
-                { focusing: focusing.value }
-              ]),
-              tabindex: "0",
-              onKeydown: vue.withKeys(($event) => !vue.unref(disabled) && handleRemove(file), ["delete"]),
-              onFocus: _cache[0] || (_cache[0] = ($event) => focusing.value = true),
-              onBlur: _cache[1] || (_cache[1] = ($event) => focusing.value = false),
-              onClick: _cache[2] || (_cache[2] = ($event) => focusing.value = false)
-            }, [
-              vue.renderSlot(_ctx.$slots, "default", { file }, () => [
-                _ctx.listType === "picture" || file.status !== "uploading" && _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("img", {
-                  key: 0,
-                  class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-thumbnail")),
-                  src: file.url,
-                  alt: ""
-                }, null, 10, _hoisted_2)) : vue.createCommentVNode("", true),
-                file.status === "uploading" || _ctx.listType !== "picture-card" ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 1,
-                  class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-info"))
-                }, [
-                  vue.createElementVNode("a", {
-                    class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-name")),
-                    onClick: vue.withModifiers(($event) => _ctx.handlePreview(file), ["prevent"])
-                  }, [
-                    vue.createVNode(vue.unref(index$1.VftIcon), {
-                      class: vue.normalizeClass(vue.unref(nsIcon).m("document")),
-                      icon: "icon-document"
-                    }, null, 8, ["class"]),
-                    vue.createElementVNode("span", {
-                      class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-file-name"))
-                    }, vue.toDisplayString(file.name), 3)
-                  ], 10, _hoisted_3),
-                  file.status === "uploading" ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VftProgress), {
-                    key: 0,
-                    type: _ctx.listType === "picture-card" ? "circle" : "line",
-                    "stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
-                    percentage: Number(file.percentage),
-                    style: vue.normalizeStyle(_ctx.listType === "picture-card" ? "" : "margin-top: 0.5rem")
-                  }, null, 8, ["type", "stroke-width", "percentage", "style"])) : vue.createCommentVNode("", true)
-                ], 2)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("label", {
-                  class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-status-label"))
-                }, [
-                  _ctx.listType === "text" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), {
-                    key: 0,
-                    icon: "icon-circle-check",
-                    class: vue.normalizeClass([vue.unref(nsIcon).m("upload-success"), vue.unref(nsIcon).m("circle-check")])
-                  }, null, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), {
-                    key: 1,
-                    icon: "icon-check",
-                    class: vue.normalizeClass([vue.unref(nsIcon).m("upload-success"), vue.unref(nsIcon).m("check")])
-                  }, null, 8, ["class"])) : vue.createCommentVNode("", true)
-                ], 2),
-                !vue.unref(disabled) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), {
-                  key: 2,
-                  icon: "icon-close",
-                  class: vue.normalizeClass(vue.unref(nsIcon).m("close")),
-                  onClick: ($event) => handleRemove(file)
-                }, null, 8, ["class", "onClick"])) : vue.createCommentVNode("", true),
-                !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("i", {
-                  key: 3,
-                  class: vue.normalizeClass(vue.unref(nsIcon).m("close-tip"))
-                }, " 按 delete 键可删除 ", 2)) : vue.createCommentVNode("", true),
-                _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 4,
-                  class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-actions"))
-                }, [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-preview")),
-                    onClick: ($event) => _ctx.handlePreview(file)
-                  }, [
-                    vue.createVNode(vue.unref(index$1.VftIcon), {
-                      icon: "icon-zoom-in",
-                      class: vue.normalizeClass(vue.unref(nsIcon).m("zoom-in"))
-                    }, null, 8, ["class"])
-                  ], 10, _hoisted_4),
-                  !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
-                    key: 0,
-                    class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
-                    onClick: ($event) => handleRemove(file)
-                  }, [
-                    vue.createVNode(vue.unref(index$1.VftIcon), {
-                      icon: "icon-delete",
-                      class: vue.normalizeClass(vue.unref(nsIcon).m("delete"))
-                    }, null, 8, ["class"])
-                  ], 10, _hoisted_5)) : vue.createCommentVNode("", true)
-                ], 2)) : vue.createCommentVNode("", true)
-              ])
-            ], 42, _hoisted_1);
-          }), 128)),
-          vue.renderSlot(_ctx.$slots, "append")
-        ]),
-        _: 3
-      }, 8, ["class", "name"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const a=require("../icon/index.cjs"),C=require("../progress/index.cjs");require("@vueuse/core");require("@vft/utils");const y=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B=require("../form/hooks/use-form-common-props.cjs"),v=require("../form/hooks/use-form-item.cjs"),b=["onKeydown"],V=["src"],z=["onClick"],N=["onClick"],g=["onClick"],h=e.defineComponent({name:"VftUploadList"}),q=e.defineComponent({...h,props:{files:{default:[]},disabled:{type:Boolean,default:!1},handlePreview:{type:Function,default:()=>{}},listType:{default:"text"}},emits:["remove"],setup(T,{emit:d}){const p=d,s=m.useNamespace("upload"),l=m.useNamespace("icon"),f=m.useNamespace("list"),c=B.useFormDisabled(),{formItem:k}=v.useFormItem(),i=e.ref(!1),u=n=>{p("remove",n),e.nextTick(()=>{k?.validate("change").catch(o=>y.debugWarn(o))})};return(n,o)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"ul",class:e.normalizeClass([e.unref(s).b("list"),e.unref(s).bm("list",n.listType),e.unref(s).is("disabled",e.unref(c))]),name:e.unref(f).b()},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,t=>(e.openBlock(),e.createElementBlock("li",{key:t.uid||t.name,class:e.normalizeClass([e.unref(s).be("list","item"),e.unref(s).is(t.status),{focusing:i.value}]),tabindex:"0",onKeydown:e.withKeys(r=>!e.unref(c)&&u(t),["delete"]),onFocus:o[0]||(o[0]=r=>i.value=!0),onBlur:o[1]||(o[1]=r=>i.value=!1),onClick:o[2]||(o[2]=r=>i.value=!1)},[e.renderSlot(n.$slots,"default",{file:t},()=>[n.listType==="picture"||t.status!=="uploading"&&n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(s).be("list","item-thumbnail")),src:t.url,alt:""},null,10,V)):e.createCommentVNode("",!0),t.status==="uploading"||n.listType!=="picture-card"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s).be("list","item-info"))},[e.createElementVNode("a",{class:e.normalizeClass(e.unref(s).be("list","item-name")),onClick:e.withModifiers(r=>n.handlePreview(t),["prevent"])},[e.createVNode(e.unref(a.VftIcon),{class:e.normalizeClass(e.unref(l).m("document")),icon:"icon-document"},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).be("list","item-file-name"))},e.toDisplayString(t.name),3)],10,z),t.status==="uploading"?(e.openBlock(),e.createBlock(e.unref(C.VftProgress),{key:0,type:n.listType==="picture-card"?"circle":"line","stroke-width":n.listType==="picture-card"?6:2,percentage:Number(t.percentage),style:e.normalizeStyle(n.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(e.unref(s).be("list","item-status-label"))},[n.listType==="text"?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:0,icon:"icon-circle-check",class:e.normalizeClass([e.unref(l).m("upload-success"),e.unref(l).m("circle-check")])},null,8,["class"])):["picture-card","picture"].includes(n.listType)?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:1,icon:"icon-check",class:e.normalizeClass([e.unref(l).m("upload-success"),e.unref(l).m("check")])},null,8,["class"])):e.createCommentVNode("",!0)],2),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:2,icon:"icon-close",class:e.normalizeClass(e.unref(l).m("close")),onClick:r=>u(t)},null,8,["class","onClick"])),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(e.unref(l).m("close-tip"))}," 按 delete 键可删除 ",2)),n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("span",{key:4,class:e.normalizeClass(e.unref(s).be("list","item-actions"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).be("list","item-preview")),onClick:r=>n.handlePreview(t)},[e.createVNode(e.unref(a.VftIcon),{icon:"icon-zoom-in",class:e.normalizeClass(e.unref(l).m("zoom-in"))},null,8,["class"])],10,N),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(s).be("list","item-delete")),onClick:r=>u(t)},[e.createVNode(e.unref(a.VftIcon),{icon:"icon-delete",class:e.normalizeClass(e.unref(l).m("delete"))},null,8,["class"])],10,g))],2)):e.createCommentVNode("",!0)])],42,b))),128)),e.renderSlot(n.$slots,"append")]),_:3},8,["class","name"]))}});exports.default=q;

package/lib/components/upload/upload.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const upload_vue_vue_type_script_setup_true_lang = require("./upload.vue2.cjs");
-exports.default = upload_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./upload.vue2.cjs");exports.default=e.default;