@lingshugroup/web-plus 1.7.1 → 1.7.2
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.
- package/lib/hooks/index.cjs +1 -1
- package/lib/hooks/index.js +6 -8
- package/lib/index.css +1 -1
- package/lib/index.css.br +0 -0
- package/lib/index.css.gz +0 -0
- package/lib/packages/ls-components/components/_hooks/useOptionHook/index.cjs +1 -1
- package/lib/packages/ls-components/components/_hooks/useOptionHook/index.js +37 -32
- package/lib/packages/ls-components/components/_hooks/useOptionHook/index.js.br +0 -0
- package/lib/packages/ls-components/components/_hooks/useOptionHook/index.js.gz +0 -0
- package/lib/packages/ls-components/components/button/Button.vue/index.cjs +1 -1
- package/lib/packages/ls-components/components/button/Button.vue/index.js +2 -2
- package/lib/packages/ls-components/components/button/Button.vue/index2.cjs +1 -1
- package/lib/packages/ls-components/components/button/Button.vue/index2.js +14 -14
- package/lib/packages/ls-components/components/button/Button.vue/index2.js.br +0 -0
- package/lib/packages/ls-components/components/button/Button.vue/index2.js.gz +0 -0
- package/lib/packages/ls-components/components/button/ButtonGroup.vue/index.cjs +1 -1
- package/lib/packages/ls-components/components/button/ButtonGroup.vue/index.js +2 -2
- package/lib/packages/ls-components/components/editor/Index.vue/index.cjs +1 -1
- package/lib/packages/ls-components/components/editor/Index.vue/index.js +2 -2
- package/lib/packages/ls-components/components/editor/Index.vue/index2.cjs +1 -1
- package/lib/packages/ls-components/components/editor/Index.vue/index2.js +75 -58
- package/lib/packages/ls-components/components/editor/Index.vue/index2.js.br +0 -0
- package/lib/packages/ls-components/components/editor/Index.vue/index2.js.gz +0 -0
- package/lib/packages/ls-components/components/editor/types/index.cjs +1 -1
- package/lib/packages/ls-components/components/editor/types/index.js +19 -4
- package/lib/packages/ls-components/components/editor/types/index.js.br +0 -0
- package/lib/packages/ls-components/components/editor/types/index.js.gz +0 -0
- package/lib/packages/ls-components/components/menu/Index.vue/index.cjs +1 -1
- package/lib/packages/ls-components/components/menu/Index.vue/index.js +2 -2
- package/lib/packages/ls-components/components/menu/Index.vue/index2.cjs +1 -1
- package/lib/packages/ls-components/components/menu/Index.vue/index2.js +37 -35
- package/lib/packages/ls-components/components/menu/Index.vue/index2.js.br +0 -0
- package/lib/packages/ls-components/components/menu/Index.vue/index2.js.gz +0 -0
- package/lib/packages/ls-components/components/menu/MenuItem.vue/index.cjs +1 -1
- package/lib/packages/ls-components/components/menu/MenuItem.vue/index.js +10 -10
- package/lib/packages/ls-components/components/menu/MenuItem.vue/index.js.br +0 -0
- package/lib/packages/ls-components/components/menu/MenuItem.vue/index.js.gz +0 -0
- package/lib/packages/ls-components/components/upload/Index.vue/index.cjs +1 -1
- package/lib/packages/ls-components/components/upload/Index.vue/index.js +2 -2
- package/lib/packages/ls-components/components/upload/Index.vue/index2.cjs +1 -1
- package/lib/packages/ls-components/components/upload/Index.vue/index2.js +52 -52
- package/lib/packages/ls-components/components/upload/Index.vue/index2.js.br +0 -0
- package/lib/packages/ls-components/components/upload/Index.vue/index2.js.gz +0 -0
- package/lib/types/components/_hooks/index.d.ts +1 -2
- package/lib/types/components/_hooks/useOptionHook.d.ts +3 -3
- package/lib/types/components/dialog/Index.vue.d.ts +1 -1
- package/lib/types/components/editor/Index.vue.d.ts +9 -0
- package/lib/types/components/editor/index.d.ts +18 -0
- package/lib/types/components/editor/types.d.ts +3 -0
- package/lib/types/components/form/FormItem.vue.d.ts +23 -23
- package/lib/types/components/form/index.d.ts +23 -23
- package/lib/types/components/form/types.d.ts +1 -1
- package/lib/types/components/menu/types.d.ts +1 -1
- package/package.json +1 -1
- package/lib/node_modules/.pnpm/colorthief@2.4.0/node_modules/colorthief/dist/color-thief/index.cjs +0 -1
- package/lib/node_modules/.pnpm/colorthief@2.4.0/node_modules/colorthief/dist/color-thief/index.js +0 -222
- package/lib/node_modules/.pnpm/colorthief@2.4.0/node_modules/colorthief/dist/color-thief/index.js.br +0 -0
- package/lib/node_modules/.pnpm/colorthief@2.4.0/node_modules/colorthief/dist/color-thief/index.js.gz +0 -0
- package/lib/packages/ls-components/components/_hooks/useColorthiefHook/index.cjs +0 -1
- package/lib/packages/ls-components/components/_hooks/useColorthiefHook/index.js +0 -23
|
@@ -4,71 +4,73 @@ var n = (c, l) => w(c, "name", { value: l, configurable: !0 });
|
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
|
-
import { defineComponent as b, useCssVars as B, useAttrs as F, ref as C, watch as
|
|
8
|
-
import { useNamespace as
|
|
9
|
-
import { lsMenuProps as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import { ElMenu as
|
|
13
|
-
const
|
|
7
|
+
import { defineComponent as b, useCssVars as B, useAttrs as F, ref as C, watch as k, nextTick as J, onMounted as q, openBlock as v, createBlock as h, mergeProps as I, unref as _, withCtx as A, createElementBlock as R, Fragment as x, renderList as H, renderSlot as K } from "vue";
|
|
8
|
+
import { useNamespace as O } from "../../_hooks/useNamespace/index.js";
|
|
9
|
+
import { lsMenuProps as T, lsEmitNames as j } from "../types/index.js";
|
|
10
|
+
import z from "../../_hooks/useRouterHook/index.js";
|
|
11
|
+
import G from "../MenuItem.vue/index.js";
|
|
12
|
+
import { ElMenu as Q } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.5.13_typescript@5.5.4_/node_modules/element-plus/es/components/menu/index/index.js";
|
|
13
|
+
const U = b({
|
|
14
14
|
name: "LSMenu"
|
|
15
15
|
}), ce = /* @__PURE__ */ b({
|
|
16
|
-
...
|
|
17
|
-
props:
|
|
18
|
-
emits:
|
|
16
|
+
...U,
|
|
17
|
+
props: T,
|
|
18
|
+
emits: j,
|
|
19
19
|
setup(c, { expose: l, emit: M }) {
|
|
20
20
|
B((e) => ({
|
|
21
|
-
"
|
|
21
|
+
"7ad8c66c": e.hoverColor
|
|
22
22
|
}));
|
|
23
|
-
const { currentRouter: r } =
|
|
24
|
-
|
|
25
|
-
() =>
|
|
23
|
+
const { currentRouter: r } = z(), E = O("menu").b(), y = c, u = M, N = F(), L = C(!1), S = C(""), o = C();
|
|
24
|
+
k(
|
|
25
|
+
() => y.permissionList,
|
|
26
26
|
(e) => {
|
|
27
|
-
|
|
27
|
+
y.needPermission && e && e.length > 0 && a();
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
30
|
immediate: !0,
|
|
31
31
|
deep: !0
|
|
32
32
|
}
|
|
33
|
-
),
|
|
33
|
+
), k(
|
|
34
34
|
() => r.value,
|
|
35
35
|
() => {
|
|
36
|
-
|
|
36
|
+
a();
|
|
37
37
|
},
|
|
38
38
|
{
|
|
39
39
|
immediate: !0,
|
|
40
40
|
deep: !0
|
|
41
41
|
}
|
|
42
|
-
),
|
|
42
|
+
), k(
|
|
43
43
|
() => N["default-active"],
|
|
44
44
|
async (e) => {
|
|
45
|
-
e && (await J(),
|
|
45
|
+
e && (await J(), m(e.toString()));
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
48
|
immediate: !0,
|
|
49
49
|
deep: !0
|
|
50
50
|
}
|
|
51
51
|
);
|
|
52
|
-
function
|
|
53
|
-
if (!
|
|
52
|
+
function a() {
|
|
53
|
+
if (!L.value)
|
|
54
54
|
return;
|
|
55
55
|
const { meta: e } = (r == null ? void 0 : r.value) || {};
|
|
56
|
-
|
|
56
|
+
S.value = (e == null ? void 0 : e.key) || "1";
|
|
57
57
|
}
|
|
58
|
-
n(
|
|
58
|
+
n(a, "initMenuSider");
|
|
59
59
|
function g(e) {
|
|
60
60
|
u("onJump", e);
|
|
61
61
|
}
|
|
62
62
|
n(g, "onJump");
|
|
63
|
-
function D(e
|
|
64
|
-
|
|
63
|
+
function D(e) {
|
|
64
|
+
const { key: i } = e;
|
|
65
|
+
m(i), u("defineSubClick", e);
|
|
65
66
|
}
|
|
66
67
|
n(D, "defineSubClickFunc");
|
|
67
|
-
function $(e
|
|
68
|
-
|
|
68
|
+
function $(e) {
|
|
69
|
+
const { key: i } = e;
|
|
70
|
+
m(i), u("defineChildClick", e);
|
|
69
71
|
}
|
|
70
72
|
n($, "defineChildClickFunc");
|
|
71
|
-
function
|
|
73
|
+
function m(e) {
|
|
72
74
|
if (o.value) {
|
|
73
75
|
let i = !1;
|
|
74
76
|
const f = o.value.$el.querySelectorAll(".el-sub-menu"), t = o.value.$el.querySelectorAll(".el-menu-item"), d = "is-sub-active", p = "is-active";
|
|
@@ -79,21 +81,21 @@ const V = b({
|
|
|
79
81
|
});
|
|
80
82
|
}
|
|
81
83
|
}
|
|
82
|
-
return n(
|
|
83
|
-
|
|
84
|
+
return n(m, "removeActiveClass"), q(() => {
|
|
85
|
+
L.value = !0, a();
|
|
84
86
|
}), l({
|
|
85
87
|
lsComMenuRef: o
|
|
86
88
|
}), (e, i) => {
|
|
87
|
-
const f =
|
|
88
|
-
return
|
|
89
|
+
const f = Q;
|
|
90
|
+
return v(), h(f, I({
|
|
89
91
|
ref_key: "lsComMenuRef",
|
|
90
92
|
ref: o
|
|
91
93
|
}, e.$attrs, {
|
|
92
94
|
class: _(E),
|
|
93
|
-
"default-active": _(
|
|
95
|
+
"default-active": _(S)
|
|
94
96
|
}), {
|
|
95
97
|
default: A(() => [
|
|
96
|
-
(
|
|
98
|
+
(v(!0), R(x, null, H(e.menuConfigList, (t) => (v(), h(G, {
|
|
97
99
|
key: t.key,
|
|
98
100
|
item: t,
|
|
99
101
|
"permission-list": e.permissionList,
|
|
@@ -104,7 +106,7 @@ const V = b({
|
|
|
104
106
|
onDefineChildClick: $
|
|
105
107
|
}, {
|
|
106
108
|
[t.iconSlot]: A(() => [
|
|
107
|
-
|
|
109
|
+
K(e.$slots, t.iconSlot, {}, void 0, !0)
|
|
108
110
|
]),
|
|
109
111
|
_: 2
|
|
110
112
|
}, 1032, ["item", "permission-list", "need-permission", "is-define-click"]))), 128))
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var g=Object.defineProperty;var t=(r,m)=>g(r,"name",{value:m,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});;/* empty css */;/* empty css */;/* empty css */const e=require("vue"),
|
|
1
|
+
"use strict";var g=Object.defineProperty;var t=(r,m)=>g(r,"name",{value:m,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});;/* empty css */;/* empty css */;/* empty css */const e=require("vue"),c=,/* empty css */f=,/* empty css */B=,/* empty css */k=,/* empty css */w=e.defineComponent({name:"LSMenuItem"}),M=e.defineComponent({...w,props:f.lsMenuItemProps,emits:f.lsEmitNames,setup(r,{emit:m}){const{jumpRouteCom:C}=B.default(),o=m,u=r,S=t((i,n)=>{if(u.isDefineClick)p(n);else{const{link:l,defJump:d}=n||{};d?o("onJump",n):l?window.open(l,"_blank"):C(n)}},"jumpRoute");function y(i){o("onJump",i)}t(y,"onJump");function a(i){u.isDefineClick&&o("defineSubClick",i)}t(a,"defineSubClickFunc");function p(i){u.isDefineClick&&o("defineChildClick",i)}return t(p,"defineChildClickFunc"),(i,n)=>{const l=k.ElMenuItem,d=e.resolveComponent("MenuItem",!0),v=k.ElSubMenu;return!i.needPermission||i.permissionList.includes(i.item.pCode)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[!i.item.children||i.item.leaf?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:n[1]||(n[1]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(l,{index:i.item.key,"data-index":i.item.key,onClick:n[0]||(n[0]=s=>S(i.item.key,i.item))},{title:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(i.item.title),1)]),default:e.withCtx(()=>[e.createVNode(c.default,e.normalizeProps(e.guardReactiveProps(i.item.iconConfig)),e.createSlots({_:2},[i.item.iconSlot?{name:"default",fn:e.withCtx(()=>[e.renderSlot(i.$slots,i.item.iconSlot)]),key:"0"}:void 0]),1040)]),_:3},8,["index","data-index"])])):(e.openBlock(),e.createBlock(v,{key:1,index:i.item.key,"data-index":i.item.key,onClick:n[2]||(n[2]=s=>a(i.item))},{title:e.withCtx(()=>[e.createVNode(c.default,e.normalizeProps(e.guardReactiveProps(i.item.iconConfig)),e.createSlots({_:2},[i.item.iconSlot?{name:"default",fn:e.withCtx(()=>[e.renderSlot(i.$slots,i.item.iconSlot)]),key:"0"}:void 0]),1040),e.createElementVNode("span",null,e.toDisplayString(i.item.title),1)]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.item.children,s=>(e.openBlock(),e.createBlock(d,{key:s.key,item:s,"permission-list":i.permissionList,"need-permission":i.needPermission,"is-define-click":i.isDefineClick,onOnJump:y,onDefineSubClick:a,onDefineChildClick:p},null,8,["item","permission-list","need-permission","is-define-click"]))),128))]),_:3},8,["index","data-index"]))],64)):e.createCommentVNode("",!0)}}});exports.default=M;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var N = Object.defineProperty;
|
|
2
|
-
var o = (r,
|
|
2
|
+
var o = (r, d) => N(r, "name", { value: d, configurable: !0 });
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
@@ -14,10 +14,10 @@ const O = E({
|
|
|
14
14
|
...O,
|
|
15
15
|
props: V,
|
|
16
16
|
emits: j,
|
|
17
|
-
setup(r, { emit:
|
|
18
|
-
const { jumpRouteCom: J } = h(), m =
|
|
19
|
-
if (
|
|
20
|
-
C(
|
|
17
|
+
setup(r, { emit: d }) {
|
|
18
|
+
const { jumpRouteCom: J } = h(), m = d, u = r, L = /* @__PURE__ */ o((e, i) => {
|
|
19
|
+
if (u.isDefineClick)
|
|
20
|
+
C(i);
|
|
21
21
|
else {
|
|
22
22
|
const { link: l, defJump: p } = i || {};
|
|
23
23
|
p ? m("onJump", i) : l ? window.open(l, "_blank") : J(i);
|
|
@@ -27,12 +27,12 @@ const O = E({
|
|
|
27
27
|
m("onJump", e);
|
|
28
28
|
}
|
|
29
29
|
o(P, "onJump");
|
|
30
|
-
function a(e
|
|
31
|
-
|
|
30
|
+
function a(e) {
|
|
31
|
+
u.isDefineClick && m("defineSubClick", e);
|
|
32
32
|
}
|
|
33
33
|
o(a, "defineSubClickFunc");
|
|
34
|
-
function C(e
|
|
35
|
-
|
|
34
|
+
function C(e) {
|
|
35
|
+
u.isDefineClick && m("defineChildClick", e);
|
|
36
36
|
}
|
|
37
37
|
return o(C, "defineChildClickFunc"), (e, i) => {
|
|
38
38
|
const l = z, p = R("MenuItem", !0), w = H;
|
|
@@ -67,7 +67,7 @@ const O = E({
|
|
|
67
67
|
key: 1,
|
|
68
68
|
index: e.item.key,
|
|
69
69
|
"data-index": e.item.key,
|
|
70
|
-
onClick: i[2] || (i[2] = (s) => a(e.item
|
|
70
|
+
onClick: i[2] || (i[2] = (s) => a(e.item))
|
|
71
71
|
}, {
|
|
72
72
|
title: n(() => [
|
|
73
73
|
k(g, v(D(e.item.iconConfig)), M({ _: 2 }, [
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css */;/* empty css */const t=,/* empty css */u=t.default(e.default,[["__scopeId","data-v-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css */;/* empty css */const t=,/* empty css */u=t.default(e.default,[["__scopeId","data-v-a5e190b8"]]);exports.default=u;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./index2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../_virtual/_plugin-vue_export-helper/index.js";
|
|
4
|
-
const
|
|
4
|
+
const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a5e190b8"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
_ as default
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Fe=Object.defineProperty;var a=(U,T)=>Fe(U,"name",{value:T,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});;/* empty css */;/* empty css */;/* empty css */;/* empty css */const e=require("vue"),E=,/* empty css */he=,/* empty css */ye=,/* empty css */F=,/* empty css */j=,/* empty css */be=;/* empty css */;/* empty css */;/* empty css */const S=,/* empty css */Be=,/* empty css */Ce=,/* empty css */we={class:"ls-drag"},Ee={class:"drag-txt ls-color-brand6"},Se={key:0,class:"btn-picture-card"},xe={key:0,class:"ls-tip"},Le=e.defineComponent({name:"LSUpload",inheritAttrs:!1,__name:"Index",props:E.lsUploadProps,emits:["uploadErrorFunc","onChangeFunc","httpResponseFunc"],setup(U,{expose:T,emit:H}){const x=e.useSlots(),d=e.useAttrs(),G=ye.useNamespace("upload").b(),c=e.ref(),s=e.ref(!1),v=e.reactive({isCover:!0,accept:"",disabled:!1}),i=e.reactive({uploadFileList:[],initUploadStatus:!0,showPreview:!1,sourcePreview:"",iconColor:he.getVariable("colorText1")}),o=U,L=H;e.watch(()=>d["file-list"],t=>{i.uploadFileList=t||[]},{immediate:!0,deep:!0});const h=e.computed(()=>{var t,n;return!!((t=o==null?void 0:o.item)!=null&&t.isToast||typeof((n=o==null?void 0:o.item)==null?void 0:n.isToast)>"u")}),f=e.computed(()=>{var n;const t=(n=o==null?void 0:o.item)==null?void 0:n.isCover;return typeof t>"u"?!0:t}),g=e.computed(()=>d.multiple),p=e.computed(()=>{const t=d["auto-upload"];return typeof t>"u"?!0:t}),K=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.emptyFileMsg)||""}),q=e.computed(()=>d["list-type"]),y=e.computed(()=>q.value===E.UPLOAD_TYPE_MAP.picCard),W=e.computed(()=>!q.value||q.value=="text"),b=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitFile)||[]}),X=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitFileMsg)||""}),B=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitSize)||2}),Y=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitSizeMsg)||""}),A=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitUnit)||"MB"}),J=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitNumMsg)||""}),Q=e.computed(()=>{var t;return(t=o==null?void 0:o.item)==null?void 0:t.limitAllFail}),R=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.profile)||!1}),C=e.computed(()=>d.drag),Z=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.hideCoverBtn)&&f.value&&i.uploadFileList.length>0}),k=e.computed(()=>d.disabled),M=e.computed(()=>{const t=y.value?"图片":"文件";let n=`选择${t}`;return s.value?n="正在上传...":f.value&&!g.value?p.value?i.initUploadStatus?n="点击上传":n="重新上传":i.initUploadStatus?n=`选择${t}`:n="重新上传":p.value&&(n="点击上传"),n}),ee=e.computed(()=>{let t="不限制上传格式,";return y.value&&(t="文件须为图片格式,"),`${t}文件大小不超过${B.value}${A.value}`}),te=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.tipContent)||""}),V=e.computed(()=>{var t;return(t=o==null?void 0:o.item)==null?void 0:t.httpRequestFunc}),ne=e.computed(()=>{var n;const t=Number(d.limit||0);return t?((n=o==null?void 0:o.item)==null?void 0:n.hideBtnReachLimit)&&i.uploadFileList.length>=t:!1});e.watch([f,V],([t,n])=>{v.isCover=t,n&&n instanceof Function&&(v["http-request"]=ce)},{immediate:!0,deep:!0}),e.watch(()=>b.value,t=>{t&&t.length>0&&oe(t)},{immediate:!0,deep:!0});function oe(t){v.accept="",t.forEach(n=>{const l=E.fileTypeMap[n]||"";l&&(v.accept&&(v.accept+=","),v.accept+=l)})}a(oe,"updateFileAccept");function w(t){const{formRuleFunc:n,formValidateFunc:l}=e.toRefs(o==null?void 0:o.item);if(n&&n.value instanceof Function&&l&&l.value instanceof Function){const r=n.value(),{message:u}=r;r.message=t,l.value(),r.message=u}L("uploadErrorFunc",t)}a(w,"validateForm");async function le(t,n){if(s.value=!1,o.onExceed)return o.onExceed(t,n);const l=Number(d.limit||0);let r=0;Q.value||(r=l-i.uploadFileList.length,r>0&&(de(t.slice(0,r)),p.value&&_()));const u=J.value||`当前限制选择 ${l} 个文件,本次选择了 ${t.length} 个文件,已成功上传 ${r} 个文件`;h.value?setTimeout(()=>{S.ElMessage.warning(u)},200):w(u)}a(le,"onExceedAction");function ie(t){if(o.beforeUpload){const l=o.beforeUpload(t);return l&&f.value&&!g.value&&P(),l}const n=$(t,!0);return n&&p.value&&f.value&&!g.value&&P(),n}a(ie,"beforeUploadAction");function $(t,n){let l=!0;const{size:r,name:u}=t,z=b.value.length>0&&!D(u);let N=!1;switch(A.value){case"KB":N=r/1024>B.value;break;case"MB":N=r/1024/1024>B.value;break;default:N=r/1024/1024/1024>B.value;break}if(z){const m=X.value||`上传文件 ${t.name} 只能是 ${b.value.filter(ke=>ke).join(",").toLocaleLowerCase()} 格式!`;h.value&&n?setTimeout(()=>{S.ElMessage.error(m)},200):w(m),l=!1}if(N){const m=Y.value||`上传文件 ${t.name} 大小不能超过 ${B.value}${A.value}!`;h.value&&n?setTimeout(()=>{S.ElMessage.error(m)},200):w(m),l=!1}if(y.value&&!D(u,E.IMG_SUFFIX_LIST)){const m=`上传文件 ${t.name} 不是图片格式的文件!`;h.value&&n?setTimeout(()=>{S.ElMessage.error(m)},200):w(m),l=!1}return l}a($,"validateUploadFile");function D(t,n){let l=[];if(b.value.length>0?l=b.value:n&&(l=n),l.length<=0)return!0;for(let r=0;r<l.length;r++){const u=(l[r]||"").toLowerCase();if(t.toLowerCase().endsWith(u))return!0}return!1}a(D,"fileTypeMatch");function P(t,n){i.uploadFileList.splice(t||0,n||i.uploadFileList.length-1)}a(P,"updateCoverFileList");function re(t,n){i.uploadFileList=n;const l=t.raw&&$(t.raw,!p.value);if(l&&f.value&&!g.value&&P(),o.onChange)return o.onChange(t,n);const{size:r=0}=t;if(r<=0){I();const u=K.value||"禁止上传空文件,请检查后重新上传!";h.value?S.ElMessage.error(u):w(u);return}t.raw&&(!p.value&&!l?I():(t.blob=URL.createObjectURL(t.raw)||"",L("onChangeFunc",t)))}a(re,"onChangeAction");function I(){let t=0;i.uploadFileList.length>1&&(t=i.uploadFileList.length-1),P(t,1),L("onChangeFunc",{})}a(I,"setChangeRes");function ue(t,n,l){s.value=!1,i.initUploadStatus=!1;const{formRuleFunc:r,formValidateFunc:u}=e.toRefs(o==null?void 0:o.item);if(r&&r.value instanceof Function&&u&&u.value instanceof Function&&u.value(),o.onSuccess)return o.onSuccess(t,n,l)}a(ue,"onSuccessAction");function ae(t,n,l){if(s.value=!1,o.onError)return o.onError(t,n,l)}a(ae,"onErrorAction");function se(t,n){if(i.initUploadStatus=!n.length,i.uploadFileList=i.uploadFileList.filter(l=>l.uid===t.uid||l.name===t.name?null:l),o.onRemove)return o.onRemove(t,n)}a(se,"onRemoveAction");async function ce(t){const{file:n}=t;if(!n)return;const{size:l}=n;if(l<=0||!$(n,!1))return;if(o.httpRequest)return o.httpRequest(t);const r=new FormData;if(r.append("file",n),V.value instanceof Function){s.value=!0;let u={};try{u=await V.value(r)}catch(z){u=z}finally{s.value=!1,L("httpResponseFunc",u)}}}a(ce,"httpRequestAction");function O(){let t=!1;for(let n=0;n<i.uploadFileList.length;n++)if(i.uploadFileList[n].status===E.UPLOAD_STATUS_MAP.ready){t=!0;break}return t}a(O,"hasReadyFile");function _(){var t;(t=c==null?void 0:c.value)==null||t.submit()}a(_,"comfirmUpload");function de(t){(t||[]).forEach(n=>{var l;(l=c==null?void 0:c.value)==null||l.handleStart(n)})}a(de,"comHandleStart");function fe(t){c==null||c.value.handleRemove(t)}a(fe,"removeFile");function me(){i.uploadFileList.forEach(t=>{var n;if(t)try{(n=c==null?void 0:c.value)==null||n.abort(t),fe(t)}catch{}})}a(me,"cancelUpload");function ve(t,n,l){if(s.value=!0,o.onProgress)return o.onProgress(t,n,l)}a(ve,"onProgressAction");function pe(t){if(o.onPreview)return o.onPreview(t);if(y.value){const{url:n}=t;i.sourcePreview=n,i.showPreview=!0}}a(pe,"onPreviewAction");function ge(){i.showPreview=!1,i.sourcePreview=""}return a(ge,"closePreview"),T({uploadRef:c}),(t,n)=>{const l=Be.ElAvatar,r=Ce.ElUpload;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(G),e.unref(C)?"ls-upload-drag":"",e.unref(R)?"ls-profile":"",e.unref(Z)?"hide-cover-btn":"",e.unref(ne)?"hide-btn":""])},[e.createVNode(r,e.mergeProps({ref_key:"uploadRef",ref:c},Object.assign(e.unref(v),t.$attrs),{"on-exceed":le,"before-upload":ie,"on-change":re,"on-success":ue,"on-error":ae,"on-remove":se,"on-progress":ve,"on-preview":pe}),e.createSlots({trigger:e.withCtx(()=>[e.unref(R)?t.item.defProfile&&e.unref(i).uploadFileList.length<1?(e.openBlock(),e.createBlock(l,{key:1,size:60,src:t.item.defProfile,fit:"contain"},null,8,["src"])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(x).trigger?e.renderSlot(t.$slots,"trigger",{key:1},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(C)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(s)?(e.openBlock(),e.createBlock(F.default,{key:0,text:"",loading:e.unref(s),disabled:e.unref(k)},null,8,["loading","disabled"])):(e.openBlock(),e.createBlock(j.default,{key:1,class:"upload-icon",name:"UploadFilled",size:"56",color:"#E7E7E7"})),e.createElementVNode("div",we,[e.createElementVNode("div",Ee,e.toDisplayString(e.unref(M)),1),e.unref(s)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n[1]||(n[1]=e.createTextVNode(" / ")),n[2]||(n[2]=e.createElementVNode("div",{class:"drag-txt ls-color-text2"},"拖拽到此区域",-1))],64))])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(y)?(e.openBlock(),e.createElementBlock("div",Se,[e.unref(s)?(e.openBlock(),e.createBlock(F.default,{key:0,text:"",loading:e.unref(s),disabled:e.unref(k)},null,8,["loading","disabled"])):(e.openBlock(),e.createBlock(j.default,{key:1,class:"upload-btn-plus",name:"Plus",size:28,color:e.unref(i).iconColor},null,8,["color"])),e.createElementVNode("div",null,e.toDisplayString(e.unref(M)),1)])):(e.openBlock(),e.createBlock(F.default,{key:1,plain:"",icon:"upload",loading:e.unref(s),disabled:e.unref(k)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(M)),1)]),_:1},8,["loading","disabled"]))],64))],64))],64))]),default:e.withCtx(()=>[e.unref(x).default?e.renderSlot(t.$slots,"default",{key:1},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[!e.unref(p)&&(e.unref(W)||e.unref(C))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["upload-btn-handle",[e.unref(C)?"drag-css":"nor-css",!e.unref(f)||e.unref(g)?"multi-css":""]])},[e.unref(C)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(f)||e.unref(g)?(e.openBlock(),e.createBlock(F.default,{key:0,type:"primary",loading:e.unref(s),disabled:e.unref(k),onClick:me,class:"ls-upload-btn-com ls-upload-btn-cancel"},{default:e.withCtx(()=>n[4]||(n[4]=[e.createTextVNode("取消上传")])),_:1},8,["loading","disabled"])):e.createCommentVNode("",!0),e.createVNode(F.default,{class:e.normalizeClass(["start-upload ls-upload-btn-com ls-upload-btn-comfirm",{"is-ready":O()}]),type:"primary",loading:e.unref(s),disabled:e.unref(k),onClick:_},{default:e.withCtx(()=>n[5]||(n[5]=[e.createTextVNode("开始上传")])),_:1},8,["class","loading","disabled"])],64)):(e.openBlock(),e.createBlock(F.default,{key:0,type:"primary",class:e.normalizeClass(["ls-upload-btn-com ls-upload-btn-comfirm",{"is-ready":O()}]),loading:e.unref(s),disabled:e.unref(k),onClick:_},{default:e.withCtx(()=>n[3]||(n[3]=[e.createTextVNode("开始上传 ")])),_:1},8,["class","loading","disabled"]))],2)):e.createCommentVNode("",!0)],64))]),tip:e.withCtx(()=>[e.unref(x).tip?e.renderSlot(t.$slots,"tip",{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",xe,e.toDisplayString(e.unref(te)||e.unref(ee)),1))]),_:2},[e.unref(x).file?{name:"file",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"file",{},void 0,!0)]),key:"0"}:void 0]),1040),e.createVNode(e.unref(be.default),{modelValue:e.unref(i).showPreview,"onUpdate:modelValue":n[0]||(n[0]=u=>e.unref(i).showPreview=u),source:e.unref(i).sourcePreview,"on-close":ge},null,8,["modelValue","source"])],2)}}});exports.default=Le;
|
|
1
|
+
"use strict";var Fe=Object.defineProperty;var a=(T,q)=>Fe(T,"name",{value:q,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});;/* empty css */;/* empty css */;/* empty css */;/* empty css */const e=require("vue"),E=,/* empty css */he=,/* empty css */ye=,/* empty css */F=,/* empty css */j=,/* empty css */be=;/* empty css */;/* empty css */;/* empty css */const S=,/* empty css */Be=,/* empty css */Ce=,/* empty css */we={class:"ls-drag"},Ee={class:"drag-txt ls-color-brand6"},Se={key:0,class:"btn-picture-card"},xe={key:0,class:"ls-tip"},Le=e.defineComponent({name:"LSUpload",inheritAttrs:!1,__name:"Index",props:E.lsUploadProps,emits:["uploadErrorFunc","onChangeFunc","httpResponseFunc"],setup(T,{expose:q,emit:H}){const x=e.useSlots(),d=e.useAttrs(),G=ye.useNamespace("upload").b(),c=e.ref(),s=e.ref(!1),v=e.reactive({isCover:!0,accept:"",disabled:!1}),i=e.reactive({uploadFileList:[],initUploadStatus:!0,showPreview:!1,sourcePreview:"",iconColor:he.getVariable("colorText1")}),o=T,L=H;e.watch(()=>d["file-list"],t=>{i.uploadFileList=t||[]},{immediate:!0,deep:!0});const h=e.computed(()=>{var t,n;return!!((t=o==null?void 0:o.item)!=null&&t.isToast||typeof((n=o==null?void 0:o.item)==null?void 0:n.isToast)>"u")}),f=e.computed(()=>{var n;const t=(n=o==null?void 0:o.item)==null?void 0:n.isCover;return typeof t>"u"?!0:t}),g=e.computed(()=>d.multiple),p=e.computed(()=>{const t=d["auto-upload"];return typeof t>"u"?!0:t}),K=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.emptyFileMsg)||""}),A=e.computed(()=>d["list-type"]),y=e.computed(()=>A.value===E.UPLOAD_TYPE_MAP.picCard),W=e.computed(()=>!A.value||A.value=="text"),b=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitFile)||[]}),X=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitFileMsg)||""}),B=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitSize)||2}),Y=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitSizeMsg)||""}),M=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitUnit)||"MB"}),J=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.limitNumMsg)||""}),Q=e.computed(()=>{var t;return(t=o==null?void 0:o.item)==null?void 0:t.limitAllFail}),R=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.profile)||!1}),C=e.computed(()=>d.drag),Z=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.hideCoverBtn)&&f.value&&i.uploadFileList.length>0}),k=e.computed(()=>d.disabled),V=e.computed(()=>{const t=y.value?"图片":"文件";let n=`选择${t}`;return s.value?n="正在上传...":f.value&&!g.value?p.value?i.initUploadStatus?n="点击上传":n="重新上传":i.initUploadStatus?n=`选择${t}`:n="重新上传":p.value&&(n="点击上传"),n}),ee=e.computed(()=>{let t="不限制上传格式,";return y.value&&(t="文件须为图片格式,"),`${t}文件大小不超过${B.value}${M.value}`}),te=e.computed(()=>{var t;return((t=o==null?void 0:o.item)==null?void 0:t.tipContent)||""}),$=e.computed(()=>{var t;return(t=o==null?void 0:o.item)==null?void 0:t.httpRequestFunc}),ne=e.computed(()=>{var n;const t=Number(d.limit||0);return t?((n=o==null?void 0:o.item)==null?void 0:n.hideBtnReachLimit)&&i.uploadFileList.length>=t:!1});e.watch([f,$],([t,n])=>{v.isCover=t,n&&n instanceof Function&&(v["http-request"]=ce)},{immediate:!0,deep:!0}),e.watch(()=>b.value,t=>{t&&t.length>0&&oe(t)},{immediate:!0,deep:!0});function oe(t){v.accept="",t.forEach(n=>{const l=E.fileTypeMap[n]||"";l&&(v.accept&&(v.accept+=","),v.accept+=l)})}a(oe,"updateFileAccept");function w(t){const{formRuleFunc:n,formValidateFunc:l}=e.toRefs(o==null?void 0:o.item);if(n&&n.value instanceof Function&&l&&l.value instanceof Function){const r=n.value(),{message:u}=r;r.message=t,l.value(),r.message=u}L("uploadErrorFunc",t)}a(w,"validateForm");async function le(t,n){if(s.value=!1,o.onExceed)return o.onExceed(t,n);const l=Number(d.limit||0);let r=0;Q.value||(r=l-i.uploadFileList.length,r>0&&(de(t.slice(0,r)),p.value&&z()));const u=J.value||`当前限制选择 ${l} 个文件,本次选择了 ${t.length} 个文件,已成功上传 ${r} 个文件`;h.value?setTimeout(()=>{S.ElMessage.warning(u)},200):w(u)}a(le,"onExceedAction");function ie(t){if(o.beforeUpload){const l=o.beforeUpload(t);return l&&f.value&&!g.value&&P(),l}const n=_(t,!0);return n&&p.value&&f.value&&!g.value&&P(),n}a(ie,"beforeUploadAction");function _(t,n){let l=!0;const{size:r,name:u}=t,N=b.value.length>0&&!D(u);let U=!1;switch(M.value){case"KB":U=r/1024>B.value;break;case"MB":U=r/1024/1024>B.value;break;default:U=r/1024/1024/1024>B.value;break}if(N){const m=X.value||`上传文件 ${t.name} 只能是 ${b.value.filter(ke=>ke).join(",").toLocaleLowerCase()} 格式!`;h.value&&n?setTimeout(()=>{S.ElMessage.error(m)},200):w(m),l=!1}if(U){const m=Y.value||`上传文件 ${t.name} 大小不能超过 ${B.value}${M.value}!`;h.value&&n?setTimeout(()=>{S.ElMessage.error(m)},200):w(m),l=!1}if(!N&&y.value&&!D(u,E.IMG_SUFFIX_LIST)){const m=`上传文件 ${t.name} 不是图片格式的文件!`;h.value&&n?setTimeout(()=>{S.ElMessage.error(m)},200):w(m),l=!1}return l}a(_,"validateUploadFile");function D(t,n){let l=[];if(b.value.length>0?l=b.value:n&&(l=n),l.length<=0)return!0;for(let r=0;r<l.length;r++){const u=(l[r]||"").toLowerCase();if(t.toLowerCase().endsWith(u))return!0}return!1}a(D,"fileTypeMatch");function P(t,n){i.uploadFileList.splice(t||0,n||i.uploadFileList.length-1)}a(P,"updateCoverFileList");function re(t,n){i.uploadFileList=n;const l=t.raw&&_(t.raw,!p.value);if(l&&f.value&&!g.value&&P(),o.onChange)return o.onChange(t,n);const{size:r=0}=t;if(r<=0){I();const u=K.value||"禁止上传空文件,请检查后重新上传!";h.value?S.ElMessage.error(u):w(u);return}t.raw&&(!p.value&&!l?I():(t.blob=URL.createObjectURL(t.raw)||"",L("onChangeFunc",t)))}a(re,"onChangeAction");function I(){let t=0;i.uploadFileList.length>1&&(t=i.uploadFileList.length-1),P(t,1),L("onChangeFunc",{})}a(I,"setChangeRes");function ue(t,n,l){s.value=!1,i.initUploadStatus=!1;const{formRuleFunc:r,formValidateFunc:u}=e.toRefs(o==null?void 0:o.item);if(r&&r.value instanceof Function&&u&&u.value instanceof Function&&u.value(),o.onSuccess)return o.onSuccess(t,n,l)}a(ue,"onSuccessAction");function ae(t,n,l){if(s.value=!1,o.onError)return o.onError(t,n,l)}a(ae,"onErrorAction");function se(t,n){if(i.initUploadStatus=!n.length,i.uploadFileList=i.uploadFileList.filter(l=>l.uid===t.uid||l.name===t.name?null:l),o.onRemove)return o.onRemove(t,n)}a(se,"onRemoveAction");async function ce(t){const{file:n}=t;if(!n)return;const{size:l}=n;if(l<=0||!_(n,!1))return;if(o.httpRequest)return o.httpRequest(t);const r=new FormData;if(r.append("file",n),$.value instanceof Function){s.value=!0;let u={};try{u=await $.value(r)}catch(N){u=N}finally{s.value=!1,L("httpResponseFunc",u)}}}a(ce,"httpRequestAction");function O(){let t=!1;for(let n=0;n<i.uploadFileList.length;n++)if(i.uploadFileList[n].status===E.UPLOAD_STATUS_MAP.ready){t=!0;break}return t}a(O,"hasReadyFile");function z(){var t;(t=c==null?void 0:c.value)==null||t.submit()}a(z,"comfirmUpload");function de(t){(t||[]).forEach(n=>{var l;(l=c==null?void 0:c.value)==null||l.handleStart(n)})}a(de,"comHandleStart");function fe(t){c==null||c.value.handleRemove(t)}a(fe,"removeFile");function me(){i.uploadFileList.forEach(t=>{var n;if(t)try{(n=c==null?void 0:c.value)==null||n.abort(t),fe(t)}catch{}})}a(me,"cancelUpload");function ve(t,n,l){if(s.value=!0,o.onProgress)return o.onProgress(t,n,l)}a(ve,"onProgressAction");function pe(t){if(o.onPreview)return o.onPreview(t);if(y.value){const{url:n}=t;i.sourcePreview=n,i.showPreview=!0}}a(pe,"onPreviewAction");function ge(){i.showPreview=!1,i.sourcePreview=""}return a(ge,"closePreview"),q({uploadRef:c}),(t,n)=>{const l=Be.ElAvatar,r=Ce.ElUpload;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(G),e.unref(C)?"ls-upload-drag":"",e.unref(R)?"ls-profile":"",e.unref(Z)?"hide-cover-btn":"",e.unref(ne)?"hide-btn":""])},[e.createVNode(r,e.mergeProps({ref_key:"uploadRef",ref:c},Object.assign(e.unref(v),t.$attrs),{"on-exceed":le,"before-upload":ie,"on-change":re,"on-success":ue,"on-error":ae,"on-remove":se,"on-progress":ve,"on-preview":pe}),e.createSlots({trigger:e.withCtx(()=>[e.unref(R)?t.item.defProfile&&e.unref(i).uploadFileList.length<1?(e.openBlock(),e.createBlock(l,{key:1,size:60,src:t.item.defProfile,fit:"contain"},null,8,["src"])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(x).trigger?e.renderSlot(t.$slots,"trigger",{key:1},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(C)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(s)?(e.openBlock(),e.createBlock(F.default,{key:0,text:"",loading:e.unref(s),disabled:e.unref(k)},null,8,["loading","disabled"])):(e.openBlock(),e.createBlock(j.default,{key:1,class:"upload-icon",name:"UploadFilled",size:"56",color:"#E7E7E7"})),e.createElementVNode("div",we,[e.createElementVNode("div",Ee,e.toDisplayString(e.unref(V)),1),e.unref(s)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n[1]||(n[1]=e.createTextVNode(" / ")),n[2]||(n[2]=e.createElementVNode("div",{class:"drag-txt ls-color-text2"},"拖拽到此区域",-1))],64))])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(y)?(e.openBlock(),e.createElementBlock("div",Se,[e.unref(s)?(e.openBlock(),e.createBlock(F.default,{key:0,text:"",loading:e.unref(s),disabled:e.unref(k)},null,8,["loading","disabled"])):(e.openBlock(),e.createBlock(j.default,{key:1,class:"upload-btn-plus",name:"Plus",size:28,color:e.unref(i).iconColor},null,8,["color"])),e.createElementVNode("div",null,e.toDisplayString(e.unref(V)),1)])):(e.openBlock(),e.createBlock(F.default,{key:1,plain:"",icon:"upload",loading:e.unref(s),disabled:e.unref(k)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(V)),1)]),_:1},8,["loading","disabled"]))],64))],64))],64))]),default:e.withCtx(()=>[e.unref(x).default?e.renderSlot(t.$slots,"default",{key:1},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[!e.unref(p)&&(e.unref(W)||e.unref(C))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["upload-btn-handle",[e.unref(C)?"drag-css":"nor-css",!e.unref(f)||e.unref(g)?"multi-css":""]])},[e.unref(C)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(f)||e.unref(g)?(e.openBlock(),e.createBlock(F.default,{key:0,type:"primary",loading:e.unref(s),disabled:e.unref(k),onClick:me,class:"ls-upload-btn-com ls-upload-btn-cancel"},{default:e.withCtx(()=>n[4]||(n[4]=[e.createTextVNode("取消上传")])),_:1},8,["loading","disabled"])):e.createCommentVNode("",!0),e.createVNode(F.default,{class:e.normalizeClass(["start-upload ls-upload-btn-com ls-upload-btn-comfirm",{"is-ready":O()}]),type:"primary",loading:e.unref(s),disabled:e.unref(k),onClick:z},{default:e.withCtx(()=>n[5]||(n[5]=[e.createTextVNode("开始上传")])),_:1},8,["class","loading","disabled"])],64)):(e.openBlock(),e.createBlock(F.default,{key:0,type:"primary",class:e.normalizeClass(["ls-upload-btn-com ls-upload-btn-comfirm",{"is-ready":O()}]),loading:e.unref(s),disabled:e.unref(k),onClick:z},{default:e.withCtx(()=>n[3]||(n[3]=[e.createTextVNode("开始上传 ")])),_:1},8,["class","loading","disabled"]))],2)):e.createCommentVNode("",!0)],64))]),tip:e.withCtx(()=>[e.unref(x).tip?e.renderSlot(t.$slots,"tip",{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",xe,e.toDisplayString(e.unref(te)||e.unref(ee)),1))]),_:2},[e.unref(x).file?{name:"file",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"file",{},void 0,!0)]),key:"0"}:void 0]),1040),e.createVNode(e.unref(be.default),{modelValue:e.unref(i).showPreview,"onUpdate:modelValue":n[0]||(n[0]=u=>e.unref(i).showPreview=u),source:e.unref(i).sourcePreview,"on-close":ge},null,8,["modelValue","source"])],2)}}});exports.default=Le;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var Re = Object.defineProperty;
|
|
2
|
-
var u = (
|
|
2
|
+
var u = (O, j) => Re(O, "name", { value: j, configurable: !0 });
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
|
-
import { defineComponent as _e, useSlots as ze, useAttrs as Ne, ref as ne, reactive as le, watch as J, computed as s, openBlock as c, createElementBlock as f, normalizeClass as
|
|
7
|
+
import { defineComponent as _e, useSlots as ze, useAttrs as Ne, ref as ne, reactive as le, watch as J, computed as s, openBlock as c, createElementBlock as f, normalizeClass as B, unref as n, createVNode as Q, mergeProps as Be, createSlots as Ve, withCtx as F, Fragment as k, createBlock as h, createElementVNode as V, toDisplayString as D, createTextVNode as $, createCommentVNode as I, renderSlot as q, toRefs as oe } from "vue";
|
|
8
8
|
import { lsUploadProps as De, UPLOAD_TYPE_MAP as Ie, fileTypeMap as qe, UPLOAD_STATUS_MAP as Oe, IMG_SUFFIX_LIST as je } from "../types/index.js";
|
|
9
9
|
import { getVariable as He } from "../../_utils/config/index.js";
|
|
10
10
|
import { useNamespace as Ge } from "../../_hooks/useNamespace/index.js";
|
|
@@ -28,7 +28,7 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
28
28
|
__name: "Index",
|
|
29
29
|
props: De,
|
|
30
30
|
emits: ["uploadErrorFunc", "onChangeFunc", "httpResponseFunc"],
|
|
31
|
-
setup(
|
|
31
|
+
setup(O, { expose: j, emit: se }) {
|
|
32
32
|
const M = ze(), v = Ne(), re = Ge("upload").b(), m = ne(), d = ne(!1), y = le({
|
|
33
33
|
isCover: !0,
|
|
34
34
|
accept: "",
|
|
@@ -39,7 +39,7 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
39
39
|
showPreview: !1,
|
|
40
40
|
sourcePreview: "",
|
|
41
41
|
iconColor: He("colorText1")
|
|
42
|
-
}), i =
|
|
42
|
+
}), i = O, R = se;
|
|
43
43
|
J(
|
|
44
44
|
() => v["file-list"],
|
|
45
45
|
(e) => {
|
|
@@ -63,7 +63,7 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
63
63
|
}), ue = s(() => {
|
|
64
64
|
var e;
|
|
65
65
|
return ((e = i == null ? void 0 : i.item) == null ? void 0 : e.emptyFileMsg) || "";
|
|
66
|
-
}),
|
|
66
|
+
}), H = s(() => v["list-type"]), P = s(() => H.value === Ie.picCard), ce = s(() => !H.value || H.value == "text"), U = s(() => {
|
|
67
67
|
var e;
|
|
68
68
|
return ((e = i == null ? void 0 : i.item) == null ? void 0 : e.limitFile) || [];
|
|
69
69
|
}), de = s(() => {
|
|
@@ -75,7 +75,7 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
75
75
|
}), me = s(() => {
|
|
76
76
|
var e;
|
|
77
77
|
return ((e = i == null ? void 0 : i.item) == null ? void 0 : e.limitSizeMsg) || "";
|
|
78
|
-
}),
|
|
78
|
+
}), G = s(() => {
|
|
79
79
|
var e;
|
|
80
80
|
return ((e = i == null ? void 0 : i.item) == null ? void 0 : e.limitUnit) || "MB";
|
|
81
81
|
}), fe = s(() => {
|
|
@@ -90,17 +90,17 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
90
90
|
}), E = s(() => v.drag), ge = s(() => {
|
|
91
91
|
var e;
|
|
92
92
|
return ((e = i == null ? void 0 : i.item) == null ? void 0 : e.hideCoverBtn) && g.value && o.uploadFileList.length > 0;
|
|
93
|
-
}), w = s(() => v.disabled),
|
|
93
|
+
}), w = s(() => v.disabled), K = s(() => {
|
|
94
94
|
const e = P.value ? "图片" : "文件";
|
|
95
95
|
let t = `选择${e}`;
|
|
96
96
|
return d.value ? t = "正在上传..." : g.value && !L.value ? b.value ? o.initUploadStatus ? t = "点击上传" : t = "重新上传" : o.initUploadStatus ? t = `选择${e}` : t = "重新上传" : b.value && (t = "点击上传"), t;
|
|
97
97
|
}), pe = s(() => {
|
|
98
98
|
let e = "不限制上传格式,";
|
|
99
|
-
return P.value && (e = "文件须为图片格式,"), `${e}文件大小不超过${A.value}${
|
|
99
|
+
return P.value && (e = "文件须为图片格式,"), `${e}文件大小不超过${A.value}${G.value}`;
|
|
100
100
|
}), Fe = s(() => {
|
|
101
101
|
var e;
|
|
102
102
|
return ((e = i == null ? void 0 : i.item) == null ? void 0 : e.tipContent) || "";
|
|
103
|
-
}),
|
|
103
|
+
}), W = s(() => {
|
|
104
104
|
var e;
|
|
105
105
|
return (e = i == null ? void 0 : i.item) == null ? void 0 : e.httpRequestFunc;
|
|
106
106
|
}), he = s(() => {
|
|
@@ -109,7 +109,7 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
109
109
|
return e ? ((t = i == null ? void 0 : i.item) == null ? void 0 : t.hideBtnReachLimit) && o.uploadFileList.length >= e : !1;
|
|
110
110
|
});
|
|
111
111
|
J(
|
|
112
|
-
[g,
|
|
112
|
+
[g, W],
|
|
113
113
|
([e, t]) => {
|
|
114
114
|
y.isCover = e, t && t instanceof Function && (y["http-request"] = Pe);
|
|
115
115
|
},
|
|
@@ -148,7 +148,7 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
148
148
|
return i.onExceed(e, t);
|
|
149
149
|
const l = Number(v.limit || 0);
|
|
150
150
|
let a = 0;
|
|
151
|
-
ve.value || (a = l - o.uploadFileList.length, a > 0 && (Ue(e.slice(0, a)), b.value &&
|
|
151
|
+
ve.value || (a = l - o.uploadFileList.length, a > 0 && (Ue(e.slice(0, a)), b.value && Y()));
|
|
152
152
|
const r = fe.value || `当前限制选择 ${l} 个文件,本次选择了 ${e.length} 个文件,已成功上传 ${a} 个文件`;
|
|
153
153
|
S.value ? setTimeout(() => {
|
|
154
154
|
x.warning(r);
|
|
@@ -160,38 +160,38 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
160
160
|
const l = i.beforeUpload(e);
|
|
161
161
|
return l && g.value && !L.value && _(), l;
|
|
162
162
|
}
|
|
163
|
-
const t =
|
|
163
|
+
const t = X(e, !0);
|
|
164
164
|
return t && b.value && g.value && !L.value && _(), t;
|
|
165
165
|
}
|
|
166
166
|
u(ke, "beforeUploadAction");
|
|
167
|
-
function
|
|
167
|
+
function X(e, t) {
|
|
168
168
|
let l = !0;
|
|
169
|
-
const { size: a, name: r } = e,
|
|
170
|
-
let
|
|
171
|
-
switch (
|
|
169
|
+
const { size: a, name: r } = e, z = U.value.length > 0 && !ee(r);
|
|
170
|
+
let N = !1;
|
|
171
|
+
switch (G.value) {
|
|
172
172
|
case "KB":
|
|
173
|
-
|
|
173
|
+
N = a / 1024 > A.value;
|
|
174
174
|
break;
|
|
175
175
|
case "MB":
|
|
176
|
-
|
|
176
|
+
N = a / 1024 / 1024 > A.value;
|
|
177
177
|
break;
|
|
178
178
|
default:
|
|
179
|
-
|
|
179
|
+
N = a / 1024 / 1024 / 1024 > A.value;
|
|
180
180
|
break;
|
|
181
181
|
}
|
|
182
|
-
if (
|
|
182
|
+
if (z) {
|
|
183
183
|
const p = de.value || `上传文件 ${e.name} 只能是 ${U.value.filter((Me) => Me).join(",").toLocaleLowerCase()} 格式!`;
|
|
184
184
|
S.value && t ? setTimeout(() => {
|
|
185
185
|
x.error(p);
|
|
186
186
|
}, 200) : T(p), l = !1;
|
|
187
187
|
}
|
|
188
|
-
if (
|
|
189
|
-
const p = me.value || `上传文件 ${e.name} 大小不能超过 ${A.value}${
|
|
188
|
+
if (N) {
|
|
189
|
+
const p = me.value || `上传文件 ${e.name} 大小不能超过 ${A.value}${G.value}!`;
|
|
190
190
|
S.value && t ? setTimeout(() => {
|
|
191
191
|
x.error(p);
|
|
192
192
|
}, 200) : T(p), l = !1;
|
|
193
193
|
}
|
|
194
|
-
if (P.value && !ee(r, je)) {
|
|
194
|
+
if (!z && P.value && !ee(r, je)) {
|
|
195
195
|
const p = `上传文件 ${e.name} 不是图片格式的文件!`;
|
|
196
196
|
S.value && t ? setTimeout(() => {
|
|
197
197
|
x.error(p);
|
|
@@ -199,7 +199,7 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
199
199
|
}
|
|
200
200
|
return l;
|
|
201
201
|
}
|
|
202
|
-
u(
|
|
202
|
+
u(X, "validateUploadFile");
|
|
203
203
|
function ee(e, t) {
|
|
204
204
|
let l = [];
|
|
205
205
|
if (U.value.length > 0 ? l = U.value : t && (l = t), l.length <= 0)
|
|
@@ -218,7 +218,7 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
218
218
|
u(_, "updateCoverFileList");
|
|
219
219
|
function Le(e, t) {
|
|
220
220
|
o.uploadFileList = t;
|
|
221
|
-
const l = e.raw &&
|
|
221
|
+
const l = e.raw && X(e.raw, !b.value);
|
|
222
222
|
if (l && g.value && !L.value && _(), i.onChange)
|
|
223
223
|
return i.onChange(e, t);
|
|
224
224
|
const { size: a = 0 } = e;
|
|
@@ -258,18 +258,18 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
258
258
|
if (!t)
|
|
259
259
|
return;
|
|
260
260
|
const { size: l } = t;
|
|
261
|
-
if (l <= 0 || !
|
|
261
|
+
if (l <= 0 || !X(t, !1))
|
|
262
262
|
return;
|
|
263
263
|
if (i.httpRequest)
|
|
264
264
|
return i.httpRequest(e);
|
|
265
265
|
const a = new FormData();
|
|
266
|
-
if (a.append("file", t),
|
|
266
|
+
if (a.append("file", t), W.value instanceof Function) {
|
|
267
267
|
d.value = !0;
|
|
268
268
|
let r = {};
|
|
269
269
|
try {
|
|
270
|
-
r = await
|
|
271
|
-
} catch (
|
|
272
|
-
r =
|
|
270
|
+
r = await W.value(a);
|
|
271
|
+
} catch (z) {
|
|
272
|
+
r = z;
|
|
273
273
|
} finally {
|
|
274
274
|
d.value = !1, R("httpResponseFunc", r);
|
|
275
275
|
}
|
|
@@ -286,11 +286,11 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
286
286
|
return e;
|
|
287
287
|
}
|
|
288
288
|
u(ie, "hasReadyFile");
|
|
289
|
-
function
|
|
289
|
+
function Y() {
|
|
290
290
|
var e;
|
|
291
291
|
(e = m == null ? void 0 : m.value) == null || e.submit();
|
|
292
292
|
}
|
|
293
|
-
u(
|
|
293
|
+
u(Y, "comfirmUpload");
|
|
294
294
|
function Ue(e) {
|
|
295
295
|
(e || []).forEach((t) => {
|
|
296
296
|
var l;
|
|
@@ -330,12 +330,12 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
330
330
|
function xe() {
|
|
331
331
|
o.showPreview = !1, o.sourcePreview = "";
|
|
332
332
|
}
|
|
333
|
-
return u(xe, "closePreview"),
|
|
333
|
+
return u(xe, "closePreview"), j({
|
|
334
334
|
uploadRef: m
|
|
335
335
|
}), (e, t) => {
|
|
336
336
|
const l = We, a = Xe;
|
|
337
337
|
return c(), f("div", {
|
|
338
|
-
class:
|
|
338
|
+
class: B([
|
|
339
339
|
n(re),
|
|
340
340
|
n(E) ? "ls-upload-drag" : "",
|
|
341
341
|
n(Z) ? "ls-profile" : "",
|
|
@@ -362,8 +362,8 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
362
362
|
size: 60,
|
|
363
363
|
src: e.item.defProfile,
|
|
364
364
|
fit: "contain"
|
|
365
|
-
}, null, 8, ["src"])) :
|
|
366
|
-
n(M).trigger ?
|
|
365
|
+
}, null, 8, ["src"])) : I("", !0) : (c(), f(k, { key: 0 }, [
|
|
366
|
+
n(M).trigger ? q(e.$slots, "trigger", { key: 1 }, void 0, !0) : (c(), f(k, { key: 0 }, [
|
|
367
367
|
n(E) ? (c(), f(k, { key: 0 }, [
|
|
368
368
|
n(d) ? (c(), h(C, {
|
|
369
369
|
key: 0,
|
|
@@ -377,11 +377,11 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
377
377
|
size: "56",
|
|
378
378
|
color: "#E7E7E7"
|
|
379
379
|
})),
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
n(d) ?
|
|
380
|
+
V("div", Ye, [
|
|
381
|
+
V("div", Je, D(n(K)), 1),
|
|
382
|
+
n(d) ? I("", !0) : (c(), f(k, { key: 0 }, [
|
|
383
383
|
t[1] || (t[1] = $(" / ")),
|
|
384
|
-
t[2] || (t[2] =
|
|
384
|
+
t[2] || (t[2] = V("div", { class: "drag-txt ls-color-text2" }, "拖拽到此区域", -1))
|
|
385
385
|
], 64))
|
|
386
386
|
])
|
|
387
387
|
], 64)) : (c(), f(k, { key: 1 }, [
|
|
@@ -398,7 +398,7 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
398
398
|
size: 28,
|
|
399
399
|
color: n(o).iconColor
|
|
400
400
|
}, null, 8, ["color"])),
|
|
401
|
-
|
|
401
|
+
V("div", null, D(n(K)), 1)
|
|
402
402
|
])) : (c(), h(C, {
|
|
403
403
|
key: 1,
|
|
404
404
|
plain: "",
|
|
@@ -407,7 +407,7 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
407
407
|
disabled: n(w)
|
|
408
408
|
}, {
|
|
409
409
|
default: F(() => [
|
|
410
|
-
$(
|
|
410
|
+
$(D(n(K)), 1)
|
|
411
411
|
]),
|
|
412
412
|
_: 1
|
|
413
413
|
}, 8, ["loading", "disabled"]))
|
|
@@ -416,10 +416,10 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
416
416
|
], 64))
|
|
417
417
|
]),
|
|
418
418
|
default: F(() => [
|
|
419
|
-
n(M).default ?
|
|
419
|
+
n(M).default ? q(e.$slots, "default", { key: 1 }, void 0, !0) : (c(), f(k, { key: 0 }, [
|
|
420
420
|
!n(b) && (n(ce) || n(E)) ? (c(), f("div", {
|
|
421
421
|
key: 0,
|
|
422
|
-
class:
|
|
422
|
+
class: B(["upload-btn-handle", [n(E) ? "drag-css" : "nor-css", !n(g) || n(L) ? "multi-css" : ""]])
|
|
423
423
|
}, [
|
|
424
424
|
n(E) ? (c(), f(k, { key: 1 }, [
|
|
425
425
|
!n(g) || n(L) ? (c(), h(C, {
|
|
@@ -434,13 +434,13 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
434
434
|
$("取消上传")
|
|
435
435
|
])),
|
|
436
436
|
_: 1
|
|
437
|
-
}, 8, ["loading", "disabled"])) :
|
|
437
|
+
}, 8, ["loading", "disabled"])) : I("", !0),
|
|
438
438
|
Q(C, {
|
|
439
|
-
class:
|
|
439
|
+
class: B(["start-upload ls-upload-btn-com ls-upload-btn-comfirm", { "is-ready": ie() }]),
|
|
440
440
|
type: "primary",
|
|
441
441
|
loading: n(d),
|
|
442
442
|
disabled: n(w),
|
|
443
|
-
onClick:
|
|
443
|
+
onClick: Y
|
|
444
444
|
}, {
|
|
445
445
|
default: F(() => t[5] || (t[5] = [
|
|
446
446
|
$("开始上传")
|
|
@@ -450,28 +450,28 @@ const Ye = { class: "ls-drag" }, Je = { class: "drag-txt ls-color-brand6" }, Qe
|
|
|
450
450
|
], 64)) : (c(), h(C, {
|
|
451
451
|
key: 0,
|
|
452
452
|
type: "primary",
|
|
453
|
-
class:
|
|
453
|
+
class: B(["ls-upload-btn-com ls-upload-btn-comfirm", { "is-ready": ie() }]),
|
|
454
454
|
loading: n(d),
|
|
455
455
|
disabled: n(w),
|
|
456
|
-
onClick:
|
|
456
|
+
onClick: Y
|
|
457
457
|
}, {
|
|
458
458
|
default: F(() => t[3] || (t[3] = [
|
|
459
459
|
$("开始上传 ")
|
|
460
460
|
])),
|
|
461
461
|
_: 1
|
|
462
462
|
}, 8, ["class", "loading", "disabled"]))
|
|
463
|
-
], 2)) :
|
|
463
|
+
], 2)) : I("", !0)
|
|
464
464
|
], 64))
|
|
465
465
|
]),
|
|
466
466
|
tip: F(() => [
|
|
467
|
-
n(M).tip ?
|
|
467
|
+
n(M).tip ? q(e.$slots, "tip", { key: 1 }, void 0, !0) : (c(), f("div", Ze, D(n(Fe) || n(pe)), 1))
|
|
468
468
|
]),
|
|
469
469
|
_: 2
|
|
470
470
|
}, [
|
|
471
471
|
n(M).file ? {
|
|
472
472
|
name: "file",
|
|
473
473
|
fn: F(() => [
|
|
474
|
-
|
|
474
|
+
q(e.$slots, "file", {}, void 0, !0)
|
|
475
475
|
]),
|
|
476
476
|
key: "0"
|
|
477
477
|
} : void 0
|
|
Binary file
|
|
Binary file
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { default as useRouterHook } from './useRouterHook';
|
|
2
|
-
import { default as useColorthiefHook } from './useColorthiefHook';
|
|
3
2
|
import { default as useWSHook } from './useWSHook';
|
|
4
3
|
import { default as useOptionHook } from './useOptionHook';
|
|
5
4
|
import { default as useTableListHook } from './useTableListHook';
|
|
6
|
-
export { useRouterHook,
|
|
5
|
+
export { useRouterHook, useWSHook, useOptionHook, useTableListHook };
|