vft 0.0.128 → 0.0.129
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/dist/index.css +1 -1
- package/es/components/backtop/backtop.vue2.js +21 -21
- package/es/components/button/button.vue2.js +1 -1
- package/es/components/button/use-button.js +3 -3
- package/es/components/color-picker/color-picker.vue2.js +2 -2
- package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +33 -33
- package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js +26 -26
- package/es/components/date-picker/date-picker-com/panel-month-range.vue2.js +13 -13
- package/es/components/date-time-select/date-time-select.vue2.js +3 -3
- package/es/components/dialog/dialog-content.vue2.js +1 -1
- package/es/components/drawer/drawer.vue2.js +9 -9
- package/es/components/dropdown/dropdown.vue2.js +1 -1
- package/es/components/full-screen/full-screen.vue2.js +11 -11
- package/es/components/icon/icon.vue2.js +3 -1
- package/es/components/icon-text/icon-text.vue2.js +22 -22
- package/es/components/image-viewer/image-viewer.vue2.js +35 -35
- package/es/components/index.js +113 -113
- package/es/components/input/input.vue2.js +37 -33
- package/es/components/input-number/input-number.vue2.js +25 -25
- package/es/components/list-cell/list-cell.vue2.js +14 -14
- package/es/components/md-code-demo/md-code-demo.js +3 -3
- package/es/components/md-container/md-container.vue2.js +13 -13
- package/es/components/md-vue-playground/md-vue-playground.vue2.js +8 -8
- 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 +4 -4
- package/es/components/multiple-tabs/use/use-tab-dropdown.js +10 -10
- package/es/components/pagination/components/next.vue2.js +5 -5
- package/es/components/pagination/components/pager.vue2.js +40 -40
- package/es/components/pagination/components/prev.vue2.js +5 -5
- package/es/components/popconfirm/popconfirm.vue2.js +1 -1
- package/es/components/progress/progress.vue2.js +13 -13
- package/es/components/search/search.vue2.js +1 -1
- package/es/components/select/select.vue.js +1 -1
- package/es/components/select/useSelect.js +1 -1
- package/es/components/side-menu/side-menu.vue2.js +24 -24
- package/es/components/skeleton/skeleton-item.vue2.js +5 -5
- package/es/components/switch/switch.vue2.js +1 -1
- package/es/components/tabs/tabs.vue2.js +4 -4
- package/es/components/tag/tag.vue2.js +1 -1
- package/es/components/time-picker/common/picker.vue2.js +1 -1
- package/es/components/time-picker/common/props.js +1 -1
- package/es/components/time-picker/time-picker-com/basic-time-spinner.vue2.js +2 -2
- package/es/components/tree/tree-node.vue.js +9 -9
- package/es/components/upload/upload-list.vue2.js +33 -33
- package/es/index.js +113 -113
- package/es/package.json.js +1 -1
- package/lib/components/backtop/backtop.vue2.cjs +1 -1
- package/lib/components/button/button.vue2.cjs +1 -1
- package/lib/components/button/use-button.cjs +1 -1
- package/lib/components/color-picker/color-picker.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-date-range.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/dialog/dialog-content.vue2.cjs +1 -1
- package/lib/components/drawer/drawer.vue2.cjs +1 -1
- package/lib/components/dropdown/dropdown.vue2.cjs +1 -1
- package/lib/components/full-screen/full-screen.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/image-viewer/image-viewer.vue2.cjs +1 -1
- package/lib/components/index.cjs +1 -1
- package/lib/components/input/input.vue2.cjs +1 -1
- package/lib/components/input-number/input-number.vue2.cjs +1 -1
- package/lib/components/list-cell/list-cell.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/popconfirm/popconfirm.vue2.cjs +1 -1
- package/lib/components/progress/progress.vue2.cjs +2 -2
- package/lib/components/search/search.vue2.cjs +1 -1
- package/lib/components/select/select.vue.cjs +1 -1
- package/lib/components/select/useSelect.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/switch/switch.vue2.cjs +1 -1
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/tag/tag.vue2.cjs +1 -1
- package/lib/components/time-picker/common/picker.vue2.cjs +1 -1
- package/lib/components/time-picker/common/props.cjs +1 -1
- package/lib/components/time-picker/time-picker-com/basic-time-spinner.vue2.cjs +1 -1
- package/lib/components/tree/tree-node.vue.cjs +1 -1
- package/lib/components/upload/upload-list.vue2.cjs +1 -1
- package/lib/index.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +2 -2
- package/theme-style/index.css +1 -1
- package/theme-style/src/backtop.scss +4 -0
- package/theme-style/src/button.scss +4 -0
- package/theme-style/src/color-picker.scss +3 -0
- package/theme-style/src/common/icon.scss +65 -0
- package/theme-style/src/common/var.scss +4 -0
- package/theme-style/src/date-picker/date-picker.scss +14 -0
- package/theme-style/src/date-picker/time-picker.scss +4 -0
- package/theme-style/src/date-picker.scss +1 -0
- package/theme-style/src/date-time-select.scss +8 -1
- package/theme-style/src/dialog.scss +2 -0
- package/theme-style/src/drawer.scss +2 -0
- package/theme-style/src/dropdown.scss +2 -0
- package/theme-style/src/full-screen.scss +8 -1
- package/theme-style/src/icon-text.scss +4 -0
- package/theme-style/src/image-viewer.scss +19 -1
- package/theme-style/src/input-number.scss +9 -0
- package/theme-style/src/input.scss +22 -0
- package/theme-style/src/list-cell.scss +2 -0
- package/theme-style/src/md-container.scss +28 -0
- package/theme-style/src/menu.scss +11 -4
- package/theme-style/src/message.scss +10 -0
- package/theme-style/src/mixins/icon.scss +52 -0
- package/theme-style/src/mixins/mixins.scss +1 -0
- package/theme-style/src/multiple-tabs.scss +22 -0
- package/theme-style/src/pagination.scss +15 -0
- package/theme-style/src/popconfirm.scss +4 -0
- package/theme-style/src/progress.scss +16 -0
- package/theme-style/src/select.scss +3 -0
- package/theme-style/src/side-menu.scss +4 -0
- package/theme-style/src/skeleton-item.scss +5 -0
- package/theme-style/src/switch.scss +4 -0
- package/theme-style/src/tabs.scss +7 -0
- package/theme-style/src/tag.scss +2 -0
- package/theme-style/src/tree.scss +7 -0
- package/theme-style/src/upload.scss +25 -4
- package/theme-style/vft-backtop.css +1 -1
- package/theme-style/vft-button.css +1 -1
- package/theme-style/vft-color-picker.css +1 -1
- package/theme-style/vft-date-picker.css +1 -1
- package/theme-style/vft-date-time-select.css +1 -1
- package/theme-style/vft-dialog.css +1 -1
- package/theme-style/vft-drawer.css +1 -1
- package/theme-style/vft-dropdown.css +1 -1
- package/theme-style/vft-full-screen.css +1 -1
- package/theme-style/vft-icon-text.css +1 -1
- package/theme-style/vft-image-viewer.css +1 -1
- package/theme-style/vft-input-number.css +1 -1
- package/theme-style/vft-input.css +1 -1
- package/theme-style/vft-list-cell.css +1 -1
- package/theme-style/vft-md-container.css +1 -1
- package/theme-style/vft-menu.css +1 -1
- package/theme-style/vft-message.css +1 -1
- package/theme-style/vft-multiple-tabs.css +1 -1
- package/theme-style/vft-pagination.css +1 -1
- package/theme-style/vft-popconfirm.css +1 -1
- package/theme-style/vft-progress.css +1 -1
- package/theme-style/vft-select.css +1 -1
- package/theme-style/vft-side-menu.css +1 -1
- package/theme-style/vft-skeleton-item.css +1 -1
- package/theme-style/vft-switch.css +1 -1
- package/theme-style/vft-tabs.css +1 -1
- package/theme-style/vft-tag.css +1 -1
- package/theme-style/vft-time-picker.css +1 -1
- package/theme-style/vft-time-select.css +1 -1
- package/theme-style/vft-tree.css +1 -1
- package/theme-style/vft-upload.css +1 -1
- package/web-types.json +1 -1
|
@@ -7,7 +7,7 @@ import "lodash";
|
|
|
7
7
|
import { useNamespace as H } from "../../hooks/use-namespace/index.js";
|
|
8
8
|
import "@popperjs/core";
|
|
9
9
|
import "../../hooks/use-z-index/index.js";
|
|
10
|
-
const S = ["onClick"],
|
|
10
|
+
const S = ["onClick"], l = (
|
|
11
11
|
/* hoist-static*/
|
|
12
12
|
H("list-cell")
|
|
13
13
|
), j = k({
|
|
@@ -23,7 +23,7 @@ const S = ["onClick"], n = (
|
|
|
23
23
|
emits: ["item-click"],
|
|
24
24
|
setup(r, { emit: I }) {
|
|
25
25
|
const f = _(r.activeIndex), C = m(() => r.list.map((t) => (t.leftIcon = g(t.leftIcon, "icon", { size: 16 }), t.rightIcon = g(t.rightIcon, "icon", {
|
|
26
|
-
icon: "
|
|
26
|
+
icon: "icon-arrow-right",
|
|
27
27
|
size: 16
|
|
28
28
|
}), t))), x = m(() => E({
|
|
29
29
|
height: v(r.cellHeight),
|
|
@@ -34,28 +34,28 @@ const S = ["onClick"], n = (
|
|
|
34
34
|
}
|
|
35
35
|
return (t, i) => (c(), a("div", {
|
|
36
36
|
style: z(x.value),
|
|
37
|
-
class: o(e(
|
|
37
|
+
class: o(e(l).b())
|
|
38
38
|
}, [
|
|
39
|
-
(c(!0), a(V, null, N(C.value, (
|
|
40
|
-
onClick: (w) => y(
|
|
39
|
+
(c(!0), a(V, null, N(C.value, (n, s) => (c(), a("div", {
|
|
40
|
+
onClick: (w) => y(n, s),
|
|
41
41
|
key: s,
|
|
42
|
-
class: o([e(
|
|
42
|
+
class: o([e(l).e("item"), e(l).is("active", f.value === s)])
|
|
43
43
|
}, [
|
|
44
44
|
u("div", {
|
|
45
|
-
class: o(e(
|
|
45
|
+
class: o(e(l).m("left"))
|
|
46
46
|
}, [
|
|
47
|
-
B(e(h), d(D(
|
|
47
|
+
B(e(h), d(D(n.leftIcon)), null, 16),
|
|
48
48
|
u("span", {
|
|
49
|
-
class: o(e(
|
|
50
|
-
}, P(
|
|
49
|
+
class: o(e(l).e("text"))
|
|
50
|
+
}, P(n.text), 3)
|
|
51
51
|
], 2),
|
|
52
52
|
u("div", {
|
|
53
|
-
class: o(e(
|
|
53
|
+
class: o(e(l).m("right"))
|
|
54
54
|
}, [
|
|
55
|
-
|
|
55
|
+
n != null && n.rightContent ? (c(), p(e(b), {
|
|
56
56
|
key: 0,
|
|
57
|
-
content:
|
|
58
|
-
}, null, 8, ["content"])) : (c(), p(e(h), d(T({ key: 1 },
|
|
57
|
+
content: n.rightContent
|
|
58
|
+
}, null, 8, ["content"])) : (c(), p(e(h), d(T({ key: 1 }, n.rightIcon)), null, 16))
|
|
59
59
|
], 2)
|
|
60
60
|
], 10, S))), 128))
|
|
61
61
|
], 6));
|
|
@@ -87,7 +87,7 @@ const O = 800, B = L({
|
|
|
87
87
|
var l;
|
|
88
88
|
return _(
|
|
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: 'icon-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 = L({
|
|
|
135
135
|
"aria-label": "JSFiddle",
|
|
136
136
|
"data-balloon-pos": "up"
|
|
137
137
|
}, t(y, {
|
|
138
|
-
icon: "
|
|
138
|
+
icon: "icon-jsfiddle",
|
|
139
139
|
class: "jsfiddle-button"
|
|
140
140
|
}))
|
|
141
141
|
]
|
|
@@ -175,7 +175,7 @@ const O = 800, B = L({
|
|
|
175
175
|
"aria-label": "Codepen",
|
|
176
176
|
"data-balloon-pos": "up"
|
|
177
177
|
}, t(y, {
|
|
178
|
-
icon: "
|
|
178
|
+
icon: "icon-codepen",
|
|
179
179
|
class: "codepen-button"
|
|
180
180
|
}))
|
|
181
181
|
]
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as D, getCurrentInstance as $, ref as x, onMounted as B, nextTick as H, unref as t, computed as I, openBlock as n, createElementBlock as l, normalizeClass as a, createBlock as C, createCommentVNode as k, createElementVNode as r, toDisplayString as T, createVNode as c, Fragment as L, renderList as M, withCtx as R, createTextVNode as q, renderSlot as F } from "vue";
|
|
2
2
|
import { useRouterHelper as j } from "@vft/router";
|
|
3
3
|
import { usePhotoSwipe as J, useEventListener as O } from "@vft/use";
|
|
4
4
|
import { jumpElement as Y, getRandomElementForArr as G, formatToDateTime as K, getDayTimestamp as Q } from "@vft/utils";
|
|
@@ -105,13 +105,13 @@ const mt = { class: "info-container" }, pt = {
|
|
|
105
105
|
}, at = ["data-path"], p = (
|
|
106
106
|
/* hoist-static*/
|
|
107
107
|
tt("md-container")
|
|
108
|
-
), ct =
|
|
108
|
+
), ct = D({
|
|
109
109
|
name: "vft-md-container"
|
|
110
|
-
}), re = /* @__PURE__ */
|
|
110
|
+
}), re = /* @__PURE__ */ D({
|
|
111
111
|
...ct,
|
|
112
|
-
setup(lt, { expose:
|
|
113
|
-
const u = $(), { initPhotoSwipe:
|
|
114
|
-
|
|
112
|
+
setup(lt, { expose: w }) {
|
|
113
|
+
const u = $(), { initPhotoSwipe: E } = J(`.${p.e("content")} img`);
|
|
114
|
+
E(), it({}), et();
|
|
115
115
|
const s = x(), d = u.appContext.config.globalProperties.$router, i = d.currentRoute.value;
|
|
116
116
|
B(() => {
|
|
117
117
|
H(() => {
|
|
@@ -124,12 +124,12 @@ const mt = { class: "info-container" }, pt = {
|
|
|
124
124
|
m[o].offsetHeight === 0 ? (m[o].style.height = "auto", m[o].style.visibility = "visible") : (m[o].style.height = "0px", m[o].style.visibility = "hidden");
|
|
125
125
|
});
|
|
126
126
|
});
|
|
127
|
-
}),
|
|
127
|
+
}), w({
|
|
128
128
|
infos: t(s)
|
|
129
129
|
});
|
|
130
|
-
const
|
|
130
|
+
const S = location.pathname, { go: b } = j(d);
|
|
131
131
|
function z(e) {
|
|
132
|
-
|
|
132
|
+
b("/?tag=" + e);
|
|
133
133
|
}
|
|
134
134
|
const A = I(() => {
|
|
135
135
|
var e;
|
|
@@ -156,7 +156,7 @@ const mt = { class: "info-container" }, pt = {
|
|
|
156
156
|
c(t(V), {
|
|
157
157
|
size: 14,
|
|
158
158
|
color: N.value,
|
|
159
|
-
icon: "
|
|
159
|
+
icon: "icon-category",
|
|
160
160
|
class: "mr-8px"
|
|
161
161
|
}, null, 8, ["color"]),
|
|
162
162
|
(n(!0), l(L, null, M((v = t(i).meta) == null ? void 0 : v.category, (y, P) => (n(), C(t(W), {
|
|
@@ -175,7 +175,7 @@ const mt = { class: "info-container" }, pt = {
|
|
|
175
175
|
r("div", nt, [
|
|
176
176
|
c(t(U), {
|
|
177
177
|
title: "发布时间",
|
|
178
|
-
icon: "
|
|
178
|
+
icon: "icon-date",
|
|
179
179
|
size: 12,
|
|
180
180
|
class: "mr-10px",
|
|
181
181
|
distance: 5,
|
|
@@ -183,13 +183,13 @@ const mt = { class: "info-container" }, pt = {
|
|
|
183
183
|
}, null, 8, ["text"]),
|
|
184
184
|
r("div", st, [
|
|
185
185
|
c(t(V), {
|
|
186
|
-
icon: "
|
|
186
|
+
icon: "icon-reading",
|
|
187
187
|
size: 14,
|
|
188
188
|
class: "mr-5px"
|
|
189
189
|
}),
|
|
190
190
|
r("div", {
|
|
191
191
|
class: "waline-pageview-count lh-1",
|
|
192
|
-
"data-path": t(
|
|
192
|
+
"data-path": t(S)
|
|
193
193
|
}, "0", 8, at)
|
|
194
194
|
])
|
|
195
195
|
])
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as u, ref as
|
|
1
|
+
import { defineComponent as u, ref as s, shallowRef as p, computed as v, onMounted as m, createVNode as e, withDirectives as f, h as w, resolveDirective as g } from "vue";
|
|
2
2
|
import { VftIcon as h } from "../icon/index.js";
|
|
3
3
|
import "@vueuse/core";
|
|
4
4
|
import "@vft/utils";
|
|
@@ -21,18 +21,18 @@ const C = (
|
|
|
21
21
|
settings: {}
|
|
22
22
|
},
|
|
23
23
|
setup(t) {
|
|
24
|
-
const
|
|
24
|
+
const i = s(!0), a = p(), n = s(), o = v(() => y(t.settings)), l = s(o.value.showCode || !1), r = async () => {
|
|
25
25
|
const {
|
|
26
26
|
ReplStore: c,
|
|
27
27
|
Repl: d
|
|
28
28
|
} = await import("@vue/repl");
|
|
29
|
-
a.value = d,
|
|
29
|
+
a.value = d, n.value = new c({
|
|
30
30
|
serializedState: decodeURIComponent(t.files),
|
|
31
31
|
showOutput: !0
|
|
32
|
-
}), o.value.vueVersion && await
|
|
32
|
+
}), o.value.vueVersion && await n.value.setVueVersion(o.value.vueVersion);
|
|
33
33
|
};
|
|
34
34
|
return m(async () => {
|
|
35
|
-
await r(),
|
|
35
|
+
await r(), i.value = !1;
|
|
36
36
|
}), () => e("div", {
|
|
37
37
|
class: C.b()
|
|
38
38
|
}, [e("div", {
|
|
@@ -41,7 +41,7 @@ const C = (
|
|
|
41
41
|
class: "title"
|
|
42
42
|
}, [decodeURIComponent(t.title)]) : null, e(h, {
|
|
43
43
|
cursor: !0,
|
|
44
|
-
icon: l.value ? "
|
|
44
|
+
icon: l.value ? "icon-collapse-alt" : "icon-expand-alt",
|
|
45
45
|
size: 20,
|
|
46
46
|
onClick: () => {
|
|
47
47
|
l.value = !l.value;
|
|
@@ -49,9 +49,9 @@ const C = (
|
|
|
49
49
|
}, null)]), f(e("div", {
|
|
50
50
|
class: ["repl-container", l.value ? "show-code" : "hide-code"]
|
|
51
51
|
}, [a.value ? w(a.value, {
|
|
52
|
-
store:
|
|
52
|
+
store: n.value,
|
|
53
53
|
...o.value
|
|
54
|
-
}) : null]), [[g("loading"),
|
|
54
|
+
}) : null]), [[g("loading"), i.value]])]);
|
|
55
55
|
}
|
|
56
56
|
});
|
|
57
57
|
export {
|
|
@@ -223,11 +223,11 @@ const q = (
|
|
|
223
223
|
u.removeSubMenu(x), e.removeSubMenu(x);
|
|
224
224
|
});
|
|
225
225
|
const v = pe(), R = n(() => I(o.icon, "icon")), oe = n(() => I(o.expandIcon, "icon")), te = n(() => I(o.collapseIcon, "icon")), re = n(() => d.value === "horizontal" && C.value || d.value === "vertical" && !e.props.collapse ? {
|
|
226
|
-
icon: "
|
|
226
|
+
icon: "icon-arrow-down",
|
|
227
227
|
size: 20,
|
|
228
228
|
...oe.value
|
|
229
229
|
} : {
|
|
230
|
-
icon: "
|
|
230
|
+
icon: "icon-arrow-right",
|
|
231
231
|
size: 18,
|
|
232
232
|
...te.value
|
|
233
233
|
}), D = n(() => ve(f, "title"));
|
|
@@ -30,9 +30,9 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
|
|
|
30
30
|
const o = M, { ns: t, zIndex: b } = ne("message"), { currentZIndex: L, nextZIndex: T } = b, f = d(), l = d(!1), g = d(0);
|
|
31
31
|
let c;
|
|
32
32
|
const z = /* @__PURE__ */ new Map([
|
|
33
|
-
["success", { icon: "
|
|
34
|
-
["error", { icon: "
|
|
35
|
-
["warning", { icon: "
|
|
33
|
+
["success", { icon: "icon-success-filled" }],
|
|
34
|
+
["error", { icon: "icon-circle-close-filled" }],
|
|
35
|
+
["warning", { icon: "icon-warning-filled" }]
|
|
36
36
|
]), v = s(() => (o.icon ? X(o.icon) ? o.icon : { icon: o.icon } : "") || z.get(o.type) || ""), O = s(() => {
|
|
37
37
|
const e = o.type;
|
|
38
38
|
return { [t.bm("icon", e)]: e };
|
|
@@ -114,7 +114,7 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
|
|
|
114
114
|
class: r(n(t).e("closeBtn")),
|
|
115
115
|
onClick: J(a, ["stop"])
|
|
116
116
|
}, [
|
|
117
|
-
w(n(B), { icon: "
|
|
117
|
+
w(n(B), { icon: "icon-circle-close" })
|
|
118
118
|
], 10, ie)) : k("", !0)
|
|
119
119
|
], 46, te), [
|
|
120
120
|
[K, l.value]
|
|
@@ -5,49 +5,49 @@ function S(e, r) {
|
|
|
5
5
|
const i = v({
|
|
6
6
|
current: null,
|
|
7
7
|
currentIndex: 0
|
|
8
|
-
}), t = C(), { refreshPage: g, closeAll: a, close: u, closeLeft: h, closeOther: b, closeRight: f, newWinTab:
|
|
8
|
+
}), t = C(), { refreshPage: g, closeAll: a, close: u, closeLeft: h, closeOther: b, closeRight: f, newWinTab: x } = D(), p = w(() => {
|
|
9
9
|
if (!e)
|
|
10
10
|
return;
|
|
11
11
|
const { meta: o } = e, n = i.currentIndex, c = n === 0 || n <= r, s = t.getTabList.length <= r || n === t.getTabList.length - 1 && t.getLastDragEndIndex >= 0, T = t.getTabList.length === r || t.getTabList.length === r + 1 && n === r, l = t.getTabList.length === r;
|
|
12
12
|
return [
|
|
13
13
|
{
|
|
14
|
-
iconCfg: { icon: "
|
|
14
|
+
iconCfg: { icon: "icon-refresh-right" },
|
|
15
15
|
text: "刷新",
|
|
16
16
|
handler: () => g(e)
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
iconCfg: { icon: "
|
|
19
|
+
iconCfg: { icon: "icon-new-tab" },
|
|
20
20
|
text: "新页面打开",
|
|
21
|
-
handler: () =>
|
|
21
|
+
handler: () => x(e),
|
|
22
22
|
divider: !0
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
|
-
iconCfg: { icon: "
|
|
25
|
+
iconCfg: { icon: "icon-close-tab" },
|
|
26
26
|
text: "关闭标签页",
|
|
27
27
|
disabled: !!(o != null && o.affix) || l,
|
|
28
28
|
handler: () => u(e)
|
|
29
29
|
},
|
|
30
30
|
{
|
|
31
|
-
iconCfg: { icon: "
|
|
31
|
+
iconCfg: { icon: "icon-arrow-close-left" },
|
|
32
32
|
text: "关闭左侧标签页",
|
|
33
33
|
disabled: c,
|
|
34
34
|
handler: () => h(e)
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
iconCfg: { icon: "
|
|
37
|
+
iconCfg: { icon: "icon-arrow-close-right" },
|
|
38
38
|
text: "关闭右侧标签页",
|
|
39
39
|
disabled: s,
|
|
40
40
|
divider: !0,
|
|
41
41
|
handler: () => f(e)
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
iconCfg: { icon: "
|
|
44
|
+
iconCfg: { icon: "icon-close-box-multiple-outline" },
|
|
45
45
|
text: "关闭其它标签页",
|
|
46
46
|
disabled: T,
|
|
47
47
|
handler: () => b(e)
|
|
48
48
|
},
|
|
49
49
|
{
|
|
50
|
-
iconCfg: { icon: "
|
|
50
|
+
iconCfg: { icon: "icon-vector-square-delete" },
|
|
51
51
|
text: "关闭所有标签页",
|
|
52
52
|
disabled: l,
|
|
53
53
|
handler: () => a()
|
|
@@ -63,7 +63,7 @@ function S(e, r) {
|
|
|
63
63
|
i.current = o, i.currentIndex = c;
|
|
64
64
|
};
|
|
65
65
|
}
|
|
66
|
-
return { getDropMenuList:
|
|
66
|
+
return { getDropMenuList: p, handleContextMenu: L };
|
|
67
67
|
}
|
|
68
68
|
export {
|
|
69
69
|
S as useTabDropdown
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as d, computed as l, openBlock as o, createElementBlock as i, toDisplayString as s, createCommentVNode as c, createVNode as u, unref as m } from "vue";
|
|
2
|
-
import { VftIcon as
|
|
3
|
-
const
|
|
2
|
+
import { VftIcon as b } from "../../icon/index.js";
|
|
3
|
+
const p = ["disabled", "aria-disabled"], f = { key: 0 }, k = /* @__PURE__ */ d({
|
|
4
4
|
__name: "next",
|
|
5
5
|
props: {
|
|
6
6
|
disabled: { type: Boolean },
|
|
@@ -21,11 +21,11 @@ const b = ["disabled", "aria-disabled"], f = { key: 0 }, k = /* @__PURE__ */ d({
|
|
|
21
21
|
onClick: a[0] || (a[0] = (r) => t.$emit("click", r))
|
|
22
22
|
}, [
|
|
23
23
|
t.nextText ? (o(), i("span", f, s(t.nextText), 1)) : c("", !0),
|
|
24
|
-
u(m(
|
|
25
|
-
icon: "
|
|
24
|
+
u(m(b), {
|
|
25
|
+
icon: "icon-arrow-right",
|
|
26
26
|
size: 16
|
|
27
27
|
})
|
|
28
|
-
], 8,
|
|
28
|
+
], 8, p));
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
31
|
export {
|
|
@@ -16,34 +16,34 @@ const D = ["onKeyup"], O = ["aria-current", "tabindex"], S = ["tabindex"], j = [
|
|
|
16
16
|
disabled: { type: Boolean }
|
|
17
17
|
},
|
|
18
18
|
emits: ["change"],
|
|
19
|
-
setup(
|
|
19
|
+
setup(n, { emit: M }) {
|
|
20
20
|
const o = E("pager"), h = E("icon"), C = c(!1), P = c(!1), k = c(!1), y = c(!1), N = c(!1), w = c(!1), x = F(() => {
|
|
21
|
-
const e = (
|
|
22
|
-
let t = !1,
|
|
23
|
-
|
|
21
|
+
const e = (n.pagerCount - 1) / 2;
|
|
22
|
+
let t = !1, a = !1;
|
|
23
|
+
n.pageCount > n.pagerCount && (n.currentPage > n.pagerCount - e && (t = !0), n.currentPage < n.pageCount - e && (a = !0));
|
|
24
24
|
const l = [];
|
|
25
|
-
if (t && !
|
|
26
|
-
const r =
|
|
27
|
-
for (let s = r; s <
|
|
25
|
+
if (t && !a) {
|
|
26
|
+
const r = n.pageCount - (n.pagerCount - 2);
|
|
27
|
+
for (let s = r; s < n.pageCount; s++)
|
|
28
28
|
l.push(s);
|
|
29
|
-
} else if (!t &&
|
|
30
|
-
for (let r = 2; r <
|
|
29
|
+
} else if (!t && a)
|
|
30
|
+
for (let r = 2; r < n.pagerCount; r++)
|
|
31
31
|
l.push(r);
|
|
32
|
-
else if (t &&
|
|
33
|
-
const r = Math.floor(
|
|
34
|
-
for (let s =
|
|
32
|
+
else if (t && a) {
|
|
33
|
+
const r = Math.floor(n.pagerCount / 2) - 1;
|
|
34
|
+
for (let s = n.currentPage - r; s <= n.currentPage + r; s++)
|
|
35
35
|
l.push(s);
|
|
36
36
|
} else
|
|
37
|
-
for (let r = 2; r <
|
|
37
|
+
for (let r = 2; r < n.pageCount; r++)
|
|
38
38
|
l.push(r);
|
|
39
39
|
return l;
|
|
40
|
-
}), g = F(() =>
|
|
40
|
+
}), g = F(() => n.disabled ? -1 : 0);
|
|
41
41
|
H(() => {
|
|
42
|
-
const e = (
|
|
43
|
-
C.value = !1, P.value = !1,
|
|
42
|
+
const e = (n.pagerCount - 1) / 2;
|
|
43
|
+
C.value = !1, P.value = !1, n.pageCount > n.pagerCount && (n.currentPage > n.pagerCount - e && (C.value = !0), n.currentPage < n.pageCount - e && (P.value = !0));
|
|
44
44
|
});
|
|
45
45
|
function q(e = !1) {
|
|
46
|
-
|
|
46
|
+
n.disabled || (e ? k.value = !0 : y.value = !0);
|
|
47
47
|
}
|
|
48
48
|
function $(e = !1) {
|
|
49
49
|
e ? N.value = !0 : w.value = !0;
|
|
@@ -51,18 +51,18 @@ const D = ["onKeyup"], O = ["aria-current", "tabindex"], S = ["tabindex"], j = [
|
|
|
51
51
|
function K(e) {
|
|
52
52
|
const t = e.target;
|
|
53
53
|
if (t.tagName.toLowerCase() === "li" && Array.from(t.classList).includes("number")) {
|
|
54
|
-
const
|
|
55
|
-
|
|
54
|
+
const a = Number(t.textContent);
|
|
55
|
+
a !== n.currentPage && M("change", a);
|
|
56
56
|
} else
|
|
57
57
|
t.tagName.toLowerCase() === "li" && Array.from(t.classList).includes("more") && B(e);
|
|
58
58
|
}
|
|
59
59
|
function B(e) {
|
|
60
60
|
const t = e.target;
|
|
61
|
-
if (t.tagName.toLowerCase() === "ul" ||
|
|
61
|
+
if (t.tagName.toLowerCase() === "ul" || n.disabled)
|
|
62
62
|
return;
|
|
63
|
-
let
|
|
64
|
-
const l =
|
|
65
|
-
t.className.includes("more") && (t.className.includes("quickprev") ?
|
|
63
|
+
let a = Number(t.textContent);
|
|
64
|
+
const l = n.pagerCount - 2;
|
|
65
|
+
t.className.includes("more") && (t.className.includes("quickprev") ? a = n.currentPage - l : t.className.includes("quicknext") && (a = n.currentPage + l)), Number.isNaN(+a) || (a < 1 && (a = 1), a > n.pageCount && (a = n.pageCount)), a !== n.currentPage && M("change", a);
|
|
66
66
|
}
|
|
67
67
|
return (e, t) => (i(), f("ul", {
|
|
68
68
|
class: d(u(o).b()),
|
|
@@ -87,28 +87,28 @@ const D = ["onKeyup"], O = ["aria-current", "tabindex"], S = ["tabindex"], j = [
|
|
|
87
87
|
u(o).is("disabled", e.disabled)
|
|
88
88
|
]),
|
|
89
89
|
tabindex: g.value,
|
|
90
|
-
onMouseenter: t[0] || (t[0] = (
|
|
91
|
-
onMouseleave: t[1] || (t[1] = (
|
|
92
|
-
onFocus: t[2] || (t[2] = (
|
|
93
|
-
onBlur: t[3] || (t[3] = (
|
|
90
|
+
onMouseenter: t[0] || (t[0] = (a) => q(!0)),
|
|
91
|
+
onMouseleave: t[1] || (t[1] = (a) => k.value = !1),
|
|
92
|
+
onFocus: t[2] || (t[2] = (a) => $(!0)),
|
|
93
|
+
onBlur: t[3] || (t[3] = (a) => N.value = !1)
|
|
94
94
|
}, [
|
|
95
95
|
(k.value || N.value) && !e.disabled ? (i(), m(u(b), {
|
|
96
96
|
key: 0,
|
|
97
|
-
icon: "
|
|
97
|
+
icon: "icon-d-arrow-left"
|
|
98
98
|
})) : (i(), m(u(b), {
|
|
99
99
|
key: 1,
|
|
100
|
-
icon: "
|
|
100
|
+
icon: "icon-more-filled"
|
|
101
101
|
}))
|
|
102
102
|
], 42, S)) : v("", !0),
|
|
103
|
-
(i(!0), f(V, null, z(x.value, (
|
|
104
|
-
key:
|
|
103
|
+
(i(!0), f(V, null, z(x.value, (a) => (i(), f("li", {
|
|
104
|
+
key: a,
|
|
105
105
|
class: d([[
|
|
106
|
-
u(o).is("active", e.currentPage ===
|
|
106
|
+
u(o).is("active", e.currentPage === a),
|
|
107
107
|
u(o).is("disabled", e.disabled)
|
|
108
108
|
], "number"]),
|
|
109
|
-
"aria-current": e.currentPage ===
|
|
109
|
+
"aria-current": e.currentPage === a,
|
|
110
110
|
tabindex: g.value
|
|
111
|
-
}, L(
|
|
111
|
+
}, L(a), 11, j))), 128)),
|
|
112
112
|
P.value ? (i(), f("li", {
|
|
113
113
|
key: 2,
|
|
114
114
|
class: d([
|
|
@@ -118,17 +118,17 @@ const D = ["onKeyup"], O = ["aria-current", "tabindex"], S = ["tabindex"], j = [
|
|
|
118
118
|
u(o).is("disabled", e.disabled)
|
|
119
119
|
]),
|
|
120
120
|
tabindex: g.value,
|
|
121
|
-
onMouseenter: t[4] || (t[4] = (
|
|
122
|
-
onMouseleave: t[5] || (t[5] = (
|
|
123
|
-
onFocus: t[6] || (t[6] = (
|
|
124
|
-
onBlur: t[7] || (t[7] = (
|
|
121
|
+
onMouseenter: t[4] || (t[4] = (a) => q()),
|
|
122
|
+
onMouseleave: t[5] || (t[5] = (a) => y.value = !1),
|
|
123
|
+
onFocus: t[6] || (t[6] = (a) => $()),
|
|
124
|
+
onBlur: t[7] || (t[7] = (a) => w.value = !1)
|
|
125
125
|
}, [
|
|
126
126
|
(y.value || w.value) && !e.disabled ? (i(), m(u(b), {
|
|
127
127
|
key: 0,
|
|
128
|
-
icon: "
|
|
128
|
+
icon: "icon-d-arrow-right"
|
|
129
129
|
})) : (i(), m(u(b), {
|
|
130
130
|
key: 1,
|
|
131
|
-
icon: "
|
|
131
|
+
icon: "icon-more-filled"
|
|
132
132
|
}))
|
|
133
133
|
], 42, G)) : v("", !0),
|
|
134
134
|
e.pageCount > 1 ? (i(), f("li", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as s, computed as d, openBlock as
|
|
1
|
+
import { defineComponent as s, computed as d, openBlock as r, createElementBlock as a, toDisplayString as c, createCommentVNode as p, createVNode as u, unref as m } from "vue";
|
|
2
2
|
import { VftIcon as b } from "../../icon/index.js";
|
|
3
3
|
const f = ["disabled", "aria-disabled"], v = { key: 0 }, _ = /* @__PURE__ */ s({
|
|
4
4
|
__name: "prev",
|
|
@@ -12,16 +12,16 @@ const f = ["disabled", "aria-disabled"], v = { key: 0 }, _ = /* @__PURE__ */ s({
|
|
|
12
12
|
const t = d(
|
|
13
13
|
() => e.disabled || e.currentPage <= 1
|
|
14
14
|
);
|
|
15
|
-
return (o,
|
|
15
|
+
return (o, n) => (r(), a("button", {
|
|
16
16
|
type: "button",
|
|
17
17
|
class: "btn-prev",
|
|
18
18
|
disabled: t.value,
|
|
19
19
|
"aria-disabled": t.value,
|
|
20
|
-
onClick:
|
|
20
|
+
onClick: n[0] || (n[0] = (l) => i("click", l))
|
|
21
21
|
}, [
|
|
22
|
-
o.prevText ? (
|
|
22
|
+
o.prevText ? (r(), a("span", v, c(o.prevText), 1)) : p("", !0),
|
|
23
23
|
u(m(b), {
|
|
24
|
-
icon: "
|
|
24
|
+
icon: "icon-arrow-left",
|
|
25
25
|
size: 16
|
|
26
26
|
})
|
|
27
27
|
], 8, f));
|
|
@@ -19,7 +19,7 @@ const q = C({
|
|
|
19
19
|
cancelButtonText: {},
|
|
20
20
|
confirmButtonType: { default: "primary" },
|
|
21
21
|
cancelButtonType: {},
|
|
22
|
-
icon: { default: "
|
|
22
|
+
icon: { default: "icon-question-filled" },
|
|
23
23
|
iconColor: { default: "#f90" },
|
|
24
24
|
hideIcon: { type: Boolean, default: !1 },
|
|
25
25
|
hideAfter: { default: 200 },
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as T, computed as s, openBlock as i, createElementBlock as c, normalizeClass as n, unref as a, createElementVNode as h, normalizeStyle as d, renderSlot as C, toDisplayString as D, createCommentVNode as
|
|
1
|
+
import { defineComponent as T, computed as s, openBlock as i, createElementBlock as c, normalizeClass as n, unref as a, createElementVNode as h, normalizeStyle as d, renderSlot as C, toDisplayString as D, createCommentVNode as y, createBlock as x, normalizeProps as A, mergeProps as L } from "vue";
|
|
2
2
|
import { isFunction as M, isString as I } from "@vft/utils";
|
|
3
3
|
import { VftIcon as E } from "../icon/index.js";
|
|
4
4
|
import "@vueuse/core";
|
|
@@ -31,7 +31,7 @@ const R = ["aria-valuenow"], U = { viewBox: "0 0 100 100" }, j = ["d", "stroke",
|
|
|
31
31
|
format: { type: Function, default: (t) => `${t}%` }
|
|
32
32
|
},
|
|
33
33
|
setup(t) {
|
|
34
|
-
const
|
|
34
|
+
const p = {
|
|
35
35
|
success: "#13ce66",
|
|
36
36
|
exception: "#ff4949",
|
|
37
37
|
warning: "#e6a23c",
|
|
@@ -53,23 +53,23 @@ const R = ["aria-valuenow"], U = { viewBox: "0 0 100 100" }, j = ["d", "stroke",
|
|
|
53
53
|
a ${e} ${e} 0 1 1 0 ${o ? "-" : ""}${e * 2}
|
|
54
54
|
a ${e} ${e} 0 1 1 0 ${o ? "" : "-"}${e * 2}
|
|
55
55
|
`;
|
|
56
|
-
}), f = s(() => 2 * Math.PI * g.value),
|
|
57
|
-
strokeDasharray: `${f.value *
|
|
56
|
+
}), f = s(() => 2 * Math.PI * g.value), v = s(() => t.type === "dashboard" ? 0.75 : 1), b = s(() => `${-1 * f.value * (1 - v.value) / 2}px`), P = s(() => ({
|
|
57
|
+
strokeDasharray: `${f.value * v.value}px, ${f.value}px`,
|
|
58
58
|
strokeDashoffset: b.value
|
|
59
59
|
})), N = s(() => ({
|
|
60
|
-
strokeDasharray: `${f.value *
|
|
60
|
+
strokeDasharray: `${f.value * v.value * (t.percentage / 100)}px, ${f.value}px`,
|
|
61
61
|
strokeDashoffset: b.value,
|
|
62
62
|
transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"
|
|
63
63
|
})), z = s(() => {
|
|
64
64
|
let e;
|
|
65
|
-
return t.color ? e = B(t.percentage) : e =
|
|
66
|
-
}), w = s(() => t.status === "warning" ? "
|
|
65
|
+
return t.color ? e = B(t.percentage) : e = p[t.status] || p.default, e;
|
|
66
|
+
}), w = s(() => t.status === "warning" ? "icon-warning-filled" : t.type === "line" ? t.status === "success" ? "icon-circle-check" : "icon-circle-close" : t.status === "success" ? "icon-check" : "icon-close"), W = s(() => t.type === "line" ? 12 + t.strokeWidth * 0.4 : t.width * 0.111111 + 2), S = s(() => t.format(t.percentage));
|
|
67
67
|
function V(e) {
|
|
68
68
|
const o = 100 / e.length;
|
|
69
|
-
return e.map((l,
|
|
69
|
+
return e.map((l, k) => I(l) ? {
|
|
70
70
|
color: l,
|
|
71
|
-
percentage: (
|
|
72
|
-
} : l).sort((l,
|
|
71
|
+
percentage: (k + 1) * o
|
|
72
|
+
} : l).sort((l, k) => l.percentage - k.percentage);
|
|
73
73
|
}
|
|
74
74
|
const B = (e) => {
|
|
75
75
|
var o;
|
|
@@ -124,7 +124,7 @@ const R = ["aria-valuenow"], U = { viewBox: "0 0 100 100" }, j = ["d", "stroke",
|
|
|
124
124
|
C(e.$slots, "default", { percentage: e.percentage }, () => [
|
|
125
125
|
h("span", null, D(S.value), 1)
|
|
126
126
|
])
|
|
127
|
-
], 2)) :
|
|
127
|
+
], 2)) : y("", !0)
|
|
128
128
|
], 6)
|
|
129
129
|
], 6)
|
|
130
130
|
], 2)) : (i(), c("div", {
|
|
@@ -161,10 +161,10 @@ const R = ["aria-valuenow"], U = { viewBox: "0 0 100 100" }, j = ["d", "stroke",
|
|
|
161
161
|
C(e.$slots, "default", { percentage: e.percentage }, () => {
|
|
162
162
|
var u;
|
|
163
163
|
return [
|
|
164
|
-
e.status ? (u = w.value) != null && u.icon ? (i(), x(a(E), A(L({ key: 1 }, w.value)), null, 16)) :
|
|
164
|
+
e.status ? (u = w.value) != null && u.icon ? (i(), x(a(E), A(L({ key: 1 }, w.value)), null, 16)) : y("", !0) : (i(), c("span", G, D(S.value), 1))
|
|
165
165
|
];
|
|
166
166
|
})
|
|
167
|
-
], 6)) :
|
|
167
|
+
], 6)) : y("", !0)
|
|
168
168
|
], 10, R));
|
|
169
169
|
}
|
|
170
170
|
});
|
|
@@ -23,7 +23,7 @@ const h = (
|
|
|
23
23
|
modelValue: { default: "" },
|
|
24
24
|
clearable: { type: Boolean, default: !0 },
|
|
25
25
|
placeholder: { default: "请输入你要搜索的内容" },
|
|
26
|
-
suffixIcon: { default: { icon: "
|
|
26
|
+
suffixIcon: { default: { icon: "icon-search", color: "#8B8C8C", pointer: !0 } },
|
|
27
27
|
prefixIcon: {},
|
|
28
28
|
clearIcon: {}
|
|
29
29
|
},
|
|
@@ -286,7 +286,7 @@ function L(e, o, O, H, P, A) {
|
|
|
286
286
|
]) : u("", !0),
|
|
287
287
|
e.showClearBtn ? (n(), v(k, {
|
|
288
288
|
key: 1,
|
|
289
|
-
icon: "
|
|
289
|
+
icon: "icon-circle-close",
|
|
290
290
|
class: s([e.nsSelect.e("caret"), e.nsInput.e("icon")]),
|
|
291
291
|
onClick: i(e.handleClear, ["prevent", "stop"])
|
|
292
292
|
}, null, 8, ["class", "onClick"])) : u("", !0),
|
|
@@ -51,7 +51,7 @@ const de = "", fe = 11, ut = {
|
|
|
51
51
|
const e = l.multiple ? Array.isArray(l.modelValue) && l.modelValue.length > 0 : E.value;
|
|
52
52
|
return l.clearable && !I.value && t.comboBoxHovering && e;
|
|
53
53
|
}), U = i(
|
|
54
|
-
() => l.remote && l.filterable ? "" : "
|
|
54
|
+
() => l.remote && l.filterable ? "" : "icon-arrow-up"
|
|
55
55
|
), be = i(
|
|
56
56
|
() => U.value && z.is("reverse", o.value)
|
|
57
57
|
), pe = i(() => (f == null ? void 0 : f.validateState) || ""), Ie = "validateIcon", F = i(() => l.remote ? 300 : 0), M = i(() => {
|