vft 0.0.44 → 0.0.45
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/avatar/avatar.vue.d.ts +2 -2
- package/es/components/avatar/index.d.ts +2 -2
- 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/index.d.ts +3 -3
- package/es/components/input/input.vue.d.ts +3 -3
- 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/index.d.ts +1 -1
- package/es/components/search/search.vue.d.ts +1 -1
- package/es/components/search/search.vue2.js +14 -14
- package/es/components/side-menu/side-menu.vue2.js +1 -1
- 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/avatar/avatar.vue.d.ts +2 -2
- package/lib/components/avatar/index.d.ts +2 -2
- 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/index.d.ts +3 -3
- package/lib/components/input/input.vue.d.ts +3 -3
- 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/index.d.ts +1 -1
- package/lib/components/search/search.vue.d.ts +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/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
|
@@ -2,7 +2,7 @@ import type { PropType as __PropType } from 'vue';
|
|
|
2
2
|
import { type IconProps } from 'vft/es/components/icon';
|
|
3
3
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
4
|
size: {
|
|
5
|
-
type: __PropType<number | "
|
|
5
|
+
type: __PropType<number | "large" | "small" | "default" | undefined>;
|
|
6
6
|
required: false;
|
|
7
7
|
};
|
|
8
8
|
shape: {
|
|
@@ -31,7 +31,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
31
31
|
};
|
|
32
32
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
33
|
size: {
|
|
34
|
-
type: __PropType<number | "
|
|
34
|
+
type: __PropType<number | "large" | "small" | "default" | undefined>;
|
|
35
35
|
required: false;
|
|
36
36
|
};
|
|
37
37
|
shape: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
2
2
|
size: {
|
|
3
|
-
type: import("vue").PropType<number | "
|
|
3
|
+
type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
|
|
4
4
|
required: false;
|
|
5
5
|
};
|
|
6
6
|
shape: {
|
|
@@ -29,7 +29,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
|
|
|
29
29
|
};
|
|
30
30
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
31
31
|
size: {
|
|
32
|
-
type: import("vue").PropType<number | "
|
|
32
|
+
type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
|
|
33
33
|
required: false;
|
|
34
34
|
};
|
|
35
35
|
shape: {
|
|
@@ -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) ? "i-radix-icons:exit-full-screen" : "i-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
|
};
|
|
@@ -4,7 +4,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue
|
|
|
4
4
|
required: false;
|
|
5
5
|
};
|
|
6
6
|
size: {
|
|
7
|
-
type: import("vue").PropType<"
|
|
7
|
+
type: import("vue").PropType<"large" | "small" | "default" | undefined>;
|
|
8
8
|
required: false;
|
|
9
9
|
};
|
|
10
10
|
disabled: {
|
|
@@ -136,7 +136,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue
|
|
|
136
136
|
required: false;
|
|
137
137
|
};
|
|
138
138
|
size: {
|
|
139
|
-
type: import("vue").PropType<"
|
|
139
|
+
type: import("vue").PropType<"large" | "small" | "default" | undefined>;
|
|
140
140
|
required: false;
|
|
141
141
|
};
|
|
142
142
|
disabled: {
|
|
@@ -238,8 +238,8 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue
|
|
|
238
238
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
239
239
|
onFocus?: ((evt: FocusEvent) => any) | undefined;
|
|
240
240
|
onClear?: (() => any) | undefined;
|
|
241
|
-
onChange?: ((value: string) => any) | undefined;
|
|
242
241
|
onInput?: ((value: string) => any) | undefined;
|
|
242
|
+
onChange?: ((value: string) => any) | undefined;
|
|
243
243
|
onSuffixclick?: ((value: any) => any) | undefined;
|
|
244
244
|
onBlur?: ((evt: FocusEvent) => any) | undefined;
|
|
245
245
|
onMouseleave?: ((evt: MouseEvent) => any) | undefined;
|
|
@@ -7,7 +7,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
7
7
|
required: false;
|
|
8
8
|
};
|
|
9
9
|
size: {
|
|
10
|
-
type: __PropType<"
|
|
10
|
+
type: __PropType<"large" | "small" | "default" | undefined>;
|
|
11
11
|
required: false;
|
|
12
12
|
};
|
|
13
13
|
disabled: {
|
|
@@ -149,7 +149,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
149
149
|
required: false;
|
|
150
150
|
};
|
|
151
151
|
size: {
|
|
152
|
-
type: __PropType<"
|
|
152
|
+
type: __PropType<"large" | "small" | "default" | undefined>;
|
|
153
153
|
required: false;
|
|
154
154
|
};
|
|
155
155
|
disabled: {
|
|
@@ -251,8 +251,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
251
251
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
252
252
|
onFocus?: ((evt: FocusEvent) => any) | undefined;
|
|
253
253
|
onClear?: (() => any) | undefined;
|
|
254
|
-
onChange?: ((value: string) => any) | undefined;
|
|
255
254
|
onInput?: ((value: string) => any) | undefined;
|
|
255
|
+
onChange?: ((value: string) => any) | undefined;
|
|
256
256
|
onSuffixclick?: ((value: any) => any) | undefined;
|
|
257
257
|
onBlur?: ((evt: FocusEvent) => any) | undefined;
|
|
258
258
|
onMouseleave?: ((evt: MouseEvent) => any) | undefined;
|
|
@@ -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", {
|