vft 0.0.44 → 0.0.46
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/back-top/back-top.vue2.js +6 -6
- package/es/components/full-screen/full-screen.vue2.js +17 -18
- package/es/components/full-screen/index.d.ts +0 -1
- package/es/components/full-screen/index.js +5 -7
- package/es/components/index.js +18 -20
- package/es/components/input/input.vue2.js +2 -2
- package/es/components/md-code-demo/md-code-demo.js +3 -3
- package/es/components/md-container/md-container.vue2.js +3 -3
- package/es/components/md-tabs/md-tabs.js +1 -1
- package/es/components/md-vue-playground/md-vue-playground.vue2.js +1 -1
- 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 +24 -24
- package/es/components/multiple-tabs/use/use-tab-dropdown.js +13 -13
- package/es/components/pagination/components/next.vue2.js +1 -1
- package/es/components/pagination/components/pager.vue2.js +4 -4
- package/es/components/pagination/components/prev.vue2.js +4 -4
- package/es/components/search/search.vue2.js +14 -14
- package/es/components/side-menu/side-menu.vue2.js +1 -1
- package/es/components/side-menu/style/css.js +4 -0
- package/es/components/side-menu/style/index.js +4 -0
- package/es/components/tabs/tabs.vue2.js +4 -4
- package/es/components/tag/tag.vue2.js +1 -1
- package/es/index.js +14 -16
- package/es/package.json.js +1 -1
- package/lib/components/back-top/back-top.vue2.cjs +1 -1
- package/lib/components/full-screen/full-screen.vue2.cjs +1 -1
- package/lib/components/full-screen/index.cjs +1 -1
- package/lib/components/full-screen/index.d.ts +0 -1
- package/lib/components/index.cjs +1 -1
- package/lib/components/input/input.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/search/search.vue2.cjs +1 -1
- package/lib/components/side-menu/side-menu.vue2.cjs +1 -1
- package/lib/components/side-menu/style/css.cjs +1 -1
- package/lib/components/side-menu/style/index.cjs +1 -1
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/tag/tag.vue2.cjs +1 -1
- package/lib/index.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +1 -1
- package/es/components/full-screen/icons.d.ts +0 -1
- package/es/components/full-screen/icons.js +0 -4
- package/lib/components/full-screen/icons.cjs +0 -1
- package/lib/components/full-screen/icons.d.ts +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as s, getCurrentInstance as g, computed as a, openBlock as m, createBlock as l, Transition as C, unref as t, withCtx as h, createElementBlock as y, normalizeStyle as x, normalizeClass as z, withModifiers as B, renderSlot as T, normalizeProps as $, mergeProps as v, createCommentVNode as c } from "vue";
|
|
2
2
|
import { singleAttrToObj as w } from "@vft/utils";
|
|
3
3
|
import "../divider/index.js";
|
|
4
4
|
import { VftIcon as S } from "../icon/index.js";
|
|
@@ -56,16 +56,16 @@ import { useBackTop as I } from "./use-back-top.js";
|
|
|
56
56
|
const i = (
|
|
57
57
|
/* hoist-static*/
|
|
58
58
|
_("back-top")
|
|
59
|
-
), N =
|
|
59
|
+
), N = s({
|
|
60
60
|
name: i.b()
|
|
61
|
-
}), Vt = /* @__PURE__ */
|
|
61
|
+
}), Vt = /* @__PURE__ */ s({
|
|
62
62
|
...N,
|
|
63
63
|
props: {
|
|
64
64
|
visibilityHeight: { default: 200 },
|
|
65
65
|
target: null,
|
|
66
66
|
right: { default: 40 },
|
|
67
67
|
bottom: { default: 40 },
|
|
68
|
-
icon: { default: "
|
|
68
|
+
icon: { default: "ico-bx:arrow-to-top" }
|
|
69
69
|
},
|
|
70
70
|
emits: ["click"],
|
|
71
71
|
setup(r, { emit: u }) {
|
|
@@ -90,10 +90,10 @@ const i = (
|
|
|
90
90
|
T(k.$slots, "default", {}, () => {
|
|
91
91
|
var o;
|
|
92
92
|
return [
|
|
93
|
-
(o = t(e)) != null && o.icon ? (m(), l(t(S), $(v({ key: 0 }, t(e))), null, 16)) :
|
|
93
|
+
(o = t(e)) != null && o.icon ? (m(), l(t(S), $(v({ key: 0 }, t(e))), null, 16)) : c("", !0)
|
|
94
94
|
];
|
|
95
95
|
})
|
|
96
|
-
], 6)) :
|
|
96
|
+
], 6)) : c("", !0)
|
|
97
97
|
]),
|
|
98
98
|
_: 3
|
|
99
99
|
}, 8, ["name"]));
|
|
@@ -1,35 +1,34 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useFullscreen as
|
|
1
|
+
import { defineComponent as t, openBlock as l, createElementBlock as c, normalizeClass as m, unref as e, createVNode as p, createElementVNode as a, toDisplayString as u } from "vue";
|
|
2
|
+
import { useFullscreen as f } from "@vft/use";
|
|
3
3
|
import { VftIcon as d } from "../icon/index.js";
|
|
4
|
-
import { useNamespace as
|
|
4
|
+
import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
|
|
5
5
|
import "@popperjs/core";
|
|
6
6
|
import "lodash";
|
|
7
7
|
import "../../hooks/use-z-index/index.js";
|
|
8
8
|
import "@vueuse/core";
|
|
9
9
|
import "@vft/utils";
|
|
10
10
|
import "../../utils/ns-cover.js";
|
|
11
|
-
import { icons as n } from "./icons.js";
|
|
12
11
|
const i = (
|
|
13
12
|
/* hoist-static*/
|
|
14
|
-
|
|
15
|
-
),
|
|
13
|
+
_("full-screen")
|
|
14
|
+
), x = t({
|
|
16
15
|
name: i.b()
|
|
17
|
-
}),
|
|
18
|
-
...
|
|
19
|
-
setup(
|
|
20
|
-
const { toggle:
|
|
21
|
-
return (
|
|
22
|
-
class:
|
|
23
|
-
onClick:
|
|
24
|
-
(...
|
|
16
|
+
}), D = /* @__PURE__ */ t({
|
|
17
|
+
...x,
|
|
18
|
+
setup(g) {
|
|
19
|
+
const { toggle: o, isFullscreen: r } = f();
|
|
20
|
+
return (k, n) => (l(), c("div", {
|
|
21
|
+
class: m([e(i).b(), "cursor-pointer"]),
|
|
22
|
+
onClick: n[0] || (n[0] = //@ts-ignore
|
|
23
|
+
(...s) => e(o) && e(o)(...s))
|
|
25
24
|
}, [
|
|
26
|
-
|
|
27
|
-
icon:
|
|
25
|
+
p(e(d), {
|
|
26
|
+
icon: e(r) ? "ico-radix-icons:exit-full-screen" : "ico-radix-icons:enter-full-screen"
|
|
28
27
|
}, null, 8, ["icon"]),
|
|
29
|
-
|
|
28
|
+
a("span", null, u(e(r) ? "退出全屏" : "全屏"), 1)
|
|
30
29
|
], 2));
|
|
31
30
|
}
|
|
32
31
|
});
|
|
33
32
|
export {
|
|
34
|
-
|
|
33
|
+
D as default
|
|
35
34
|
};
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
export declare const VftFullScreen: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>> & Record<string, any>;
|
|
2
2
|
export default VftFullScreen;
|
|
3
|
-
export * from './icons';
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { withInstall as
|
|
1
|
+
import { withInstall as t } from "../../utils/vue/install.js";
|
|
2
2
|
import "vue";
|
|
3
3
|
import "@vft/utils";
|
|
4
4
|
import "../../utils/ns-cover.js";
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
const e = o(t);
|
|
5
|
+
import o from "./full-screen.vue2.js";
|
|
6
|
+
const l = t(o);
|
|
8
7
|
export {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
s as icons
|
|
8
|
+
l as VftFullScreen,
|
|
9
|
+
l as default
|
|
12
10
|
};
|
package/es/components/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { VftEmpty as n } from "./empty/index.js";
|
|
|
5
5
|
import { VftResult as i } from "./result/index.js";
|
|
6
6
|
import { VftTabPane as g, VftTabs as u } from "./tabs/index.js";
|
|
7
7
|
import { VftPopper as l } from "./popper/index.js";
|
|
8
|
-
import { VftCollapseTransition as
|
|
8
|
+
import { VftCollapseTransition as M } from "./collapse-transition/index.js";
|
|
9
9
|
import { VftTooltip as T } from "./tooltip/index.js";
|
|
10
10
|
import { VftPopover as P } from "./popover/index.js";
|
|
11
11
|
import { VftMenu as y, VftMenuItem as L, VftMenuItemGroup as I, VftSubMenu as D } from "./menu/index.js";
|
|
@@ -29,7 +29,7 @@ import { VftPagination as no } from "./pagination/index.js";
|
|
|
29
29
|
import { VftTag as io } from "./tag/index.js";
|
|
30
30
|
import { VftSideMenu as go } from "./side-menu/index.js";
|
|
31
31
|
import { VftQrcode as lo } from "./qrcode/index.js";
|
|
32
|
-
import { VftOverlay as
|
|
32
|
+
import { VftOverlay as Mo } from "./overlay/index.js";
|
|
33
33
|
import { VftClamp as To } from "./clamp/index.js";
|
|
34
34
|
import { VftClampToggle as Po } from "./clamp-toggle/index.js";
|
|
35
35
|
import { VftPageWrapper as yo } from "./page-wrapper/index.js";
|
|
@@ -52,12 +52,11 @@ import { useTabDropdown as et } from "./multiple-tabs/use/use-tab-dropdown.js";
|
|
|
52
52
|
import { initAffixTabs as pt, useTabsDrag as mt } from "./multiple-tabs/use/use-multiple-tabs.js";
|
|
53
53
|
import { configProviderContextKey as xt, messageConfig as nt } from "./config-provider/constants.js";
|
|
54
54
|
import { provideGlobalConfig as it, useGlobalComponentSettings as st, useGlobalConfig as gt } from "./config-provider/hooks/use-global-config.js";
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import { Loading as Et } from "./loading/service.js";
|
|
55
|
+
import { paginationEmits as dt } from "./pagination/pagination.js";
|
|
56
|
+
import { elPaginationKey as Ct, usePagination as Mt } from "./pagination/usePagination.js";
|
|
57
|
+
import { messageDefaults as Tt, messageTypes as bt } from "./message/types.js";
|
|
58
|
+
import { vLoading as vt, createLoadingDirective as yt, vLoading as Lt } from "./loading/directive.js";
|
|
59
|
+
import { Loading as Dt } from "./loading/service.js";
|
|
61
60
|
export {
|
|
62
61
|
No as EmptyEnum,
|
|
63
62
|
f as Icon,
|
|
@@ -67,7 +66,7 @@ export {
|
|
|
67
66
|
J as VftBackTop,
|
|
68
67
|
To as VftClamp,
|
|
69
68
|
Po as VftClampToggle,
|
|
70
|
-
|
|
69
|
+
M as VftCollapseTransition,
|
|
71
70
|
U as VftConfigProvider,
|
|
72
71
|
Y as VftDescriptions,
|
|
73
72
|
Z as VftDescriptionsItem,
|
|
@@ -84,8 +83,8 @@ export {
|
|
|
84
83
|
po as VftInput,
|
|
85
84
|
ao as VftLink,
|
|
86
85
|
zo as VftLoading,
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
vt as VftLoadingDirective,
|
|
87
|
+
Dt as VftLoadingService,
|
|
89
88
|
q as VftLogo,
|
|
90
89
|
Bo as VftMdCodeDemo,
|
|
91
90
|
Oo as VftMdCodeTabs,
|
|
@@ -98,7 +97,7 @@ export {
|
|
|
98
97
|
I as VftMenuItemGroup,
|
|
99
98
|
jo as VftMessage,
|
|
100
99
|
R as VftMultipleTabs,
|
|
101
|
-
|
|
100
|
+
Mo as VftOverlay,
|
|
102
101
|
yo as VftPageWrapper,
|
|
103
102
|
no as VftPagination,
|
|
104
103
|
P as VftPopover,
|
|
@@ -118,21 +117,20 @@ export {
|
|
|
118
117
|
T as VftTooltip,
|
|
119
118
|
xt as configProviderContextKey,
|
|
120
119
|
E as createContextMenu,
|
|
121
|
-
|
|
120
|
+
yt as createLoadingDirective,
|
|
122
121
|
G as destroyContextMenu,
|
|
123
|
-
|
|
124
|
-
dt as icons,
|
|
122
|
+
Ct as elPaginationKey,
|
|
125
123
|
pt as initAffixTabs,
|
|
126
124
|
nt as messageConfig,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
125
|
+
Tt as messageDefaults,
|
|
126
|
+
bt as messageTypes,
|
|
127
|
+
dt as paginationEmits,
|
|
130
128
|
it as provideGlobalConfig,
|
|
131
129
|
A as useContextMenu,
|
|
132
130
|
st as useGlobalComponentSettings,
|
|
133
131
|
gt as useGlobalConfig,
|
|
134
|
-
|
|
132
|
+
Mt as usePagination,
|
|
135
133
|
et as useTabDropdown,
|
|
136
134
|
mt as useTabsDrag,
|
|
137
|
-
|
|
135
|
+
Lt as vLoading
|
|
138
136
|
};
|
|
@@ -81,8 +81,8 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
|
|
|
81
81
|
excludeKeys: l(() => Object.keys(_.value))
|
|
82
82
|
}), { form: W, formItem: u } = Ze(), { inputId: ee } = _e(ge.props, {
|
|
83
83
|
formItemContext: u
|
|
84
|
-
}), ke = et(), b = tt(), n = be("input"), te = be("textarea"), A = G(), p = G(), h = E(!1), L = E(!1), k = E(!1), M = E(!1), ae = E(), O = G(e.inputStyle), I = l(() => A.value || p.value), j = l(() => Y(e.prefixIcon, "icon")), ne = l(() => Y(e.suffixIcon, "icon")), Ie = l(() => Y(e.clearIcon, "icon", { icon: "
|
|
85
|
-
() => M.value ? { icon: "
|
|
84
|
+
}), ke = et(), b = tt(), n = be("input"), te = be("textarea"), A = G(), p = G(), h = E(!1), L = E(!1), k = E(!1), M = E(!1), ae = E(), O = G(e.inputStyle), I = l(() => A.value || p.value), j = l(() => Y(e.prefixIcon, "icon")), ne = l(() => Y(e.suffixIcon, "icon")), Ie = l(() => Y(e.clearIcon, "icon", { icon: "vico-close-full", size: 16 })), oe = l(() => (W == null ? void 0 : W.statusIcon) ?? !1), P = l(() => (u == null ? void 0 : u.validateState) || ""), le = l(() => P.value && "vico-user"), Se = l(
|
|
85
|
+
() => M.value ? { icon: "vico-view", size: 16 } : { icon: "vico-no-view", size: 16 }
|
|
86
86
|
), ze = l(() => [
|
|
87
87
|
C.style,
|
|
88
88
|
e.inputStyle,
|
|
@@ -87,7 +87,7 @@ const O = 800, B = C({
|
|
|
87
87
|
var l;
|
|
88
88
|
return S(
|
|
89
89
|
t("div", { class: "vft-md-code-demo", id: a.id }, [
|
|
90
|
-
// loaded.value ? null : h(Icon, { class: 'loading', icon: '
|
|
90
|
+
// loaded.value ? null : h(Icon, { class: 'loading', icon: 'ico-icomoon-free:spinner2' }),
|
|
91
91
|
t("div", { class: "code-demo-header" }, [
|
|
92
92
|
e.value.isLegal ? t("button", {
|
|
93
93
|
class: ["toggle-button", d.value ? "down" : "right"],
|
|
@@ -135,7 +135,7 @@ const O = 800, B = C({
|
|
|
135
135
|
"aria-label": "JSFiddle",
|
|
136
136
|
"data-balloon-pos": "up"
|
|
137
137
|
}, t(y, {
|
|
138
|
-
icon: "
|
|
138
|
+
icon: "ico-cib:jsfiddle",
|
|
139
139
|
class: "jsfiddle-button"
|
|
140
140
|
}))
|
|
141
141
|
]
|
|
@@ -175,7 +175,7 @@ const O = 800, B = C({
|
|
|
175
175
|
"aria-label": "Codepen",
|
|
176
176
|
"data-balloon-pos": "up"
|
|
177
177
|
}, t(y, {
|
|
178
|
-
icon: "
|
|
178
|
+
icon: "ico-mdi:codepen",
|
|
179
179
|
class: "codepen-button"
|
|
180
180
|
}))
|
|
181
181
|
]
|
|
@@ -105,7 +105,7 @@ const tt = { class: "info-container" }, ot = {
|
|
|
105
105
|
(u = (d = t(r).meta) == null ? void 0 : d.category) != null && u.length ? (i(), s("div", ot, [
|
|
106
106
|
n(t(y), {
|
|
107
107
|
color: t(Q)("primary-color").value,
|
|
108
|
-
icon: "
|
|
108
|
+
icon: "ico-bx:category",
|
|
109
109
|
class: "mr-8px"
|
|
110
110
|
}, null, 8, ["color"]),
|
|
111
111
|
(i(!0), s(B, null, I((f = t(r).meta) == null ? void 0 : f.category, (h, N) => (i(), g(t(q), {
|
|
@@ -124,7 +124,7 @@ const tt = { class: "info-container" }, ot = {
|
|
|
124
124
|
o("div", et, [
|
|
125
125
|
n(t(Y), {
|
|
126
126
|
title: "发布时间",
|
|
127
|
-
icon: "
|
|
127
|
+
icon: "ico-uiw:date",
|
|
128
128
|
size: 14,
|
|
129
129
|
class: "mr-10px",
|
|
130
130
|
distance: 5,
|
|
@@ -132,7 +132,7 @@ const tt = { class: "info-container" }, ot = {
|
|
|
132
132
|
}, null, 8, ["text"]),
|
|
133
133
|
o("div", rt, [
|
|
134
134
|
n(t(y), {
|
|
135
|
-
icon: "
|
|
135
|
+
icon: "ico-flat-color-icons:reading",
|
|
136
136
|
size: 14,
|
|
137
137
|
class: "mr-5px"
|
|
138
138
|
}),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useStorage as y } from "@vueuse/core";
|
|
2
2
|
import { defineComponent as g, ref as b, onMounted as S, watch as h, h as v } from "vue";
|
|
3
3
|
const c = y("VUEPRESS_TAB_STORE", {}), $ = g({
|
|
4
|
-
// eslint-disable-next-line vue/
|
|
4
|
+
// eslint-disable-next-line vue/multico-word-component-names
|
|
5
5
|
name: "VftMdTabs",
|
|
6
6
|
props: {
|
|
7
7
|
/**
|
|
@@ -41,7 +41,7 @@ const r = (
|
|
|
41
41
|
class: "title"
|
|
42
42
|
}, [decodeURIComponent(t.title)]) : null, e(R, {
|
|
43
43
|
cursor: !0,
|
|
44
|
-
icon: l.value ? "
|
|
44
|
+
icon: l.value ? "ico-bx:collapse-alt" : "ico-bx:expand-alt",
|
|
45
45
|
size: 20,
|
|
46
46
|
onClick: () => {
|
|
47
47
|
l.value = !l.value;
|
|
@@ -168,11 +168,11 @@ const S = (
|
|
|
168
168
|
i.removeSubMenu(C), e.removeSubMenu(C);
|
|
169
169
|
});
|
|
170
170
|
const d = re(), X = n(() => m.value === "horizontal" && M.value || m.value === "vertical" && !e.props.collapse ? {
|
|
171
|
-
icon: "
|
|
171
|
+
icon: "ico-ep:arrow-down",
|
|
172
172
|
size: 20,
|
|
173
173
|
...o.expandIcon
|
|
174
174
|
} : {
|
|
175
|
-
icon: "
|
|
175
|
+
icon: "ico-ep:arrow-right",
|
|
176
176
|
size: 18,
|
|
177
177
|
...o.collapseIcon
|
|
178
178
|
}), V = n(() => pe(o.icon, "icon")), N = n(() => ce(v, "title"));
|
|
@@ -29,24 +29,24 @@ const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
|
|
|
29
29
|
repeatNum: null
|
|
30
30
|
},
|
|
31
31
|
emits: ["destroy"],
|
|
32
|
-
setup(
|
|
33
|
-
const
|
|
32
|
+
setup(o, { expose: M }) {
|
|
33
|
+
const t = o, n = X("message"), f = g(), r = g(!1), p = g(0);
|
|
34
34
|
let a;
|
|
35
35
|
const L = /* @__PURE__ */ new Map([
|
|
36
|
-
["success", { icon: "
|
|
37
|
-
["error", { icon: "
|
|
38
|
-
["warning", { icon: "
|
|
39
|
-
]), y = i(() => (
|
|
40
|
-
const s =
|
|
36
|
+
["success", { icon: "ico-ep:success-filled" }],
|
|
37
|
+
["error", { icon: "ico-ep:circle-close-filled" }],
|
|
38
|
+
["warning", { icon: "ico-ep:warning-filled" }]
|
|
39
|
+
]), y = i(() => (t.icon ? J(t.icon) ? t.icon : { icon: t.icon } : "") || L.get(t.type) || ""), b = i(() => {
|
|
40
|
+
const s = t.type;
|
|
41
41
|
return { [n.bm("icon", s)]: s };
|
|
42
|
-
}), S = i(() => Y(
|
|
42
|
+
}), S = i(() => Y(t.id)), v = i(() => t.offset + S.value), T = i(() => p.value + v.value), z = i(() => ({
|
|
43
43
|
top: `${v.value}px`,
|
|
44
|
-
zIndex:
|
|
44
|
+
zIndex: t.zIndex
|
|
45
45
|
}));
|
|
46
46
|
function d() {
|
|
47
|
-
|
|
47
|
+
t.duration !== 0 && ({ stop: a } = Q(() => {
|
|
48
48
|
u();
|
|
49
|
-
},
|
|
49
|
+
}, t.duration));
|
|
50
50
|
}
|
|
51
51
|
function C() {
|
|
52
52
|
a == null || a();
|
|
@@ -60,7 +60,7 @@ const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
|
|
|
60
60
|
return x(() => {
|
|
61
61
|
d(), r.value = !0;
|
|
62
62
|
}), O(
|
|
63
|
-
() =>
|
|
63
|
+
() => t.repeatNum,
|
|
64
64
|
() => {
|
|
65
65
|
C(), d();
|
|
66
66
|
}
|
|
@@ -72,20 +72,20 @@ const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
|
|
|
72
72
|
close: u
|
|
73
73
|
}), (s, h) => (l(), R(V, {
|
|
74
74
|
name: e(n).b("fade"),
|
|
75
|
-
onBeforeLeave:
|
|
76
|
-
onAfterLeave: h[0] || (h[0] = (
|
|
75
|
+
onBeforeLeave: o.onClose,
|
|
76
|
+
onAfterLeave: h[0] || (h[0] = (oe) => s.$emit("destroy"))
|
|
77
77
|
}, {
|
|
78
78
|
default: H(() => [
|
|
79
79
|
I($("div", {
|
|
80
|
-
id:
|
|
80
|
+
id: o.id,
|
|
81
81
|
ref_key: "messageRef",
|
|
82
82
|
ref: f,
|
|
83
83
|
class: c([
|
|
84
84
|
e(n).b(),
|
|
85
|
-
{ [e(n).m(
|
|
86
|
-
e(n).is("center",
|
|
87
|
-
e(n).is("closable",
|
|
88
|
-
|
|
85
|
+
{ [e(n).m(o.type)]: o.type && !o.icon },
|
|
86
|
+
e(n).is("center", o.center),
|
|
87
|
+
e(n).is("closable", o.showClose),
|
|
88
|
+
o.customClass
|
|
89
89
|
]),
|
|
90
90
|
style: D(e(z)),
|
|
91
91
|
role: "alert",
|
|
@@ -99,21 +99,21 @@ const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
|
|
|
99
99
|
w(e(B), F(P(e(y))), null, 16)
|
|
100
100
|
], 2)) : k("", !0),
|
|
101
101
|
U(s.$slots, "default", {}, () => [
|
|
102
|
-
|
|
102
|
+
o.dangerouslyUseHTMLString ? (l(), m("p", {
|
|
103
103
|
key: 1,
|
|
104
104
|
class: c(e(n).e("content")),
|
|
105
|
-
innerHTML:
|
|
105
|
+
innerHTML: o.message
|
|
106
106
|
}, null, 10, _)) : (l(), m("p", {
|
|
107
107
|
key: 0,
|
|
108
108
|
class: c(e(n).e("content"))
|
|
109
|
-
}, j(
|
|
109
|
+
}, j(o.message), 3))
|
|
110
110
|
]),
|
|
111
|
-
|
|
111
|
+
o.showClose ? (l(), m("div", {
|
|
112
112
|
key: 1,
|
|
113
113
|
class: c(e(n).e("closeBtn")),
|
|
114
114
|
onClick: A(u, ["stop"])
|
|
115
115
|
}, [
|
|
116
|
-
w(e(B), { icon: "
|
|
116
|
+
w(e(B), { icon: "ico-ep:circle-close" })
|
|
117
117
|
], 10, ee)) : k("", !0)
|
|
118
118
|
], 46, Z), [
|
|
119
119
|
[q, r.value]
|
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
import { getRouterKeyPath as d } from "@vft/router";
|
|
2
2
|
import { reactive as v, computed as C } from "vue";
|
|
3
3
|
import { useMultipleTabStore as D, useTabs as M } from "@vft/store";
|
|
4
|
-
function S(e,
|
|
5
|
-
const
|
|
4
|
+
function S(e, c) {
|
|
5
|
+
const r = v({
|
|
6
6
|
current: null,
|
|
7
7
|
currentIndex: 0
|
|
8
8
|
}), t = D(), { refreshPage: g, closeAll: a, close: h, closeLeft: u, closeOther: f, closeRight: b, newWinTab: p } = M(), x = C(() => {
|
|
9
9
|
if (!e)
|
|
10
10
|
return;
|
|
11
|
-
const { meta: o } = e, n =
|
|
11
|
+
const { meta: o } = e, n = r.currentIndex, i = n === 0 || n <= c, s = t.getTabList.length <= c || n === t.getTabList.length - 1 && t.getLastDragEndIndex >= 0, T = t.getTabList.length === c || t.getTabList.length === c + 1 && n === c, l = t.getTabList.length === c;
|
|
12
12
|
return [
|
|
13
13
|
{
|
|
14
|
-
iconCfg: { icon: "
|
|
14
|
+
iconCfg: { icon: "ico-ic:sharp-refresh" },
|
|
15
15
|
text: "刷新",
|
|
16
16
|
handler: () => g(e)
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
iconCfg: { icon: "
|
|
19
|
+
iconCfg: { icon: "ico-carbon:new-tab" },
|
|
20
20
|
text: "新页面打开",
|
|
21
21
|
handler: () => p(e),
|
|
22
22
|
divider: !0
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
|
-
iconCfg: { icon: "
|
|
25
|
+
iconCfg: { icon: "vico-close" },
|
|
26
26
|
text: "关闭标签页",
|
|
27
27
|
disabled: !!(o != null && o.affix) || l,
|
|
28
28
|
handler: () => h(e)
|
|
29
29
|
},
|
|
30
30
|
{
|
|
31
|
-
iconCfg: { icon: "
|
|
31
|
+
iconCfg: { icon: "vico-close-left" },
|
|
32
32
|
text: "关闭左侧标签页",
|
|
33
|
-
disabled:
|
|
33
|
+
disabled: i,
|
|
34
34
|
handler: () => u(e)
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
iconCfg: { icon: "
|
|
37
|
+
iconCfg: { icon: "vico-close-right" },
|
|
38
38
|
text: "关闭右侧标签页",
|
|
39
39
|
disabled: s,
|
|
40
40
|
divider: !0,
|
|
41
41
|
handler: () => b(e)
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
iconCfg: { icon: "
|
|
44
|
+
iconCfg: { icon: "vico-close-other" },
|
|
45
45
|
text: "关闭其它标签页",
|
|
46
46
|
disabled: T,
|
|
47
47
|
handler: () => f(e)
|
|
48
48
|
},
|
|
49
49
|
{
|
|
50
|
-
iconCfg: { icon: "
|
|
50
|
+
iconCfg: { icon: "ico-codicon:close-all" },
|
|
51
51
|
text: "关闭所有标签页",
|
|
52
52
|
disabled: l,
|
|
53
53
|
handler: () => a()
|
|
@@ -59,8 +59,8 @@ function S(e, r) {
|
|
|
59
59
|
if (!o)
|
|
60
60
|
return;
|
|
61
61
|
n == null || n.preventDefault();
|
|
62
|
-
const
|
|
63
|
-
|
|
62
|
+
const i = t.getTabList.findIndex((s) => d(s) === d(o));
|
|
63
|
+
r.current = o, r.currentIndex = i;
|
|
64
64
|
};
|
|
65
65
|
}
|
|
66
66
|
return { getDropMenuList: x, handleContextMenu: L };
|
|
@@ -22,7 +22,7 @@ const f = ["disabled", "aria-disabled"], x = { key: 0 }, k = /* @__PURE__ */ r({
|
|
|
22
22
|
}, [
|
|
23
23
|
e.nextText ? (o(), i("span", x, s(e.nextText), 1)) : u("", !0),
|
|
24
24
|
m(t(b), {
|
|
25
|
-
icon: "
|
|
25
|
+
icon: "ico-ep:arrow-right",
|
|
26
26
|
size: 16
|
|
27
27
|
})
|
|
28
28
|
], 8, f));
|
|
@@ -94,10 +94,10 @@ const D = ["onKeyup"], O = ["aria-current", "tabindex"], S = ["tabindex"], j = [
|
|
|
94
94
|
}, [
|
|
95
95
|
(k.value || y.value) && !e.disabled ? (r(), b(a(v), {
|
|
96
96
|
key: 0,
|
|
97
|
-
icon: "
|
|
97
|
+
icon: "ico-ep:d-arrow-left"
|
|
98
98
|
})) : (r(), b(a(v), {
|
|
99
99
|
key: 1,
|
|
100
|
-
icon: "
|
|
100
|
+
icon: "ico-ep:more-filled"
|
|
101
101
|
}))
|
|
102
102
|
], 42, S)) : m("", !0),
|
|
103
103
|
(r(!0), c(V, null, z(a(E), (n) => (r(), c("li", {
|
|
@@ -125,10 +125,10 @@ const D = ["onKeyup"], O = ["aria-current", "tabindex"], S = ["tabindex"], j = [
|
|
|
125
125
|
}, [
|
|
126
126
|
(x.value || N.value) && !e.disabled ? (r(), b(a(v), {
|
|
127
127
|
key: 0,
|
|
128
|
-
icon: "
|
|
128
|
+
icon: "ico-ep:d-arrow-right"
|
|
129
129
|
})) : (r(), b(a(v), {
|
|
130
130
|
key: 1,
|
|
131
|
-
icon: "
|
|
131
|
+
icon: "ico-ep:more-filled"
|
|
132
132
|
}))
|
|
133
133
|
], 42, G)) : m("", !0),
|
|
134
134
|
e.pageCount > 1 ? (r(), c("li", {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as c, computed as d, openBlock as r, createElementBlock as a, unref as t, toDisplayString as s, createCommentVNode as p, createVNode as u } from "vue";
|
|
2
2
|
import { VftIcon as m } from "../../icon/index.js";
|
|
3
|
-
const b = ["disabled", "aria-disabled"], f = { key: 0 }, y = /* @__PURE__ */
|
|
3
|
+
const b = ["disabled", "aria-disabled"], f = { key: 0 }, y = /* @__PURE__ */ c({
|
|
4
4
|
__name: "prev",
|
|
5
5
|
props: {
|
|
6
6
|
disabled: { type: Boolean },
|
|
@@ -9,7 +9,7 @@ const b = ["disabled", "aria-disabled"], f = { key: 0 }, y = /* @__PURE__ */ d({
|
|
|
9
9
|
},
|
|
10
10
|
emits: ["click"],
|
|
11
11
|
setup(e, { emit: i }) {
|
|
12
|
-
const n =
|
|
12
|
+
const n = d(
|
|
13
13
|
() => e.disabled || e.currentPage <= 1
|
|
14
14
|
);
|
|
15
15
|
return (k, o) => (r(), a("button", {
|
|
@@ -21,7 +21,7 @@ const b = ["disabled", "aria-disabled"], f = { key: 0 }, y = /* @__PURE__ */ d({
|
|
|
21
21
|
}, [
|
|
22
22
|
e.prevText ? (r(), a("span", f, s(e.prevText), 1)) : p("", !0),
|
|
23
23
|
u(t(m), {
|
|
24
|
-
icon: "
|
|
24
|
+
icon: "ico-ep:arrow-left",
|
|
25
25
|
size: 16
|
|
26
26
|
})
|
|
27
27
|
], 8, b));
|
|
@@ -63,7 +63,7 @@ const u = (
|
|
|
63
63
|
modelValue: { default: "" },
|
|
64
64
|
placeholder: null,
|
|
65
65
|
clearable: { type: Boolean, default: !0 },
|
|
66
|
-
suffixIcon: { default: { icon: "
|
|
66
|
+
suffixIcon: { default: { icon: "vico-search", color: "#8B8C8C", cursor: !0 } },
|
|
67
67
|
prefixIcon: null,
|
|
68
68
|
clearIcon: null,
|
|
69
69
|
width: { default: 200 },
|
|
@@ -73,9 +73,9 @@ const u = (
|
|
|
73
73
|
visible: { type: Boolean }
|
|
74
74
|
},
|
|
75
75
|
emits: ["update:modelValue", "update:visible", "focus", "enter", "clear"],
|
|
76
|
-
setup(
|
|
76
|
+
setup(o, { emit: i }) {
|
|
77
77
|
const f = a(), c = a(), n = a(), g = () => {
|
|
78
|
-
console.log(
|
|
78
|
+
console.log(o.modelValue);
|
|
79
79
|
};
|
|
80
80
|
D();
|
|
81
81
|
const w = () => {
|
|
@@ -87,32 +87,32 @@ const u = (
|
|
|
87
87
|
"hide-after": 100,
|
|
88
88
|
offset: 3,
|
|
89
89
|
width: 500,
|
|
90
|
-
...
|
|
90
|
+
...o.popoverCfg
|
|
91
91
|
})), V = v(() => {
|
|
92
|
-
function e(
|
|
92
|
+
function e(t) {
|
|
93
93
|
return H(
|
|
94
94
|
{
|
|
95
|
-
width: k(
|
|
96
|
-
"focus-width": k(
|
|
95
|
+
width: k(t),
|
|
96
|
+
"focus-width": k(t)
|
|
97
97
|
},
|
|
98
98
|
"input"
|
|
99
99
|
);
|
|
100
100
|
}
|
|
101
|
-
return
|
|
101
|
+
return o.visible ? e(o.focusWidth ?? o.width) : e(o.width);
|
|
102
102
|
}), $ = (e) => {
|
|
103
103
|
i("update:modelValue", e);
|
|
104
104
|
}, d = u.e("content"), R = (e) => {
|
|
105
|
-
var
|
|
106
|
-
Array.from(e.target.classList).includes(d) || ((s = (
|
|
105
|
+
var t, s;
|
|
106
|
+
Array.from(e.target.classList).includes(d) || ((s = (t = r(f).popperRef) == null ? void 0 : t.delayHide) == null || s.call(t), i("update:visible", !1));
|
|
107
107
|
}, B = () => {
|
|
108
108
|
i("update:visible", !1), M(() => {
|
|
109
109
|
var e;
|
|
110
110
|
return (e = n.value) == null ? void 0 : e.blur();
|
|
111
111
|
}, 100), i("clear");
|
|
112
112
|
};
|
|
113
|
-
return N(() =>
|
|
113
|
+
return N(() => o.visible, (e) => {
|
|
114
114
|
e ? n.value.focus() : n.value.blur();
|
|
115
|
-
}), (e,
|
|
115
|
+
}), (e, t) => {
|
|
116
116
|
const s = I("click-outside");
|
|
117
117
|
return m(), h(E, null, [
|
|
118
118
|
F((m(), h("div", {
|
|
@@ -162,13 +162,13 @@ const u = (
|
|
|
162
162
|
], 2)), [
|
|
163
163
|
[s, R]
|
|
164
164
|
]),
|
|
165
|
-
|
|
165
|
+
o.hasPopover ? (m(), A(r(L), b({
|
|
166
166
|
key: 0,
|
|
167
167
|
ref_key: "popoverRef",
|
|
168
168
|
ref: f
|
|
169
169
|
}, r(S), {
|
|
170
170
|
"virtual-ref": c.value,
|
|
171
|
-
visible:
|
|
171
|
+
visible: o.visible,
|
|
172
172
|
"virtual-triggering": ""
|
|
173
173
|
}), {
|
|
174
174
|
default: l(() => [
|