vft 0.0.51 → 0.0.55
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/attributes.json +1 -0
- package/dist/index.css +1 -1
- package/es/component.js +0 -2
- package/es/components/avatar/avatar.vue.d.ts +2 -2
- package/es/components/avatar/avatar.vue2.js +19 -24
- package/es/components/avatar/index.d.ts +2 -2
- package/es/components/back-top/back-top.vue2.js +4 -3
- package/es/components/context-menu/context-menu.vue2.js +46 -41
- package/es/components/divider/divider.vue.d.ts +2 -2
- package/es/components/divider/index.d.ts +2 -2
- package/es/components/dropdown/dropdown-item-impl.vue.d.ts +1 -1
- package/es/components/dropdown/dropdown-menu.vue.d.ts +1 -1
- package/es/components/dropdown/dropdown.vue.d.ts +3 -3
- package/es/components/dropdown/index.d.ts +5 -5
- package/es/components/empty/empty.vue.d.ts +2 -2
- package/es/components/empty/index.d.ts +2 -2
- package/es/components/form/form.vue.d.ts +4 -4
- package/es/components/form/index.d.ts +4 -4
- package/es/components/icon-text/icon-text.vue2.js +31 -24
- package/es/components/md-container/md-container.vue2.js +74 -68
- package/es/components/md-container/use/useCopyCode.js +3 -3
- package/es/components/menu/menu-item.vue2.js +4 -3
- package/es/components/menu/sub-menu.vue2.js +4 -3
- package/es/components/multiple-tabs/multiple-tabs.vue2.js +34 -36
- package/es/components/multiple-tabs/tab-content.vue2.js +18 -84
- package/es/components/popper/composables/use-content.d.ts +4 -4
- package/es/components/popper/index.d.ts +2 -2
- package/es/components/popper/popper.vue.d.ts +2 -2
- package/es/components/result/result.vue2.js +4 -3
- package/es/components/search/search.vue2.js +4 -3
- package/es/components/select-v2/index.d.ts +12 -12
- package/es/components/select-v2/select.vue.d.ts +6 -6
- package/es/components/select-v2/useSelect.d.ts +3 -3
- package/es/components/side-menu/side-menu.vue2.js +3 -2
- package/es/components/tabs/index.d.ts +10 -10
- package/es/components/tabs/tab-nav.vue.d.ts +6 -7
- package/es/components/tabs/tab-nav.vue2.js +42 -38
- package/es/components/tabs/tabs.vue.d.ts +11 -11
- package/es/components/tabs/tabs.vue2.js +43 -48
- package/es/components/tooltip/index.d.ts +2 -2
- package/es/components/tooltip/tooltip.vue.d.ts +2 -2
- package/es/components/virtual-list/builders/build-grid.d.ts +1 -1
- package/es/components/virtual-list/builders/build-list.d.ts +1 -1
- package/es/components/virtual-list/components/dynamic-size-grid.d.ts +1 -1
- package/es/components/virtual-list/components/dynamic-size-list.d.ts +1 -1
- package/es/components/virtual-list/components/fixed-size-grid.d.ts +1 -1
- package/es/components/virtual-list/components/fixed-size-list.d.ts +1 -1
- package/es/hooks/use-popper/index.d.ts +4 -4
- package/es/package.json.js +1 -1
- package/global.d.ts +28 -3
- package/lib/components/avatar/avatar.vue.d.ts +2 -2
- package/lib/components/avatar/avatar.vue2.cjs +1 -1
- package/lib/components/avatar/index.d.ts +2 -2
- package/lib/components/back-top/back-top.vue2.cjs +1 -1
- package/lib/components/context-menu/context-menu.vue2.cjs +1 -1
- package/lib/components/divider/divider.vue.d.ts +2 -2
- package/lib/components/divider/index.d.ts +2 -2
- package/lib/components/dropdown/dropdown-item-impl.vue.d.ts +1 -1
- package/lib/components/dropdown/dropdown-menu.vue.d.ts +1 -1
- package/lib/components/dropdown/dropdown.vue.d.ts +3 -3
- package/lib/components/dropdown/index.d.ts +5 -5
- package/lib/components/empty/empty.vue.d.ts +2 -2
- package/lib/components/empty/index.d.ts +2 -2
- package/lib/components/form/form.vue.d.ts +4 -4
- package/lib/components/form/index.d.ts +4 -4
- package/lib/components/icon-text/icon-text.vue2.cjs +1 -1
- package/lib/components/md-container/md-container.vue2.cjs +1 -1
- package/lib/components/md-container/use/useCopyCode.cjs +1 -1
- package/lib/components/menu/menu-item.vue2.cjs +1 -1
- package/lib/components/menu/sub-menu.vue2.cjs +1 -1
- package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
- package/lib/components/multiple-tabs/tab-content.vue2.cjs +1 -1
- package/lib/components/popper/composables/use-content.d.ts +4 -4
- package/lib/components/popper/index.d.ts +2 -2
- package/lib/components/popper/popper.vue.d.ts +2 -2
- package/lib/components/result/result.vue2.cjs +1 -1
- package/lib/components/search/search.vue2.cjs +1 -1
- package/lib/components/select-v2/index.d.ts +12 -12
- package/lib/components/select-v2/select.vue.d.ts +6 -6
- package/lib/components/select-v2/useSelect.d.ts +3 -3
- package/lib/components/side-menu/side-menu.vue2.cjs +1 -1
- package/lib/components/tabs/index.d.ts +10 -10
- package/lib/components/tabs/tab-nav.vue.d.ts +6 -7
- package/lib/components/tabs/tab-nav.vue2.cjs +1 -1
- package/lib/components/tabs/tabs.vue.d.ts +11 -11
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/tooltip/index.d.ts +2 -2
- package/lib/components/tooltip/tooltip.vue.d.ts +2 -2
- package/lib/components/virtual-list/builders/build-grid.d.ts +1 -1
- package/lib/components/virtual-list/builders/build-list.d.ts +1 -1
- package/lib/components/virtual-list/components/dynamic-size-grid.d.ts +1 -1
- package/lib/components/virtual-list/components/dynamic-size-list.d.ts +1 -1
- package/lib/components/virtual-list/components/fixed-size-grid.d.ts +1 -1
- package/lib/components/virtual-list/components/fixed-size-list.d.ts +1 -1
- package/lib/hooks/use-popper/index.d.ts +4 -4
- package/lib/package.json.cjs +1 -1
- package/package.json +6 -1
- package/tags.json +1 -0
- package/theme-style/dark/css-vars.css +1 -1
- package/theme-style/index.css +1 -1
- package/theme-style/src/button.scss +1 -2
- package/theme-style/src/common/var.scss +19 -20
- package/theme-style/src/context-menu.scss +12 -0
- package/theme-style/src/dark/css-vars.scss +26 -0
- package/theme-style/src/dark/var.scss +61 -17
- package/theme-style/src/icon-text.scss +2 -0
- package/theme-style/src/logo.scss +1 -1
- package/theme-style/src/md/table.scss +5 -0
- package/theme-style/src/md-container.scss +42 -2
- package/theme-style/src/menu.scss +3 -3
- package/theme-style/src/side-menu.scss +2 -2
- package/theme-style/src/tabs.scss +70 -70
- package/theme-style/vft-button.css +1 -1
- package/theme-style/vft-context-menu.css +1 -0
- package/theme-style/vft-footer-layout.css +1 -1
- package/theme-style/vft-header-layout.css +1 -1
- package/theme-style/vft-icon-text.css +1 -1
- package/theme-style/vft-logo.css +1 -1
- package/theme-style/vft-md-container.css +1 -1
- package/theme-style/vft-menu.css +1 -1
- package/theme-style/vft-multiple-tabs.css +1 -1
- package/theme-style/vft-side-menu.css +1 -1
- package/theme-style/vft-tabs.css +1 -1
- package/web-types.json +1 -0
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import type { PropType as __PropType } from 'vue';
|
|
2
2
|
import { type IconProps } from 'vft/es/components';
|
|
3
|
-
import { type TabsPaneContext
|
|
3
|
+
import { type TabsPaneContext } from './types';
|
|
4
4
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
5
|
-
type: {
|
|
6
|
-
type: __PropType<TabsType | undefined>;
|
|
7
|
-
required: false;
|
|
8
|
-
};
|
|
9
5
|
closable: {
|
|
10
6
|
type: __PropType<boolean | undefined>;
|
|
11
7
|
required: false;
|
|
@@ -23,7 +19,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
23
19
|
required: false;
|
|
24
20
|
};
|
|
25
21
|
tabPosition: {
|
|
26
|
-
type: __PropType<"
|
|
22
|
+
type: __PropType<"bottom" | "left" | "right" | "top" | undefined>;
|
|
27
23
|
required: false;
|
|
28
24
|
};
|
|
29
25
|
beforeLeave: {
|
|
@@ -34,6 +30,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
34
30
|
type: __PropType<boolean | undefined>;
|
|
35
31
|
required: false;
|
|
36
32
|
};
|
|
33
|
+
showBar: {
|
|
34
|
+
type: __PropType<boolean | undefined>;
|
|
35
|
+
required: false;
|
|
36
|
+
};
|
|
37
37
|
closeIconCfg: {
|
|
38
38
|
type: __PropType<IconProps | undefined>;
|
|
39
39
|
required: false;
|
|
@@ -65,10 +65,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
65
65
|
/** 增加 */
|
|
66
66
|
tabAdd: () => true;
|
|
67
67
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
68
|
-
type: {
|
|
69
|
-
type: __PropType<TabsType | undefined>;
|
|
70
|
-
required: false;
|
|
71
|
-
};
|
|
72
68
|
closable: {
|
|
73
69
|
type: __PropType<boolean | undefined>;
|
|
74
70
|
required: false;
|
|
@@ -86,7 +82,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
86
82
|
required: false;
|
|
87
83
|
};
|
|
88
84
|
tabPosition: {
|
|
89
|
-
type: __PropType<"
|
|
85
|
+
type: __PropType<"bottom" | "left" | "right" | "top" | undefined>;
|
|
90
86
|
required: false;
|
|
91
87
|
};
|
|
92
88
|
beforeLeave: {
|
|
@@ -97,6 +93,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
97
93
|
type: __PropType<boolean | undefined>;
|
|
98
94
|
required: false;
|
|
99
95
|
};
|
|
96
|
+
showBar: {
|
|
97
|
+
type: __PropType<boolean | undefined>;
|
|
98
|
+
required: false;
|
|
99
|
+
};
|
|
100
100
|
closeIconCfg: {
|
|
101
101
|
type: __PropType<IconProps | undefined>;
|
|
102
102
|
required: false;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as w, getCurrentInstance as g, useSlots as M, ref as h, watch as p, nextTick as D, computed as l, createVNode as s, provide as F } from "vue";
|
|
2
2
|
import { useNamespace as O } from "../../hooks/use-namespace/index.js";
|
|
3
3
|
import "@popperjs/core";
|
|
4
4
|
import "lodash";
|
|
@@ -12,17 +12,15 @@ import "@vue/shared";
|
|
|
12
12
|
import { UPDATE_MODEL_EVENT as $ } from "@vft/constants";
|
|
13
13
|
import K from "./tab-nav.vue2.js";
|
|
14
14
|
import { TabsRootContextKey as S } from "./types.js";
|
|
15
|
-
const
|
|
15
|
+
const d = (
|
|
16
16
|
/* hoist-static*/
|
|
17
17
|
O("tabs")
|
|
18
|
-
), j =
|
|
19
|
-
name:
|
|
20
|
-
}), re = /* @__PURE__ */
|
|
18
|
+
), j = w({
|
|
19
|
+
name: d.b()
|
|
20
|
+
}), re = /* @__PURE__ */ w({
|
|
21
21
|
...j,
|
|
22
22
|
props: {
|
|
23
|
-
type:
|
|
24
|
-
default: ""
|
|
25
|
-
},
|
|
23
|
+
type: null,
|
|
26
24
|
closable: {
|
|
27
25
|
type: Boolean
|
|
28
26
|
},
|
|
@@ -51,92 +49,92 @@ const r = (
|
|
|
51
49
|
emits: {
|
|
52
50
|
[$]: (t) => f(t),
|
|
53
51
|
/** 点击 */
|
|
54
|
-
tabClick: (t,
|
|
52
|
+
tabClick: (t, c) => c instanceof Event,
|
|
55
53
|
/** 右键点击 */
|
|
56
|
-
tabContextMenu: (t,
|
|
54
|
+
tabContextMenu: (t, c, n) => n instanceof Event,
|
|
57
55
|
tabChange: (t) => f(t),
|
|
58
|
-
edit: (t,
|
|
56
|
+
edit: (t, c) => ["remove", "add"].includes(c),
|
|
59
57
|
/** 移除 */
|
|
60
58
|
tabRemove: (t) => f(t),
|
|
61
59
|
/** 增加 */
|
|
62
60
|
tabAdd: () => !0
|
|
63
61
|
},
|
|
64
62
|
setup(t, {
|
|
65
|
-
expose:
|
|
66
|
-
emit:
|
|
63
|
+
expose: c,
|
|
64
|
+
emit: n
|
|
67
65
|
}) {
|
|
68
|
-
const
|
|
69
|
-
|
|
66
|
+
const T = g(), i = M(), u = h(), r = h(t.modelValue ?? "0"), y = (e) => {
|
|
67
|
+
r.value = e, n("update:modelValue", e), n("tabChange", e);
|
|
70
68
|
}, m = async (e) => {
|
|
71
|
-
var
|
|
72
|
-
if (!(
|
|
69
|
+
var a, o, v;
|
|
70
|
+
if (!(r.value === e || I(e)))
|
|
73
71
|
try {
|
|
74
|
-
await ((
|
|
72
|
+
await ((a = t.beforeLeave) == null ? void 0 : a.call(t, e, r.value)) !== !1 && (y(e), (v = (o = u.value) == null ? void 0 : o.removeFocus) == null || v.call(o));
|
|
75
73
|
} catch {
|
|
76
74
|
}
|
|
77
|
-
}, R = (e,
|
|
78
|
-
e.props.disabled || (m(
|
|
79
|
-
}, L = (e,
|
|
80
|
-
e.props.disabled || I(e.props.name) || (
|
|
75
|
+
}, R = (e, a, o) => {
|
|
76
|
+
e.props.disabled || (m(a), n("tabClick", e, o));
|
|
77
|
+
}, L = (e, a) => {
|
|
78
|
+
e.props.disabled || I(e.props.name) || (a.stopPropagation(), n("edit", e.props.name, "remove"), n("tabRemove", e.props.name));
|
|
81
79
|
};
|
|
82
|
-
p(() => t.modelValue, (e) => m(e)), p(
|
|
80
|
+
p(() => t.modelValue, (e) => m(e)), p(r, async () => {
|
|
83
81
|
var e;
|
|
84
82
|
await D(), (e = u.value) == null || e.scrollToActiveTab();
|
|
85
83
|
});
|
|
86
84
|
const N = () => {
|
|
87
|
-
|
|
88
|
-
}, x = (e,
|
|
89
|
-
|
|
85
|
+
n("edit", void 0, "add"), n("tabAdd");
|
|
86
|
+
}, x = (e, a, o) => {
|
|
87
|
+
n("tabContextMenu", e, a, o);
|
|
90
88
|
}, b = l(() => {
|
|
91
89
|
var e;
|
|
92
90
|
return s("div", {
|
|
93
|
-
class:
|
|
91
|
+
class: d.e("content")
|
|
94
92
|
}, [(e = i.default) == null ? void 0 : e.call(i)]);
|
|
95
93
|
}), {
|
|
96
94
|
children: P,
|
|
97
95
|
addChild: A,
|
|
98
|
-
removeChild:
|
|
96
|
+
removeChild: B
|
|
99
97
|
} = U(g(), "vft-tab-pane");
|
|
100
98
|
F(S, {
|
|
101
|
-
props:
|
|
102
|
-
currentName:
|
|
99
|
+
props: T.props,
|
|
100
|
+
currentName: r,
|
|
103
101
|
registerPane: A,
|
|
104
|
-
unregisterPane:
|
|
105
|
-
}),
|
|
106
|
-
currentName:
|
|
102
|
+
unregisterPane: B
|
|
103
|
+
}), c({
|
|
104
|
+
currentName: r
|
|
107
105
|
});
|
|
108
|
-
const
|
|
106
|
+
const E = l(() => ({
|
|
109
107
|
icon: "ico-ep:plus",
|
|
110
108
|
size: 12,
|
|
111
109
|
...t.addIconCfg
|
|
112
|
-
})),
|
|
110
|
+
})), V = l(() => ({
|
|
113
111
|
icon: "ico-ep:close",
|
|
114
112
|
size: 14,
|
|
115
113
|
...t.closeIconCfg
|
|
116
|
-
})),
|
|
114
|
+
})), k = l(() => ({
|
|
117
115
|
icon: "ico-ep:arrow-left",
|
|
118
116
|
size: 18,
|
|
119
117
|
...t.arrowLeftIconCfg
|
|
120
|
-
})),
|
|
118
|
+
})), z = l(() => ({
|
|
121
119
|
icon: "ico-ep:arrow-right",
|
|
122
120
|
size: 18,
|
|
123
121
|
...t.arrowRightIconCfg
|
|
124
122
|
})), C = l(() => {
|
|
125
123
|
var e;
|
|
126
124
|
return s("div", {
|
|
127
|
-
class: [
|
|
125
|
+
class: [d.e("header"), d.is(t.tabPosition)]
|
|
128
126
|
}, [s(K, {
|
|
129
127
|
ref: u,
|
|
130
|
-
currentName:
|
|
128
|
+
currentName: r.value,
|
|
131
129
|
panes: P.value,
|
|
132
130
|
stretch: t.stretch,
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
131
|
+
showBar: t.showBar,
|
|
132
|
+
closeIconCfg: V.value,
|
|
133
|
+
addIconCfg: E.value,
|
|
134
|
+
arrowRightIconCfg: z.value,
|
|
135
|
+
arrowLeftIconCfg: k.value,
|
|
137
136
|
editable: t.editable,
|
|
138
137
|
addable: t.addable,
|
|
139
|
-
type: t.type,
|
|
140
138
|
onTabClick: R,
|
|
141
139
|
onTabRemove: L,
|
|
142
140
|
onTabAdd: N,
|
|
@@ -144,10 +142,7 @@ const r = (
|
|
|
144
142
|
}, null), (e = i.headerRight) == null ? void 0 : e.call(i)]);
|
|
145
143
|
});
|
|
146
144
|
return () => s("div", {
|
|
147
|
-
class: [
|
|
148
|
-
[r.m("card")]: t.type === "card",
|
|
149
|
-
[r.m("border-card")]: t.type === "border-card"
|
|
150
|
-
}]
|
|
145
|
+
class: [d.b(), d.m(t.tabPosition)]
|
|
151
146
|
}, [...t.tabPosition !== "bottom" ? [C.value, b.value] : [b.value, C.value]]);
|
|
152
147
|
}
|
|
153
148
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import Tooltip from './tooltip.vue';
|
|
2
2
|
export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
3
3
|
role: {
|
|
4
|
-
type: import("vue").PropType<"
|
|
4
|
+
type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
|
|
5
5
|
required: false;
|
|
6
6
|
};
|
|
7
7
|
showArrow: {
|
|
@@ -198,7 +198,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
|
|
|
198
198
|
hide: (event?: Event | undefined) => void;
|
|
199
199
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
200
200
|
role: {
|
|
201
|
-
type: import("vue").PropType<"
|
|
201
|
+
type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
|
|
202
202
|
required: false;
|
|
203
203
|
};
|
|
204
204
|
showArrow: {
|
|
@@ -54,7 +54,7 @@ export interface ToolTipProps {
|
|
|
54
54
|
}
|
|
55
55
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
56
56
|
role: {
|
|
57
|
-
type: __PropType<"
|
|
57
|
+
type: __PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
|
|
58
58
|
required: false;
|
|
59
59
|
};
|
|
60
60
|
showArrow: {
|
|
@@ -272,7 +272,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
272
272
|
hide: (event?: Event | undefined) => void;
|
|
273
273
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
274
274
|
role: {
|
|
275
|
-
type: __PropType<"
|
|
275
|
+
type: __PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
|
|
276
276
|
required: false;
|
|
277
277
|
};
|
|
278
278
|
showArrow: {
|
|
@@ -177,10 +177,10 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
|
|
|
177
177
|
onScroll?: ((...args: any[]) => any) | undefined;
|
|
178
178
|
onItemRendered?: ((...args: any[]) => any) | undefined;
|
|
179
179
|
}, {
|
|
180
|
+
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
180
181
|
readonly data: any[];
|
|
181
182
|
readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
182
183
|
readonly className: string;
|
|
183
|
-
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
184
184
|
readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
|
|
185
185
|
readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
|
|
186
186
|
readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -152,11 +152,11 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
|
|
|
152
152
|
onScroll?: ((...args: any[]) => any) | undefined;
|
|
153
153
|
onItemRendered?: ((...args: any[]) => any) | undefined;
|
|
154
154
|
}, {
|
|
155
|
+
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
155
156
|
readonly data: any[];
|
|
156
157
|
readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
|
|
157
158
|
readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
158
159
|
readonly className: string;
|
|
159
|
-
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
160
160
|
readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
|
|
161
161
|
readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
|
|
162
162
|
readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -178,10 +178,10 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
|
|
|
178
178
|
onScroll?: ((...args: any[]) => any) | undefined;
|
|
179
179
|
onItemRendered?: ((...args: any[]) => any) | undefined;
|
|
180
180
|
}, {
|
|
181
|
+
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
181
182
|
readonly data: any[];
|
|
182
183
|
readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
183
184
|
readonly className: string;
|
|
184
|
-
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
185
185
|
readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
|
|
186
186
|
readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
|
|
187
187
|
readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -150,11 +150,11 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
|
|
|
150
150
|
onScroll?: ((...args: any[]) => any) | undefined;
|
|
151
151
|
onItemRendered?: ((...args: any[]) => any) | undefined;
|
|
152
152
|
}, {
|
|
153
|
+
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
153
154
|
readonly data: any[];
|
|
154
155
|
readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
|
|
155
156
|
readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
156
157
|
readonly className: string;
|
|
157
|
-
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
158
158
|
readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
|
|
159
159
|
readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
|
|
160
160
|
readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -172,10 +172,10 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
|
|
|
172
172
|
onScroll?: ((...args: any[]) => any) | undefined;
|
|
173
173
|
onItemRendered?: ((...args: any[]) => any) | undefined;
|
|
174
174
|
}, {
|
|
175
|
+
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
175
176
|
readonly data: any[];
|
|
176
177
|
readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
177
178
|
readonly className: string;
|
|
178
|
-
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
179
179
|
readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
|
|
180
180
|
readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
|
|
181
181
|
readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -149,11 +149,11 @@ declare const FixedSizeList: import("vue").DefineComponent<{
|
|
|
149
149
|
onScroll?: ((...args: any[]) => any) | undefined;
|
|
150
150
|
onItemRendered?: ((...args: any[]) => any) | undefined;
|
|
151
151
|
}, {
|
|
152
|
+
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
152
153
|
readonly data: any[];
|
|
153
154
|
readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
|
|
154
155
|
readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
155
156
|
readonly className: string;
|
|
156
|
-
readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
|
|
157
157
|
readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
|
|
158
158
|
readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
|
|
159
159
|
readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -41,13 +41,13 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
|
|
|
41
41
|
popperEscapeOffsets: import("@popperjs/core").SideObject;
|
|
42
42
|
} | undefined;
|
|
43
43
|
offset?: {
|
|
44
|
+
bottom?: import("@popperjs/core").Offsets | undefined;
|
|
45
|
+
left?: import("@popperjs/core").Offsets | undefined;
|
|
46
|
+
right?: import("@popperjs/core").Offsets | undefined;
|
|
47
|
+
top?: import("@popperjs/core").Offsets | undefined;
|
|
44
48
|
auto?: import("@popperjs/core").Offsets | undefined;
|
|
45
49
|
"auto-start"?: import("@popperjs/core").Offsets | undefined;
|
|
46
50
|
"auto-end"?: import("@popperjs/core").Offsets | undefined;
|
|
47
|
-
top?: import("@popperjs/core").Offsets | undefined;
|
|
48
|
-
bottom?: import("@popperjs/core").Offsets | undefined;
|
|
49
|
-
right?: import("@popperjs/core").Offsets | undefined;
|
|
50
|
-
left?: import("@popperjs/core").Offsets | undefined;
|
|
51
51
|
"top-start"?: import("@popperjs/core").Offsets | undefined;
|
|
52
52
|
"top-end"?: import("@popperjs/core").Offsets | undefined;
|
|
53
53
|
"bottom-start"?: import("@popperjs/core").Offsets | undefined;
|
package/es/package.json.js
CHANGED
package/global.d.ts
CHANGED
|
@@ -1,7 +1,32 @@
|
|
|
1
|
-
// GlobalComponents for Volar
|
|
2
1
|
declare module '@vue/runtime-core' {
|
|
3
2
|
export interface GlobalComponents {
|
|
4
|
-
|
|
3
|
+
VftMdContainer: typeof import('vft')['VftMdContainer'];
|
|
4
|
+
VftMdCodeTabs: typeof import('vft')['VftMdCodeTabs'];
|
|
5
|
+
VftMdCodeDemo: typeof import('vft')['VftMdCodeDemo'];
|
|
6
|
+
VftMdVuePlayground: typeof import('vft')['VftMdVuePlayground'];
|
|
7
|
+
VftMdTabs: typeof import('vft')['VftMdTabs'];
|
|
8
|
+
VftMdComment: typeof import('vft')['VftMdComment'];
|
|
9
|
+
VftImageViewer: typeof import('vft')['VftImageViewer'];
|
|
10
|
+
VftTable: typeof import('vft')['VftTable'];
|
|
11
|
+
VftVerifyCode: typeof import('vft')['VftVerifyCode'];
|
|
12
|
+
VftSelectV2: typeof import('vft')['VftSelectV2'];
|
|
13
|
+
VftDropdownItem: typeof import('vft')['VftDropdownItem'];
|
|
14
|
+
VftDropdownMenu: typeof import('vft')['VftDropdownMenu'];
|
|
15
|
+
VftDropdown: typeof import('vft')['VftDropdown'];
|
|
16
|
+
VftScrollbar: typeof import('vft')['VftScrollbar'];
|
|
17
|
+
VftColorPicker: typeof import('vft')['VftColorPicker'];
|
|
18
|
+
VftSwitch: typeof import('vft')['VftSwitch'];
|
|
19
|
+
VftRadioButton: typeof import('vft')['VftRadioButton'];
|
|
20
|
+
VftRadio: typeof import('vft')['VftRadio'];
|
|
21
|
+
VftRadioGroup: typeof import('vft')['VftRadioGroup'];
|
|
22
|
+
VftCheckboxGroup: typeof import('vft')['VftCheckboxGroup'];
|
|
23
|
+
VftCheckbox: typeof import('vft')['VftCheckbox'];
|
|
24
|
+
VftCheckboxButton: typeof import('vft')['VftCheckboxButton'];
|
|
25
|
+
VftButton: typeof import('vft')['VftButton'];
|
|
26
|
+
VftButtonGroup: typeof import('vft')['VftButtonGroup'];
|
|
27
|
+
VftForm: typeof import('vft')['VftForm'];
|
|
28
|
+
VftFormItem: typeof import('vft')['VftFormItem'];
|
|
29
|
+
VftSearch: typeof import('vft')['VftSearch'];
|
|
5
30
|
VftPageWrapper: typeof import('vft')['VftPageWrapper'];
|
|
6
31
|
VftClamp: typeof import('vft')['VftClamp'];
|
|
7
32
|
VftClampToggle: typeof import('vft')['VftClampToggle'];
|
|
@@ -30,6 +55,7 @@ declare module '@vue/runtime-core' {
|
|
|
30
55
|
VftMenuItemGroup: typeof import('vft')['VftMenuItemGroup'];
|
|
31
56
|
VftSubMenu: typeof import('vft')['VftSubMenu'];
|
|
32
57
|
VftCollapseTransition: typeof import('vft')['VftCollapseTransition'];
|
|
58
|
+
VftDivider: typeof import('vft')['VftDivider'];
|
|
33
59
|
VftIcon: typeof import('vft')['VftIcon'];
|
|
34
60
|
VftAvatar: typeof import('vft')['VftAvatar'];
|
|
35
61
|
VftEmpty: typeof import('vft')['VftEmpty'];
|
|
@@ -42,5 +68,4 @@ declare module '@vue/runtime-core' {
|
|
|
42
68
|
VftException: typeof import('vft')['VftException'];
|
|
43
69
|
}
|
|
44
70
|
}
|
|
45
|
-
|
|
46
71
|
export {};
|
|
@@ -22,7 +22,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
22
22
|
required: false;
|
|
23
23
|
};
|
|
24
24
|
fit: {
|
|
25
|
-
type: __PropType<"
|
|
25
|
+
type: __PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
|
|
26
26
|
required: false;
|
|
27
27
|
};
|
|
28
28
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -47,7 +47,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
47
47
|
required: false;
|
|
48
48
|
};
|
|
49
49
|
fit: {
|
|
50
|
-
type: __PropType<"
|
|
50
|
+
type: __PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
|
|
51
51
|
required: false;
|
|
52
52
|
};
|
|
53
53
|
}>> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),d=require("../icon/index.cjs"),m=require("../image/index.cjs"),q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const z=e.defineComponent({__name:"avatar",props:{size:{default:""},shape:{default:"circle"},icon:null,src:null,alt:null,fit:{default:"cover"}},emits:["error"],setup(r,{emit:
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),d=require("../icon/index.cjs"),m=require("../image/index.cjs"),q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const z=e.defineComponent({__name:"avatar",props:{size:{default:""},shape:{default:"circle"},icon:null,src:null,alt:null,fit:{default:"cover"}},emits:["error"],setup(r,{emit:l}){const n=q.useNamespace("avatar"),s=e.ref(!1),a=e.computed(()=>{const t=[n.b()];return i.isString(r.size)&&t.push(n.m(r.size)),!r.src&&r.icon&&t.push(n.m("icon")),r.shape&&t.push(n.m(r.shape)),t}),o=e.computed(()=>i.isNumber(r.size)?n.cssVarBlock({size:i.addUnit(r.size)||""}):void 0),c=e.computed(()=>i.singleAttrToObj(r.icon,"icon",{size:r.size}));e.watch(()=>r.src,()=>s.value=!1);function f(t){s.value=!0,l("error",t)}return(t,v)=>{var u;return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a)),style:e.normalizeStyle(e.unref(o))},[r.src&&!s.value?(e.openBlock(),e.createBlock(e.unref(m.VftImage),{key:0,src:r.src,alt:r.alt,fit:r.fit,onError:f},null,8,["src","alt","fit"])):(u=e.unref(c))!=null&&u.icon?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),e.normalizeProps(e.mergeProps({key:1},e.unref(c))),null,16)):e.renderSlot(t.$slots,"default",{key:2})],6)}}});exports.default=z;
|
|
@@ -20,7 +20,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
|
|
|
20
20
|
required: false;
|
|
21
21
|
};
|
|
22
22
|
fit: {
|
|
23
|
-
type: import("vue").PropType<"
|
|
23
|
+
type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
|
|
24
24
|
required: false;
|
|
25
25
|
};
|
|
26
26
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -45,7 +45,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
|
|
|
45
45
|
required: false;
|
|
46
46
|
};
|
|
47
47
|
fit: {
|
|
48
|
-
type: import("vue").PropType<"
|
|
48
|
+
type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
|
|
49
49
|
required: false;
|
|
50
50
|
};
|
|
51
51
|
}>> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../divider/index.cjs");const f=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../divider/index.cjs");const f=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("@vft/use");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("./index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const p=require("./use-back-top.cjs"),i=m.useNamespace("back-top"),k=e.defineComponent({name:i.b()}),b=e.defineComponent({...k,props:{visibilityHeight:{default:200},target:null,right:{default:40},bottom:{default:40},icon:{default:"ico-bx:arrow-to-top"},scrollTargetKey:null},emits:["click"],setup(u,{emit:o}){const c=e.getCurrentInstance(),{handleClick:t,visible:l}=p.useBackTop(c.props,o,i.b()),s=e.computed(()=>({right:`${u.right}px`,bottom:`${u.bottom}px`})),q=e.computed(()=>d.singleAttrToObj(u.icon,"icon",{size:25}));return(a,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:`${e.unref(i).namespace}-fade-in`},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(e.unref(s)),class:e.normalizeClass(e.unref(i).b()),onClick:n[0]||(n[0]=e.withModifiers((...r)=>e.unref(t)&&e.unref(t)(...r),["stop"]))},[e.renderSlot(a.$slots,"default",{},()=>{var r;return[(r=e.unref(q))!=null&&r.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(q))),null,16)):e.createCommentVNode("",!0)]})],6)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});exports.default=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const q=require("@vft/use");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");const h=require("../menu/index.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const w={class:"vft-sub-menu"},c=x.useNamespace("context-menu"),k=e.defineComponent({name:c.b()}),p=e.defineComponent({...k,props:{axis:null,styles:null,width:null,items:null},setup(t){let s=e.ref();const d=e.computed(()=>{const{x:r,y:i}=t.axis||{x:0,y:0},u=(t.items||[]).length*40,l=t.width||0,o=document.body,f=o.clientWidth<r+l?r-l:r,v=o.clientHeight<i+u?i-u:i;return{zIndex:3e3,...t.styles,position:"fixed",width:`${t.width}px`,left:`${f+1}px`,top:`${v+1}px`}});let n=e.ref(!1);q.useTimeoutFn(()=>{n.value=!0},0),q.useClickAway(s,()=>{n.value=!1},{listenerOptions:{capture:!0}}),q.useEventListener(window,"scroll",()=>{n.value=!1},{capture:!0}),q.useEventListener(window,"drag",()=>{n.value=!1},{capture:!0});function a(r){var i;r!=null&&r.disabled||((i=r.handler)==null||i.call(r),n.value=!1)}return(r,i)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vft-zoom-in-top"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"contextMenuRef",ref:s,style:e.normalizeStyle(e.unref(d)),onClick:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass([e.unref(c).b(),"vft-menu"])},[e.createElementVNode("div",w,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(u,l)=>(e.openBlock(),e.createBlock(e.unref(h.VftMenuItem),{onClick:o=>a(u),index:l+u.text,title:u.text,divider:u.divider,disabled:u.disabled,icon:u.iconCfg,isAloneUse:"",key:l},null,8,["onClick","index","title","divider","disabled","icon"]))),128))])],6),[[e.vShow,e.unref(n)]])]),_:1}))}});exports.default=p;
|
|
@@ -5,7 +5,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
5
5
|
required: false;
|
|
6
6
|
};
|
|
7
7
|
contentPosition: {
|
|
8
|
-
type: __PropType<"
|
|
8
|
+
type: __PropType<"left" | "right" | "center" | undefined>;
|
|
9
9
|
required: false;
|
|
10
10
|
};
|
|
11
11
|
borderStyle: {
|
|
@@ -30,7 +30,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
30
30
|
required: false;
|
|
31
31
|
};
|
|
32
32
|
contentPosition: {
|
|
33
|
-
type: __PropType<"
|
|
33
|
+
type: __PropType<"left" | "right" | "center" | undefined>;
|
|
34
34
|
required: false;
|
|
35
35
|
};
|
|
36
36
|
borderStyle: {
|
|
@@ -4,7 +4,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("v
|
|
|
4
4
|
required: false;
|
|
5
5
|
};
|
|
6
6
|
contentPosition: {
|
|
7
|
-
type: import("vue").PropType<"
|
|
7
|
+
type: import("vue").PropType<"left" | "right" | "center" | undefined>;
|
|
8
8
|
required: false;
|
|
9
9
|
};
|
|
10
10
|
borderStyle: {
|
|
@@ -29,7 +29,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("v
|
|
|
29
29
|
required: false;
|
|
30
30
|
};
|
|
31
31
|
contentPosition: {
|
|
32
|
-
type: import("vue").PropType<"
|
|
32
|
+
type: import("vue").PropType<"left" | "right" | "center" | undefined>;
|
|
33
33
|
required: false;
|
|
34
34
|
};
|
|
35
35
|
borderStyle: {
|
|
@@ -26,7 +26,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
26
26
|
cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
|
|
27
27
|
cssVarBlockName: (name: string) => string;
|
|
28
28
|
};
|
|
29
|
-
itemRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> |
|
|
29
|
+
itemRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
|
|
30
30
|
dataset: {
|
|
31
31
|
"data-vft-collection-item": string;
|
|
32
32
|
};
|
|
@@ -9,7 +9,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
9
9
|
dropdownKls: import("vue").ComputedRef<string[]>;
|
|
10
10
|
role: import("vue").ComputedRef<string>;
|
|
11
11
|
triggerId: import("vue").ComputedRef<string>;
|
|
12
|
-
dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> |
|
|
12
|
+
dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
|
|
13
13
|
handleKeydown: (e: KeyboardEvent) => void;
|
|
14
14
|
onBlur: (e: Event) => void;
|
|
15
15
|
onFocus: (e: FocusEvent) => void;
|