vft 0.0.128 → 0.0.129
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/dist/index.css +1 -1
- package/es/components/backtop/backtop.vue2.js +21 -21
- package/es/components/button/button.vue2.js +1 -1
- package/es/components/button/use-button.js +3 -3
- package/es/components/color-picker/color-picker.vue2.js +2 -2
- package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +33 -33
- package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js +26 -26
- package/es/components/date-picker/date-picker-com/panel-month-range.vue2.js +13 -13
- package/es/components/date-time-select/date-time-select.vue2.js +3 -3
- package/es/components/dialog/dialog-content.vue2.js +1 -1
- package/es/components/drawer/drawer.vue2.js +9 -9
- package/es/components/dropdown/dropdown.vue2.js +1 -1
- package/es/components/full-screen/full-screen.vue2.js +11 -11
- package/es/components/icon/icon.vue2.js +3 -1
- package/es/components/icon-text/icon-text.vue2.js +22 -22
- package/es/components/image-viewer/image-viewer.vue2.js +35 -35
- package/es/components/index.js +113 -113
- package/es/components/input/input.vue2.js +37 -33
- package/es/components/input-number/input-number.vue2.js +25 -25
- package/es/components/list-cell/list-cell.vue2.js +14 -14
- package/es/components/md-code-demo/md-code-demo.js +3 -3
- package/es/components/md-container/md-container.vue2.js +13 -13
- package/es/components/md-vue-playground/md-vue-playground.vue2.js +8 -8
- package/es/components/menu/menu.vue2.js +1 -1
- package/es/components/menu/sub-menu.vue2.js +2 -2
- package/es/components/message/message.vue2.js +4 -4
- package/es/components/multiple-tabs/use/use-tab-dropdown.js +10 -10
- package/es/components/pagination/components/next.vue2.js +5 -5
- package/es/components/pagination/components/pager.vue2.js +40 -40
- package/es/components/pagination/components/prev.vue2.js +5 -5
- package/es/components/popconfirm/popconfirm.vue2.js +1 -1
- package/es/components/progress/progress.vue2.js +13 -13
- package/es/components/search/search.vue2.js +1 -1
- package/es/components/select/select.vue.js +1 -1
- package/es/components/select/useSelect.js +1 -1
- package/es/components/side-menu/side-menu.vue2.js +24 -24
- package/es/components/skeleton/skeleton-item.vue2.js +5 -5
- package/es/components/switch/switch.vue2.js +1 -1
- package/es/components/tabs/tabs.vue2.js +4 -4
- package/es/components/tag/tag.vue2.js +1 -1
- package/es/components/time-picker/common/picker.vue2.js +1 -1
- package/es/components/time-picker/common/props.js +1 -1
- package/es/components/time-picker/time-picker-com/basic-time-spinner.vue2.js +2 -2
- package/es/components/tree/tree-node.vue.js +9 -9
- package/es/components/upload/upload-list.vue2.js +33 -33
- package/es/index.js +113 -113
- package/es/package.json.js +1 -1
- package/lib/components/backtop/backtop.vue2.cjs +1 -1
- package/lib/components/button/button.vue2.cjs +1 -1
- package/lib/components/button/use-button.cjs +1 -1
- package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-date-pick.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-date-range.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-month-range.vue2.cjs +1 -1
- package/lib/components/date-time-select/date-time-select.vue2.cjs +1 -1
- package/lib/components/dialog/dialog-content.vue2.cjs +1 -1
- package/lib/components/drawer/drawer.vue2.cjs +1 -1
- package/lib/components/dropdown/dropdown.vue2.cjs +1 -1
- package/lib/components/full-screen/full-screen.vue2.cjs +1 -1
- package/lib/components/icon/icon.vue2.cjs +1 -1
- package/lib/components/icon-text/icon-text.vue2.cjs +1 -1
- package/lib/components/image-viewer/image-viewer.vue2.cjs +1 -1
- package/lib/components/index.cjs +1 -1
- package/lib/components/input/input.vue2.cjs +1 -1
- package/lib/components/input-number/input-number.vue2.cjs +1 -1
- package/lib/components/list-cell/list-cell.vue2.cjs +1 -1
- package/lib/components/md-code-demo/md-code-demo.cjs +1 -1
- package/lib/components/md-container/md-container.vue2.cjs +1 -1
- package/lib/components/md-vue-playground/md-vue-playground.vue2.cjs +1 -1
- package/lib/components/menu/menu.vue2.cjs +1 -1
- package/lib/components/menu/sub-menu.vue2.cjs +1 -1
- package/lib/components/message/message.vue2.cjs +1 -1
- package/lib/components/multiple-tabs/use/use-tab-dropdown.cjs +1 -1
- package/lib/components/pagination/components/next.vue2.cjs +1 -1
- package/lib/components/pagination/components/pager.vue2.cjs +1 -1
- package/lib/components/pagination/components/prev.vue2.cjs +1 -1
- package/lib/components/popconfirm/popconfirm.vue2.cjs +1 -1
- package/lib/components/progress/progress.vue2.cjs +2 -2
- package/lib/components/search/search.vue2.cjs +1 -1
- package/lib/components/select/select.vue.cjs +1 -1
- package/lib/components/select/useSelect.cjs +1 -1
- package/lib/components/side-menu/side-menu.vue2.cjs +1 -1
- package/lib/components/skeleton/skeleton-item.vue2.cjs +1 -1
- package/lib/components/switch/switch.vue2.cjs +1 -1
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/tag/tag.vue2.cjs +1 -1
- package/lib/components/time-picker/common/picker.vue2.cjs +1 -1
- package/lib/components/time-picker/common/props.cjs +1 -1
- package/lib/components/time-picker/time-picker-com/basic-time-spinner.vue2.cjs +1 -1
- package/lib/components/tree/tree-node.vue.cjs +1 -1
- package/lib/components/upload/upload-list.vue2.cjs +1 -1
- package/lib/index.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +2 -2
- package/theme-style/index.css +1 -1
- package/theme-style/src/backtop.scss +4 -0
- package/theme-style/src/button.scss +4 -0
- package/theme-style/src/color-picker.scss +3 -0
- package/theme-style/src/common/icon.scss +65 -0
- package/theme-style/src/common/var.scss +4 -0
- package/theme-style/src/date-picker/date-picker.scss +14 -0
- package/theme-style/src/date-picker/time-picker.scss +4 -0
- package/theme-style/src/date-picker.scss +1 -0
- package/theme-style/src/date-time-select.scss +8 -1
- package/theme-style/src/dialog.scss +2 -0
- package/theme-style/src/drawer.scss +2 -0
- package/theme-style/src/dropdown.scss +2 -0
- package/theme-style/src/full-screen.scss +8 -1
- package/theme-style/src/icon-text.scss +4 -0
- package/theme-style/src/image-viewer.scss +19 -1
- package/theme-style/src/input-number.scss +9 -0
- package/theme-style/src/input.scss +22 -0
- package/theme-style/src/list-cell.scss +2 -0
- package/theme-style/src/md-container.scss +28 -0
- package/theme-style/src/menu.scss +11 -4
- package/theme-style/src/message.scss +10 -0
- package/theme-style/src/mixins/icon.scss +52 -0
- package/theme-style/src/mixins/mixins.scss +1 -0
- package/theme-style/src/multiple-tabs.scss +22 -0
- package/theme-style/src/pagination.scss +15 -0
- package/theme-style/src/popconfirm.scss +4 -0
- package/theme-style/src/progress.scss +16 -0
- package/theme-style/src/select.scss +3 -0
- package/theme-style/src/side-menu.scss +4 -0
- package/theme-style/src/skeleton-item.scss +5 -0
- package/theme-style/src/switch.scss +4 -0
- package/theme-style/src/tabs.scss +7 -0
- package/theme-style/src/tag.scss +2 -0
- package/theme-style/src/tree.scss +7 -0
- package/theme-style/src/upload.scss +25 -4
- package/theme-style/vft-backtop.css +1 -1
- package/theme-style/vft-button.css +1 -1
- package/theme-style/vft-color-picker.css +1 -1
- package/theme-style/vft-date-picker.css +1 -1
- package/theme-style/vft-date-time-select.css +1 -1
- package/theme-style/vft-dialog.css +1 -1
- package/theme-style/vft-drawer.css +1 -1
- package/theme-style/vft-dropdown.css +1 -1
- package/theme-style/vft-full-screen.css +1 -1
- package/theme-style/vft-icon-text.css +1 -1
- package/theme-style/vft-image-viewer.css +1 -1
- package/theme-style/vft-input-number.css +1 -1
- package/theme-style/vft-input.css +1 -1
- package/theme-style/vft-list-cell.css +1 -1
- package/theme-style/vft-md-container.css +1 -1
- package/theme-style/vft-menu.css +1 -1
- package/theme-style/vft-message.css +1 -1
- package/theme-style/vft-multiple-tabs.css +1 -1
- package/theme-style/vft-pagination.css +1 -1
- package/theme-style/vft-popconfirm.css +1 -1
- package/theme-style/vft-progress.css +1 -1
- package/theme-style/vft-select.css +1 -1
- package/theme-style/vft-side-menu.css +1 -1
- package/theme-style/vft-skeleton-item.css +1 -1
- package/theme-style/vft-switch.css +1 -1
- package/theme-style/vft-tabs.css +1 -1
- package/theme-style/vft-tag.css +1 -1
- package/theme-style/vft-time-picker.css +1 -1
- package/theme-style/vft-time-select.css +1 -1
- package/theme-style/vft-tree.css +1 -1
- package/theme-style/vft-upload.css +1 -1
- package/web-types.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as I, toRefs as
|
|
1
|
+
import { defineComponent as I, toRefs as ne, useSlots as re, getCurrentInstance as le, ref as C, computed as g, h as M, createVNode as f, onMounted as ie, nextTick as ae, watch as pe, isVNode as ue } from "vue";
|
|
2
2
|
import { listenerRouteChange as se, useRouterHelper as de } from "@vft/router";
|
|
3
3
|
import { useSortable as ce } from "@vft/use";
|
|
4
4
|
import { isUrl as me, isNullOrUndefined as j, addUnit as E, isNumber as fe } from "@vft/utils";
|
|
@@ -173,7 +173,7 @@ const Me = I({
|
|
|
173
173
|
uniqueOpened: P,
|
|
174
174
|
defaultOpeneds: x,
|
|
175
175
|
openMenuCollapse: H
|
|
176
|
-
} =
|
|
176
|
+
} = ne(t), l = re(), B = le(), _ = C(), a = g(() => ({
|
|
177
177
|
path: "path",
|
|
178
178
|
children: "children",
|
|
179
179
|
title: "title",
|
|
@@ -187,12 +187,12 @@ const Me = I({
|
|
|
187
187
|
!e || (o = e.meta) != null && o.hideSide && !t.useRouterJump || (_.value = e.path);
|
|
188
188
|
});
|
|
189
189
|
const U = (e) => {
|
|
190
|
-
var
|
|
190
|
+
var n;
|
|
191
191
|
const o = e.e;
|
|
192
192
|
if (t.autoScrollActiveDom && o) {
|
|
193
|
-
const p = fe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0,
|
|
194
|
-
(
|
|
195
|
-
y.value.menu.scrollTop = y.value.menu.scrollTop + (
|
|
193
|
+
const p = fe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, r = o.target;
|
|
194
|
+
(n = y.value) != null && n.menu && r && setTimeout(() => {
|
|
195
|
+
y.value.menu.scrollTop = y.value.menu.scrollTop + (r.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) + p;
|
|
196
196
|
}, 300);
|
|
197
197
|
}
|
|
198
198
|
c("subMenuClick", e);
|
|
@@ -201,8 +201,8 @@ const Me = I({
|
|
|
201
201
|
}, Z = (e) => {
|
|
202
202
|
c("menuItemMouseleave", e);
|
|
203
203
|
}, T = (e, o) => {
|
|
204
|
-
const
|
|
205
|
-
return
|
|
204
|
+
const n = e[a.value.path], p = e[a.value.title], r = e == null ? void 0 : e[a.value.children], m = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon], d = !!(e != null && e[a.value.disabled]), v = t.disabledJudgeTurnOver ? !d : d, N = m || n || o + p;
|
|
205
|
+
return r != null && r.length ? M(
|
|
206
206
|
// @ts-ignore
|
|
207
207
|
ge,
|
|
208
208
|
{
|
|
@@ -216,7 +216,7 @@ const Me = I({
|
|
|
216
216
|
popperClass: u.e("popper")
|
|
217
217
|
},
|
|
218
218
|
{
|
|
219
|
-
default: () =>
|
|
219
|
+
default: () => r == null ? void 0 : r.map((i, X) => {
|
|
220
220
|
var V;
|
|
221
221
|
const w = i[a.value.path], W = i[a.value.index], ee = i[a.value.icon], te = i[a.value.title], A = !!i[a.value.disabled], oe = t.disabledJudgeTurnOver ? !A : A;
|
|
222
222
|
return (V = i == null ? void 0 : i[a.value.children]) != null && V.length ? T(i, X) : (
|
|
@@ -240,10 +240,10 @@ const Me = I({
|
|
|
240
240
|
}
|
|
241
241
|
) : M(q, {
|
|
242
242
|
...e,
|
|
243
|
-
key: m ||
|
|
244
|
-
index: m ||
|
|
243
|
+
key: m || n,
|
|
244
|
+
index: m || n,
|
|
245
245
|
title: p,
|
|
246
|
-
route:
|
|
246
|
+
route: n,
|
|
247
247
|
icon: s,
|
|
248
248
|
disabled: t.openDisabled && v,
|
|
249
249
|
onMouseenter: () => F(e),
|
|
@@ -261,7 +261,7 @@ const Me = I({
|
|
|
261
261
|
} : {},
|
|
262
262
|
height: `calc(100% - ${t.menuTopBottomHeight}px)`
|
|
263
263
|
})), z = g(() => {
|
|
264
|
-
var o,
|
|
264
|
+
var o, n;
|
|
265
265
|
let e;
|
|
266
266
|
return M(f(ve, {
|
|
267
267
|
ref: y,
|
|
@@ -269,25 +269,25 @@ const Me = I({
|
|
|
269
269
|
onOpen: U,
|
|
270
270
|
defaultActive: (S == null ? void 0 : S.value) || _.value,
|
|
271
271
|
defaultOpeneds: x == null ? void 0 : x.value,
|
|
272
|
-
class: [u.e("con"), (o = t.dragOption) != null && o.dragClassName ? u.e((
|
|
272
|
+
class: [u.e("con"), (o = t.dragOption) != null && o.dragClassName ? u.e((n = t.dragOption) == null ? void 0 : n.dragClassName) : ""],
|
|
273
273
|
style: $.value,
|
|
274
274
|
collapse: H.value ? h.value : !1,
|
|
275
275
|
uniqueOpened: P.value,
|
|
276
276
|
collapseTransition: !1
|
|
277
|
-
}, Ce(e = t.menus.map((p,
|
|
277
|
+
}, Ce(e = t.menus.map((p, r) => T(p, r))) ? e : {
|
|
278
278
|
default: () => [e]
|
|
279
279
|
}));
|
|
280
280
|
}), D = B.appContext.config.globalProperties.$router;
|
|
281
281
|
async function Y(e) {
|
|
282
|
-
var o,
|
|
282
|
+
var o, n, p;
|
|
283
283
|
if (t.useRouterJump) {
|
|
284
284
|
const {
|
|
285
|
-
go:
|
|
285
|
+
go: r
|
|
286
286
|
} = de(D), m = e.route;
|
|
287
287
|
let s = e.route;
|
|
288
288
|
e.indexPath.some((v) => me(v)) && (s = e.indexPath.slice(-2).join("/"));
|
|
289
|
-
const d = (p = (
|
|
290
|
-
|
|
289
|
+
const d = (p = (n = (o = D.getRoutes().filter((v) => v.path === s)) == null ? void 0 : o[0]) == null ? void 0 : n.meta) == null ? void 0 : p.linkTarget;
|
|
290
|
+
r(d ? {
|
|
291
291
|
url: m,
|
|
292
292
|
winOpenOpt: {
|
|
293
293
|
target: d
|
|
@@ -298,10 +298,10 @@ const Me = I({
|
|
|
298
298
|
}
|
|
299
299
|
ie(() => {
|
|
300
300
|
ae(() => {
|
|
301
|
-
var e, o,
|
|
301
|
+
var e, o, n;
|
|
302
302
|
if ((e = t.dragOption) != null && e.dragClassName) {
|
|
303
|
-
const p = (
|
|
304
|
-
initSortable:
|
|
303
|
+
const p = (n = document.querySelectorAll("." + u.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : n[0], {
|
|
304
|
+
initSortable: r
|
|
305
305
|
} = ce(p, {
|
|
306
306
|
draggable: ".vft-menu-item",
|
|
307
307
|
onEnd: (m) => {
|
|
@@ -313,7 +313,7 @@ const Me = I({
|
|
|
313
313
|
},
|
|
314
314
|
...t.dragOption
|
|
315
315
|
});
|
|
316
|
-
|
|
316
|
+
r();
|
|
317
317
|
}
|
|
318
318
|
});
|
|
319
319
|
});
|
|
@@ -350,7 +350,7 @@ const Me = I({
|
|
|
350
350
|
transform: h.value ? "rotateY(180deg)" : ""
|
|
351
351
|
},
|
|
352
352
|
size: 20,
|
|
353
|
-
icon: "
|
|
353
|
+
icon: "icon-sidebar-collapse"
|
|
354
354
|
}, null)]) : null, (e = l.default) == null ? void 0 : e.call(l), t.dragWidthCfg ? f("div", {
|
|
355
355
|
ref: R,
|
|
356
356
|
style: K.value,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as n, openBlock as r, createElementBlock as m, normalizeClass as a, unref as e, createBlock as i, createCommentVNode as p } from "vue";
|
|
2
2
|
import { VftIcon as c } from "../icon/index.js";
|
|
3
3
|
import "@vueuse/core";
|
|
4
4
|
import "@vft/utils";
|
|
@@ -7,21 +7,21 @@ import "lodash";
|
|
|
7
7
|
import { useNamespace as s } from "../../hooks/use-namespace/index.js";
|
|
8
8
|
import "@popperjs/core";
|
|
9
9
|
import "../../hooks/use-z-index/index.js";
|
|
10
|
-
const l =
|
|
10
|
+
const l = n({
|
|
11
11
|
name: "VftSkeletonItem"
|
|
12
|
-
}), g = /* @__PURE__ */
|
|
12
|
+
}), g = /* @__PURE__ */ n({
|
|
13
13
|
...l,
|
|
14
14
|
props: {
|
|
15
15
|
variant: { default: "text" }
|
|
16
16
|
},
|
|
17
17
|
setup(f) {
|
|
18
18
|
const t = s("skeleton");
|
|
19
|
-
return (o, u) => (r(),
|
|
19
|
+
return (o, u) => (r(), m("div", {
|
|
20
20
|
class: a([e(t).e("item"), e(t).e(o.variant)])
|
|
21
21
|
}, [
|
|
22
22
|
o.variant === "image" ? (r(), i(e(c), {
|
|
23
23
|
key: 0,
|
|
24
|
-
icon: "
|
|
24
|
+
icon: "icon-picture-filled"
|
|
25
25
|
})) : p("", !0)
|
|
26
26
|
], 2));
|
|
27
27
|
}
|
|
@@ -175,7 +175,7 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
|
|
|
175
175
|
key: 0,
|
|
176
176
|
rotate: "",
|
|
177
177
|
class: r(o(i).is("loading")),
|
|
178
|
-
icon: "
|
|
178
|
+
icon: "icon-loading"
|
|
179
179
|
}, null, 8, ["class"])) : c("", !0)
|
|
180
180
|
], 2)
|
|
181
181
|
], 6),
|
|
@@ -109,19 +109,19 @@ const l = (
|
|
|
109
109
|
currentName: r
|
|
110
110
|
});
|
|
111
111
|
const A = d(() => ({
|
|
112
|
-
icon: "
|
|
112
|
+
icon: "icon-plus",
|
|
113
113
|
size: 12,
|
|
114
114
|
...t.addIconCfg
|
|
115
115
|
})), V = d(() => ({
|
|
116
|
-
icon: "
|
|
116
|
+
icon: "icon-close",
|
|
117
117
|
size: 14,
|
|
118
118
|
...t.closeIconCfg
|
|
119
119
|
})), k = d(() => ({
|
|
120
|
-
icon: "
|
|
120
|
+
icon: "icon-arrow-left",
|
|
121
121
|
size: 18,
|
|
122
122
|
...t.arrowLeftIconCfg
|
|
123
123
|
})), z = d(() => ({
|
|
124
|
-
icon: "
|
|
124
|
+
icon: "icon-arrow-right",
|
|
125
125
|
size: 18,
|
|
126
126
|
...t.arrowRightIconCfg
|
|
127
127
|
})), C = d(() => {
|
|
@@ -120,7 +120,7 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
|
|
|
120
120
|
n.value[1] || e && e[1] || ""
|
|
121
121
|
] : n.value !== null ? n.value : !Me.value && K.value || !u.value && K.value ? "" : e ? te.value ? e.join(", ") : e : "";
|
|
122
122
|
}), Re = i(() => t.type.includes("time")), Me = i(() => t.type.startsWith("time")), te = i(() => t.type === "dates"), O = i(
|
|
123
|
-
() => t.prefixIcon || (Re.value ? "
|
|
123
|
+
() => t.prefixIcon || (Re.value ? "icon-clock" : "icon-calendar")
|
|
124
124
|
), P = v(!1), ue = (e) => {
|
|
125
125
|
t.readonly || c.value || P.value && (e.stopPropagation(), Pe(), k(null), X(null, !0), P.value = !1, u.value = !1, s.value.handleClear && s.value.handleClear());
|
|
126
126
|
}, K = i(() => {
|
|
@@ -187,13 +187,13 @@ const ve = ["onClick"], ge = ["onMouseenter"], Ae = /* @__PURE__ */ ie({
|
|
|
187
187
|
onMouseenter: (n) => p(o)
|
|
188
188
|
}, [
|
|
189
189
|
I(j(r(q), {
|
|
190
|
-
icon: "
|
|
190
|
+
icon: "icon-arrow-up",
|
|
191
191
|
class: m(["arrow-up", r(i).be("spinner", "arrow")])
|
|
192
192
|
}, null, 8, ["class"]), [
|
|
193
193
|
[r(U), ee]
|
|
194
194
|
]),
|
|
195
195
|
I(j(r(q), {
|
|
196
|
-
icon: "
|
|
196
|
+
icon: "icon-arrow-down",
|
|
197
197
|
class: m(["arrow-down", r(i).be("spinner", "arrow")])
|
|
198
198
|
}, null, 8, ["class"]), [
|
|
199
199
|
[r(U), y]
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import C from "./tree-node.vue2.js";
|
|
2
|
-
import { resolveComponent as a, withDirectives as g, openBlock as r, createElementBlock as i, normalizeClass as s, withModifiers as d, createElementVNode as v, normalizeStyle as D, createVNode as l, createBlock as
|
|
2
|
+
import { resolveComponent as a, withDirectives as g, openBlock as r, createElementBlock as i, normalizeClass as s, withModifiers as d, createElementVNode as v, normalizeStyle as D, createVNode as l, createBlock as t, createCommentVNode as p, withCtx as N, Fragment as y, renderList as E, vShow as k } from "vue";
|
|
3
3
|
import w from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
4
|
const $ = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"], L = ["aria-expanded"];
|
|
5
5
|
function S(e, n, c, B, M, V) {
|
|
@@ -34,7 +34,7 @@ function S(e, n, c, B, M, V) {
|
|
|
34
34
|
style: D({ paddingLeft: (e.node.level - 1) * e.tree.props.indent + "px" })
|
|
35
35
|
}, [
|
|
36
36
|
l(h, {
|
|
37
|
-
icon: e.tree.props.icon || "
|
|
37
|
+
icon: e.tree.props.icon || "icon-caret-right",
|
|
38
38
|
class: s([
|
|
39
39
|
e.ns.be("node", "expand-icon"),
|
|
40
40
|
e.ns.is("leaf", e.node.isLeaf),
|
|
@@ -44,7 +44,7 @@ function S(e, n, c, B, M, V) {
|
|
|
44
44
|
]),
|
|
45
45
|
onClick: d(e.handleExpandIconClick, ["stop"])
|
|
46
46
|
}, null, 8, ["icon", "class", "onClick"]),
|
|
47
|
-
e.showCheckbox ? (r(),
|
|
47
|
+
e.showCheckbox ? (r(), t(m, {
|
|
48
48
|
key: 0,
|
|
49
49
|
"model-value": e.node.checked,
|
|
50
50
|
indeterminate: e.node.indeterminate,
|
|
@@ -52,13 +52,13 @@ function S(e, n, c, B, M, V) {
|
|
|
52
52
|
onClick: n[0] || (n[0] = d(() => {
|
|
53
53
|
}, ["stop"])),
|
|
54
54
|
onChange: e.handleCheckChange
|
|
55
|
-
}, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) :
|
|
56
|
-
e.node.loading ? (r(),
|
|
55
|
+
}, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) : p("", !0),
|
|
56
|
+
e.node.loading ? (r(), t(h, {
|
|
57
57
|
key: 1,
|
|
58
|
-
icon: "
|
|
58
|
+
icon: "icon-loading",
|
|
59
59
|
rotate: "",
|
|
60
60
|
class: s([e.ns.be("node", "loading-icon"), e.ns.is("loading")])
|
|
61
|
-
}, null, 8, ["class"])) :
|
|
61
|
+
}, null, 8, ["class"])) : p("", !0),
|
|
62
62
|
l(u, {
|
|
63
63
|
node: e.node,
|
|
64
64
|
"render-content": e.renderContent
|
|
@@ -72,7 +72,7 @@ function S(e, n, c, B, M, V) {
|
|
|
72
72
|
role: "group",
|
|
73
73
|
"aria-expanded": e.expanded
|
|
74
74
|
}, [
|
|
75
|
-
(r(!0), i(y, null, E(e.node.childNodes, (o) => (r(),
|
|
75
|
+
(r(!0), i(y, null, E(e.node.childNodes, (o) => (r(), t(b, {
|
|
76
76
|
key: e.getNodeKey(o),
|
|
77
77
|
"render-content": e.renderContent,
|
|
78
78
|
"render-after-expand": e.renderAfterExpand,
|
|
@@ -84,7 +84,7 @@ function S(e, n, c, B, M, V) {
|
|
|
84
84
|
}, null, 8, ["render-content", "render-after-expand", "show-checkbox", "node", "accordion", "props", "onNodeExpand"]))), 128))
|
|
85
85
|
], 10, L)), [
|
|
86
86
|
[k, e.expanded]
|
|
87
|
-
]) :
|
|
87
|
+
]) : p("", !0)
|
|
88
88
|
]),
|
|
89
89
|
_: 1
|
|
90
90
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as h, ref as w, openBlock as
|
|
1
|
+
import { defineComponent as h, ref as w, openBlock as n, createBlock as d, TransitionGroup as $, normalizeClass as t, unref as e, withCtx as V, createElementBlock as r, Fragment as B, renderList as N, withKeys as z, renderSlot as g, createCommentVNode as a, createElementVNode as k, withModifiers as F, createVNode as v, toDisplayString as P, normalizeStyle as K } from "vue";
|
|
2
2
|
import "../form/index.js";
|
|
3
|
-
import { VftIcon as
|
|
3
|
+
import { VftIcon as p } from "../icon/index.js";
|
|
4
4
|
import { VftProgress as L } from "../progress/index.js";
|
|
5
5
|
import "@vueuse/core";
|
|
6
6
|
import "@vft/utils";
|
|
@@ -23,10 +23,10 @@ const D = ["onKeydown"], E = ["src"], I = ["onClick"], U = ["onClick"], G = ["on
|
|
|
23
23
|
},
|
|
24
24
|
emits: ["remove"],
|
|
25
25
|
setup(R, { emit: C }) {
|
|
26
|
-
const i = f("upload"),
|
|
26
|
+
const i = f("upload"), o = f("icon"), T = f("list"), m = S(), y = w(!1), b = (s) => {
|
|
27
27
|
C("remove", s);
|
|
28
28
|
};
|
|
29
|
-
return (s,
|
|
29
|
+
return (s, u) => (n(), d($, {
|
|
30
30
|
tag: "ul",
|
|
31
31
|
class: t([
|
|
32
32
|
e(i).b("list"),
|
|
@@ -36,7 +36,7 @@ const D = ["onKeydown"], E = ["src"], I = ["onClick"], U = ["onClick"], G = ["on
|
|
|
36
36
|
name: e(T).b()
|
|
37
37
|
}, {
|
|
38
38
|
default: V(() => [
|
|
39
|
-
(
|
|
39
|
+
(n(!0), r(B, null, N(s.files, (l) => (n(), r("li", {
|
|
40
40
|
key: l.uid || l.name,
|
|
41
41
|
class: t([
|
|
42
42
|
e(i).be("list", "item"),
|
|
@@ -45,18 +45,18 @@ const D = ["onKeydown"], E = ["src"], I = ["onClick"], U = ["onClick"], G = ["on
|
|
|
45
45
|
]),
|
|
46
46
|
tabindex: "0",
|
|
47
47
|
onKeydown: z((c) => !e(m) && b(l), ["delete"]),
|
|
48
|
-
onFocus:
|
|
49
|
-
onBlur:
|
|
50
|
-
onClick:
|
|
48
|
+
onFocus: u[0] || (u[0] = (c) => y.value = !0),
|
|
49
|
+
onBlur: u[1] || (u[1] = (c) => y.value = !1),
|
|
50
|
+
onClick: u[2] || (u[2] = (c) => y.value = !1)
|
|
51
51
|
}, [
|
|
52
52
|
g(s.$slots, "default", { file: l }, () => [
|
|
53
|
-
s.listType === "picture" || l.status !== "uploading" && s.listType === "picture-card" ? (
|
|
53
|
+
s.listType === "picture" || l.status !== "uploading" && s.listType === "picture-card" ? (n(), r("img", {
|
|
54
54
|
key: 0,
|
|
55
55
|
class: t(e(i).be("list", "item-thumbnail")),
|
|
56
56
|
src: l.url,
|
|
57
57
|
alt: ""
|
|
58
58
|
}, null, 10, E)) : a("", !0),
|
|
59
|
-
l.status === "uploading" || s.listType !== "picture-card" ? (
|
|
59
|
+
l.status === "uploading" || s.listType !== "picture-card" ? (n(), r("div", {
|
|
60
60
|
key: 1,
|
|
61
61
|
class: t(e(i).be("list", "item-info"))
|
|
62
62
|
}, [
|
|
@@ -64,15 +64,15 @@ const D = ["onKeydown"], E = ["src"], I = ["onClick"], U = ["onClick"], G = ["on
|
|
|
64
64
|
class: t(e(i).be("list", "item-name")),
|
|
65
65
|
onClick: F((c) => s.handlePreview(l), ["prevent"])
|
|
66
66
|
}, [
|
|
67
|
-
v(e(
|
|
68
|
-
class: t(e(
|
|
69
|
-
icon: "
|
|
67
|
+
v(e(p), {
|
|
68
|
+
class: t(e(o).m("document")),
|
|
69
|
+
icon: "icon-document"
|
|
70
70
|
}, null, 8, ["class"]),
|
|
71
71
|
k("span", {
|
|
72
72
|
class: t(e(i).be("list", "item-file-name"))
|
|
73
73
|
}, P(l.name), 3)
|
|
74
74
|
], 10, I),
|
|
75
|
-
l.status === "uploading" ? (
|
|
75
|
+
l.status === "uploading" ? (n(), d(e(L), {
|
|
76
76
|
key: 0,
|
|
77
77
|
type: s.listType === "picture-card" ? "circle" : "line",
|
|
78
78
|
"stroke-width": s.listType === "picture-card" ? 6 : 2,
|
|
@@ -83,27 +83,27 @@ const D = ["onKeydown"], E = ["src"], I = ["onClick"], U = ["onClick"], G = ["on
|
|
|
83
83
|
k("label", {
|
|
84
84
|
class: t(e(i).be("list", "item-status-label"))
|
|
85
85
|
}, [
|
|
86
|
-
s.listType === "text" ? (
|
|
86
|
+
s.listType === "text" ? (n(), d(e(p), {
|
|
87
87
|
key: 0,
|
|
88
|
-
icon: "
|
|
89
|
-
class: t([e(
|
|
90
|
-
}, null, 8, ["class"])) : ["picture-card", "picture"].includes(s.listType) ? (
|
|
88
|
+
icon: "icon-circle-check",
|
|
89
|
+
class: t([e(o).m("upload-success"), e(o).m("circle-check")])
|
|
90
|
+
}, null, 8, ["class"])) : ["picture-card", "picture"].includes(s.listType) ? (n(), d(e(p), {
|
|
91
91
|
key: 1,
|
|
92
|
-
icon: "
|
|
93
|
-
class: t([e(
|
|
92
|
+
icon: "icon-check",
|
|
93
|
+
class: t([e(o).m("upload-success"), e(o).m("check")])
|
|
94
94
|
}, null, 8, ["class"])) : a("", !0)
|
|
95
95
|
], 2),
|
|
96
|
-
e(m) ? a("", !0) : (
|
|
96
|
+
e(m) ? a("", !0) : (n(), d(e(p), {
|
|
97
97
|
key: 2,
|
|
98
|
-
icon: "
|
|
99
|
-
class: t(e(
|
|
98
|
+
icon: "icon-close",
|
|
99
|
+
class: t(e(o).m("close")),
|
|
100
100
|
onClick: (c) => b(l)
|
|
101
101
|
}, null, 8, ["class", "onClick"])),
|
|
102
|
-
e(m) ? a("", !0) : (
|
|
102
|
+
e(m) ? a("", !0) : (n(), r("i", {
|
|
103
103
|
key: 3,
|
|
104
|
-
class: t(e(
|
|
104
|
+
class: t(e(o).m("close-tip"))
|
|
105
105
|
}, "按 delete 键可删除", 2)),
|
|
106
|
-
s.listType === "picture-card" ? (
|
|
106
|
+
s.listType === "picture-card" ? (n(), r("span", {
|
|
107
107
|
key: 4,
|
|
108
108
|
class: t(e(i).be("list", "item-actions"))
|
|
109
109
|
}, [
|
|
@@ -111,19 +111,19 @@ const D = ["onKeydown"], E = ["src"], I = ["onClick"], U = ["onClick"], G = ["on
|
|
|
111
111
|
class: t(e(i).be("list", "item-preview")),
|
|
112
112
|
onClick: (c) => s.handlePreview(l)
|
|
113
113
|
}, [
|
|
114
|
-
v(e(
|
|
115
|
-
icon: "
|
|
116
|
-
class: t(e(
|
|
114
|
+
v(e(p), {
|
|
115
|
+
icon: "icon-zoom-in",
|
|
116
|
+
class: t(e(o).m("zoom-in"))
|
|
117
117
|
}, null, 8, ["class"])
|
|
118
118
|
], 10, U),
|
|
119
|
-
e(m) ? a("", !0) : (
|
|
119
|
+
e(m) ? a("", !0) : (n(), r("span", {
|
|
120
120
|
key: 0,
|
|
121
121
|
class: t(e(i).be("list", "item-delete")),
|
|
122
122
|
onClick: (c) => b(l)
|
|
123
123
|
}, [
|
|
124
|
-
v(e(
|
|
125
|
-
icon: "
|
|
126
|
-
class: t(e(
|
|
124
|
+
v(e(p), {
|
|
125
|
+
icon: "icon-delete",
|
|
126
|
+
class: t(e(o).m("delete"))
|
|
127
127
|
}, null, 8, ["class"])
|
|
128
128
|
], 10, G))
|
|
129
129
|
], 2)) : a("", !0)
|