vft 0.0.97 → 0.0.99
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/es/components/affix/affix.vue2.js +25 -26
- package/es/components/alert/alert.vue2.js +17 -18
- package/es/components/backtop/backtop.vue2.js +14 -15
- package/es/components/button/button-group.vue2.js +14 -15
- package/es/components/button/button.vue2.js +24 -25
- package/es/components/card/card.vue2.js +10 -11
- package/es/components/check-tag/check-tag.vue2.js +10 -11
- package/es/components/checkbox/checkbox-button.vue2.js +13 -14
- package/es/components/checkbox/checkbox-group.vue2.js +15 -16
- package/es/components/checkbox/checkbox.vue2.js +24 -25
- package/es/components/clamp/clamp.vue2.js +16 -17
- package/es/components/clamp-toggle/clamp-toggle.vue2.js +13 -14
- package/es/components/col/col.vue2.js +20 -21
- package/es/components/collapse-transition/src/collapse-transition.vue2.js +12 -13
- package/es/components/collection/collection-item.vue2.js +6 -7
- package/es/components/collection/collection.vue2.js +5 -7
- package/es/components/color-picker/color-picker.vue2.js +45 -46
- package/es/components/color-picker/components/alpha-slider.vue2.js +20 -21
- package/es/components/config-provider/config-provider.vue2.js +22 -23
- package/es/components/container/aside.vue2.js +12 -13
- package/es/components/container/container.vue2.js +10 -11
- package/es/components/container/footer.vue2.js +11 -12
- package/es/components/container/header.vue2.js +10 -11
- package/es/components/container/main.vue2.js +12 -13
- package/es/components/context-menu/context-menu.vue2.js +18 -19
- package/es/components/date-picker/date-picker-com/basic-date-table.vue2.js +87 -87
- package/es/components/date-picker/date-picker-com/basic-month-table.vue2.js +1 -1
- package/es/components/date-picker/date-picker-com/basic-year-table.vue2.js +1 -1
- package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +2 -2
- package/es/components/date-picker/date-picker-com/panel-month-range.vue2.js +39 -40
- package/es/components/date-time-select/date-time-select.vue2.js +20 -21
- package/es/components/descriptions/description-item.vue2.js +9 -10
- package/es/components/descriptions/description.vue2.js +20 -21
- package/es/components/descriptions/descriptions-row.vue2.js +15 -16
- package/es/components/dialog/dialog-content.vue2.js +12 -13
- package/es/components/dialog/dialog.vue2.js +40 -41
- package/es/components/divider/divider.vue2.js +10 -11
- package/es/components/dropdown/dropdown.vue2.js +38 -39
- package/es/components/empty/empty.vue2.js +11 -12
- package/es/components/footer-layout/footer-layout.vue2.js +7 -8
- package/es/components/form/form-item.vue2.js +43 -44
- package/es/components/form/form.vue2.js +28 -29
- package/es/components/full-screen/full-screen.vue2.js +15 -16
- package/es/components/header-layout/header-layout.vue2.js +21 -22
- package/es/components/horizontal-menu/horizontal-menu.vue2.js +50 -51
- package/es/components/icon/icon.vue2.js +12 -13
- package/es/components/icon-text/icon-text.vue2.js +13 -14
- package/es/components/iframe-layout/iframe-layout.vue2.js +15 -16
- package/es/components/iframe-layout/iframe-page.vue2.js +12 -13
- package/es/components/image/image.vue2.js +25 -26
- package/es/components/image-viewer/image-viewer.vue2.js +54 -55
- package/es/components/link/link.vue2.js +11 -12
- package/es/components/list-cell/list-cell.vue2.js +21 -22
- package/es/components/logo/logo.vue2.js +12 -13
- package/es/components/md-comment/md-comment.vue2.js +12 -13
- package/es/components/md-container/md-container.vue2.js +33 -34
- package/es/components/md-vue-playground/md-vue-playground.vue2.js +18 -19
- package/es/components/menu/menu-item-group.vue2.js +13 -14
- package/es/components/menu/menu-item.vue2.js +12 -13
- package/es/components/menu/menu.vue2.js +44 -45
- package/es/components/menu/sub-menu.vue2.js +30 -31
- package/es/components/multiple-tabs/multiple-tabs.vue2.js +35 -38
- package/es/components/overlay/overlay.vue2.js +23 -24
- package/es/components/page-wrapper/page-wrapper.vue2.js +17 -18
- package/es/components/pagination/pagination.vue2.js +17 -18
- package/es/components/popconfirm/popconfirm.vue2.js +17 -18
- package/es/components/popover/popover.vue2.js +31 -32
- package/es/components/popper/arrow.vue2.js +15 -16
- package/es/components/popper/content.vue2.js +38 -39
- package/es/components/popper/popper.vue2.js +13 -14
- package/es/components/popper/trigger.vue2.js +11 -12
- package/es/components/qrcode/qrcode.vue2.js +21 -22
- package/es/components/radio/radio-button.vue2.js +16 -17
- package/es/components/radio/radio-group.vue2.js +16 -17
- package/es/components/radio/radio.vue2.js +15 -16
- package/es/components/result/result.vue2.js +12 -13
- package/es/components/router-view-content/router-view-content.vue2.js +10 -11
- package/es/components/row/row.vue2.js +17 -18
- package/es/components/scrollbar/scrollbar.vue2.js +30 -31
- package/es/components/search/search.vue2.js +39 -40
- package/es/components/side-menu/side-menu.vue2.js +43 -45
- package/es/components/skeleton/skeleton-item.vue2.js +9 -10
- package/es/components/skeleton/skeleton.vue2.js +11 -12
- package/es/components/switch/switch.vue2.js +27 -28
- package/es/components/table/table.vue2.js +53 -50
- package/es/components/tabs/tab-nav.vue2.js +28 -29
- package/es/components/tabs/tab-pane.vue2.js +23 -24
- package/es/components/tabs/tabs.vue2.js +30 -31
- package/es/components/time-picker/common/picker.vue2.js +48 -49
- package/es/components/time-select/time-select.vue2.js +28 -29
- package/es/components/tooltip/content.vue2.js +36 -37
- package/es/components/tooltip/tooltip.vue2.js +15 -16
- package/es/components/tooltip/trigger.vue2.js +37 -38
- package/es/components/verify-code/verify-code.vue2.js +19 -20
- package/es/constants/date.js +7 -7
- package/es/package.json.js +1 -1
- package/lib/components/affix/affix.vue2.cjs +1 -1
- package/lib/components/alert/alert.vue2.cjs +1 -1
- package/lib/components/backtop/backtop.vue2.cjs +1 -1
- package/lib/components/button/button-group.vue2.cjs +1 -1
- package/lib/components/button/button.vue2.cjs +1 -1
- package/lib/components/card/card.vue2.cjs +1 -1
- package/lib/components/check-tag/check-tag.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox-button.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox-group.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox.vue2.cjs +1 -1
- package/lib/components/clamp/clamp.vue2.cjs +1 -1
- package/lib/components/clamp-toggle/clamp-toggle.vue2.cjs +1 -1
- package/lib/components/col/col.vue2.cjs +1 -1
- package/lib/components/collapse-transition/src/collapse-transition.vue2.cjs +1 -1
- package/lib/components/collection/collection-item.vue2.cjs +1 -1
- package/lib/components/collection/collection.vue2.cjs +1 -1
- package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
- package/lib/components/color-picker/components/alpha-slider.vue2.cjs +1 -1
- package/lib/components/config-provider/config-provider.vue2.cjs +1 -1
- package/lib/components/container/aside.vue2.cjs +1 -1
- package/lib/components/container/container.vue2.cjs +1 -1
- package/lib/components/container/footer.vue2.cjs +1 -1
- package/lib/components/container/header.vue2.cjs +1 -1
- package/lib/components/container/main.vue2.cjs +1 -1
- package/lib/components/context-menu/context-menu.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-date-table.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-month-table.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-year-table.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-month-range.vue2.cjs +1 -1
- package/lib/components/date-time-select/date-time-select.vue2.cjs +1 -1
- package/lib/components/descriptions/description-item.vue2.cjs +1 -1
- package/lib/components/descriptions/description.vue2.cjs +1 -1
- package/lib/components/descriptions/descriptions-row.vue2.cjs +1 -1
- package/lib/components/dialog/dialog-content.vue2.cjs +1 -1
- package/lib/components/dialog/dialog.vue2.cjs +1 -1
- package/lib/components/divider/divider.vue2.cjs +1 -1
- package/lib/components/dropdown/dropdown.vue2.cjs +1 -1
- package/lib/components/empty/empty.vue2.cjs +1 -1
- package/lib/components/footer-layout/footer-layout.vue2.cjs +1 -1
- package/lib/components/form/form-item.vue2.cjs +1 -1
- package/lib/components/form/form.vue2.cjs +1 -1
- package/lib/components/full-screen/full-screen.vue2.cjs +1 -1
- package/lib/components/header-layout/header-layout.vue2.cjs +1 -1
- package/lib/components/horizontal-menu/horizontal-menu.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/iframe-layout/iframe-layout.vue2.cjs +1 -1
- package/lib/components/iframe-layout/iframe-page.vue2.cjs +1 -1
- package/lib/components/image/image.vue2.cjs +1 -1
- package/lib/components/image-viewer/image-viewer.vue2.cjs +1 -1
- package/lib/components/link/link.vue2.cjs +1 -1
- package/lib/components/list-cell/list-cell.vue2.cjs +1 -1
- package/lib/components/logo/logo.vue2.cjs +1 -1
- package/lib/components/md-comment/md-comment.vue2.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-item-group.vue2.cjs +1 -1
- package/lib/components/menu/menu-item.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/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
- package/lib/components/overlay/overlay.vue2.cjs +1 -1
- package/lib/components/page-wrapper/page-wrapper.vue2.cjs +1 -1
- package/lib/components/pagination/pagination.vue2.cjs +1 -1
- package/lib/components/popconfirm/popconfirm.vue2.cjs +1 -1
- package/lib/components/popover/popover.vue2.cjs +1 -1
- package/lib/components/popper/arrow.vue2.cjs +1 -1
- package/lib/components/popper/content.vue2.cjs +1 -1
- package/lib/components/popper/popper.vue2.cjs +1 -1
- package/lib/components/popper/trigger.vue2.cjs +1 -1
- package/lib/components/qrcode/qrcode.vue2.cjs +1 -1
- package/lib/components/radio/radio-button.vue2.cjs +1 -1
- package/lib/components/radio/radio-group.vue2.cjs +1 -1
- package/lib/components/radio/radio.vue2.cjs +1 -1
- package/lib/components/result/result.vue2.cjs +1 -1
- package/lib/components/router-view-content/router-view-content.vue2.cjs +1 -1
- package/lib/components/row/row.vue2.cjs +1 -1
- package/lib/components/scrollbar/scrollbar.vue2.cjs +1 -1
- package/lib/components/search/search.vue2.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/skeleton/skeleton.vue2.cjs +1 -1
- package/lib/components/switch/switch.vue2.cjs +1 -1
- package/lib/components/table/table.vue2.cjs +1 -1
- package/lib/components/tabs/tab-nav.vue2.cjs +1 -1
- package/lib/components/tabs/tab-pane.vue2.cjs +1 -1
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/time-picker/common/picker.vue2.cjs +1 -1
- package/lib/components/time-select/time-select.vue2.cjs +1 -1
- package/lib/components/tooltip/content.vue2.cjs +1 -1
- package/lib/components/tooltip/tooltip.vue2.cjs +1 -1
- package/lib/components/tooltip/trigger.vue2.cjs +1 -1
- package/lib/components/verify-code/verify-code.vue2.cjs +1 -1
- package/lib/constants/date.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +8 -8
- package/web-types.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as q, useAttrs as K, ref as i, computed as d, watch as R, onMounted as G, openBlock as s, createElementBlock as f, normalizeClass as h, unref as t, normalizeStyle as J, mergeProps as Q, createCommentVNode as u, renderSlot as C, createElementVNode as V, Fragment as U, createBlock as X, withCtx as Z, nextTick as W } from "vue";
|
|
2
2
|
import { isClient as v, useThrottleFn as _, useEventListener as b } from "@vueuse/core";
|
|
3
3
|
import { useNamespace as ee } from "../../hooks/use-namespace/index.js";
|
|
4
4
|
import "@popperjs/core";
|
|
@@ -11,11 +11,10 @@ import { VftImageViewer as oe } from "../image-viewer/index.js";
|
|
|
11
11
|
const ie = ["src", "loading"], se = { key: 0 }, n = (
|
|
12
12
|
/* hoist-static*/
|
|
13
13
|
ee("image")
|
|
14
|
-
),
|
|
14
|
+
), Le = /* @__PURE__ */ q({
|
|
15
15
|
inheritAttrs: !1,
|
|
16
|
-
name: n.b()
|
|
17
|
-
|
|
18
|
-
...ue,
|
|
16
|
+
name: n.b(),
|
|
17
|
+
__name: "image",
|
|
19
18
|
props: {
|
|
20
19
|
hideOnClickModal: { type: Boolean, default: !1 },
|
|
21
20
|
src: { default: "" },
|
|
@@ -33,18 +32,18 @@ const ie = ["src", "loading"], se = { key: 0 }, n = (
|
|
|
33
32
|
emits: ["load", "error", "switch", "close", "show"],
|
|
34
33
|
setup(l, { emit: c }) {
|
|
35
34
|
let z = "";
|
|
36
|
-
const
|
|
35
|
+
const T = K(), $ = re(), g = i(), r = i(!1), o = i(!0), p = i(!1), m = i(), a = i(), M = v && "loading" in HTMLImageElement.prototype;
|
|
37
36
|
let y, w;
|
|
38
|
-
const
|
|
37
|
+
const O = d(() => T.style), H = d(() => v && l.fit ? { objectFit: l.fit } : {}), L = d(() => Array.isArray(l.previewSrcList) && l.previewSrcList.length > 0), F = d(() => {
|
|
39
38
|
let e = l.initialIndex;
|
|
40
39
|
return l.initialIndex > l.previewSrcList.length - 1 && (e = 0), e;
|
|
41
|
-
}), S = d(() => l.loading === "eager" ? !1 : !
|
|
40
|
+
}), S = d(() => l.loading === "eager" ? !1 : !M && l.loading === "lazy" || l.lazy), k = () => {
|
|
42
41
|
v && (o.value = !0, r.value = !1, g.value = l.src);
|
|
43
42
|
};
|
|
44
|
-
function
|
|
43
|
+
function N(e) {
|
|
45
44
|
o.value = !1, r.value = !1, c("load", e);
|
|
46
45
|
}
|
|
47
|
-
function
|
|
46
|
+
function P(e) {
|
|
48
47
|
o.value = !1, r.value = !0, c("error", e);
|
|
49
48
|
}
|
|
50
49
|
function I() {
|
|
@@ -61,7 +60,7 @@ const ie = ["src", "loading"], se = { key: 0 }, n = (
|
|
|
61
60
|
function A() {
|
|
62
61
|
!v || !a.value || !E || (y == null || y(), a.value = void 0);
|
|
63
62
|
}
|
|
64
|
-
function
|
|
63
|
+
function x(e) {
|
|
65
64
|
if (e.ctrlKey) {
|
|
66
65
|
if (e.deltaY < 0)
|
|
67
66
|
return e.preventDefault(), !1;
|
|
@@ -69,15 +68,15 @@ const ie = ["src", "loading"], se = { key: 0 }, n = (
|
|
|
69
68
|
return e.preventDefault(), !1;
|
|
70
69
|
}
|
|
71
70
|
}
|
|
72
|
-
function
|
|
73
|
-
L.value && (w = b("wheel",
|
|
71
|
+
function D() {
|
|
72
|
+
L.value && (w = b("wheel", x, {
|
|
74
73
|
passive: !1
|
|
75
74
|
}), z = document.body.style.overflow, document.body.style.overflow = "hidden", p.value = !0, c("show"));
|
|
76
75
|
}
|
|
77
|
-
function
|
|
76
|
+
function Y() {
|
|
78
77
|
w == null || w(), document.body.style.overflow = z, p.value = !1, c("close");
|
|
79
78
|
}
|
|
80
|
-
function
|
|
79
|
+
function j(e) {
|
|
81
80
|
c("switch", e);
|
|
82
81
|
}
|
|
83
82
|
return R(
|
|
@@ -87,24 +86,24 @@ const ie = ["src", "loading"], se = { key: 0 }, n = (
|
|
|
87
86
|
}
|
|
88
87
|
), G(() => {
|
|
89
88
|
S.value ? B() : k();
|
|
90
|
-
}), (e,
|
|
89
|
+
}), (e, ue) => (s(), f("div", {
|
|
91
90
|
ref_key: "container",
|
|
92
91
|
ref: m,
|
|
93
92
|
class: h([t(n).b(), e.$attrs.class]),
|
|
94
|
-
style: J(
|
|
93
|
+
style: J(O.value)
|
|
95
94
|
}, [
|
|
96
|
-
g.value !== void 0 && !r.value ? (s(), f("img", Q({ key: 0 }, t(
|
|
95
|
+
g.value !== void 0 && !r.value ? (s(), f("img", Q({ key: 0 }, t($), {
|
|
97
96
|
src: g.value,
|
|
98
97
|
loading: e.loading,
|
|
99
|
-
style:
|
|
98
|
+
style: H.value,
|
|
100
99
|
class: [
|
|
101
100
|
t(n).e("inner"),
|
|
102
101
|
L.value && t(n).e("preview"),
|
|
103
102
|
o.value && t(n).is("loading")
|
|
104
103
|
],
|
|
105
|
-
onClick:
|
|
106
|
-
onLoad:
|
|
107
|
-
onError:
|
|
104
|
+
onClick: D,
|
|
105
|
+
onLoad: N,
|
|
106
|
+
onError: P,
|
|
108
107
|
alt: ""
|
|
109
108
|
}), null, 16, ie)) : u("", !0),
|
|
110
109
|
o.value || r.value ? (s(), f("div", {
|
|
@@ -125,15 +124,15 @@ const ie = ["src", "loading"], se = { key: 0 }, n = (
|
|
|
125
124
|
p.value ? (s(), X(t(oe), {
|
|
126
125
|
key: 0,
|
|
127
126
|
"z-index": e.zIndex,
|
|
128
|
-
"initial-index":
|
|
127
|
+
"initial-index": F.value,
|
|
129
128
|
infinite: e.infinite,
|
|
130
129
|
"zoom-rate": e.zoomRate,
|
|
131
130
|
"url-list": e.previewSrcList,
|
|
132
131
|
"hide-on-click-modal": e.hideOnClickModal,
|
|
133
132
|
teleported: e.previewTeleported,
|
|
134
133
|
"close-on-press-escape": e.closeOnPressEscape,
|
|
135
|
-
onClose:
|
|
136
|
-
onSwitch:
|
|
134
|
+
onClose: Y,
|
|
135
|
+
onSwitch: j
|
|
137
136
|
}, {
|
|
138
137
|
default: Z(() => [
|
|
139
138
|
e.$slots.viewer ? (s(), f("div", se, [
|
|
@@ -147,5 +146,5 @@ const ie = ["src", "loading"], se = { key: 0 }, n = (
|
|
|
147
146
|
}
|
|
148
147
|
});
|
|
149
148
|
export {
|
|
150
|
-
|
|
149
|
+
Le as default
|
|
151
150
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as _, ref as z, effectScope as ee, computed as b, watch as R, nextTick as te, onMounted as ne, openBlock as x, createBlock as oe, Teleport as ae, createVNode as d, Transition as se, withCtx as ie, createElementVNode as c, normalizeClass as l, unref as n, normalizeStyle as S, withModifiers as le, createElementBlock as E, Fragment as V, createCommentVNode as re, renderList as ce, withDirectives as ue, vShow as fe, renderSlot as de } from "vue";
|
|
2
2
|
import { useEventListener as I } from "@vueuse/core";
|
|
3
3
|
import { isNumber as H } from "@vft/utils";
|
|
4
4
|
import { throttle as T } from "lodash";
|
|
@@ -11,10 +11,9 @@ import { VftIcon as v } from "../icon/index.js";
|
|
|
11
11
|
const pe = ["src"], a = (
|
|
12
12
|
/* hoist-static*/
|
|
13
13
|
me("image-viewer")
|
|
14
|
-
),
|
|
15
|
-
name: a.b()
|
|
16
|
-
|
|
17
|
-
...ke,
|
|
14
|
+
), Le = /* @__PURE__ */ _({
|
|
15
|
+
name: a.b(),
|
|
16
|
+
__name: "image-viewer",
|
|
18
17
|
props: {
|
|
19
18
|
urlList: { default: [] },
|
|
20
19
|
zIndex: {},
|
|
@@ -29,15 +28,15 @@ const pe = ["src"], a = (
|
|
|
29
28
|
close: () => !0,
|
|
30
29
|
switch: (s) => H(s)
|
|
31
30
|
},
|
|
32
|
-
setup(s, { expose:
|
|
33
|
-
const { nextZIndex:
|
|
31
|
+
setup(s, { expose: Z, emit: X }) {
|
|
32
|
+
const { nextZIndex: A } = ve(), C = z(), Y = z([]), O = ee(), k = z(!0), m = z(s.initialIndex), i = z({
|
|
34
33
|
scale: 1,
|
|
35
34
|
deg: 0,
|
|
36
35
|
offsetX: 0,
|
|
37
36
|
offsetY: 0,
|
|
38
37
|
enableTransition: !1
|
|
39
|
-
}),
|
|
40
|
-
const { scale: e, deg: t, offsetX: o, offsetY: r, enableTransition: h } =
|
|
38
|
+
}), P = b(() => s.urlList.length <= 1), $ = b(() => m.value === 0), M = b(() => m.value === s.urlList.length - 1), W = b(() => s.urlList[m.value]), j = b(() => {
|
|
39
|
+
const { scale: e, deg: t, offsetX: o, offsetY: r, enableTransition: h } = i.value;
|
|
41
40
|
let u = o / e, f = r / e;
|
|
42
41
|
switch (t % 360) {
|
|
43
42
|
case 90:
|
|
@@ -53,16 +52,16 @@ const pe = ["src"], a = (
|
|
|
53
52
|
[u, f] = [-f, u];
|
|
54
53
|
break;
|
|
55
54
|
}
|
|
56
|
-
const
|
|
55
|
+
const g = {
|
|
57
56
|
transform: `scale(${e}) rotate(${t}deg) translate(${u}px, ${f}px)`,
|
|
58
57
|
transition: h ? "transform .3s" : ""
|
|
59
58
|
};
|
|
60
|
-
return
|
|
61
|
-
}),
|
|
59
|
+
return g.maxWidth = g.maxHeight = "100%", g;
|
|
60
|
+
}), q = b(() => H(s.zIndex) ? s.zIndex : A());
|
|
62
61
|
function y() {
|
|
63
|
-
|
|
62
|
+
J(), X("close");
|
|
64
63
|
}
|
|
65
|
-
function
|
|
64
|
+
function G() {
|
|
66
65
|
const e = T((o) => {
|
|
67
66
|
switch (o.code) {
|
|
68
67
|
case w.esc:
|
|
@@ -95,24 +94,24 @@ const pe = ["src"], a = (
|
|
|
95
94
|
I(document, "keydown", e), I(document, "wheel", t);
|
|
96
95
|
});
|
|
97
96
|
}
|
|
98
|
-
function
|
|
97
|
+
function J() {
|
|
99
98
|
O.stop();
|
|
100
99
|
}
|
|
101
|
-
function
|
|
100
|
+
function K() {
|
|
102
101
|
k.value = !1;
|
|
103
102
|
}
|
|
104
|
-
function
|
|
103
|
+
function Q(e) {
|
|
105
104
|
k.value = !1, e.target.alt = "加载失败";
|
|
106
105
|
}
|
|
107
|
-
function
|
|
106
|
+
function U(e) {
|
|
108
107
|
if (k.value || e.button !== 0 || !C.value)
|
|
109
108
|
return;
|
|
110
|
-
|
|
111
|
-
const { offsetX: t, offsetY: o } =
|
|
112
|
-
|
|
113
|
-
...
|
|
114
|
-
offsetX: t +
|
|
115
|
-
offsetY: o +
|
|
109
|
+
i.value.enableTransition = !1;
|
|
110
|
+
const { offsetX: t, offsetY: o } = i.value, r = e.pageX, h = e.pageY, u = T((g) => {
|
|
111
|
+
i.value = {
|
|
112
|
+
...i.value,
|
|
113
|
+
offsetX: t + g.pageX - r,
|
|
114
|
+
offsetY: o + g.pageY - h
|
|
116
115
|
};
|
|
117
116
|
}), f = I(document, "mousemove", u);
|
|
118
117
|
I(document, "mouseup", () => {
|
|
@@ -120,7 +119,7 @@ const pe = ["src"], a = (
|
|
|
120
119
|
}), e.preventDefault();
|
|
121
120
|
}
|
|
122
121
|
function N() {
|
|
123
|
-
|
|
122
|
+
i.value = {
|
|
124
123
|
scale: 1,
|
|
125
124
|
deg: 0,
|
|
126
125
|
offsetX: 0,
|
|
@@ -151,25 +150,25 @@ const pe = ["src"], a = (
|
|
|
151
150
|
};
|
|
152
151
|
switch (e) {
|
|
153
152
|
case "zoomOut":
|
|
154
|
-
|
|
155
|
-
(
|
|
153
|
+
i.value.scale > 0.2 && (i.value.scale = Number.parseFloat(
|
|
154
|
+
(i.value.scale / s.zoomRate).toFixed(3)
|
|
156
155
|
));
|
|
157
156
|
break;
|
|
158
157
|
case "zoomIn":
|
|
159
|
-
|
|
160
|
-
(
|
|
158
|
+
i.value.scale < 7 && (i.value.scale = Number.parseFloat(
|
|
159
|
+
(i.value.scale * s.zoomRate).toFixed(3)
|
|
161
160
|
));
|
|
162
161
|
break;
|
|
163
162
|
case "clockwise":
|
|
164
|
-
|
|
163
|
+
i.value.deg += o;
|
|
165
164
|
break;
|
|
166
165
|
case "anticlockwise":
|
|
167
|
-
|
|
166
|
+
i.value.deg -= o;
|
|
168
167
|
break;
|
|
169
168
|
}
|
|
170
|
-
|
|
169
|
+
i.value.enableTransition = r;
|
|
171
170
|
}
|
|
172
|
-
return R(
|
|
171
|
+
return R(W, () => {
|
|
173
172
|
te(() => {
|
|
174
173
|
const e = Y.value[0];
|
|
175
174
|
e != null && e.complete || (k.value = !0);
|
|
@@ -178,8 +177,8 @@ const pe = ["src"], a = (
|
|
|
178
177
|
N(), X("switch", e);
|
|
179
178
|
}), ne(() => {
|
|
180
179
|
var e, t;
|
|
181
|
-
|
|
182
|
-
}),
|
|
180
|
+
G(), (t = (e = C.value) == null ? void 0 : e.focus) == null || t.call(e);
|
|
181
|
+
}), Z({
|
|
183
182
|
/** @description manually switch image */
|
|
184
183
|
setActiveItem: L
|
|
185
184
|
}), (e, t) => (x(), oe(ae, {
|
|
@@ -190,27 +189,27 @@ const pe = ["src"], a = (
|
|
|
190
189
|
name: "viewer-fade",
|
|
191
190
|
appear: ""
|
|
192
191
|
}, {
|
|
193
|
-
default:
|
|
192
|
+
default: ie(() => [
|
|
194
193
|
c("div", {
|
|
195
194
|
ref_key: "wrapper",
|
|
196
195
|
ref: C,
|
|
197
196
|
tabindex: -1,
|
|
198
|
-
class:
|
|
199
|
-
style: S({ zIndex:
|
|
197
|
+
class: l(n(a).e("wrapper")),
|
|
198
|
+
style: S({ zIndex: q.value })
|
|
200
199
|
}, [
|
|
201
200
|
c("div", {
|
|
202
|
-
class:
|
|
203
|
-
onClick: t[0] || (t[0] =
|
|
201
|
+
class: l(n(a).e("mask")),
|
|
202
|
+
onClick: t[0] || (t[0] = le((o) => e.hideOnClickModal && y(), ["self"]))
|
|
204
203
|
}, null, 2),
|
|
205
204
|
c("span", {
|
|
206
|
-
class:
|
|
205
|
+
class: l([n(a).e("btn"), n(a).e("close")]),
|
|
207
206
|
onClick: y
|
|
208
207
|
}, [
|
|
209
208
|
d(n(v), { icon: "ico-ep:close" })
|
|
210
209
|
], 2),
|
|
211
|
-
|
|
210
|
+
P.value ? re("", !0) : (x(), E(V, { key: 0 }, [
|
|
212
211
|
c("span", {
|
|
213
|
-
class:
|
|
212
|
+
class: l([
|
|
214
213
|
n(a).e("btn"),
|
|
215
214
|
n(a).e("prev"),
|
|
216
215
|
n(a).is("disabled", !e.infinite && $.value)
|
|
@@ -220,7 +219,7 @@ const pe = ["src"], a = (
|
|
|
220
219
|
d(n(v), { icon: "ico-ep:arrow-left" })
|
|
221
220
|
], 2),
|
|
222
221
|
c("span", {
|
|
223
|
-
class:
|
|
222
|
+
class: l([
|
|
224
223
|
n(a).e("btn"),
|
|
225
224
|
n(a).e("next"),
|
|
226
225
|
n(a).is("disabled", !e.infinite && M.value)
|
|
@@ -231,10 +230,10 @@ const pe = ["src"], a = (
|
|
|
231
230
|
], 2)
|
|
232
231
|
], 64)),
|
|
233
232
|
c("div", {
|
|
234
|
-
class:
|
|
233
|
+
class: l([n(a).e("btn"), n(a).e("actions")])
|
|
235
234
|
}, [
|
|
236
235
|
c("div", {
|
|
237
|
-
class:
|
|
236
|
+
class: l(n(a).e("actions__inner"))
|
|
238
237
|
}, [
|
|
239
238
|
d(n(v), {
|
|
240
239
|
icon: "ico-ep:zoom-out",
|
|
@@ -245,14 +244,14 @@ const pe = ["src"], a = (
|
|
|
245
244
|
onClick: t[2] || (t[2] = (o) => p("zoomIn"))
|
|
246
245
|
}),
|
|
247
246
|
c("i", {
|
|
248
|
-
class:
|
|
247
|
+
class: l(n(a).e("actions__divider"))
|
|
249
248
|
}, null, 2),
|
|
250
249
|
d(n(v), {
|
|
251
250
|
icon: "ico-ep:scale-to-original",
|
|
252
251
|
onClick: B
|
|
253
252
|
}),
|
|
254
253
|
c("i", {
|
|
255
|
-
class:
|
|
254
|
+
class: l(n(a).e("actions__divider"))
|
|
256
255
|
}, null, 2),
|
|
257
256
|
d(n(v), {
|
|
258
257
|
icon: "ico-ep:refresh-left",
|
|
@@ -265,18 +264,18 @@ const pe = ["src"], a = (
|
|
|
265
264
|
], 2)
|
|
266
265
|
], 2),
|
|
267
266
|
c("div", {
|
|
268
|
-
class:
|
|
267
|
+
class: l(n(a).e("canvas"))
|
|
269
268
|
}, [
|
|
270
269
|
(x(!0), E(V, null, ce(e.urlList, (o, r) => ue((x(), E("img", {
|
|
271
270
|
ref_for: !0,
|
|
272
271
|
ref: (h) => Y.value[r] = h,
|
|
273
272
|
key: o,
|
|
274
273
|
src: o,
|
|
275
|
-
style: S(
|
|
276
|
-
class:
|
|
277
|
-
onLoad:
|
|
278
|
-
onError:
|
|
279
|
-
onMousedown:
|
|
274
|
+
style: S(j.value),
|
|
275
|
+
class: l(n(a).e("img")),
|
|
276
|
+
onLoad: K,
|
|
277
|
+
onError: Q,
|
|
278
|
+
onMousedown: U
|
|
280
279
|
}, null, 46, pe)), [
|
|
281
280
|
[fe, r === m.value]
|
|
282
281
|
])), 128))
|
|
@@ -290,5 +289,5 @@ const pe = ["src"], a = (
|
|
|
290
289
|
}
|
|
291
290
|
});
|
|
292
291
|
export {
|
|
293
|
-
|
|
292
|
+
Le as default
|
|
294
293
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as f, getCurrentInstance as k, computed as b, openBlock as r, createElementBlock as a, normalizeClass as s, unref as o, createBlock as y, normalizeProps as C, mergeProps as g, createCommentVNode as c, renderSlot as B } from "vue";
|
|
2
2
|
import { singleAttrToObj as P } from "@vft/utils";
|
|
3
3
|
import { VftIcon as R } from "../icon/index.js";
|
|
4
4
|
import { useNamespace as $ } from "../../hooks/use-namespace/index.js";
|
|
@@ -11,10 +11,9 @@ import { useRouterHelper as h } from "@vft/router";
|
|
|
11
11
|
const t = (
|
|
12
12
|
/* hoist-static*/
|
|
13
13
|
$("link")
|
|
14
|
-
),
|
|
15
|
-
name: t.b()
|
|
16
|
-
|
|
17
|
-
...v,
|
|
14
|
+
), q = /* @__PURE__ */ f({
|
|
15
|
+
name: t.b(),
|
|
16
|
+
__name: "link",
|
|
18
17
|
props: {
|
|
19
18
|
type: { default: "default" },
|
|
20
19
|
underline: { type: Boolean, default: !0 },
|
|
@@ -24,13 +23,13 @@ const t = (
|
|
|
24
23
|
icon: {}
|
|
25
24
|
},
|
|
26
25
|
emits: ["click"],
|
|
27
|
-
setup(n, { emit:
|
|
28
|
-
const
|
|
29
|
-
function
|
|
30
|
-
n.route &&
|
|
26
|
+
setup(n, { emit: u }) {
|
|
27
|
+
const m = k().appContext.config.globalProperties.$router, { go: d } = h(m);
|
|
28
|
+
function p(e) {
|
|
29
|
+
n.route && d(n.route, n.isReplace), n.disabled || u("click", e);
|
|
31
30
|
}
|
|
32
31
|
const l = b(() => P(n.icon, "icon"));
|
|
33
|
-
return (e,
|
|
32
|
+
return (e, z) => {
|
|
34
33
|
var i;
|
|
35
34
|
return r(), a("span", {
|
|
36
35
|
class: s([
|
|
@@ -39,7 +38,7 @@ const t = (
|
|
|
39
38
|
o(t).is("disabled", e.disabled),
|
|
40
39
|
o(t).is("underline", e.underline && !e.disabled)
|
|
41
40
|
]),
|
|
42
|
-
onClick:
|
|
41
|
+
onClick: p
|
|
43
42
|
}, [
|
|
44
43
|
(i = l.value) != null && i.icon ? (r(), y(o(R), C(g({ key: 0 }, l.value)), null, 16)) : c("", !0),
|
|
45
44
|
e.$slots.default ? (r(), a("span", {
|
|
@@ -53,5 +52,5 @@ const t = (
|
|
|
53
52
|
}
|
|
54
53
|
});
|
|
55
54
|
export {
|
|
56
|
-
|
|
55
|
+
q as default
|
|
57
56
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as y, ref as z, computed as m, openBlock as c, createElementBlock as a, normalizeStyle as V, normalizeClass as o, unref as e, Fragment as N, renderList as _, createElementVNode as u, createVNode as b, normalizeProps as d, guardReactiveProps as B, toDisplayString as D, createBlock as p, mergeProps as P } from "vue";
|
|
2
2
|
import { VftIcon as g } from "../icon/index.js";
|
|
3
3
|
import { useNamespace as T } from "../../hooks/use-namespace/index.js";
|
|
4
4
|
import "@popperjs/core";
|
|
@@ -10,10 +10,9 @@ import { generateCssVars as H } from "../../utils/ns-cover.js";
|
|
|
10
10
|
const S = ["onClick"], l = (
|
|
11
11
|
/* hoist-static*/
|
|
12
12
|
T("list-cell")
|
|
13
|
-
),
|
|
14
|
-
name: l.b()
|
|
15
|
-
|
|
16
|
-
...j,
|
|
13
|
+
), G = /* @__PURE__ */ y({
|
|
14
|
+
name: l.b(),
|
|
15
|
+
__name: "list-cell",
|
|
17
16
|
props: {
|
|
18
17
|
list: { default: [] },
|
|
19
18
|
cellHeight: { default: 50 },
|
|
@@ -21,46 +20,46 @@ const S = ["onClick"], l = (
|
|
|
21
20
|
activeIndex: {}
|
|
22
21
|
},
|
|
23
22
|
emits: ["item-click"],
|
|
24
|
-
setup(r, { emit:
|
|
25
|
-
const f =
|
|
23
|
+
setup(r, { emit: k }) {
|
|
24
|
+
const f = z(r.activeIndex), I = m(() => r.list.map((t) => (t.leftIcon = v(t.leftIcon, "icon", { size: 16 }), t.rightIcon = v(t.rightIcon, "icon", {
|
|
26
25
|
icon: "ico-ep:arrow-right",
|
|
27
26
|
size: 16
|
|
28
|
-
}), t))),
|
|
27
|
+
}), t))), C = m(() => H({
|
|
29
28
|
height: h(r.cellHeight),
|
|
30
29
|
"left-text-distance": h(r.leftTextDistance)
|
|
31
30
|
}, "list-cell"));
|
|
32
|
-
function
|
|
33
|
-
f.value = i,
|
|
31
|
+
function x(t, i) {
|
|
32
|
+
f.value = i, k("item-click", t, i);
|
|
34
33
|
}
|
|
35
|
-
return (t, i) => (
|
|
36
|
-
style:
|
|
37
|
-
class:
|
|
34
|
+
return (t, i) => (c(), a("div", {
|
|
35
|
+
style: V(C.value),
|
|
36
|
+
class: o(e(l).b())
|
|
38
37
|
}, [
|
|
39
|
-
(
|
|
40
|
-
onClick: (
|
|
38
|
+
(c(!0), a(N, null, _(I.value, (n, s) => (c(), a("div", {
|
|
39
|
+
onClick: (j) => x(n, s),
|
|
41
40
|
key: s,
|
|
42
|
-
class:
|
|
41
|
+
class: o([e(l).e("item"), e(l).is("active", f.value === s)])
|
|
43
42
|
}, [
|
|
44
43
|
u("div", {
|
|
45
|
-
class:
|
|
44
|
+
class: o(e(l).m("left"))
|
|
46
45
|
}, [
|
|
47
46
|
b(e(g), d(B(n.leftIcon)), null, 16),
|
|
48
47
|
u("span", {
|
|
49
|
-
class:
|
|
48
|
+
class: o(e(l).e("text"))
|
|
50
49
|
}, D(n.text), 3)
|
|
51
50
|
], 2),
|
|
52
51
|
u("div", {
|
|
53
|
-
class:
|
|
52
|
+
class: o(e(l).m("right"))
|
|
54
53
|
}, [
|
|
55
|
-
n != null && n.rightContent ? (
|
|
54
|
+
n != null && n.rightContent ? (c(), p(e(E), {
|
|
56
55
|
key: 0,
|
|
57
56
|
content: n.rightContent
|
|
58
|
-
}, null, 8, ["content"])) : (
|
|
57
|
+
}, null, 8, ["content"])) : (c(), p(e(g), d(P({ key: 1 }, n.rightIcon)), null, 16))
|
|
59
58
|
], 2)
|
|
60
59
|
], 10, S))), 128))
|
|
61
60
|
], 6));
|
|
62
61
|
}
|
|
63
62
|
});
|
|
64
63
|
export {
|
|
65
|
-
|
|
64
|
+
G as default
|
|
66
65
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as u, computed as r, getCurrentInstance as g, openBlock as f, createElementBlock as d, normalizeClass as e, normalizeStyle as C, createElementVNode as s, unref as l, toDisplayString as h } from "vue";
|
|
2
2
|
import { useRouterHelper as k } from "@vft/router";
|
|
3
3
|
import { useNamespace as P } from "../../hooks/use-namespace/index.js";
|
|
4
4
|
import "@popperjs/core";
|
|
@@ -7,34 +7,33 @@ import "../../hooks/use-z-index/index.js";
|
|
|
7
7
|
import "@vueuse/core";
|
|
8
8
|
import "@vft/utils";
|
|
9
9
|
import "../../utils/ns-cover.js";
|
|
10
|
-
const
|
|
10
|
+
const j = ["src"], t = (
|
|
11
11
|
/* hoist-static*/
|
|
12
12
|
P("logo")
|
|
13
|
-
),
|
|
14
|
-
name: t.b()
|
|
15
|
-
|
|
16
|
-
...j,
|
|
13
|
+
), x = /* @__PURE__ */ u({
|
|
14
|
+
name: t.b(),
|
|
15
|
+
__name: "logo",
|
|
17
16
|
props: {
|
|
18
17
|
title: {},
|
|
19
18
|
logo: {},
|
|
20
19
|
jumpPath: {}
|
|
21
20
|
},
|
|
22
21
|
setup(o) {
|
|
23
|
-
const
|
|
24
|
-
function
|
|
25
|
-
o.jumpPath &&
|
|
22
|
+
const a = r(() => [t.b()]), i = g().appContext.config.globalProperties.$router, { go: c } = k(i);
|
|
23
|
+
function m() {
|
|
24
|
+
o.jumpPath && c(o.jumpPath);
|
|
26
25
|
}
|
|
27
26
|
const p = r(() => o.jumpPath ? {} : t.cssVarBlock({ cursor: "inital" }));
|
|
28
27
|
return (n, b) => (f(), d("div", {
|
|
29
|
-
class: e(
|
|
30
|
-
onClick:
|
|
28
|
+
class: e(a.value),
|
|
29
|
+
onClick: m,
|
|
31
30
|
style: C(p.value)
|
|
32
31
|
}, [
|
|
33
32
|
s("img", {
|
|
34
33
|
class: e(l(t).e("img")),
|
|
35
34
|
src: n.logo,
|
|
36
35
|
alt: ""
|
|
37
|
-
}, null, 10,
|
|
36
|
+
}, null, 10, j),
|
|
38
37
|
s("div", {
|
|
39
38
|
class: e(["ml-2 truncate", l(t).e("title")])
|
|
40
39
|
}, h(n.title), 3)
|
|
@@ -42,5 +41,5 @@ const _ = ["src"], t = (
|
|
|
42
41
|
}
|
|
43
42
|
});
|
|
44
43
|
export {
|
|
45
|
-
|
|
44
|
+
x as default
|
|
46
45
|
};
|
|
@@ -1,22 +1,21 @@
|
|
|
1
1
|
import { defineComponent as i, onMounted as n, openBlock as m, createElementBlock as t, normalizeClass as r, unref as o, createElementVNode as a } from "vue";
|
|
2
|
-
import { useNamespace as
|
|
2
|
+
import { useNamespace as p } from "../../hooks/use-namespace/index.js";
|
|
3
3
|
import "@popperjs/core";
|
|
4
4
|
import "lodash";
|
|
5
5
|
import "../../hooks/use-z-index/index.js";
|
|
6
6
|
import "@vueuse/core";
|
|
7
7
|
import "@vft/utils";
|
|
8
8
|
import "../../utils/ns-cover.js";
|
|
9
|
-
import { init as
|
|
10
|
-
const
|
|
9
|
+
import { init as c } from "@waline/client";
|
|
10
|
+
const l = ["id"], e = (
|
|
11
11
|
/* hoist-static*/
|
|
12
|
-
|
|
13
|
-
),
|
|
14
|
-
name: e.b()
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
setup(u) {
|
|
12
|
+
p("md-comment")
|
|
13
|
+
), q = /* @__PURE__ */ i({
|
|
14
|
+
name: e.b(),
|
|
15
|
+
__name: "md-comment",
|
|
16
|
+
setup(s) {
|
|
18
17
|
return n(() => {
|
|
19
|
-
|
|
18
|
+
c({
|
|
20
19
|
el: `#${e.e("waline")}`,
|
|
21
20
|
serverURL: "https://waline.wflynn.cn/",
|
|
22
21
|
pageview: !0,
|
|
@@ -30,15 +29,15 @@ const s = ["id"], e = (
|
|
|
30
29
|
"//unpkg.com/@waline/emojis@1.1.0/tw-emoji"
|
|
31
30
|
]
|
|
32
31
|
});
|
|
33
|
-
}), (
|
|
32
|
+
}), (u, w) => (m(), t("div", {
|
|
34
33
|
class: r(o(e).b())
|
|
35
34
|
}, [
|
|
36
35
|
a("div", {
|
|
37
36
|
id: o(e).e("waline")
|
|
38
|
-
}, null, 8,
|
|
37
|
+
}, null, 8, l)
|
|
39
38
|
], 2));
|
|
40
39
|
}
|
|
41
40
|
});
|
|
42
41
|
export {
|
|
43
|
-
|
|
42
|
+
q as default
|
|
44
43
|
};
|