vft 0.0.516 → 0.0.518
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/image/image.vue2.js +15 -15
- package/es/components/loading/directive.d.ts +1 -1
- package/es/components/loading/directive.js +2 -1
- package/es/components/md-container/index.d.ts +1 -0
- package/es/components/md-container/md-container.vue.d.ts +1 -0
- package/es/components/md-container/md-container.vue2.js +52 -50
- package/es/components/message-box/message-box.vue2.js +2 -2
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/lib/components/image/image.vue2.cjs +1 -1
- package/lib/components/loading/directive.cjs +1 -1
- package/lib/components/loading/directive.d.ts +1 -1
- package/lib/components/md-container/index.d.ts +1 -0
- package/lib/components/md-container/md-container.vue.d.ts +1 -0
- package/lib/components/md-container/md-container.vue2.cjs +1 -1
- package/lib/components/message-box/message-box.vue2.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/package.json +3 -3
- package/web-types.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as T, useAttrs as W, ref as o, computed as d, watch as G, onMounted as J, openBlock as s, createElementBlock as f, normalizeStyle as Q, normalizeClass as y, unref as l, mergeProps as U, createCommentVNode as u, renderSlot as k, createElementVNode as A, Fragment as X, createBlock as Z, withCtx as _, nextTick as ee } from "vue";
|
|
2
2
|
import { useAttrs as te } from "@vft/use";
|
|
3
|
-
import { isInContainer as le, isElement as
|
|
3
|
+
import { isInContainer as le, isElement as ae, isString as ne, getScrollContainer as ie } from "@vft/utils";
|
|
4
4
|
import { VftImageViewer as re } from "../image-viewer/index.js";
|
|
5
5
|
import { isClient as v, useThrottleFn as oe, useEventListener as V } from "@vueuse/core";
|
|
6
6
|
import "../config-provider/hooks/use-global-config.js";
|
|
@@ -34,33 +34,33 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
|
|
|
34
34
|
setup(e, { expose: $, emit: b }) {
|
|
35
35
|
const c = b, i = se("image");
|
|
36
36
|
let C = "";
|
|
37
|
-
const M = W(), O = te(), w = o(), r = o(!1),
|
|
37
|
+
const M = W(), O = te(), w = o(), r = o(!1), a = o(!0), h = o(!1), m = o(), n = o(), H = v && "loading" in HTMLImageElement.prototype;
|
|
38
38
|
let z, S;
|
|
39
39
|
const F = d(() => M.style), N = d(() => v && e.fit ? { objectFit: e.fit } : {}), g = d(() => Array.isArray(e.previewSrcList) && e.previewSrcList.length > 0), P = d(() => {
|
|
40
40
|
let t = e.initialIndex;
|
|
41
41
|
return e.initialIndex > e.previewSrcList.length - 1 && (t = 0), t;
|
|
42
42
|
}), p = d(() => e.loading === "eager" ? !1 : !H && e.loading === "lazy" || e.lazy), L = () => {
|
|
43
|
-
v && (
|
|
43
|
+
v && (a.value = !0, r.value = !1, w.value = e.src);
|
|
44
44
|
};
|
|
45
45
|
function D(t) {
|
|
46
|
-
|
|
46
|
+
a.value = !1, r.value = !1, c("load", t);
|
|
47
47
|
}
|
|
48
48
|
function R(t) {
|
|
49
|
-
|
|
49
|
+
a.value = !1, r.value = !0, c("error", t);
|
|
50
50
|
}
|
|
51
51
|
function x() {
|
|
52
|
-
le(m.value,
|
|
52
|
+
le(m.value, n.value) && (L(), B());
|
|
53
53
|
}
|
|
54
54
|
const I = oe(x, 200);
|
|
55
55
|
async function E() {
|
|
56
|
-
v && (await ee(),
|
|
57
|
-
|
|
56
|
+
v && (await ee(), ae(e.scrollContainer) ? n.value = e.scrollContainer : ne(e.scrollContainer) && e.scrollContainer !== "" ? n.value = document.querySelector(e.scrollContainer) ?? void 0 : m.value && (n.value = ie(m.value)), n.value && (z = V(
|
|
57
|
+
n,
|
|
58
58
|
"scroll",
|
|
59
59
|
I
|
|
60
60
|
), setTimeout(() => x(), 100)));
|
|
61
61
|
}
|
|
62
62
|
function B() {
|
|
63
|
-
!v || !
|
|
63
|
+
!v || !n.value || !I || (z?.(), n.value = void 0);
|
|
64
64
|
}
|
|
65
65
|
function Y(t) {
|
|
66
66
|
if (t.ctrlKey) {
|
|
@@ -76,7 +76,7 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
|
|
|
76
76
|
}), C = document.body.style.overflow, document.body.style.overflow = "hidden", h.value = !0, c("show"));
|
|
77
77
|
}
|
|
78
78
|
function q() {
|
|
79
|
-
|
|
79
|
+
S?.(), document.body.style.overflow = C, h.value = !1, c("close");
|
|
80
80
|
}
|
|
81
81
|
function K(t) {
|
|
82
82
|
c("switch", t);
|
|
@@ -84,12 +84,12 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
|
|
|
84
84
|
return G(
|
|
85
85
|
() => e.src,
|
|
86
86
|
() => {
|
|
87
|
-
p.value ? (
|
|
87
|
+
p.value ? (a.value = !0, r.value = !1, B(), E()) : L();
|
|
88
88
|
}
|
|
89
89
|
), J(() => {
|
|
90
90
|
p.value ? E() : L();
|
|
91
91
|
}), $({
|
|
92
|
-
isLoading:
|
|
92
|
+
isLoading: a
|
|
93
93
|
}), (t, fe) => (s(), f("div", {
|
|
94
94
|
ref_key: "container",
|
|
95
95
|
ref: m,
|
|
@@ -103,18 +103,18 @@ const ue = ["src", "loading"], ce = { key: 0 }, de = T({
|
|
|
103
103
|
class: [
|
|
104
104
|
l(i).e("inner"),
|
|
105
105
|
g.value && l(i).e("preview"),
|
|
106
|
-
|
|
106
|
+
a.value && l(i).is("loading")
|
|
107
107
|
],
|
|
108
108
|
onClick: j,
|
|
109
109
|
onLoad: D,
|
|
110
110
|
onError: R,
|
|
111
111
|
alt: ""
|
|
112
112
|
}), null, 16, ue)) : u("", !0),
|
|
113
|
-
|
|
113
|
+
a.value || r.value ? (s(), f("div", {
|
|
114
114
|
key: 1,
|
|
115
115
|
class: y(l(i).e("wrapper"))
|
|
116
116
|
}, [
|
|
117
|
-
|
|
117
|
+
a.value ? k(t.$slots, "placeholder", { key: 0 }, () => [
|
|
118
118
|
A("div", {
|
|
119
119
|
class: y(l(i).e("placeholder"))
|
|
120
120
|
}, null, 2)
|
|
@@ -9,10 +9,10 @@ export interface VftLoading extends HTMLElement {
|
|
|
9
9
|
options: LoadingOptions;
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
|
-
export declare const vLoading: Directive<VftLoading, LoadingBinding>;
|
|
13
12
|
export declare function createLoadingDirective(defaultLoadingCfg?: UnwrapRef<LoadingOptions>): {
|
|
14
13
|
mounted(el: any, binding: any): void;
|
|
15
14
|
updated(el: any, binding: any): void;
|
|
16
15
|
unmounted(el: VftLoading): void;
|
|
17
16
|
};
|
|
17
|
+
export declare const vLoading: Directive<VftLoading, LoadingBinding>;
|
|
18
18
|
export {};
|
|
@@ -30,7 +30,7 @@ const u = Symbol("VftLoading"), i = (a, o) => {
|
|
|
30
30
|
}, y = (a, o) => {
|
|
31
31
|
for (const t of Object.keys(o))
|
|
32
32
|
x(o[t]) && (o[t].value = a[t]);
|
|
33
|
-
}
|
|
33
|
+
};
|
|
34
34
|
function S(a) {
|
|
35
35
|
function o(t) {
|
|
36
36
|
a && (t.value = { ...a, ...t.value });
|
|
@@ -48,6 +48,7 @@ function S(a) {
|
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
|
+
const L = S();
|
|
51
52
|
export {
|
|
52
53
|
S as createLoadingDirective,
|
|
53
54
|
L as vLoading
|
|
@@ -43,6 +43,7 @@ export declare const VftMdContainer: import("vft/es/utils").SFCWithInstall<{
|
|
|
43
43
|
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
44
44
|
$slots: {
|
|
45
45
|
default?(_: {}): any;
|
|
46
|
+
comment?(_: {}): any;
|
|
46
47
|
};
|
|
47
48
|
})> & Record<string, any>;
|
|
48
49
|
export default VftMdContainer;
|
|
@@ -8,6 +8,7 @@ interface Props {
|
|
|
8
8
|
}
|
|
9
9
|
declare function __VLS_template(): {
|
|
10
10
|
default?(_: {}): any;
|
|
11
|
+
comment?(_: {}): any;
|
|
11
12
|
};
|
|
12
13
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
13
14
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { VftIcon as
|
|
1
|
+
import { defineComponent as T, getCurrentInstance as N, ref as A, computed as C, onMounted as P, nextTick as q, onDeactivated as z, onBeforeMount as B, openBlock as r, createElementBlock as f, normalizeClass as c, unref as e, createBlock as k, createCommentVNode as p, createElementVNode as l, toDisplayString as x, createVNode as m, Fragment as I, renderList as O, withCtx as F, createTextVNode as H, renderSlot as b } from "vue";
|
|
2
|
+
import { VftIcon as D } from "../icon/index.js";
|
|
3
3
|
import { VftIconText as J } from "../icon-text/index.js";
|
|
4
4
|
import { VftMdComment as j } from "../md-comment/index.js";
|
|
5
5
|
import { VftSideMenu as U } from "../side-menu/index.js";
|
|
6
6
|
import { VftTag as Y } from "../tag/index.js";
|
|
7
7
|
import "@vueuse/core";
|
|
8
|
-
import { handleScrollPosition as G, getAdaptiveOffset as K, jumpElement as
|
|
8
|
+
import { handleScrollPosition as G, getAdaptiveOffset as K, jumpElement as S, getRandomElementForArr as Q, isClient as W } from "@vft/utils";
|
|
9
9
|
import "../config-provider/hooks/use-global-config.js";
|
|
10
10
|
import { primaryColor as X } from "../../utils/ns-cover.js";
|
|
11
11
|
import { debounce as Z } from "lodash-es";
|
|
@@ -26,9 +26,9 @@ const re = { class: "info-container" }, ce = {
|
|
|
26
26
|
}, me = { class: "infos" }, de = {
|
|
27
27
|
class: "reading",
|
|
28
28
|
title: "阅读量"
|
|
29
|
-
}, ue = ["data-path"], fe =
|
|
29
|
+
}, ue = ["data-path"], fe = T({
|
|
30
30
|
name: "vft-md-container"
|
|
31
|
-
}), qe = /* @__PURE__ */
|
|
31
|
+
}), qe = /* @__PURE__ */ T({
|
|
32
32
|
...fe,
|
|
33
33
|
props: {
|
|
34
34
|
tocList: {},
|
|
@@ -36,59 +36,59 @@ const re = { class: "info-container" }, ce = {
|
|
|
36
36
|
showComment: { type: Boolean, default: !0 }
|
|
37
37
|
},
|
|
38
38
|
setup(a) {
|
|
39
|
-
const s = ee("md-container"),
|
|
40
|
-
|
|
41
|
-
const
|
|
42
|
-
function E(
|
|
43
|
-
|
|
39
|
+
const s = ee("md-container"), w = N(), d = A(), u = C(() => a.tocList && a.tocList !== "undefined" ? JSON.parse(a.tocList) : ""), { initPhotoSwipe: L } = ne(`.${s.e("content")} img`);
|
|
40
|
+
L(), ae();
|
|
41
|
+
const g = w.appContext.config.globalProperties.$router, n = g.currentRoute.value, V = X(), _ = W ? location.pathname : "", { go: $ } = te(g);
|
|
42
|
+
function E(t) {
|
|
43
|
+
$(`/?classify=${t}`);
|
|
44
44
|
}
|
|
45
|
-
const M =
|
|
45
|
+
const M = C(() => n.meta.category?.includes("api")), h = Z(
|
|
46
46
|
() => G({
|
|
47
47
|
scrollDom: a.scrollDom,
|
|
48
48
|
contentDom: ".header-anchor",
|
|
49
49
|
selectAttrName: "href",
|
|
50
50
|
offset: K(210, 1920, 1500, 1920),
|
|
51
|
-
callback: (
|
|
52
|
-
|
|
51
|
+
callback: (t) => {
|
|
52
|
+
d.value?.menuRef && (d.value.menuRef.activeIndex = t.slice(1));
|
|
53
53
|
}
|
|
54
54
|
}),
|
|
55
55
|
100
|
|
56
|
-
),
|
|
57
|
-
|
|
58
|
-
},
|
|
59
|
-
const
|
|
60
|
-
|
|
56
|
+
), v = (t) => {
|
|
57
|
+
S(`[id="${t.index}"]`, a.scrollDom, 120);
|
|
58
|
+
}, y = () => {
|
|
59
|
+
const t = document.querySelector(a.scrollDom);
|
|
60
|
+
t && t.removeEventListener("scroll", h);
|
|
61
61
|
};
|
|
62
|
-
return
|
|
63
|
-
|
|
62
|
+
return P(() => {
|
|
63
|
+
q(() => {
|
|
64
64
|
setTimeout(() => {
|
|
65
|
-
n.hash &&
|
|
65
|
+
n.hash && S(`[id="${encodeURI(n.hash).slice(1)}"]`);
|
|
66
66
|
}), setTimeout(() => {
|
|
67
|
-
const
|
|
68
|
-
|
|
67
|
+
const o = document.querySelector(".layout-content");
|
|
68
|
+
o && o.addEventListener("scroll", h);
|
|
69
69
|
}, 1500);
|
|
70
|
-
const
|
|
70
|
+
const t = document.querySelectorAll(".item.expand"), i = document.querySelectorAll(
|
|
71
71
|
"div.language-vue"
|
|
72
72
|
);
|
|
73
|
-
for (let
|
|
74
|
-
oe(o
|
|
75
|
-
i[
|
|
73
|
+
for (let o = 0; o < t.length; o++)
|
|
74
|
+
oe(t[o], "click", () => {
|
|
75
|
+
i[o].offsetHeight === 0 ? (i[o].style.height = "auto", i[o].style.visibility = "visible") : (i[o].style.height = "0px", i[o].style.visibility = "hidden");
|
|
76
76
|
});
|
|
77
77
|
});
|
|
78
|
-
}), q(() => {
|
|
79
|
-
C();
|
|
80
78
|
}), z(() => {
|
|
81
|
-
|
|
82
|
-
}), (
|
|
79
|
+
y();
|
|
80
|
+
}), B(() => {
|
|
81
|
+
y();
|
|
82
|
+
}), (t, i) => (r(), f("div", {
|
|
83
83
|
class: c([e(s).b(), e(s).is("api", M.value)])
|
|
84
84
|
}, [
|
|
85
|
-
|
|
85
|
+
u.value?.length ? (r(), k(e(U), {
|
|
86
86
|
key: 0,
|
|
87
87
|
ref_key: "sideMenuRef",
|
|
88
|
-
ref:
|
|
89
|
-
"default-active":
|
|
88
|
+
ref: d,
|
|
89
|
+
"default-active": u.value[0].slug,
|
|
90
90
|
class: "toc-side-menu",
|
|
91
|
-
menus:
|
|
91
|
+
menus: u.value,
|
|
92
92
|
"is-fixed-left": !1,
|
|
93
93
|
"default-openeds-level": "",
|
|
94
94
|
"unique-opened": !1,
|
|
@@ -96,37 +96,37 @@ const re = { class: "info-container" }, ce = {
|
|
|
96
96
|
"attr-mapping": {
|
|
97
97
|
index: "slug"
|
|
98
98
|
},
|
|
99
|
-
onSelect:
|
|
100
|
-
onSubMenuClick:
|
|
99
|
+
onSelect: v,
|
|
100
|
+
onSubMenuClick: v
|
|
101
101
|
}, null, 8, ["default-active", "menus"])) : p("", !0),
|
|
102
102
|
l("div", {
|
|
103
103
|
class: c(e(s).e("header"))
|
|
104
104
|
}, [
|
|
105
105
|
l("h1", {
|
|
106
106
|
class: c(e(s).e("title"))
|
|
107
|
-
},
|
|
107
|
+
}, x(e(n).meta?.title), 3),
|
|
108
108
|
l("div", re, [
|
|
109
|
-
e(n).meta?.category?.length ? (r(),
|
|
110
|
-
|
|
109
|
+
e(n).meta?.category?.length ? (r(), f("div", ce, [
|
|
110
|
+
m(e(D), {
|
|
111
111
|
size: 14,
|
|
112
|
-
color: e(
|
|
112
|
+
color: e(V),
|
|
113
113
|
icon: "icon-category"
|
|
114
114
|
}, null, 8, ["color"]),
|
|
115
|
-
(r(!0),
|
|
115
|
+
(r(!0), f(I, null, O(e(n).meta?.category, (o, R) => (r(), k(e(Y), {
|
|
116
116
|
size: "small",
|
|
117
117
|
class: "tag",
|
|
118
118
|
type: e(Q)(e(se), 1)[0],
|
|
119
119
|
key: R,
|
|
120
|
-
onClick: (pe) => E(
|
|
120
|
+
onClick: (pe) => E(o)
|
|
121
121
|
}, {
|
|
122
|
-
default:
|
|
123
|
-
|
|
122
|
+
default: F(() => [
|
|
123
|
+
H(x(o), 1)
|
|
124
124
|
]),
|
|
125
125
|
_: 2
|
|
126
126
|
}, 1032, ["type", "onClick"]))), 128))
|
|
127
127
|
])) : p("", !0),
|
|
128
128
|
l("div", me, [
|
|
129
|
-
|
|
129
|
+
m(e(J), {
|
|
130
130
|
title: "发布时间",
|
|
131
131
|
icon: "icon-date",
|
|
132
132
|
size: 12,
|
|
@@ -137,14 +137,14 @@ const re = { class: "info-container" }, ce = {
|
|
|
137
137
|
)
|
|
138
138
|
}, null, 8, ["text"]),
|
|
139
139
|
l("div", de, [
|
|
140
|
-
|
|
140
|
+
m(e(D), {
|
|
141
141
|
icon: "icon-reading",
|
|
142
142
|
size: 14,
|
|
143
143
|
class: "mr-5px"
|
|
144
144
|
}),
|
|
145
145
|
l("div", {
|
|
146
146
|
class: "waline-pageview-count lh-1",
|
|
147
|
-
"data-path": e(
|
|
147
|
+
"data-path": e(_)
|
|
148
148
|
}, "0", 8, ue)
|
|
149
149
|
])
|
|
150
150
|
])
|
|
@@ -153,9 +153,11 @@ const re = { class: "info-container" }, ce = {
|
|
|
153
153
|
l("div", {
|
|
154
154
|
class: c(e(s).e("content"))
|
|
155
155
|
}, [
|
|
156
|
-
|
|
156
|
+
b(t.$slots, "default")
|
|
157
157
|
], 2),
|
|
158
|
-
a.showComment ? (
|
|
158
|
+
a.showComment ? b(t.$slots, "comment", { key: 1 }, () => [
|
|
159
|
+
m(e(j))
|
|
160
|
+
]) : p("", !0),
|
|
159
161
|
i[0] || (i[0] = l("ins", {
|
|
160
162
|
class: "adsbygoogle",
|
|
161
163
|
style: { display: "block", "text-align": "center" },
|
|
@@ -106,12 +106,12 @@ const xe = ["aria-label", "aria-describedby"], we = ["id"], he = J({
|
|
|
106
106
|
), F(
|
|
107
107
|
() => d.value,
|
|
108
108
|
(n) => {
|
|
109
|
-
|
|
109
|
+
n && (l.boxType !== "prompt" && (e.autofocus ? C.value = P.value?.$el ?? f.value : C.value = f.value), e.zIndex = $()), l.boxType === "prompt" && (n ? T().then(() => {
|
|
110
110
|
B.value && B.value.$el && (e.autofocus ? C.value = le() ?? f.value : C.value = f.value);
|
|
111
111
|
}) : (e.editorErrorMessage = "", e.validateError = !1));
|
|
112
112
|
}
|
|
113
113
|
), ie(async () => {
|
|
114
|
-
await T(),
|
|
114
|
+
await T(), l.closeOnHashChange && window.addEventListener("hashchange", b);
|
|
115
115
|
}), re(() => {
|
|
116
116
|
l.closeOnHashChange && window.removeEventListener("hashchange", b);
|
|
117
117
|
});
|
package/es/package.json.d.ts
CHANGED
package/es/package.json.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),o=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const F=["src","loading"],j={key:0},D=e.defineComponent({name:"vft-image",inheritAttrs:!1}),R=e.defineComponent({...D,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:["load","error","switch","close","show"],setup(t,{expose:S,emit:B}){const s=B,a=P.useNamespace("image");let y="";const E=e.useAttrs(),q=$.useAttrs(),d=e.ref(),i=e.ref(!1),n=e.ref(!0),f=e.ref(!1),u=e.ref(),r=e.ref(),V=o.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const x=e.computed(()=>E.style),p=e.computed(()=>o.isClient&&t.fit?{objectFit:t.fit}:{}),v=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),I=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),h=e.computed(()=>t.loading==="eager"?!1:!V&&t.loading==="lazy"||t.lazy),m=()=>{o.isClient&&(n.value=!0,i.value=!1,d.value=t.src)};function N(l){n.value=!1,i.value=!1,s("load",l)}function b(l){n.value=!1,i.value=!0,s("error",l)}function g(){c.isInContainer(u.value,r.value)&&(m(),z())}const k=o.useThrottleFn(g,200);async function L(){o.isClient&&(await e.nextTick(),c.isElement(t.scrollContainer)?r.value=t.scrollContainer:c.isString(t.scrollContainer)&&t.scrollContainer!==""?r.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>g(),100)))}function z(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function M(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function T(){v.value&&(C=o.useEventListener("wheel",M,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function A(){
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),o=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const F=["src","loading"],j={key:0},D=e.defineComponent({name:"vft-image",inheritAttrs:!1}),R=e.defineComponent({...D,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:["load","error","switch","close","show"],setup(t,{expose:S,emit:B}){const s=B,a=P.useNamespace("image");let y="";const E=e.useAttrs(),q=$.useAttrs(),d=e.ref(),i=e.ref(!1),n=e.ref(!0),f=e.ref(!1),u=e.ref(),r=e.ref(),V=o.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const x=e.computed(()=>E.style),p=e.computed(()=>o.isClient&&t.fit?{objectFit:t.fit}:{}),v=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),I=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),h=e.computed(()=>t.loading==="eager"?!1:!V&&t.loading==="lazy"||t.lazy),m=()=>{o.isClient&&(n.value=!0,i.value=!1,d.value=t.src)};function N(l){n.value=!1,i.value=!1,s("load",l)}function b(l){n.value=!1,i.value=!0,s("error",l)}function g(){c.isInContainer(u.value,r.value)&&(m(),z())}const k=o.useThrottleFn(g,200);async function L(){o.isClient&&(await e.nextTick(),c.isElement(t.scrollContainer)?r.value=t.scrollContainer:c.isString(t.scrollContainer)&&t.scrollContainer!==""?r.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>g(),100)))}function z(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function M(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function T(){v.value&&(C=o.useEventListener("wheel",M,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function A(){C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function O(l){s("switch",l)}return e.watch(()=>t.src,()=>{h.value?(n.value=!0,i.value=!1,z(),L()):m()}),e.onMounted(()=>{h.value?L():m()}),S({isLoading:n}),(l,Y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(a).b(),l.$attrs.class]),style:e.normalizeStyle(x.value)},[d.value!==void 0&&!i.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(q),{src:d.value,loading:t.loading,style:p.value,class:[e.unref(a).e("inner"),v.value&&e.unref(a).e("preview"),n.value&&e.unref(a).is("loading")],onClick:T,onLoad:N,onError:b,alt:""}),null,16,F)):e.createCommentVNode("",!0),n.value||i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("wrapper"))},[n.value?e.renderSlot(l.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("placeholder"))},null,2)]):i.value?e.renderSlot(l.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(H.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":I.value,infinite:t.infinite,"zoom-rate":t.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:A,onSwitch:O},{default:e.withCtx(()=>[l.$slots.viewer?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(l.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=R;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),m=require("vue"),y=require("./service.cjs"),v=Symbol("VftLoading"),n=(c,s)=>{const t=s.instance,e=a=>u.isObject(s.value)?s.value[a]:void 0,l=a=>{const r=u.isString(a)&&t?.[a]||a;return r&&m.ref(r)},o=a=>l(e(a)??c.getAttribute(`vft-loading-${u.hyphenate(a)}`)),f=e("fullscreen")??s.modifiers.fullscreen,i={text:o("text"),svg:o("svg"),svgViewBox:o("svgViewBox"),spinner:o("spinner"),visible:o("visible"),background:o("background"),customClass:o("customClass"),rotate:o("rotate"),img:o("img"),icon:o("icon"),fullscreen:f,target:e("target")??(f?void 0:c),body:e("body")??s.modifiers.body,lock:e("lock")??s.modifiers.lock};c[v]={options:i,instance:y.Loading(i)}},d=(c,s)=>{for(const t of Object.keys(s))m.isRef(s[t])&&(s[t].value=c[t])}
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),m=require("vue"),y=require("./service.cjs"),v=Symbol("VftLoading"),n=(c,s)=>{const t=s.instance,e=a=>u.isObject(s.value)?s.value[a]:void 0,l=a=>{const r=u.isString(a)&&t?.[a]||a;return r&&m.ref(r)},o=a=>l(e(a)??c.getAttribute(`vft-loading-${u.hyphenate(a)}`)),f=e("fullscreen")??s.modifiers.fullscreen,i={text:o("text"),svg:o("svg"),svgViewBox:o("svgViewBox"),spinner:o("spinner"),visible:o("visible"),background:o("background"),customClass:o("customClass"),rotate:o("rotate"),img:o("img"),icon:o("icon"),fullscreen:f,target:e("target")??(f?void 0:c),body:e("body")??s.modifiers.body,lock:e("lock")??s.modifiers.lock};c[v]={options:i,instance:y.Loading(i)}},d=(c,s)=>{for(const t of Object.keys(s))m.isRef(s[t])&&(s[t].value=c[t])};function p(c){function s(t){c&&(t.value={...c,...t.value})}return{mounted(t,e){e.value!==!1&&(s(e),e.value?.visible===!1&&(e.value=void 0),e.value&&n(t,e))},updated(t,e){const l=t[v];e.oldValue!==e.value&&(e.value&&!e.oldValue||e.value?.visible?(s(e),n(t,e)):e.value&&e.oldValue?(e.value?.visible===!1&&l?.instance.close(),u.isObject(e.value)&&(s(e),d(e.value,l.options))):l?.instance.close())},unmounted(t){t[v]?.instance.close()}}}const S=p();exports.createLoadingDirective=p;exports.vLoading=S;
|
|
@@ -9,10 +9,10 @@ export interface VftLoading extends HTMLElement {
|
|
|
9
9
|
options: LoadingOptions;
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
|
-
export declare const vLoading: Directive<VftLoading, LoadingBinding>;
|
|
13
12
|
export declare function createLoadingDirective(defaultLoadingCfg?: UnwrapRef<LoadingOptions>): {
|
|
14
13
|
mounted(el: any, binding: any): void;
|
|
15
14
|
updated(el: any, binding: any): void;
|
|
16
15
|
unmounted(el: VftLoading): void;
|
|
17
16
|
};
|
|
17
|
+
export declare const vLoading: Directive<VftLoading, LoadingBinding>;
|
|
18
18
|
export {};
|
|
@@ -43,6 +43,7 @@ export declare const VftMdContainer: import("vft/es/utils").SFCWithInstall<{
|
|
|
43
43
|
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
44
44
|
$slots: {
|
|
45
45
|
default?(_: {}): any;
|
|
46
|
+
comment?(_: {}): any;
|
|
46
47
|
};
|
|
47
48
|
})> & Record<string, any>;
|
|
48
49
|
export default VftMdContainer;
|
|
@@ -8,6 +8,7 @@ interface Props {
|
|
|
8
8
|
}
|
|
9
9
|
declare function __VLS_template(): {
|
|
10
10
|
default?(_: {}): any;
|
|
11
|
+
comment?(_: {}): any;
|
|
11
12
|
};
|
|
12
13
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
13
14
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../icon/index.cjs"),E=require("../icon-text/index.cjs"),N=require("../md-comment/index.cjs"),S=require("../side-menu/index.cjs"),b=require("../tag/index.cjs");require("@vueuse/core");const s=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const D=require("../../utils/ns-cover.cjs"),T=require("lodash-es");require("../form/index.cjs");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../icon/index.cjs"),E=require("../icon-text/index.cjs"),N=require("../md-comment/index.cjs"),S=require("../side-menu/index.cjs"),b=require("../tag/index.cjs");require("@vueuse/core");const s=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const D=require("../../utils/ns-cover.cjs"),T=require("lodash-es");require("../form/index.cjs");const $=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B=require("@vft/router"),w=require("@vft/use"),_=require("@vft/use/photoswipe"),g=require("@vft/utils/date"),L=require("./use/useCopyCode.cjs"),M=require("./utils.cjs"),z={class:"info-container"},R={key:0,class:"left"},P={class:"infos"},A={class:"reading",title:"阅读量"},I=["data-path"],O=e.defineComponent({name:"vft-md-container"}),j=e.defineComponent({...O,props:{tocList:{},scrollDom:{default:".layout-content"},showComment:{type:Boolean,default:!0}},setup(l){const i=$.useNamespace("md-container"),h=e.getCurrentInstance(),a=e.ref(),c=e.computed(()=>l.tocList&&l.tocList!=="undefined"?JSON.parse(l.tocList):""),{initPhotoSwipe:v}=_.usePhotoSwipe(`.${i.e("content")} img`);v(),L.useCopyCode();const u=h.appContext.config.globalProperties.$router,o=u.currentRoute.value,y=D.primaryColor(),C=s.isClient?location.pathname:"",{go:q}=B.useRouterHelper(u);function k(t){q(`/?classify=${t}`)}const V=e.computed(()=>o.meta.category?.includes("api")),d=T.debounce(()=>s.handleScrollPosition({scrollDom:l.scrollDom,contentDom:".header-anchor",selectAttrName:"href",offset:s.getAdaptiveOffset(210,1920,1500,1920),callback:t=>{a.value?.menuRef&&(a.value.menuRef.activeIndex=t.slice(1))}}),100),m=t=>{s.jumpElement(`[id="${t.index}"]`,l.scrollDom,120)},f=()=>{const t=document.querySelector(l.scrollDom);t&&t.removeEventListener("scroll",d)};return e.onMounted(()=>{e.nextTick(()=>{setTimeout(()=>{o.hash&&s.jumpElement(`[id="${encodeURI(o.hash).slice(1)}"]`)}),setTimeout(()=>{const n=document.querySelector(".layout-content");n&&n.addEventListener("scroll",d)},1500);const t=document.querySelectorAll(".item.expand"),r=document.querySelectorAll("div.language-vue");for(let n=0;n<t.length;n++)w.useEventListener(t[n],"click",()=>{r[n].offsetHeight===0?(r[n].style.height="auto",r[n].style.visibility="visible"):(r[n].style.height="0px",r[n].style.visibility="hidden")})})}),e.onDeactivated(()=>{f()}),e.onBeforeMount(()=>{f()}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i).b(),e.unref(i).is("api",V.value)])},[c.value?.length?(e.openBlock(),e.createBlock(e.unref(S.VftSideMenu),{key:0,ref_key:"sideMenuRef",ref:a,"default-active":c.value[0].slug,class:"toc-side-menu",menus:c.value,"is-fixed-left":!1,"default-openeds-level":"","unique-opened":!1,"disable-sub-menu-action":"","attr-mapping":{index:"slug"},onSelect:m,onSubMenuClick:m},null,8,["default-active","menus"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("header"))},[e.createElementVNode("h1",{class:e.normalizeClass(e.unref(i).e("title"))},e.toDisplayString(e.unref(o).meta?.title),3),e.createElementVNode("div",z,[e.unref(o).meta?.category?.length?(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(e.unref(p.VftIcon),{size:14,color:e.unref(y),icon:"icon-category"},null,8,["color"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).meta?.category,(n,x)=>(e.openBlock(),e.createBlock(e.unref(b.VftTag),{size:"small",class:"tag",type:e.unref(s.getRandomElementForArr)(e.unref(M.COMP_TYPE),1)[0],key:x,onClick:F=>k(n)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",P,[e.createVNode(e.unref(E.VftIconText),{title:"发布时间",icon:"icon-date",size:12,class:"mr-10px",distance:5,text:e.unref(g.formatToDateTime)((e.unref(o).meta?.date?new Date(e.unref(o).meta.date).getTime():new Date().getTime())-e.unref(g.getDayTimestamp)())},null,8,["text"]),e.createElementVNode("div",A,[e.createVNode(e.unref(p.VftIcon),{icon:"icon-reading",size:14,class:"mr-5px"}),e.createElementVNode("div",{class:"waline-pageview-count lh-1","data-path":e.unref(C)},"0",8,I)])])])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("content"))},[e.renderSlot(t.$slots,"default")],2),l.showComment?e.renderSlot(t.$slots,"comment",{key:1},()=>[e.createVNode(e.unref(N.VftMdComment))]):e.createCommentVNode("",!0),r[0]||(r[0]=e.createElementVNode("ins",{class:"adsbygoogle",style:{display:"block","text-align":"center"},"data-ad-layout":"in-article","data-ad-format":"fluid","data-ad-client":"ca-pub-4046301015031382","data-ad-slot":"6525439078"},null,-1))],2))}});exports.default=j;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("../button/index.cjs"),P=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const y=require("../icon/index.cjs"),A=require("../input/index.cjs"),H=require("../overlay/index.cjs");require("@vueuse/core");const M=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const U=require("../../hooks/use-draggable/index.cjs"),z=require("../../hooks/use-id/index.cjs"),F=require("../../hooks/use-lockscreen/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const Z=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const j=require("../../hooks/use-same-target/index.cjs"),W=require("../../hooks/use-z-index/index.cjs"),G=["aria-label","aria-describedby"],J=["id"],Q=e.defineComponent({name:"VftMessageBox",inheritAttrs:!1}),X=e.defineComponent({...Q,props:{buttonSize:{default:"default"},modal:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},closeOnHashChange:{type:Boolean,default:!0},center:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},overflow:{type:Boolean,default:!1},roundButton:{type:Boolean,default:!1},container:{default:"body"},boxType:{default:""}},emits:["vanish","action"],setup(l,{expose:I,emit:S}){const N=S,g={primary:"icon-info-filled",success:"icon-success-filled",warning:"icon-warning-filled",info:"icon-info-filled",error:"icon-circle-close-filled"},a=Z.useNamespace("message-box"),{nextZIndex:C}=W.useZIndex(),i=e.ref(!1),t=e.reactive({autofocus:!0,beforeClose:null,callback:null,cancelButtonText:"",cancelButtonClass:"",confirmButtonText:"",confirmButtonClass:"",cancelButtonType:"default",confirmButtonType:"primary",customClass:"",customStyle:{},dangerouslyUseHTMLString:!1,distinguishCancelAndClose:!1,icon:"",closeIcon:"",inputPattern:null,inputPlaceholder:"",inputType:"text",inputValue:"",inputValidator:void 0,inputErrorMessage:"",message:"",modalFade:!0,modalClass:"",showCancelButton:!1,showConfirmButton:!0,type:"",title:void 0,showInput:!1,action:"",confirmButtonLoading:!1,cancelButtonLoading:!1,confirmButtonLoadingIcon:"icon-loading",cancelButtonLoadingIcon:"icon-loading",confirmButtonDisabled:!1,editorErrorMessage:"",validateError:!1,zIndex:C()}),B=z.useId(),v=z.useId(),x=e.computed(()=>{const o=t.type;return{[a.bm("icon",o)]:o&&g[o]}}),p=e.computed(()=>{const o=t.type;return t.icon||o&&g[o]||""}),w=e.computed(()=>!!t.message),u=e.ref(),k=e.ref(),d=e.ref(),f=e.ref(),h=e.ref(),b=e.computed(()=>l.buttonSize),q=e.computed(()=>l.draggable),$=e.computed(()=>l.overflow),{isDragging:R}=U.useDraggable(u,k,q,$);e.watch(()=>t.inputValue,async o=>{await e.nextTick(),l.boxType==="prompt"&&o&&V()},{immediate:!0}),e.watch(()=>i.value,o=>{console.log(333),o&&(l.boxType!=="prompt"&&(t.autofocus?d.value=h.value?.$el??u.value:d.value=u.value),t.zIndex=C()),l.boxType==="prompt"&&(o?e.nextTick().then(()=>{f.value&&f.value.$el&&(t.autofocus?d.value=O()??u.value:d.value=u.value)}):(t.editorErrorMessage="",t.validateError=!1))}),e.onMounted(async()=>{await e.nextTick(),console.log(444),l.closeOnHashChange&&window.addEventListener("hashchange",m)}),e.onBeforeUnmount(()=>{l.closeOnHashChange&&window.removeEventListener("hashchange",m)});function m(){i.value&&(i.value=!1,e.nextTick(()=>{t.action&&N("action",t.action)}))}function D(){l.closeOnClickModal&&s(t.distinguishCancelAndClose?"close":"cancel")}const c=j.useSameTarget(D);function L(o){if(t.inputType!=="textarea"&&!f.value?.isComposing)return o.preventDefault(),s("confirm")}function s(o){l.boxType==="prompt"&&o==="confirm"&&!V()||(t.action=o,t.beforeClose?t.beforeClose?.(o,t,m):m())}function V(){if(l.boxType==="prompt"){const o=t.inputPattern;if(o&&!o.test(t.inputValue||""))return t.editorErrorMessage=t.inputErrorMessage||"输入的数据不合法!",t.validateError=!0,!1;const n=t.inputValidator;if(M.isFunction(n)){const r=n(t.inputValue);if(r===!1)return t.editorErrorMessage=t.inputErrorMessage||"输入的数据不合法!",t.validateError=!0,!1;if(M.isString(r))return t.editorErrorMessage=r,t.validateError=!0,!1}}return t.editorErrorMessage="",t.validateError=!1,!0}function O(){const o=f.value?.$refs;return o?.input??o?.textarea}function E(){s("close")}function K(){l.closeOnPressEscape&&E()}return l.lockScroll&&F.useLockscreen(i,{ns:a}),I({visible:i,state:t,doClose:m,handleClose:E,handleAction:s}),(o,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vft-fade-in-linear",onAfterLeave:n[11]||(n[11]=r=>o.$emit("vanish"))},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(H.VftOverlay),{"z-index":t.zIndex,"overlay-class":[e.unref(a).is("message-box"),t.modalClass],mask:l.modal},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-label":t.title,"aria-modal":"true","aria-describedby":t.showInput?void 0:e.unref(B),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-message-box`),onClick:n[8]||(n[8]=(...r)=>e.unref(c).onClick&&e.unref(c).onClick(...r)),onMousedown:n[9]||(n[9]=(...r)=>e.unref(c).onMousedown&&e.unref(c).onMousedown(...r)),onMouseup:n[10]||(n[10]=(...r)=>e.unref(c).onMouseup&&e.unref(c).onMouseup(...r))},[e.createVNode(e.unref(P.default),{loop:"",trapped:i.value,"focus-trap-el":u.value,"focus-start-el":d.value,onReleaseRequested:K},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"rootRef",ref:u,class:e.normalizeClass([e.unref(a).b(),t.customClass,e.unref(a).is("draggable",l.draggable),e.unref(a).is("dragging",e.unref(R)),{[e.unref(a).m("center")]:l.center}]),style:e.normalizeStyle(t.customStyle),tabindex:"-1",onClick:n[7]||(n[7]=e.withModifiers(()=>{},["stop"]))},[t.title!==null&&t.title!==void 0?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:k,class:e.normalizeClass([e.unref(a).e("header"),{"show-close":l.showClose}])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("title"))},[p.value&&l.center?(e.openBlock(),e.createBlock(e.unref(y.VftIcon),{key:0,icon:p.value,class:e.normalizeClass([e.unref(a).e("status"),x.value])},null,8,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(t.title),1)],2),l.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(e.unref(a).e("headerbtn")),"aria-label":"close",onClick:n[0]||(n[0]=r=>s(t.distinguishCancelAndClose?"close":"cancel")),onKeydown:n[1]||(n[1]=e.withKeys(e.withModifiers(r=>s(t.distinguishCancelAndClose?"close":"cancel"),["prevent"]),["enter"]))},[e.createVNode(e.unref(y.VftIcon),{icon:t.closeIcon||"icon-close",class:e.normalizeClass(e.unref(a).e("close"))},null,8,["icon","class"])],34)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{id:e.unref(B),class:e.normalizeClass(e.unref(a).e("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("container"))},[p.value&&!l.center&&w.value?(e.openBlock(),e.createBlock(e.unref(y.VftIcon),{key:0,icon:p.value,class:e.normalizeClass([e.unref(a).e("status"),x.value])},null,8,["icon","class"])):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("message"))},[e.renderSlot(o.$slots,"default",{},()=>[t.dangerouslyUseHTMLString?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.showInput?"label":"p"),{key:1,for:t.showInput?e.unref(v):void 0,innerHTML:t.message},null,8,["for","innerHTML"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.showInput?"label":"p"),{key:0,for:t.showInput?e.unref(v):void 0,textContent:e.toDisplayString(t.message)},null,8,["for","textContent"]))])],2)):e.createCommentVNode("",!0)],2),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("input"))},[e.createVNode(e.unref(A.VftInput),{id:e.unref(v),ref_key:"inputRef",ref:f,modelValue:t.inputValue,"onUpdate:modelValue":n[2]||(n[2]=r=>t.inputValue=r),type:t.inputType,placeholder:t.inputPlaceholder,"aria-invalid":t.validateError,class:e.normalizeClass({invalid:t.validateError}),onKeydown:e.withKeys(L,["enter"])},null,8,["id","modelValue","type","placeholder","aria-invalid","class"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("errormsg")),style:e.normalizeStyle({visibility:t.editorErrorMessage?"visible":"hidden"})},e.toDisplayString(t.editorErrorMessage),7)],2),[[e.vShow,t.showInput]])],10,J),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("btns"))},[t.showCancelButton?(e.openBlock(),e.createBlock(e.unref(T.VftButton),{key:0,type:t.cancelButtonType==="text"?"default":t.cancelButtonType,text:t.cancelButtonType==="text",loading:t.cancelButtonLoading,class:e.normalizeClass([t.cancelButtonClass]),round:l.roundButton,size:b.value,onClick:n[3]||(n[3]=r=>s("cancel")),onKeydown:n[4]||(n[4]=e.withKeys(e.withModifiers(r=>s("cancel"),["prevent"]),["enter"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelButtonText||"取消"),1)]),_:1},8,["type","text","loading","class","round","size"])):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(T.VftButton),{ref_key:"confirmRef",ref:h,type:t.confirmButtonType==="text"?"default":t.confirmButtonType,text:t.confirmButtonType==="text",loading:t.confirmButtonLoading,class:e.normalizeClass([t.confirmButtonClass]),round:l.roundButton,disabled:t.confirmButtonDisabled,size:b.value,onClick:n[5]||(n[5]=r=>s("confirm")),onKeydown:n[6]||(n[6]=e.withKeys(e.withModifiers(r=>s("confirm"),["prevent"]),["enter"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.confirmButtonText||"确定"),1)]),_:1},8,["type","text","loading","class","round","disabled","size"]),[[e.vShow,t.showConfirmButton]])],2)],6)]),_:3},8,["trapped","focus-trap-el","focus-start-el"])],42,G)]),_:3},8,["z-index","overlay-class","mask"]),[[e.vShow,i.value]])]),_:3}))}});exports.default=X;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("../button/index.cjs"),P=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const y=require("../icon/index.cjs"),A=require("../input/index.cjs"),H=require("../overlay/index.cjs");require("@vueuse/core");const M=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const U=require("../../hooks/use-draggable/index.cjs"),z=require("../../hooks/use-id/index.cjs"),F=require("../../hooks/use-lockscreen/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const Z=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const j=require("../../hooks/use-same-target/index.cjs"),W=require("../../hooks/use-z-index/index.cjs"),G=["aria-label","aria-describedby"],J=["id"],Q=e.defineComponent({name:"VftMessageBox",inheritAttrs:!1}),X=e.defineComponent({...Q,props:{buttonSize:{default:"default"},modal:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},closeOnHashChange:{type:Boolean,default:!0},center:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},overflow:{type:Boolean,default:!1},roundButton:{type:Boolean,default:!1},container:{default:"body"},boxType:{default:""}},emits:["vanish","action"],setup(l,{expose:I,emit:S}){const N=S,g={primary:"icon-info-filled",success:"icon-success-filled",warning:"icon-warning-filled",info:"icon-info-filled",error:"icon-circle-close-filled"},a=Z.useNamespace("message-box"),{nextZIndex:C}=W.useZIndex(),i=e.ref(!1),t=e.reactive({autofocus:!0,beforeClose:null,callback:null,cancelButtonText:"",cancelButtonClass:"",confirmButtonText:"",confirmButtonClass:"",cancelButtonType:"default",confirmButtonType:"primary",customClass:"",customStyle:{},dangerouslyUseHTMLString:!1,distinguishCancelAndClose:!1,icon:"",closeIcon:"",inputPattern:null,inputPlaceholder:"",inputType:"text",inputValue:"",inputValidator:void 0,inputErrorMessage:"",message:"",modalFade:!0,modalClass:"",showCancelButton:!1,showConfirmButton:!0,type:"",title:void 0,showInput:!1,action:"",confirmButtonLoading:!1,cancelButtonLoading:!1,confirmButtonLoadingIcon:"icon-loading",cancelButtonLoadingIcon:"icon-loading",confirmButtonDisabled:!1,editorErrorMessage:"",validateError:!1,zIndex:C()}),B=z.useId(),v=z.useId(),x=e.computed(()=>{const o=t.type;return{[a.bm("icon",o)]:o&&g[o]}}),p=e.computed(()=>{const o=t.type;return t.icon||o&&g[o]||""}),w=e.computed(()=>!!t.message),u=e.ref(),k=e.ref(),d=e.ref(),f=e.ref(),h=e.ref(),b=e.computed(()=>l.buttonSize),q=e.computed(()=>l.draggable),$=e.computed(()=>l.overflow),{isDragging:R}=U.useDraggable(u,k,q,$);e.watch(()=>t.inputValue,async o=>{await e.nextTick(),l.boxType==="prompt"&&o&&V()},{immediate:!0}),e.watch(()=>i.value,o=>{o&&(l.boxType!=="prompt"&&(t.autofocus?d.value=h.value?.$el??u.value:d.value=u.value),t.zIndex=C()),l.boxType==="prompt"&&(o?e.nextTick().then(()=>{f.value&&f.value.$el&&(t.autofocus?d.value=O()??u.value:d.value=u.value)}):(t.editorErrorMessage="",t.validateError=!1))}),e.onMounted(async()=>{await e.nextTick(),l.closeOnHashChange&&window.addEventListener("hashchange",m)}),e.onBeforeUnmount(()=>{l.closeOnHashChange&&window.removeEventListener("hashchange",m)});function m(){i.value&&(i.value=!1,e.nextTick(()=>{t.action&&N("action",t.action)}))}function D(){l.closeOnClickModal&&s(t.distinguishCancelAndClose?"close":"cancel")}const c=j.useSameTarget(D);function L(o){if(t.inputType!=="textarea"&&!f.value?.isComposing)return o.preventDefault(),s("confirm")}function s(o){l.boxType==="prompt"&&o==="confirm"&&!V()||(t.action=o,t.beforeClose?t.beforeClose?.(o,t,m):m())}function V(){if(l.boxType==="prompt"){const o=t.inputPattern;if(o&&!o.test(t.inputValue||""))return t.editorErrorMessage=t.inputErrorMessage||"输入的数据不合法!",t.validateError=!0,!1;const n=t.inputValidator;if(M.isFunction(n)){const r=n(t.inputValue);if(r===!1)return t.editorErrorMessage=t.inputErrorMessage||"输入的数据不合法!",t.validateError=!0,!1;if(M.isString(r))return t.editorErrorMessage=r,t.validateError=!0,!1}}return t.editorErrorMessage="",t.validateError=!1,!0}function O(){const o=f.value?.$refs;return o?.input??o?.textarea}function E(){s("close")}function K(){l.closeOnPressEscape&&E()}return l.lockScroll&&F.useLockscreen(i,{ns:a}),I({visible:i,state:t,doClose:m,handleClose:E,handleAction:s}),(o,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vft-fade-in-linear",onAfterLeave:n[11]||(n[11]=r=>o.$emit("vanish"))},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(H.VftOverlay),{"z-index":t.zIndex,"overlay-class":[e.unref(a).is("message-box"),t.modalClass],mask:l.modal},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-label":t.title,"aria-modal":"true","aria-describedby":t.showInput?void 0:e.unref(B),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-message-box`),onClick:n[8]||(n[8]=(...r)=>e.unref(c).onClick&&e.unref(c).onClick(...r)),onMousedown:n[9]||(n[9]=(...r)=>e.unref(c).onMousedown&&e.unref(c).onMousedown(...r)),onMouseup:n[10]||(n[10]=(...r)=>e.unref(c).onMouseup&&e.unref(c).onMouseup(...r))},[e.createVNode(e.unref(P.default),{loop:"",trapped:i.value,"focus-trap-el":u.value,"focus-start-el":d.value,onReleaseRequested:K},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"rootRef",ref:u,class:e.normalizeClass([e.unref(a).b(),t.customClass,e.unref(a).is("draggable",l.draggable),e.unref(a).is("dragging",e.unref(R)),{[e.unref(a).m("center")]:l.center}]),style:e.normalizeStyle(t.customStyle),tabindex:"-1",onClick:n[7]||(n[7]=e.withModifiers(()=>{},["stop"]))},[t.title!==null&&t.title!==void 0?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:k,class:e.normalizeClass([e.unref(a).e("header"),{"show-close":l.showClose}])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("title"))},[p.value&&l.center?(e.openBlock(),e.createBlock(e.unref(y.VftIcon),{key:0,icon:p.value,class:e.normalizeClass([e.unref(a).e("status"),x.value])},null,8,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(t.title),1)],2),l.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(e.unref(a).e("headerbtn")),"aria-label":"close",onClick:n[0]||(n[0]=r=>s(t.distinguishCancelAndClose?"close":"cancel")),onKeydown:n[1]||(n[1]=e.withKeys(e.withModifiers(r=>s(t.distinguishCancelAndClose?"close":"cancel"),["prevent"]),["enter"]))},[e.createVNode(e.unref(y.VftIcon),{icon:t.closeIcon||"icon-close",class:e.normalizeClass(e.unref(a).e("close"))},null,8,["icon","class"])],34)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{id:e.unref(B),class:e.normalizeClass(e.unref(a).e("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("container"))},[p.value&&!l.center&&w.value?(e.openBlock(),e.createBlock(e.unref(y.VftIcon),{key:0,icon:p.value,class:e.normalizeClass([e.unref(a).e("status"),x.value])},null,8,["icon","class"])):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("message"))},[e.renderSlot(o.$slots,"default",{},()=>[t.dangerouslyUseHTMLString?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.showInput?"label":"p"),{key:1,for:t.showInput?e.unref(v):void 0,innerHTML:t.message},null,8,["for","innerHTML"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.showInput?"label":"p"),{key:0,for:t.showInput?e.unref(v):void 0,textContent:e.toDisplayString(t.message)},null,8,["for","textContent"]))])],2)):e.createCommentVNode("",!0)],2),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("input"))},[e.createVNode(e.unref(A.VftInput),{id:e.unref(v),ref_key:"inputRef",ref:f,modelValue:t.inputValue,"onUpdate:modelValue":n[2]||(n[2]=r=>t.inputValue=r),type:t.inputType,placeholder:t.inputPlaceholder,"aria-invalid":t.validateError,class:e.normalizeClass({invalid:t.validateError}),onKeydown:e.withKeys(L,["enter"])},null,8,["id","modelValue","type","placeholder","aria-invalid","class"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("errormsg")),style:e.normalizeStyle({visibility:t.editorErrorMessage?"visible":"hidden"})},e.toDisplayString(t.editorErrorMessage),7)],2),[[e.vShow,t.showInput]])],10,J),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("btns"))},[t.showCancelButton?(e.openBlock(),e.createBlock(e.unref(T.VftButton),{key:0,type:t.cancelButtonType==="text"?"default":t.cancelButtonType,text:t.cancelButtonType==="text",loading:t.cancelButtonLoading,class:e.normalizeClass([t.cancelButtonClass]),round:l.roundButton,size:b.value,onClick:n[3]||(n[3]=r=>s("cancel")),onKeydown:n[4]||(n[4]=e.withKeys(e.withModifiers(r=>s("cancel"),["prevent"]),["enter"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelButtonText||"取消"),1)]),_:1},8,["type","text","loading","class","round","size"])):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(T.VftButton),{ref_key:"confirmRef",ref:h,type:t.confirmButtonType==="text"?"default":t.confirmButtonType,text:t.confirmButtonType==="text",loading:t.confirmButtonLoading,class:e.normalizeClass([t.confirmButtonClass]),round:l.roundButton,disabled:t.confirmButtonDisabled,size:b.value,onClick:n[5]||(n[5]=r=>s("confirm")),onKeydown:n[6]||(n[6]=e.withKeys(e.withModifiers(r=>s("confirm"),["prevent"]),["enter"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.confirmButtonText||"确定"),1)]),_:1},8,["type","text","loading","class","round","disabled","size"]),[[e.vShow,t.showConfirmButton]])],2)],6)]),_:3},8,["trapped","focus-trap-el","focus-start-el"])],42,G)]),_:3},8,["z-index","overlay-class","mask"]),[[e.vShow,i.value]])]),_:3}))}});exports.default=X;
|
package/lib/package.json.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.518";exports.version=e;
|
package/lib/package.json.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vft",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.518",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/index.cjs",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -56,10 +56,10 @@
|
|
|
56
56
|
"resize-detector": "0.3.0",
|
|
57
57
|
"sortablejs": "1.15.0",
|
|
58
58
|
"photoswipe": "5.4.4",
|
|
59
|
+
"@vft/constants": "0.0.83",
|
|
59
60
|
"@vft/router": "0.0.73",
|
|
60
|
-
"@vft/use": "0.0.96",
|
|
61
61
|
"@vft/store": "0.0.78",
|
|
62
|
-
"@vft/
|
|
62
|
+
"@vft/use": "0.0.96",
|
|
63
63
|
"@vft/utils": "0.0.161",
|
|
64
64
|
"@vft/directives": "0.0.36"
|
|
65
65
|
},
|