vft 0.0.325 → 0.0.326
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as w, useSlots as U, shallowRef as T, computed as h, onBeforeUnmount as j, provide as N, toRef as V, createElementBlock as q, openBlock as f, normalizeClass as z, unref as t, createBlock as c, createCommentVNode as o, renderSlot as l, createSlots as g, withCtx as r, createVNode as D, mergeProps as k } from "vue";
|
|
2
2
|
import "../form/index.js";
|
|
3
|
-
import { ajaxUpload as
|
|
4
|
-
import { uploadContextKey as
|
|
3
|
+
import { ajaxUpload as H } from "./ajax.js";
|
|
4
|
+
import { uploadContextKey as K } from "./constants.js";
|
|
5
5
|
import R from "./upload-content.vue2.js";
|
|
6
|
-
import
|
|
7
|
-
import { useHandlers as
|
|
8
|
-
import { useFormDisabled as
|
|
9
|
-
const
|
|
6
|
+
import b from "./upload-list.vue2.js";
|
|
7
|
+
import { useHandlers as O } from "./use-handlers.js";
|
|
8
|
+
import { useFormDisabled as W } from "../form/hooks/use-form-common-props.js";
|
|
9
|
+
const A = w({
|
|
10
10
|
name: "vft-upload"
|
|
11
|
-
}), x = /* @__PURE__ */
|
|
12
|
-
...
|
|
11
|
+
}), x = /* @__PURE__ */ w({
|
|
12
|
+
...A,
|
|
13
13
|
props: {
|
|
14
14
|
action: { default: "#" },
|
|
15
15
|
headers: {},
|
|
@@ -25,7 +25,7 @@ const W = { class: "vft-upload-wrapper" }, z = b({
|
|
|
25
25
|
fileList: { default: [] },
|
|
26
26
|
autoUpload: { type: Boolean, default: !1 },
|
|
27
27
|
listType: { default: "text" },
|
|
28
|
-
httpRequest: { type: Function, default:
|
|
28
|
+
httpRequest: { type: Function, default: H },
|
|
29
29
|
disabled: { type: Boolean },
|
|
30
30
|
limit: {},
|
|
31
31
|
beforeUpload: {},
|
|
@@ -40,55 +40,57 @@ const W = { class: "vft-upload-wrapper" }, z = b({
|
|
|
40
40
|
} }
|
|
41
41
|
},
|
|
42
42
|
setup($, { expose: B }) {
|
|
43
|
-
const i = $,
|
|
44
|
-
abort:
|
|
45
|
-
submit:
|
|
46
|
-
clearFiles:
|
|
47
|
-
uploadFiles:
|
|
43
|
+
const i = $, a = U(), u = W(), p = T(), {
|
|
44
|
+
abort: C,
|
|
45
|
+
submit: F,
|
|
46
|
+
clearFiles: L,
|
|
47
|
+
uploadFiles: s,
|
|
48
48
|
handleStart: v,
|
|
49
|
-
handleError:
|
|
49
|
+
handleError: P,
|
|
50
50
|
handleRemove: d,
|
|
51
51
|
handleSuccess: S,
|
|
52
52
|
handleProgress: E
|
|
53
|
-
} =
|
|
53
|
+
} = O(i, p), n = h(() => i.listType === "picture-card"), y = h(() => ({
|
|
54
54
|
...i,
|
|
55
|
-
fileList:
|
|
55
|
+
fileList: s.value,
|
|
56
56
|
onStart: v,
|
|
57
57
|
onProgress: E,
|
|
58
58
|
onSuccess: S,
|
|
59
|
-
onError:
|
|
59
|
+
onError: P,
|
|
60
60
|
onRemove: d
|
|
61
61
|
}));
|
|
62
62
|
return j(() => {
|
|
63
|
-
|
|
63
|
+
s.value.forEach(({ url: e }) => {
|
|
64
64
|
e?.startsWith("blob:") && URL.revokeObjectURL(e);
|
|
65
65
|
});
|
|
66
|
-
}), N(
|
|
66
|
+
}), N(K, {
|
|
67
67
|
accept: V(i, "accept")
|
|
68
68
|
}), B({
|
|
69
|
-
abort:
|
|
70
|
-
submit:
|
|
71
|
-
clearFiles:
|
|
69
|
+
abort: C,
|
|
70
|
+
submit: F,
|
|
71
|
+
clearFiles: L,
|
|
72
72
|
handleStart: v,
|
|
73
73
|
handleRemove: d,
|
|
74
|
-
fileList:
|
|
75
|
-
}), (e,
|
|
76
|
-
|
|
74
|
+
fileList: s
|
|
75
|
+
}), (e, G) => (f(), q("div", {
|
|
76
|
+
class: z(["vft-upload-wrapper", { disabled: t(u) }])
|
|
77
|
+
}, [
|
|
78
|
+
n.value && e.showFileList ? (f(), c(b, {
|
|
77
79
|
key: 0,
|
|
78
|
-
disabled: t(
|
|
80
|
+
disabled: t(u),
|
|
79
81
|
"list-type": e.listType,
|
|
80
|
-
files: t(
|
|
82
|
+
files: t(s),
|
|
81
83
|
"handle-preview": e.onPreview,
|
|
82
84
|
onRemove: t(d)
|
|
83
85
|
}, g({
|
|
84
86
|
append: r(() => [
|
|
85
|
-
|
|
87
|
+
D(R, k({
|
|
86
88
|
ref_key: "uploadRef",
|
|
87
|
-
ref:
|
|
89
|
+
ref: p
|
|
88
90
|
}, y.value), {
|
|
89
91
|
default: r(() => [
|
|
90
|
-
t(
|
|
91
|
-
!t(
|
|
92
|
+
t(a).trigger ? l(e.$slots, "trigger", { key: 0 }) : o("", !0),
|
|
93
|
+
!t(a).trigger && t(a).default ? l(e.$slots, "default", { key: 1 }) : o("", !0)
|
|
92
94
|
]),
|
|
93
95
|
_: 3
|
|
94
96
|
}, 16)
|
|
@@ -97,42 +99,42 @@ const W = { class: "vft-upload-wrapper" }, z = b({
|
|
|
97
99
|
}, [
|
|
98
100
|
e.$slots.file ? {
|
|
99
101
|
name: "default",
|
|
100
|
-
fn: r(({ file:
|
|
101
|
-
l(e.$slots, "file", { file:
|
|
102
|
+
fn: r(({ file: m }) => [
|
|
103
|
+
l(e.$slots, "file", { file: m })
|
|
102
104
|
]),
|
|
103
105
|
key: "0"
|
|
104
106
|
} : void 0
|
|
105
107
|
]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : o("", !0),
|
|
106
|
-
!n.value || n.value && !e.showFileList ? (f(),
|
|
108
|
+
!n.value || n.value && !e.showFileList ? (f(), c(R, k({
|
|
107
109
|
key: 1,
|
|
108
110
|
ref_key: "uploadRef",
|
|
109
|
-
ref:
|
|
111
|
+
ref: p
|
|
110
112
|
}, y.value), {
|
|
111
113
|
default: r(() => [
|
|
112
|
-
t(
|
|
113
|
-
!t(
|
|
114
|
+
t(a).trigger ? l(e.$slots, "trigger", { key: 0 }) : o("", !0),
|
|
115
|
+
!t(a).trigger && t(a).default ? l(e.$slots, "default", { key: 1 }) : o("", !0)
|
|
114
116
|
]),
|
|
115
117
|
_: 3
|
|
116
118
|
}, 16)) : o("", !0),
|
|
117
119
|
e.$slots.trigger ? l(e.$slots, "default", { key: 2 }) : o("", !0),
|
|
118
120
|
l(e.$slots, "tip"),
|
|
119
|
-
!n.value && e.showFileList ? (f(),
|
|
121
|
+
!n.value && e.showFileList ? (f(), c(b, {
|
|
120
122
|
key: 3,
|
|
121
|
-
disabled: t(
|
|
123
|
+
disabled: t(u),
|
|
122
124
|
"list-type": e.listType,
|
|
123
|
-
files: t(
|
|
125
|
+
files: t(s),
|
|
124
126
|
"handle-preview": e.onPreview,
|
|
125
127
|
onRemove: t(d)
|
|
126
128
|
}, g({ _: 2 }, [
|
|
127
129
|
e.$slots.file ? {
|
|
128
130
|
name: "default",
|
|
129
|
-
fn: r(({ file:
|
|
130
|
-
l(e.$slots, "file", { file:
|
|
131
|
+
fn: r(({ file: m }) => [
|
|
132
|
+
l(e.$slots, "file", { file: m })
|
|
131
133
|
]),
|
|
132
134
|
key: "0"
|
|
133
135
|
} : void 0
|
|
134
136
|
]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : o("", !0)
|
|
135
|
-
]));
|
|
137
|
+
], 2));
|
|
136
138
|
}
|
|
137
139
|
});
|
|
138
140
|
export {
|
package/es/package.json.d.ts
CHANGED
package/es/package.json.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const S=require("./ajax.cjs"),b=require("./constants.cjs"),p=require("./upload-content.vue2.cjs"),c=require("./upload-list.vue2.cjs"),R=require("./use-handlers.cjs"),B=require("../form/hooks/use-form-common-props.cjs"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const S=require("./ajax.cjs"),b=require("./constants.cjs"),p=require("./upload-content.vue2.cjs"),c=require("./upload-list.vue2.cjs"),R=require("./use-handlers.cjs"),B=require("../form/hooks/use-form-common-props.cjs"),P=e.defineComponent({name:"vft-upload"}),_=e.defineComponent({...P,props:{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"},fileList:{default:[]},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:S.ajaxUpload},disabled:{type:Boolean},limit:{},beforeUpload:{},beforeRemove:{},onRemove:{},onChange:{},onPreview:{},onSuccess:{},onProgress:{},onError:{},onExceed:{type:Function,default:()=>{}}},setup(m,{expose:v}){const l=m,o=e.useSlots(),n=B.useFormDisabled(),u=e.shallowRef(),{abort:y,submit:h,clearFiles:g,uploadFiles:r,handleStart:i,handleError:C,handleRemove:a,handleSuccess:k,handleProgress:w}=R.useHandlers(l,u),s=e.computed(()=>l.listType==="picture-card"),f=e.computed(()=>({...l,fileList:r.value,onStart:i,onProgress:w,onSuccess:k,onError:C,onRemove:a}));return e.onBeforeUnmount(()=>{r.value.forEach(({url:t})=>{t?.startsWith("blob:")&&URL.revokeObjectURL(t)})}),e.provide(b.uploadContextKey,{accept:e.toRef(l,"accept")}),v({abort:y,submit:h,clearFiles:g,handleStart:i,handleRemove:a,fileList:r}),(t,$)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vft-upload-wrapper",{disabled:e.unref(n)}])},[s.value&&t.showFileList?(e.openBlock(),e.createBlock(c.default,{key:0,disabled:e.unref(n),"list-type":t.listType,files:e.unref(r),"handle-preview":t.onPreview,onRemove:e.unref(a)},e.createSlots({append:e.withCtx(()=>[e.createVNode(p.default,e.mergeProps({ref_key:"uploadRef",ref:u},f.value),{default:e.withCtx(()=>[e.unref(o).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(o).trigger&&e.unref(o).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)]),_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:d})=>[e.renderSlot(t.$slots,"file",{file:d})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0),!s.value||s.value&&!t.showFileList?(e.openBlock(),e.createBlock(p.default,e.mergeProps({key:1,ref_key:"uploadRef",ref:u},f.value),{default:e.withCtx(()=>[e.unref(o).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(o).trigger&&e.unref(o).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)):e.createCommentVNode("",!0),t.$slots.trigger?e.renderSlot(t.$slots,"default",{key:2}):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"tip"),!s.value&&t.showFileList?(e.openBlock(),e.createBlock(c.default,{key:3,disabled:e.unref(n),"list-type":t.listType,files:e.unref(r),"handle-preview":t.onPreview,onRemove:e.unref(a)},e.createSlots({_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:d})=>[e.renderSlot(t.$slots,"file",{file:d})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0)],2))}});exports.default=_;
|
package/lib/package.json.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.326";exports.version=e;
|
package/lib/package.json.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vft",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.326",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/index.cjs",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
"resize-detector": "0.3.0",
|
|
56
56
|
"sortablejs": "1.15.0",
|
|
57
57
|
"photoswipe": "5.4.4",
|
|
58
|
+
"@vft/constants": "0.0.72",
|
|
58
59
|
"@vft/router": "0.0.65",
|
|
59
|
-
"@vft/use": "0.0.76",
|
|
60
60
|
"@vft/store": "0.0.54",
|
|
61
|
+
"@vft/use": "0.0.76",
|
|
61
62
|
"@vft/utils": "0.0.128",
|
|
62
|
-
"@vft/directives": "0.0.33"
|
|
63
|
-
"@vft/constants": "0.0.72"
|
|
63
|
+
"@vft/directives": "0.0.33"
|
|
64
64
|
},
|
|
65
65
|
"vetur": {
|
|
66
66
|
"tags": "tags.json",
|
package/web-types.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.
|
|
1
|
+
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.326","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
|