btt-ui 1.0.38 → 1.0.39
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.
|
@@ -141,4 +141,51 @@
|
|
|
141
141
|
border-radius: 4px;
|
|
142
142
|
cursor: pointer;
|
|
143
143
|
margin-bottom: 10px;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.k-upload-file-progress {
|
|
147
|
+
position: absolute;
|
|
148
|
+
top: 0;
|
|
149
|
+
left: 0;
|
|
150
|
+
z-index: 9999;
|
|
151
|
+
background: rgba(0, 0, 0, 0.5);
|
|
152
|
+
width: 100%;
|
|
153
|
+
height: 100%;
|
|
154
|
+
display: flex;
|
|
155
|
+
justify-content: center;
|
|
156
|
+
padding-top: 160px;
|
|
157
|
+
}
|
|
158
|
+
.k-upload-file-progress .text {
|
|
159
|
+
background: #427fe5;
|
|
160
|
+
height: 50px;
|
|
161
|
+
padding: 0 16px;
|
|
162
|
+
display: flex;
|
|
163
|
+
align-items: center;
|
|
164
|
+
color: #fff;
|
|
165
|
+
font-size: 14px;
|
|
166
|
+
border-radius: 5px;
|
|
167
|
+
box-shadow: 0 2px 8px #6c95d7;
|
|
168
|
+
padding-left: 39px;
|
|
169
|
+
position: relative;
|
|
170
|
+
}
|
|
171
|
+
.k-upload-file-progress .text::after {
|
|
172
|
+
content: "";
|
|
173
|
+
position: absolute;
|
|
174
|
+
width: 19px;
|
|
175
|
+
height: 19px;
|
|
176
|
+
background: url(data:image/png;base64,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) no-repeat;
|
|
177
|
+
background-size: auto 100%;
|
|
178
|
+
top: 15px;
|
|
179
|
+
left: 15px;
|
|
180
|
+
animation: rotateCircle 1s linear forwards infinite;
|
|
181
|
+
transform-origin: center center;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
@keyframes rotateCircle {
|
|
185
|
+
0% {
|
|
186
|
+
transform: rotate(0);
|
|
187
|
+
}
|
|
188
|
+
100% {
|
|
189
|
+
transform: rotate(360deg);
|
|
190
|
+
}
|
|
144
191
|
}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import { defineComponent as V, ref as b, reactive as
|
|
1
|
+
import { defineComponent as V, ref as b, reactive as q, watch as R, openBlock as l, createElementBlock as s, renderSlot as m, createElementVNode as c, createVNode as w, unref as f, withModifiers as x, createCommentVNode as u, createBlock as z, Fragment as p, normalizeClass as $, renderList as A, toDisplayString as d, createTextVNode as O, Teleport as U, nextTick as Z } from "vue";
|
|
2
2
|
import { Icon as y } from "../../icon/index.mjs";
|
|
3
3
|
import "./style/index.css";
|
|
4
4
|
import { uploadImg as G } from "./uploadFile2.mjs";
|
|
5
5
|
import { Dragger as H } from "../../directives/drag.mjs";
|
|
6
6
|
import { ZoomIn as J } from "../../directives/zoomIn.mjs";
|
|
7
|
-
import "./uploadFile.vue?vue&type=style&index=0&lang.css";
|
|
8
7
|
const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "upload-btn-section" }, W = { class: "btn-box" }, X = { class: "img-sec-box" }, Y = ["src"], _ = { class: "img-wrapper" }, ee = ["src", "title"], te = ["src", "title"], ie = ["src", "title"], le = ["onClick"], se = ["onClick"], oe = { class: "k-file-extensions-desc" }, re = {
|
|
9
8
|
key: 0,
|
|
10
9
|
class: "error-tip"
|
|
11
10
|
}, ne = { key: 0 }, ue = {
|
|
12
11
|
key: 0,
|
|
13
|
-
class: "upload-file-progress"
|
|
12
|
+
class: "k-upload-file-progress"
|
|
14
13
|
}, ae = V({
|
|
15
14
|
name: "k-upload-file"
|
|
16
15
|
}), ke = V({
|
|
@@ -62,15 +61,15 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
|
|
|
62
61
|
},
|
|
63
62
|
emits: ["limitError", "success", "deleteSuccess", "fileSizeError"],
|
|
64
63
|
setup(r, { expose: B, emit: N }) {
|
|
65
|
-
const
|
|
64
|
+
const v = b();
|
|
66
65
|
let g;
|
|
67
66
|
const F = b(!1), a = r;
|
|
68
67
|
let j = a.maxSize * 1024 * 1024;
|
|
69
|
-
const T = a.loadingFileMaxSize * 1024 * 1024, h = N, i =
|
|
68
|
+
const T = a.loadingFileMaxSize * 1024 * 1024, h = N, i = q({
|
|
70
69
|
fileList: new Array(),
|
|
71
70
|
errFiles: new Array()
|
|
72
71
|
});
|
|
73
|
-
i.fileList = a.data,
|
|
72
|
+
i.fileList = a.data, R(() => a.data, (e) => {
|
|
74
73
|
i.fileList = e;
|
|
75
74
|
}, { deep: !0 });
|
|
76
75
|
const D = (e) => {
|
|
@@ -82,7 +81,7 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
|
|
|
82
81
|
limit: a.limit,
|
|
83
82
|
maxSize: j,
|
|
84
83
|
success: async (e) => {
|
|
85
|
-
D(e), i.errFiles = new Array();
|
|
84
|
+
a.requestApi && D(e), i.errFiles = new Array();
|
|
86
85
|
let o = new Array();
|
|
87
86
|
if (a.requestApi) {
|
|
88
87
|
let t = await a.requestApi(a.params, e);
|
|
@@ -110,7 +109,7 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
|
|
|
110
109
|
});
|
|
111
110
|
}, S = (e) => {
|
|
112
111
|
a.limit == 1 ? (i.fileList = e, a.type == "image" && Z(() => {
|
|
113
|
-
g ? g.updateSrc(
|
|
112
|
+
g ? g.updateSrc(k(i.fileList[0].url)) : g = new J(v.value, { type: "margin" });
|
|
114
113
|
})) : i.fileList = [...i.fileList, ...e], h("success", i.fileList);
|
|
115
114
|
};
|
|
116
115
|
function I(e) {
|
|
@@ -122,7 +121,7 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
|
|
|
122
121
|
}
|
|
123
122
|
return "";
|
|
124
123
|
}
|
|
125
|
-
const
|
|
124
|
+
const k = (e) => a.hasToken ? `${e}?token=${I("bearer")}` : e, E = (e) => {
|
|
126
125
|
let o = i.fileList[e];
|
|
127
126
|
i.fileList.splice(e, 1), h("deleteSuccess", { deleteFile: o, result: i.fileList });
|
|
128
127
|
}, L = (e) => {
|
|
@@ -158,9 +157,9 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
|
|
|
158
157
|
c("div", X, [
|
|
159
158
|
i.fileList.length > 0 && r.limit == 1 ? (l(), s("img", {
|
|
160
159
|
key: 0,
|
|
161
|
-
src:
|
|
160
|
+
src: k(i.fileList[0].url),
|
|
162
161
|
ref_key: "imgRef",
|
|
163
|
-
ref:
|
|
162
|
+
ref: v
|
|
164
163
|
}, null, 8, Y)) : u("", !0)
|
|
165
164
|
]),
|
|
166
165
|
!r.isView && i.fileList.length > 0 && r.limit == 1 ? (l(), s("span", {
|
|
@@ -190,26 +189,26 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
|
|
|
190
189
|
m(e.$slots, "files", {
|
|
191
190
|
data: i.fileList
|
|
192
191
|
}, () => [
|
|
193
|
-
r.type == "image" && r.limit > 1 ? (l(), s(
|
|
192
|
+
r.type == "image" && r.limit > 1 ? (l(), s(p, { key: 0 }, [
|
|
194
193
|
i.fileList.length > 0 ? (l(), s("ul", {
|
|
195
194
|
key: 0,
|
|
196
195
|
class: $(["k-image-list", { "can-edit": !r.isView }])
|
|
197
196
|
}, [
|
|
198
|
-
(l(!0), s(
|
|
197
|
+
(l(!0), s(p, null, A(i.fileList, (t, n) => (l(), s("li", { key: n }, [
|
|
199
198
|
c("div", _, [
|
|
200
199
|
t.type == "image/webp" ? (l(), s("img", {
|
|
201
200
|
key: 0,
|
|
202
|
-
src:
|
|
201
|
+
src: k(t.url),
|
|
203
202
|
onClick: L,
|
|
204
203
|
title: t.name
|
|
205
204
|
}, null, 8, ee)) : t.type == "image/png" ? (l(), s("img", {
|
|
206
205
|
key: 1,
|
|
207
|
-
src:
|
|
206
|
+
src: k(t.url),
|
|
208
207
|
onClick: L,
|
|
209
208
|
title: t.name
|
|
210
209
|
}, null, 8, te)) : t.type == "image/jpg" || t.type == "image/jpeg" ? (l(), s("img", {
|
|
211
210
|
key: 2,
|
|
212
|
-
src:
|
|
211
|
+
src: k(t.url),
|
|
213
212
|
onClick: L,
|
|
214
213
|
title: t.name
|
|
215
214
|
}, null, 8, ie)) : u("", !0)
|
|
@@ -227,12 +226,12 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
|
|
|
227
226
|
]))), 128))
|
|
228
227
|
], 2)) : u("", !0)
|
|
229
228
|
], 64)) : u("", !0),
|
|
230
|
-
r.type == "file" ? (l(), s(
|
|
229
|
+
r.type == "file" ? (l(), s(p, { key: 1 }, [
|
|
231
230
|
i.fileList.length > 0 ? (l(), s("ul", {
|
|
232
231
|
key: 0,
|
|
233
232
|
class: $(["k-file-list", { "can-edit": !r.isView }])
|
|
234
233
|
}, [
|
|
235
|
-
(l(!0), s(
|
|
234
|
+
(l(!0), s(p, null, A(i.fileList, (t, n) => (l(), s("li", { key: n }, [
|
|
236
235
|
m(e.$slots, "file", { data: t }, () => [
|
|
237
236
|
c("span", null, d(t.name), 1),
|
|
238
237
|
r.isView ? u("", !0) : (l(), s("span", {
|
|
@@ -258,7 +257,7 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
|
|
|
258
257
|
}, () => [
|
|
259
258
|
i.errFiles.length > 0 ? (l(), s("div", re, [
|
|
260
259
|
c("span", null, " \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684" + d(r.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u6709\uFF1A", 1),
|
|
261
|
-
(l(!0), s(
|
|
260
|
+
(l(!0), s(p, null, A(i.errFiles, (t, n) => (l(), s("span", { key: n }, [
|
|
262
261
|
n > 0 ? (l(), s("span", ne, ", ")) : u("", !0),
|
|
263
262
|
O(" " + d(t.name), 1)
|
|
264
263
|
]))), 128))
|
|
@@ -141,4 +141,51 @@
|
|
|
141
141
|
border-radius: 4px;
|
|
142
142
|
cursor: pointer;
|
|
143
143
|
margin-bottom: 10px;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.k-upload-file-progress {
|
|
147
|
+
position: absolute;
|
|
148
|
+
top: 0;
|
|
149
|
+
left: 0;
|
|
150
|
+
z-index: 9999;
|
|
151
|
+
background: rgba(0, 0, 0, 0.5);
|
|
152
|
+
width: 100%;
|
|
153
|
+
height: 100%;
|
|
154
|
+
display: flex;
|
|
155
|
+
justify-content: center;
|
|
156
|
+
padding-top: 160px;
|
|
157
|
+
}
|
|
158
|
+
.k-upload-file-progress .text {
|
|
159
|
+
background: #427fe5;
|
|
160
|
+
height: 50px;
|
|
161
|
+
padding: 0 16px;
|
|
162
|
+
display: flex;
|
|
163
|
+
align-items: center;
|
|
164
|
+
color: #fff;
|
|
165
|
+
font-size: 14px;
|
|
166
|
+
border-radius: 5px;
|
|
167
|
+
box-shadow: 0 2px 8px #6c95d7;
|
|
168
|
+
padding-left: 39px;
|
|
169
|
+
position: relative;
|
|
170
|
+
}
|
|
171
|
+
.k-upload-file-progress .text::after {
|
|
172
|
+
content: "";
|
|
173
|
+
position: absolute;
|
|
174
|
+
width: 19px;
|
|
175
|
+
height: 19px;
|
|
176
|
+
background: url(data:image/png;base64,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) no-repeat;
|
|
177
|
+
background-size: auto 100%;
|
|
178
|
+
top: 15px;
|
|
179
|
+
left: 15px;
|
|
180
|
+
animation: rotateCircle 1s linear forwards infinite;
|
|
181
|
+
transform-origin: center center;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
@keyframes rotateCircle {
|
|
185
|
+
0% {
|
|
186
|
+
transform: rotate(0);
|
|
187
|
+
}
|
|
188
|
+
100% {
|
|
189
|
+
transform: rotate(360deg);
|
|
190
|
+
}
|
|
144
191
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../icon/index.js");require("./style/index.css");const h=require("./uploadFile2.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../icon/index.js");require("./style/index.css");const h=require("./uploadFile2.js"),L=require("../../directives/drag.js"),v=require("../../directives/zoomIn.js"),w={class:"k-upload-file-wrapper"},z={key:0},A={class:"upload-btn-section"},b={class:"btn-box"},x={class:"img-sec-box"},D=["src"],$={class:"img-wrapper"},j=["src","title"],I=["src","title"],q=["src","title"],M=["onClick"],T=["onClick"],O={class:"k-file-extensions-desc"},R={key:0,class:"error-tip"},U={key:0},P={key:0,class:"k-upload-file-progress"},Z=e.defineComponent({name:"k-upload-file"}),G=e.defineComponent({...Z,props:{data:{type:Array,default:()=>[]},isView:{type:Boolean,default:!0},accept:{type:Array,default:[".png",".jpg",".jpeg",".webp",".xls",".pdf",".xlsx",".docx"]},requestApi:{type:Function},limit:{type:Number,default:1},type:{type:String,default:"image"},params:{type:Object,default:{}},hasToken:{type:Boolean,default:!1},maxSize:{type:Number,default:10},successCode:{type:Number,default:200},loadingFileMaxSize:{type:Number,default:20}},emits:["limitError","success","deleteSuccess","fileSizeError"],setup(n,{expose:E,emit:B}){const f=e.ref();let a;const m=e.ref(!1),c=n;let F=c.maxSize*1024*1024;const V=c.loadingFileMaxSize*1024*1024,d=B,o=e.reactive({fileList:new Array,errFiles:new Array});o.fileList=c.data,e.watch(()=>c.data,t=>{o.fileList=t},{deep:!0});const C=t=>{for(let i=0;i<t.length;i++)t[i].size>V&&(m.value=!0)},g=()=>{a&&a.hide(),h.uploadImg({acceptType:c.accept,limit:c.limit,maxSize:F,success:async t=>{c.requestApi&&C(t),o.errFiles=new Array;let i=new Array;if(c.requestApi){let l=await c.requestApi(c.params,t);if(l.code==c.successCode){m.value&&(m.value=!1);for(let r=0;r<l.data.length;r++)i.push(l.data[r]);i.forEach(r=>{r.name=r.fileOriginName,r.type="image/"+r.fileSuffix}),y(i)}else console.log(l.msg)}else{for(let l=0;l<t.length;l++)t[l].url=window.URL.createObjectURL(t[l]),i.push(t[l]);y(i)}},limitError:t=>{d("limitError"),o.errFiles=new Array},fileSizeError:t=>{o.errFiles=t,d("fileSizeError",t)}})},y=t=>{c.limit==1?(o.fileList=t,c.type=="image"&&e.nextTick(()=>{a?a.updateSrc(u(o.fileList[0].url)):a=new v.ZoomIn(f.value,{type:"margin"})})):o.fileList=[...o.fileList,...t],d("success",o.fileList)};function N(t){const i=document.cookie.split("; ");for(let l=0;l<i.length;l++){const r=i[l].split("=");if(r[0]===t)return r[1]}return""}const u=t=>c.hasToken?`${t}?token=${N("bearer")}`:t,k=t=>{let i=o.fileList[t];o.fileList.splice(t,1),d("deleteSuccess",{deleteFile:i,result:o.fileList})},p=t=>{new L.Dragger(t.target,{type:"margin",list:o.fileList}).build()};return E({clearFiles:()=>{o.fileList=new Array},deleteFile:k}),(t,i)=>(e.openBlock(),e.createElementBlock("div",w,[n.isView?e.createCommentVNode("",!0):e.renderSlot(t.$slots,"default",{key:0},()=>[n.type=="file"?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("span",{onClick:g},[e.renderSlot(t.$slots,"icon",{},()=>[e.createElementVNode("div",A,[e.createElementVNode("div",b,[e.createVNode(e.unref(s.Icon),{name:"download",color:"#cccccc",size:"20"}),i[1]||(i[1]=e.createElementVNode("span",null,"\u4E0A\u4F20\u9644\u4EF6",-1))])])])])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"btn-file-image",onClick:e.withModifiers(g,["stop"])},[e.createElementVNode("div",x,[o.fileList.length>0&&n.limit==1?(e.openBlock(),e.createElementBlock("img",{key:0,src:u(o.fileList[0].url),ref_key:"imgRef",ref:f},null,8,D)):e.createCommentVNode("",!0)]),!n.isView&&o.fileList.length>0&&n.limit==1?(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:i[0]||(i[0]=e.withModifiers(l=>k(0),["stop"]))},[e.createVNode(e.unref(s.Icon),{name:"close",size:"12"})])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"icon",{},()=>[o.fileList.length==0&&n.limit==1?(e.openBlock(),e.createBlock(e.unref(s.Icon),{key:0,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0),n.limit>1?(e.openBlock(),e.createBlock(e.unref(s.Icon),{key:1,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0)])]))]),e.renderSlot(t.$slots,"files",{data:o.fileList},()=>[n.type=="image"&&n.limit>1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-image-list",{"can-edit":!n.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.fileList,(l,r)=>(e.openBlock(),e.createElementBlock("li",{key:r},[e.createElementVNode("div",$,[l.type=="image/webp"?(e.openBlock(),e.createElementBlock("img",{key:0,src:u(l.url),onClick:p,title:l.name},null,8,j)):l.type=="image/png"?(e.openBlock(),e.createElementBlock("img",{key:1,src:u(l.url),onClick:p,title:l.name},null,8,I)):l.type=="image/jpg"||l.type=="image/jpeg"?(e.openBlock(),e.createElementBlock("img",{key:2,src:u(l.url),onClick:p,title:l.name},null,8,q)):e.createCommentVNode("",!0)]),n.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:S=>k(r)},[e.createVNode(e.unref(s.Icon),{name:"close",size:"12"})],8,M))]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),n.type=="file"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-file-list",{"can-edit":!n.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.fileList,(l,r)=>(e.openBlock(),e.createElementBlock("li",{key:r},[e.renderSlot(t.$slots,"file",{data:l},()=>[e.createElementVNode("span",null,e.toDisplayString(l.name),1),n.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:S=>k(r)},[e.createVNode(e.unref(s.Icon),{name:"close",size:"12"})],8,T))])]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"tip",{},()=>[e.createElementVNode("div",O,"\u652F\u6301\u7684"+e.toDisplayString(n.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u683C\u5F0F\u6709\uFF1A"+e.toDisplayString(n.accept.join(","))+",\u6700\u591A\u4E0A\u4F20"+e.toDisplayString(n.limit)+"\u4E2A\u6587\u4EF6,"+e.toDisplayString(n.type=="file"?"\u5355\u4E2A\u6587\u4EF6":"\u5355\u5F20\u56FE\u7247")+"\u4E0D\u80FD\u5927\u4E8E"+e.toDisplayString(n.maxSize)+"MB",1)]),e.renderSlot(t.$slots,"sizeError",{data:o.errFiles},()=>[o.errFiles.length>0?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",null," \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684"+e.toDisplayString(n.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u6709\uFF1A",1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.errFiles,(l,r)=>(e.openBlock(),e.createElementBlock("span",{key:r},[r>0?(e.openBlock(),e.createElementBlock("span",U,", ")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(l.name),1)]))),128))])):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[m.value?(e.openBlock(),e.createElementBlock("div",P,[...i[2]||(i[2]=[e.createElementVNode("div",{class:"text"},"\u6587\u4EF6\u4E0A\u4F20\u4E2D,\u8BF7\u8010\u5FC3\u7B49\u5F85...",-1)])])):e.createCommentVNode("",!0)]))]))}});exports.default=G;
|