vft 0.0.97 → 0.0.98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/affix/affix.vue2.js +25 -26
- package/es/components/alert/alert.vue2.js +17 -18
- package/es/components/backtop/backtop.vue2.js +14 -15
- package/es/components/button/button-group.vue2.js +14 -15
- package/es/components/button/button.vue2.js +24 -25
- package/es/components/card/card.vue2.js +10 -11
- package/es/components/check-tag/check-tag.vue2.js +10 -11
- package/es/components/checkbox/checkbox-button.vue2.js +13 -14
- package/es/components/checkbox/checkbox-group.vue2.js +15 -16
- package/es/components/checkbox/checkbox.vue2.js +24 -25
- package/es/components/clamp/clamp.vue2.js +16 -17
- package/es/components/clamp-toggle/clamp-toggle.vue2.js +13 -14
- package/es/components/col/col.vue2.js +20 -21
- package/es/components/collapse-transition/src/collapse-transition.vue2.js +12 -13
- package/es/components/collection/collection-item.vue2.js +6 -7
- package/es/components/collection/collection.vue2.js +5 -7
- package/es/components/color-picker/color-picker.vue2.js +45 -46
- package/es/components/color-picker/components/alpha-slider.vue2.js +20 -21
- package/es/components/config-provider/config-provider.vue2.js +22 -23
- package/es/components/container/aside.vue2.js +12 -13
- package/es/components/container/container.vue2.js +10 -11
- package/es/components/container/footer.vue2.js +11 -12
- package/es/components/container/header.vue2.js +10 -11
- package/es/components/container/main.vue2.js +12 -13
- package/es/components/context-menu/context-menu.vue2.js +18 -19
- package/es/components/date-picker/date-picker-com/basic-date-table.vue2.js +87 -87
- package/es/components/date-picker/date-picker-com/basic-month-table.vue2.js +1 -1
- package/es/components/date-picker/date-picker-com/basic-year-table.vue2.js +1 -1
- package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +2 -2
- package/es/components/date-picker/date-picker-com/panel-month-range.vue2.js +39 -40
- package/es/components/date-time-select/date-time-select.vue2.js +20 -21
- package/es/components/descriptions/description-item.vue2.js +9 -10
- package/es/components/descriptions/description.vue2.js +20 -21
- package/es/components/descriptions/descriptions-row.vue2.js +15 -16
- package/es/components/dialog/dialog-content.vue2.js +12 -13
- package/es/components/dialog/dialog.vue2.js +40 -41
- package/es/components/divider/divider.vue2.js +10 -11
- package/es/components/dropdown/dropdown.vue2.js +38 -39
- package/es/components/empty/empty.vue2.js +11 -12
- package/es/components/footer-layout/footer-layout.vue2.js +7 -8
- package/es/components/form/form-item.vue2.js +43 -44
- package/es/components/form/form.vue2.js +28 -29
- package/es/components/full-screen/full-screen.vue2.js +15 -16
- package/es/components/header-layout/header-layout.vue2.js +21 -22
- package/es/components/horizontal-menu/horizontal-menu.vue2.js +50 -51
- package/es/components/icon/icon.vue2.js +12 -13
- package/es/components/icon-text/icon-text.vue2.js +13 -14
- package/es/components/iframe-layout/iframe-layout.vue2.js +15 -16
- package/es/components/iframe-layout/iframe-page.vue2.js +12 -13
- package/es/components/image/image.vue2.js +25 -26
- package/es/components/image-viewer/image-viewer.vue2.js +54 -55
- package/es/components/index.js +90 -90
- package/es/components/link/link.vue2.js +11 -12
- package/es/components/list-cell/list-cell.vue2.js +21 -22
- package/es/components/logo/logo.vue2.js +12 -13
- package/es/components/md-comment/md-comment.vue2.js +12 -13
- package/es/components/md-container/md-container.vue2.js +33 -34
- package/es/components/md-vue-playground/md-vue-playground.vue2.js +18 -19
- package/es/components/menu/menu-item-group.vue2.js +13 -14
- package/es/components/menu/menu-item.vue2.js +12 -13
- package/es/components/menu/menu.vue2.js +44 -45
- package/es/components/menu/sub-menu.vue2.js +30 -31
- package/es/components/multiple-tabs/multiple-tabs.vue2.js +35 -38
- package/es/components/overlay/overlay.vue2.js +23 -24
- package/es/components/page-wrapper/page-wrapper.vue2.js +17 -18
- package/es/components/pagination/pagination.vue2.js +17 -18
- package/es/components/popconfirm/popconfirm.vue2.js +17 -18
- package/es/components/popover/popover.vue2.js +31 -32
- package/es/components/popper/arrow.vue2.js +15 -16
- package/es/components/popper/content.vue2.js +38 -39
- package/es/components/popper/popper.vue2.js +13 -14
- package/es/components/popper/trigger.vue2.js +11 -12
- package/es/components/qrcode/qrcode.vue2.js +21 -22
- package/es/components/radio/radio-button.vue2.js +16 -17
- package/es/components/radio/radio-group.vue2.js +16 -17
- package/es/components/radio/radio.vue2.js +15 -16
- package/es/components/result/result.vue2.js +12 -13
- package/es/components/router-view-content/router-view-content.vue2.js +10 -11
- package/es/components/row/row.vue2.js +17 -18
- package/es/components/scrollbar/scrollbar.vue2.js +30 -31
- package/es/components/search/search.vue2.js +39 -40
- package/es/components/side-menu/side-menu.vue2.js +43 -45
- package/es/components/skeleton/skeleton-item.vue2.js +9 -10
- package/es/components/skeleton/skeleton.vue2.js +11 -12
- package/es/components/switch/switch.vue2.js +27 -28
- package/es/components/table/table.vue2.js +36 -37
- package/es/components/tabs/tab-nav.vue2.js +28 -29
- package/es/components/tabs/tab-pane.vue2.js +23 -24
- package/es/components/tabs/tabs.vue2.js +30 -31
- package/es/components/time-picker/common/picker.vue2.js +48 -49
- package/es/components/time-select/time-select.vue2.js +28 -29
- package/es/components/tooltip/content.vue2.js +36 -37
- package/es/components/tooltip/tooltip.vue2.js +15 -16
- package/es/components/tooltip/trigger.vue2.js +37 -38
- package/es/components/verify-code/verify-code.vue2.js +19 -20
- package/es/constants/date.js +7 -7
- package/es/index.js +90 -90
- package/es/package.json.js +1 -1
- package/lib/components/affix/affix.vue2.cjs +1 -1
- package/lib/components/alert/alert.vue2.cjs +1 -1
- package/lib/components/backtop/backtop.vue2.cjs +1 -1
- package/lib/components/button/button-group.vue2.cjs +1 -1
- package/lib/components/button/button.vue2.cjs +1 -1
- package/lib/components/card/card.vue2.cjs +1 -1
- package/lib/components/check-tag/check-tag.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox-button.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox-group.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox.vue2.cjs +1 -1
- package/lib/components/clamp/clamp.vue2.cjs +1 -1
- package/lib/components/clamp-toggle/clamp-toggle.vue2.cjs +1 -1
- package/lib/components/col/col.vue2.cjs +1 -1
- package/lib/components/collapse-transition/src/collapse-transition.vue2.cjs +1 -1
- package/lib/components/collection/collection-item.vue2.cjs +1 -1
- package/lib/components/collection/collection.vue2.cjs +1 -1
- package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
- package/lib/components/color-picker/components/alpha-slider.vue2.cjs +1 -1
- package/lib/components/config-provider/config-provider.vue2.cjs +1 -1
- package/lib/components/container/aside.vue2.cjs +1 -1
- package/lib/components/container/container.vue2.cjs +1 -1
- package/lib/components/container/footer.vue2.cjs +1 -1
- package/lib/components/container/header.vue2.cjs +1 -1
- package/lib/components/container/main.vue2.cjs +1 -1
- package/lib/components/context-menu/context-menu.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-date-table.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-month-table.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-year-table.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-date-pick.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-month-range.vue2.cjs +1 -1
- package/lib/components/date-time-select/date-time-select.vue2.cjs +1 -1
- package/lib/components/descriptions/description-item.vue2.cjs +1 -1
- package/lib/components/descriptions/description.vue2.cjs +1 -1
- package/lib/components/descriptions/descriptions-row.vue2.cjs +1 -1
- package/lib/components/dialog/dialog-content.vue2.cjs +1 -1
- package/lib/components/dialog/dialog.vue2.cjs +1 -1
- package/lib/components/divider/divider.vue2.cjs +1 -1
- package/lib/components/dropdown/dropdown.vue2.cjs +1 -1
- package/lib/components/empty/empty.vue2.cjs +1 -1
- package/lib/components/footer-layout/footer-layout.vue2.cjs +1 -1
- package/lib/components/form/form-item.vue2.cjs +1 -1
- package/lib/components/form/form.vue2.cjs +1 -1
- package/lib/components/full-screen/full-screen.vue2.cjs +1 -1
- package/lib/components/header-layout/header-layout.vue2.cjs +1 -1
- package/lib/components/horizontal-menu/horizontal-menu.vue2.cjs +1 -1
- package/lib/components/icon/icon.vue2.cjs +1 -1
- package/lib/components/icon-text/icon-text.vue2.cjs +1 -1
- package/lib/components/iframe-layout/iframe-layout.vue2.cjs +1 -1
- package/lib/components/iframe-layout/iframe-page.vue2.cjs +1 -1
- package/lib/components/image/image.vue2.cjs +1 -1
- package/lib/components/image-viewer/image-viewer.vue2.cjs +1 -1
- package/lib/components/index.cjs +1 -1
- package/lib/components/link/link.vue2.cjs +1 -1
- package/lib/components/list-cell/list-cell.vue2.cjs +1 -1
- package/lib/components/logo/logo.vue2.cjs +1 -1
- package/lib/components/md-comment/md-comment.vue2.cjs +1 -1
- package/lib/components/md-container/md-container.vue2.cjs +1 -1
- package/lib/components/md-vue-playground/md-vue-playground.vue2.cjs +1 -1
- package/lib/components/menu/menu-item-group.vue2.cjs +1 -1
- package/lib/components/menu/menu-item.vue2.cjs +1 -1
- package/lib/components/menu/menu.vue2.cjs +1 -1
- package/lib/components/menu/sub-menu.vue2.cjs +1 -1
- package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
- package/lib/components/overlay/overlay.vue2.cjs +1 -1
- package/lib/components/page-wrapper/page-wrapper.vue2.cjs +1 -1
- package/lib/components/pagination/pagination.vue2.cjs +1 -1
- package/lib/components/popconfirm/popconfirm.vue2.cjs +1 -1
- package/lib/components/popover/popover.vue2.cjs +1 -1
- package/lib/components/popper/arrow.vue2.cjs +1 -1
- package/lib/components/popper/content.vue2.cjs +1 -1
- package/lib/components/popper/popper.vue2.cjs +1 -1
- package/lib/components/popper/trigger.vue2.cjs +1 -1
- package/lib/components/qrcode/qrcode.vue2.cjs +1 -1
- package/lib/components/radio/radio-button.vue2.cjs +1 -1
- package/lib/components/radio/radio-group.vue2.cjs +1 -1
- package/lib/components/radio/radio.vue2.cjs +1 -1
- package/lib/components/result/result.vue2.cjs +1 -1
- package/lib/components/router-view-content/router-view-content.vue2.cjs +1 -1
- package/lib/components/row/row.vue2.cjs +1 -1
- package/lib/components/scrollbar/scrollbar.vue2.cjs +1 -1
- package/lib/components/search/search.vue2.cjs +1 -1
- package/lib/components/side-menu/side-menu.vue2.cjs +1 -1
- package/lib/components/skeleton/skeleton-item.vue2.cjs +1 -1
- package/lib/components/skeleton/skeleton.vue2.cjs +1 -1
- package/lib/components/switch/switch.vue2.cjs +1 -1
- package/lib/components/table/table.vue2.cjs +1 -1
- package/lib/components/tabs/tab-nav.vue2.cjs +1 -1
- package/lib/components/tabs/tab-pane.vue2.cjs +1 -1
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/time-picker/common/picker.vue2.cjs +1 -1
- package/lib/components/time-select/time-select.vue2.cjs +1 -1
- package/lib/components/tooltip/content.vue2.cjs +1 -1
- package/lib/components/tooltip/tooltip.vue2.cjs +1 -1
- package/lib/components/tooltip/trigger.vue2.cjs +1 -1
- package/lib/components/verify-code/verify-code.vue2.cjs +1 -1
- package/lib/constants/date.cjs +1 -1
- package/lib/index.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +8 -8
- package/web-types.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as V, ref as o, computed as w, watch as T, nextTick as E, provide as j, reactive as D, onMounted as G, onUpdated as X, openBlock as g, createElementBlock as Y, normalizeClass as b, unref as q, createElementVNode as F, normalizeStyle as N, createBlock as R, resolveDynamicComponent as I, withCtx as J, renderSlot as Q, createCommentVNode as Z } from "vue";
|
|
2
2
|
import { useResizeObserver as _, useEventListener as ee } from "@vueuse/core";
|
|
3
|
-
import { isNumber as
|
|
3
|
+
import { isNumber as i, addUnit as B, isObject as te } from "@vft/utils";
|
|
4
4
|
import { useNamespace as le } from "../../hooks/use-namespace/index.js";
|
|
5
5
|
import "@popperjs/core";
|
|
6
6
|
import "lodash";
|
|
@@ -13,10 +13,9 @@ import { scrollbarContextKey as oe } from "./constants.js";
|
|
|
13
13
|
const M = "ElScrollbar", s = (
|
|
14
14
|
/* hoist-static*/
|
|
15
15
|
le("scrollbar")
|
|
16
|
-
),
|
|
17
|
-
name: s.b()
|
|
18
|
-
|
|
19
|
-
...ie,
|
|
16
|
+
), we = /* @__PURE__ */ V({
|
|
17
|
+
name: s.b(),
|
|
18
|
+
__name: "scrollbar",
|
|
20
19
|
props: {
|
|
21
20
|
height: { default: "" },
|
|
22
21
|
maxHeight: { default: "" },
|
|
@@ -34,40 +33,40 @@ const M = "ElScrollbar", s = (
|
|
|
34
33
|
scroll: ({
|
|
35
34
|
scrollTop: l,
|
|
36
35
|
scrollLeft: v
|
|
37
|
-
}) => [l, v].every(
|
|
36
|
+
}) => [l, v].every(i)
|
|
38
37
|
},
|
|
39
|
-
setup(l, { expose: v, emit:
|
|
38
|
+
setup(l, { expose: v, emit: L }) {
|
|
40
39
|
let n, c;
|
|
41
|
-
const S = o(), t = o(), p = o(), x = o("0"), z = o("0"), d = o(), C = o(1), H = o(1),
|
|
40
|
+
const S = o(), t = o(), p = o(), x = o("0"), z = o("0"), d = o(), C = o(1), H = o(1), $ = w(() => {
|
|
42
41
|
const e = {};
|
|
43
42
|
return l.height && (e.height = B(l.height)), l.maxHeight && (e.maxHeight = B(l.maxHeight)), [l.wrapStyle, e];
|
|
44
|
-
}),
|
|
43
|
+
}), K = w(() => [
|
|
45
44
|
l.wrapClass,
|
|
46
45
|
s.e("wrap"),
|
|
47
46
|
{ [s.em("wrap", "hidden-default")]: !l.native }
|
|
48
|
-
]),
|
|
47
|
+
]), O = w(() => [s.e("view"), l.viewClass]), k = () => {
|
|
49
48
|
var e;
|
|
50
|
-
t.value && ((e = d.value) == null || e.handleScroll(t.value),
|
|
49
|
+
t.value && ((e = d.value) == null || e.handleScroll(t.value), L("scroll", {
|
|
51
50
|
scrollTop: t.value.scrollTop,
|
|
52
51
|
scrollLeft: t.value.scrollLeft
|
|
53
52
|
}));
|
|
54
53
|
};
|
|
55
|
-
function
|
|
56
|
-
te(e) ? t.value.scrollTo(e) :
|
|
54
|
+
function A(e, a) {
|
|
55
|
+
te(e) ? t.value.scrollTo(e) : i(e) && i(a) && t.value.scrollTo(e, a);
|
|
57
56
|
}
|
|
58
|
-
const
|
|
59
|
-
if (!
|
|
57
|
+
const P = (e) => {
|
|
58
|
+
if (!i(e)) {
|
|
60
59
|
W(M, "value must be a number");
|
|
61
60
|
return;
|
|
62
61
|
}
|
|
63
62
|
t.value.scrollTop = e;
|
|
64
|
-
},
|
|
65
|
-
if (!
|
|
63
|
+
}, U = (e) => {
|
|
64
|
+
if (!i(e)) {
|
|
66
65
|
W(M, "value must be a number");
|
|
67
66
|
return;
|
|
68
67
|
}
|
|
69
68
|
t.value.scrollLeft = e;
|
|
70
|
-
},
|
|
69
|
+
}, r = () => {
|
|
71
70
|
if (!t.value)
|
|
72
71
|
return;
|
|
73
72
|
const e = t.value.offsetHeight - m, a = t.value.offsetWidth - m, h = e ** 2 / t.value.scrollHeight, y = a ** 2 / t.value.scrollWidth, f = Math.max(h, l.minSize), u = Math.max(y, l.minSize);
|
|
@@ -76,7 +75,7 @@ const M = "ElScrollbar", s = (
|
|
|
76
75
|
return T(
|
|
77
76
|
() => l.noresize,
|
|
78
77
|
(e) => {
|
|
79
|
-
e ? (n == null || n(), c == null || c()) : ({ stop: n } = _(p,
|
|
78
|
+
e ? (n == null || n(), c == null || c()) : ({ stop: n } = _(p, r), c = ee("resize", r));
|
|
80
79
|
},
|
|
81
80
|
{ immediate: !0 }
|
|
82
81
|
), T(
|
|
@@ -84,7 +83,7 @@ const M = "ElScrollbar", s = (
|
|
|
84
83
|
() => {
|
|
85
84
|
l.native || E(() => {
|
|
86
85
|
var e;
|
|
87
|
-
|
|
86
|
+
r(), t.value && ((e = d.value) == null || e.handleScroll(t.value));
|
|
88
87
|
});
|
|
89
88
|
}
|
|
90
89
|
), j(
|
|
@@ -95,19 +94,19 @@ const M = "ElScrollbar", s = (
|
|
|
95
94
|
})
|
|
96
95
|
), G(() => {
|
|
97
96
|
l.native || E(() => {
|
|
98
|
-
|
|
97
|
+
r();
|
|
99
98
|
});
|
|
100
|
-
}), X(() =>
|
|
99
|
+
}), X(() => r()), v({
|
|
101
100
|
/** @description scrollbar wrap ref */
|
|
102
101
|
wrapRef: t,
|
|
103
102
|
/** @description update scrollbar state manually */
|
|
104
|
-
update:
|
|
103
|
+
update: r,
|
|
105
104
|
/** @description scrolls to a particular set of coordinates */
|
|
106
|
-
scrollTo:
|
|
105
|
+
scrollTo: A,
|
|
107
106
|
/** @description set distance to scroll top */
|
|
108
|
-
setScrollTop:
|
|
107
|
+
setScrollTop: P,
|
|
109
108
|
/** @description set distance to scroll left */
|
|
110
|
-
setScrollLeft:
|
|
109
|
+
setScrollLeft: U,
|
|
111
110
|
/** @description handle scroll event */
|
|
112
111
|
handleScroll: k
|
|
113
112
|
}), (e, a) => (g(), Y("div", {
|
|
@@ -118,14 +117,14 @@ const M = "ElScrollbar", s = (
|
|
|
118
117
|
F("div", {
|
|
119
118
|
ref_key: "wrapRef",
|
|
120
119
|
ref: t,
|
|
121
|
-
class: b(
|
|
122
|
-
style: N(
|
|
120
|
+
class: b(K.value),
|
|
121
|
+
style: N($.value),
|
|
123
122
|
onScroll: k
|
|
124
123
|
}, [
|
|
125
124
|
(g(), R(I(e.tag), {
|
|
126
125
|
ref_key: "resizeRef",
|
|
127
126
|
ref: p,
|
|
128
|
-
class: b(
|
|
127
|
+
class: b(O.value),
|
|
129
128
|
style: N(e.viewStyle)
|
|
130
129
|
}, {
|
|
131
130
|
default: J(() => [
|
|
@@ -148,5 +147,5 @@ const M = "ElScrollbar", s = (
|
|
|
148
147
|
}
|
|
149
148
|
});
|
|
150
149
|
export {
|
|
151
|
-
|
|
150
|
+
we as default
|
|
152
151
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as O, ref as a, computed as f, resolveDirective as j, openBlock as h, createElementBlock as w, Fragment as q, withDirectives as G, normalizeClass as g, unref as r, normalizeStyle as J, createVNode as Q, mergeProps as b, createSlots as T, withCtx as u, renderSlot as i, createBlock as X, createElementVNode as Y, createCommentVNode as Z } from "vue";
|
|
2
2
|
import { VftInput as _ } from "../input/index.js";
|
|
3
3
|
import { VftPopover as ee } from "../popover/index.js";
|
|
4
4
|
import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
|
|
@@ -11,10 +11,9 @@ import { generateCssVars as $ } from "../../utils/ns-cover.js";
|
|
|
11
11
|
const c = (
|
|
12
12
|
/* hoist-static*/
|
|
13
13
|
oe("search")
|
|
14
|
-
),
|
|
15
|
-
name: c.b()
|
|
16
|
-
|
|
17
|
-
...te,
|
|
14
|
+
), ce = /* @__PURE__ */ O({
|
|
15
|
+
name: c.b(),
|
|
16
|
+
__name: "search",
|
|
18
17
|
props: {
|
|
19
18
|
width: { default: 200 },
|
|
20
19
|
activeWidth: {},
|
|
@@ -28,22 +27,22 @@ const c = (
|
|
|
28
27
|
clearIcon: {}
|
|
29
28
|
},
|
|
30
29
|
emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change"],
|
|
31
|
-
setup(o, { expose:
|
|
32
|
-
const k = a(), C = a(), y = a(), v = a(!1), p = a(!1), l = a(!1),
|
|
30
|
+
setup(o, { expose: P, emit: t }) {
|
|
31
|
+
const k = a(), C = a(), y = a(), v = a(!1), p = a(!1), l = a(!1), B = f(
|
|
33
32
|
() => $(
|
|
34
33
|
{
|
|
35
34
|
width: o.activeWidth && (l.value || o.modelValue) ? d(o.activeWidth) : d(o.width)
|
|
36
35
|
},
|
|
37
36
|
"input"
|
|
38
37
|
)
|
|
39
|
-
),
|
|
38
|
+
), R = f(
|
|
40
39
|
() => $(
|
|
41
40
|
{
|
|
42
41
|
"active-width": o.activeWidth ? d(o.activeWidth) : d(o.width)
|
|
43
42
|
},
|
|
44
43
|
"search"
|
|
45
44
|
)
|
|
46
|
-
),
|
|
45
|
+
), S = f(() => ({
|
|
47
46
|
"show-arrow": !1,
|
|
48
47
|
transition: "vft-zoom-in-top-fast",
|
|
49
48
|
placement: "bottom-start",
|
|
@@ -51,83 +50,83 @@ const c = (
|
|
|
51
50
|
offset: 3,
|
|
52
51
|
width: 500,
|
|
53
52
|
...o.popoverCfg
|
|
54
|
-
})),
|
|
53
|
+
})), x = (e) => {
|
|
55
54
|
t("update:modelValue", e);
|
|
56
|
-
},
|
|
55
|
+
}, I = () => {
|
|
57
56
|
m();
|
|
58
57
|
};
|
|
59
|
-
function
|
|
58
|
+
function W() {
|
|
60
59
|
l.value = !0;
|
|
61
60
|
}
|
|
62
61
|
function m() {
|
|
63
62
|
l.value = !1;
|
|
64
63
|
}
|
|
65
|
-
const
|
|
64
|
+
const E = () => {
|
|
66
65
|
s(), t("update:modelValue", ""), t("clear");
|
|
67
66
|
};
|
|
68
|
-
function
|
|
67
|
+
function F() {
|
|
69
68
|
p.value = !0, t("mouseenter", o.modelValue);
|
|
70
69
|
}
|
|
71
|
-
function
|
|
70
|
+
function M() {
|
|
72
71
|
p.value = !1, t("mouseleave", o.modelValue);
|
|
73
72
|
}
|
|
74
|
-
const
|
|
73
|
+
const N = () => {
|
|
75
74
|
l.value = !0, v.value = !0, t("focus");
|
|
76
75
|
};
|
|
77
|
-
function
|
|
76
|
+
function z() {
|
|
78
77
|
v.value = !1, t("blur");
|
|
79
78
|
}
|
|
80
|
-
function
|
|
79
|
+
function D() {
|
|
81
80
|
s(), t("prefixClick", o.modelValue);
|
|
82
81
|
}
|
|
83
|
-
function
|
|
82
|
+
function K() {
|
|
84
83
|
s(), t("suffixClick", o.modelValue);
|
|
85
84
|
}
|
|
86
|
-
function
|
|
85
|
+
function U() {
|
|
87
86
|
s(), t("enter", o.modelValue);
|
|
88
87
|
}
|
|
89
88
|
function s() {
|
|
90
89
|
o.usePopover && m(), y.value.blur();
|
|
91
90
|
}
|
|
92
|
-
const
|
|
91
|
+
const A = (e) => {
|
|
93
92
|
t("keydown", e);
|
|
94
|
-
},
|
|
93
|
+
}, H = f(() => {
|
|
95
94
|
var e, n;
|
|
96
95
|
return (n = (e = k.value) == null ? void 0 : e.popperRef) == null ? void 0 : n.contentRef;
|
|
97
96
|
});
|
|
98
|
-
return
|
|
97
|
+
return P({
|
|
99
98
|
isFocus: v,
|
|
100
99
|
isHover: p,
|
|
101
100
|
visible: l,
|
|
102
101
|
hidePopover: m,
|
|
103
|
-
showPopover:
|
|
102
|
+
showPopover: W
|
|
104
103
|
}), (e, n) => {
|
|
105
|
-
const
|
|
104
|
+
const L = j("click-outside");
|
|
106
105
|
return h(), w(q, null, [
|
|
107
106
|
G((h(), w("div", {
|
|
108
107
|
ref_key: "searchRef",
|
|
109
108
|
ref: C,
|
|
110
109
|
class: g([r(c).b(), r(c).is("active", l.value || e.modelValue)]),
|
|
111
|
-
style: J(
|
|
110
|
+
style: J(R.value)
|
|
112
111
|
}, [
|
|
113
112
|
Q(r(_), b({
|
|
114
113
|
ref_key: "inputRef",
|
|
115
114
|
ref: y
|
|
116
115
|
}, e.$props, {
|
|
117
|
-
inputStyle:
|
|
118
|
-
onInput:
|
|
119
|
-
onFocus:
|
|
120
|
-
onEnter:
|
|
121
|
-
onBlur:
|
|
122
|
-
onMouseenter:
|
|
123
|
-
onMouseleave:
|
|
124
|
-
onPrefixClick:
|
|
125
|
-
onSuffixClick:
|
|
116
|
+
inputStyle: B.value,
|
|
117
|
+
onInput: x,
|
|
118
|
+
onFocus: N,
|
|
119
|
+
onEnter: U,
|
|
120
|
+
onBlur: z,
|
|
121
|
+
onMouseenter: F,
|
|
122
|
+
onMouseleave: M,
|
|
123
|
+
onPrefixClick: D,
|
|
124
|
+
onSuffixClick: K,
|
|
126
125
|
onChange: n[0] || (n[0] = (V) => {
|
|
127
126
|
t("change", e.modelValue);
|
|
128
127
|
}),
|
|
129
|
-
onKeydown:
|
|
130
|
-
onClear:
|
|
128
|
+
onKeydown: A,
|
|
129
|
+
onClear: E
|
|
131
130
|
}), T({ _: 2 }, [
|
|
132
131
|
e.$slots.prefix ? {
|
|
133
132
|
name: "prefix",
|
|
@@ -159,13 +158,13 @@ const c = (
|
|
|
159
158
|
} : void 0
|
|
160
159
|
]), 1040, ["inputStyle"])
|
|
161
160
|
], 6)), [
|
|
162
|
-
[
|
|
161
|
+
[L, I, H.value]
|
|
163
162
|
]),
|
|
164
163
|
e.usePopover ? (h(), X(r(ee), b({
|
|
165
164
|
key: 0,
|
|
166
165
|
ref_key: "popoverRef",
|
|
167
166
|
ref: k
|
|
168
|
-
},
|
|
167
|
+
}, S.value, {
|
|
169
168
|
"virtual-ref": C.value,
|
|
170
169
|
visible: l.value,
|
|
171
170
|
"onUpdate:visible": n[1] || (n[1] = (V) => l.value = V),
|
|
@@ -185,5 +184,5 @@ const c = (
|
|
|
185
184
|
}
|
|
186
185
|
});
|
|
187
186
|
export {
|
|
188
|
-
|
|
187
|
+
ce as default
|
|
189
188
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as oe, toRefs as ne, useSlots as le, getCurrentInstance as re, ref as C, computed as v, h as M, createVNode as f, onMounted as ie, nextTick as ae, watch as pe, isVNode as ue } from "vue";
|
|
2
2
|
import "../divider/index.js";
|
|
3
3
|
import { VftIcon as se } from "../icon/index.js";
|
|
4
4
|
import "../avatar/index.js";
|
|
@@ -87,17 +87,15 @@ import "../../utils/ns-cover.js";
|
|
|
87
87
|
import { listenerRouteChange as ge, useRouterHelper as ve } from "@vft/router";
|
|
88
88
|
import { useSortable as be } from "@vft/use";
|
|
89
89
|
import { useDragLine as ye } from "./use-drag-line.js";
|
|
90
|
-
const u = (
|
|
91
|
-
/* hoist-static*/
|
|
92
|
-
he("side-menu")
|
|
93
|
-
);
|
|
94
90
|
function Ce(b) {
|
|
95
91
|
return typeof b == "function" || Object.prototype.toString.call(b) === "[object Object]" && !ue(b);
|
|
96
92
|
}
|
|
97
|
-
const
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
93
|
+
const u = (
|
|
94
|
+
/* hoist-static*/
|
|
95
|
+
he("side-menu")
|
|
96
|
+
), oo = /* @__PURE__ */ oe({
|
|
97
|
+
name: u.b(),
|
|
98
|
+
__name: "side-menu",
|
|
101
99
|
props: {
|
|
102
100
|
isFixedLeft: {
|
|
103
101
|
type: Boolean,
|
|
@@ -158,16 +156,16 @@ const Me = I({
|
|
|
158
156
|
},
|
|
159
157
|
emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "menuItemMouseenter", "menuItemMouseleave"],
|
|
160
158
|
setup(b, {
|
|
161
|
-
expose:
|
|
159
|
+
expose: I,
|
|
162
160
|
emit: c
|
|
163
161
|
}) {
|
|
164
162
|
const t = b, {
|
|
165
163
|
defaultActive: S,
|
|
166
164
|
collapse: h,
|
|
167
|
-
uniqueOpened:
|
|
165
|
+
uniqueOpened: L,
|
|
168
166
|
defaultOpeneds: x,
|
|
169
|
-
openMenuCollapse:
|
|
170
|
-
} = ne(t), r = le(), B = re(),
|
|
167
|
+
openMenuCollapse: P
|
|
168
|
+
} = ne(t), r = le(), B = re(), T = C(), a = v(() => ({
|
|
171
169
|
path: "path",
|
|
172
170
|
children: "children",
|
|
173
171
|
title: "title",
|
|
@@ -178,9 +176,9 @@ const Me = I({
|
|
|
178
176
|
}));
|
|
179
177
|
ge((e) => {
|
|
180
178
|
var o;
|
|
181
|
-
!e || (o = e.meta) != null && o.hideSide && !t.useRouterJump || (
|
|
179
|
+
!e || (o = e.meta) != null && o.hideSide && !t.useRouterJump || (T.value = e.path);
|
|
182
180
|
});
|
|
183
|
-
const
|
|
181
|
+
const H = (e) => {
|
|
184
182
|
var n;
|
|
185
183
|
const o = e.e;
|
|
186
184
|
if (t.autoScrollActiveDom && o) {
|
|
@@ -190,11 +188,11 @@ const Me = I({
|
|
|
190
188
|
}, 300);
|
|
191
189
|
}
|
|
192
190
|
c("subMenuClick", e);
|
|
193
|
-
},
|
|
191
|
+
}, U = (e) => {
|
|
194
192
|
c("menuItemMouseenter", e);
|
|
195
|
-
},
|
|
193
|
+
}, F = (e) => {
|
|
196
194
|
c("menuItemMouseleave", e);
|
|
197
|
-
},
|
|
195
|
+
}, _ = (e, o) => {
|
|
198
196
|
const n = e[a.value.path], p = e[a.value.title], l = e == null ? void 0 : e[a.value.children], m = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon], d = !!(e != null && e[a.value.disabled]), g = t.disabledJudgeTurnOver ? !d : d, N = m || n || o + p;
|
|
199
197
|
return l != null && l.length ? M(
|
|
200
198
|
// @ts-ignore
|
|
@@ -210,19 +208,19 @@ const Me = I({
|
|
|
210
208
|
popperClass: u.e("popper")
|
|
211
209
|
},
|
|
212
210
|
{
|
|
213
|
-
default: () => l == null ? void 0 : l.map((i,
|
|
211
|
+
default: () => l == null ? void 0 : l.map((i, Q) => {
|
|
214
212
|
var V;
|
|
215
|
-
const w = i[a.value.path], W = i[a.value.index],
|
|
216
|
-
return (V = i == null ? void 0 : i[a.value.children]) != null && V.length ?
|
|
213
|
+
const w = i[a.value.path], W = i[a.value.index], X = i[a.value.icon], ee = i[a.value.title], A = !!i[a.value.disabled], te = t.disabledJudgeTurnOver ? !A : A;
|
|
214
|
+
return (V = i == null ? void 0 : i[a.value.children]) != null && V.length ? _(i, Q) : (
|
|
217
215
|
// @ts-ignore
|
|
218
216
|
M(j, {
|
|
219
217
|
...i,
|
|
220
218
|
key: W || w,
|
|
221
219
|
index: W || w,
|
|
222
220
|
route: w,
|
|
223
|
-
icon:
|
|
224
|
-
title:
|
|
225
|
-
disabled: t.openDisabled &&
|
|
221
|
+
icon: X,
|
|
222
|
+
title: ee,
|
|
223
|
+
disabled: t.openDisabled && te
|
|
226
224
|
}, r.menuItem ? () => {
|
|
227
225
|
var J;
|
|
228
226
|
return (J = r.menuItem) == null ? void 0 : J.call(r, {
|
|
@@ -240,8 +238,8 @@ const Me = I({
|
|
|
240
238
|
route: n,
|
|
241
239
|
icon: s,
|
|
242
240
|
disabled: t.openDisabled && g,
|
|
243
|
-
onMouseenter: () =>
|
|
244
|
-
onMouseleave: () =>
|
|
241
|
+
onMouseenter: () => U(e),
|
|
242
|
+
onMouseleave: () => F(e)
|
|
245
243
|
}, r.menuItem ? () => {
|
|
246
244
|
var i;
|
|
247
245
|
return (i = r.menuItem) == null ? void 0 : i.call(r, {
|
|
@@ -249,30 +247,30 @@ const Me = I({
|
|
|
249
247
|
index: o
|
|
250
248
|
});
|
|
251
249
|
} : "");
|
|
252
|
-
}, y = C(),
|
|
250
|
+
}, y = C(), Z = v(() => ({
|
|
253
251
|
...t.collapseWidth === 0 && h.value ? {
|
|
254
252
|
width: 0
|
|
255
253
|
} : {},
|
|
256
254
|
height: `calc(100% - ${t.menuTopBottomHeight}px)`
|
|
257
|
-
})),
|
|
255
|
+
})), $ = v(() => {
|
|
258
256
|
var o, n;
|
|
259
257
|
let e;
|
|
260
258
|
return M(f(de, {
|
|
261
259
|
ref: y,
|
|
262
|
-
onSelect:
|
|
263
|
-
onOpen:
|
|
264
|
-
defaultActive: (S == null ? void 0 : S.value) ||
|
|
260
|
+
onSelect: z,
|
|
261
|
+
onOpen: H,
|
|
262
|
+
defaultActive: (S == null ? void 0 : S.value) || T.value,
|
|
265
263
|
defaultOpeneds: x == null ? void 0 : x.value,
|
|
266
264
|
class: [u.e("con"), (o = t.dragOption) != null && o.dragClassName ? u.e((n = t.dragOption) == null ? void 0 : n.dragClassName) : ""],
|
|
267
|
-
style:
|
|
268
|
-
collapse:
|
|
269
|
-
uniqueOpened:
|
|
265
|
+
style: Z.value,
|
|
266
|
+
collapse: P.value ? h.value : !1,
|
|
267
|
+
uniqueOpened: L.value,
|
|
270
268
|
collapseTransition: !1
|
|
271
|
-
}, Ce(e = t.menus.map((p, l) =>
|
|
269
|
+
}, Ce(e = t.menus.map((p, l) => _(p, l))) ? e : {
|
|
272
270
|
default: () => [e]
|
|
273
271
|
}));
|
|
274
272
|
}), D = B.appContext.config.globalProperties.$router;
|
|
275
|
-
async function
|
|
273
|
+
async function z(e) {
|
|
276
274
|
var o, n, p;
|
|
277
275
|
if (t.useRouterJump) {
|
|
278
276
|
const {
|
|
@@ -311,7 +309,7 @@ const Me = I({
|
|
|
311
309
|
}
|
|
312
310
|
});
|
|
313
311
|
});
|
|
314
|
-
const O = C(), R = C(), k = C(),
|
|
312
|
+
const O = C(), R = C(), k = C(), Y = v(() => ({
|
|
315
313
|
...t.collapseWidth === 0 && h.value ? {
|
|
316
314
|
borderRight: "none"
|
|
317
315
|
} : {},
|
|
@@ -321,20 +319,20 @@ const Me = I({
|
|
|
321
319
|
pe(() => h.value, (e) => {
|
|
322
320
|
e ? c("update:width", t.collapseWidth) : c("update:width", k.value || t.width), k.value = t.width;
|
|
323
321
|
}), t.dragWidthCfg && ye(O, R, B);
|
|
324
|
-
const
|
|
322
|
+
const G = v(() => ({
|
|
325
323
|
left: q(t.width)
|
|
326
|
-
})),
|
|
327
|
-
return
|
|
324
|
+
})), K = v(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
|
|
325
|
+
return I({
|
|
328
326
|
sideRef: O
|
|
329
327
|
}), () => {
|
|
330
328
|
var e;
|
|
331
329
|
return f("div", {
|
|
332
330
|
ref: O,
|
|
333
|
-
class:
|
|
334
|
-
style:
|
|
331
|
+
class: K.value,
|
|
332
|
+
style: Y.value
|
|
335
333
|
}, [r.top ? f("div", {
|
|
336
334
|
class: u.e("top")
|
|
337
|
-
}, [r.top()]) : null,
|
|
335
|
+
}, [r.top()]) : null, $.value, r.bottom ? f("div", {
|
|
338
336
|
class: u.e("bottom")
|
|
339
337
|
}, [r.bottom()]) : t.showCollapse ? f("div", {
|
|
340
338
|
onClick: () => c("update:collapse", !h.value),
|
|
@@ -347,12 +345,12 @@ const Me = I({
|
|
|
347
345
|
icon: "ico-iconoir:sidebar-collapse"
|
|
348
346
|
}, null)]) : null, (e = r.default) == null ? void 0 : e.call(r), t.dragWidthCfg ? f("div", {
|
|
349
347
|
ref: R,
|
|
350
|
-
style:
|
|
348
|
+
style: G.value,
|
|
351
349
|
class: u.e("drag-bar")
|
|
352
350
|
}, null) : null]);
|
|
353
351
|
};
|
|
354
352
|
}
|
|
355
353
|
});
|
|
356
354
|
export {
|
|
357
|
-
|
|
355
|
+
oo as default
|
|
358
356
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as m, openBlock as r, createElementBlock as n, normalizeClass as
|
|
1
|
+
import { defineComponent as m, openBlock as r, createElementBlock as n, normalizeClass as i, unref as e, createBlock as a, createCommentVNode as p } from "vue";
|
|
2
2
|
import { useNamespace as c } from "../../hooks/use-namespace/index.js";
|
|
3
3
|
import "@popperjs/core";
|
|
4
4
|
import "lodash";
|
|
@@ -7,19 +7,18 @@ import "@vueuse/core";
|
|
|
7
7
|
import "@vft/utils";
|
|
8
8
|
import "../../utils/ns-cover.js";
|
|
9
9
|
import { VftIcon as s } from "../icon/index.js";
|
|
10
|
-
const
|
|
11
|
-
name: "VftSkeletonItem"
|
|
12
|
-
|
|
13
|
-
...l,
|
|
10
|
+
const N = /* @__PURE__ */ m({
|
|
11
|
+
name: "VftSkeletonItem",
|
|
12
|
+
__name: "skeleton-item",
|
|
14
13
|
props: {
|
|
15
14
|
variant: { default: "text" }
|
|
16
15
|
},
|
|
17
|
-
setup(
|
|
16
|
+
setup(l) {
|
|
18
17
|
const t = c("skeleton");
|
|
19
|
-
return (o,
|
|
20
|
-
class:
|
|
18
|
+
return (o, f) => (r(), n("div", {
|
|
19
|
+
class: i([e(t).e("item"), e(t).e(o.variant)])
|
|
21
20
|
}, [
|
|
22
|
-
o.variant === "image" ? (r(),
|
|
21
|
+
o.variant === "image" ? (r(), a(e(s), {
|
|
23
22
|
key: 0,
|
|
24
23
|
icon: "ico-ep:picture-filled"
|
|
25
24
|
})) : p("", !0)
|
|
@@ -27,5 +26,5 @@ const l = m({
|
|
|
27
26
|
}
|
|
28
27
|
});
|
|
29
28
|
export {
|
|
30
|
-
|
|
29
|
+
N as default
|
|
31
30
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as g, computed as y, unref as t, openBlock as o, createElementBlock as a, mergeProps as p, Fragment as s, renderList as u, renderSlot as d, createVNode as h, normalizeClass as f, createBlock as B, createCommentVNode as $, normalizeProps as w } from "vue";
|
|
2
2
|
import { useNamespace as v } from "../../hooks/use-namespace/index.js";
|
|
3
3
|
import "@popperjs/core";
|
|
4
4
|
import "lodash";
|
|
@@ -11,10 +11,9 @@ import c from "./skeleton-item.vue2.js";
|
|
|
11
11
|
const r = (
|
|
12
12
|
/* hoist-static*/
|
|
13
13
|
v("skeleton")
|
|
14
|
-
),
|
|
15
|
-
name: r.b()
|
|
16
|
-
|
|
17
|
-
...N,
|
|
14
|
+
), j = /* @__PURE__ */ g({
|
|
15
|
+
name: r.b(),
|
|
16
|
+
__name: "skeleton",
|
|
18
17
|
props: {
|
|
19
18
|
animated: { type: Boolean, default: !1 },
|
|
20
19
|
count: { default: 1 },
|
|
@@ -22,22 +21,22 @@ const r = (
|
|
|
22
21
|
loading: { type: Boolean, default: !0 },
|
|
23
22
|
throttle: {}
|
|
24
23
|
},
|
|
25
|
-
setup(n, { expose:
|
|
24
|
+
setup(n, { expose: k }) {
|
|
26
25
|
const l = C(y(() => n.loading), n.throttle);
|
|
27
|
-
return
|
|
26
|
+
return k({
|
|
28
27
|
/** @description loading state */
|
|
29
28
|
uiLoading: l
|
|
30
|
-
}), (e,
|
|
29
|
+
}), (e, N) => t(l) ? (o(), a("div", p({
|
|
31
30
|
key: 0,
|
|
32
31
|
class: [t(r).b(), t(r).is("animated", e.animated)]
|
|
33
32
|
}, e.$attrs), [
|
|
34
|
-
(o(!0), a(s, null,
|
|
33
|
+
(o(!0), a(s, null, u(e.count, (m) => (o(), a(s, { key: m }, [
|
|
35
34
|
e.loading ? d(e.$slots, "template", { key: m }, () => [
|
|
36
35
|
h(c, {
|
|
37
36
|
class: f(t(r).is("first")),
|
|
38
37
|
variant: "p"
|
|
39
38
|
}, null, 8, ["class"]),
|
|
40
|
-
(o(!0), a(s, null,
|
|
39
|
+
(o(!0), a(s, null, u(e.rows, (i) => (o(), B(c, {
|
|
41
40
|
key: i,
|
|
42
41
|
class: f([
|
|
43
42
|
t(r).e("paragraph"),
|
|
@@ -47,9 +46,9 @@ const r = (
|
|
|
47
46
|
}, null, 8, ["class"]))), 128))
|
|
48
47
|
]) : $("", !0)
|
|
49
48
|
], 64))), 128))
|
|
50
|
-
], 16)) : d(e.$slots, "default", w(
|
|
49
|
+
], 16)) : d(e.$slots, "default", w(p({ key: 1 }, e.$attrs)));
|
|
51
50
|
}
|
|
52
51
|
});
|
|
53
52
|
export {
|
|
54
|
-
|
|
53
|
+
j as default
|
|
55
54
|
};
|