vue-amazing-ui 2.2.12 → 2.2.13
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.iife.js +52 -41
- package/dist/index.js +4226 -4195
- package/dist/index.umd.cjs +51 -40
- package/dist/style.css +1 -1
- package/es/calendar/Calendar.css +1 -1
- package/es/calendar/Calendar.d.ts +6 -0
- package/es/calendar/Calendar.vue.js +2 -2
- package/es/calendar/Calendar.vue2.js +130 -126
- package/es/calendar/index.d.ts +9 -0
- package/es/colorpicker/ColorPicker.css +1 -1
- package/es/colorpicker/ColorPicker.d.ts +4 -0
- package/es/colorpicker/ColorPicker.vue.js +2 -2
- package/es/colorpicker/ColorPicker.vue2.js +244 -234
- package/es/colorpicker/index.d.ts +6 -0
- package/es/pagination/Pagination.css +1 -1
- package/es/pagination/Pagination.d.ts +1 -0
- package/es/pagination/Pagination.vue.js +2 -2
- package/es/pagination/Pagination.vue2.js +119 -102
- package/es/pagination/index.d.ts +1 -0
- package/es/select/Select.css +1 -1
- package/es/select/Select.vue.js +2 -2
- package/es/select/Select.vue2.js +84 -84
- package/lib/calendar/Calendar.css +1 -1
- package/lib/calendar/Calendar.d.ts +6 -0
- package/lib/calendar/Calendar.vue.cjs +1 -1
- package/lib/calendar/Calendar.vue2.cjs +5 -1
- package/lib/calendar/index.d.ts +9 -0
- package/lib/colorpicker/ColorPicker.css +1 -1
- package/lib/colorpicker/ColorPicker.d.ts +4 -0
- package/lib/colorpicker/ColorPicker.vue.cjs +1 -1
- package/lib/colorpicker/ColorPicker.vue2.cjs +10 -3
- package/lib/colorpicker/index.d.ts +6 -0
- package/lib/pagination/Pagination.css +1 -1
- package/lib/pagination/Pagination.d.ts +1 -0
- package/lib/pagination/Pagination.vue.cjs +1 -1
- package/lib/pagination/Pagination.vue2.cjs +1 -1
- package/lib/pagination/index.d.ts +1 -0
- package/lib/select/Select.css +1 -1
- package/lib/select/Select.vue.cjs +1 -1
- package/lib/select/Select.vue2.cjs +4 -4
- package/package.json +2 -2
|
@@ -15,9 +15,11 @@ declare const _default: {
|
|
|
15
15
|
footer: string;
|
|
16
16
|
label: (color: string) => string;
|
|
17
17
|
actions: import('./ColorPicker').ColorPickerAction[];
|
|
18
|
+
width: string | number;
|
|
18
19
|
tooltipStyle: import('vue').CSSProperties;
|
|
19
20
|
value: string;
|
|
20
21
|
disabled: boolean;
|
|
22
|
+
inputProps: object;
|
|
21
23
|
showAlpha: boolean;
|
|
22
24
|
showPreview: boolean;
|
|
23
25
|
modes: import('./ColorPicker').ColorPickerMode[];
|
|
@@ -171,9 +173,11 @@ declare const _default: {
|
|
|
171
173
|
footer: string;
|
|
172
174
|
label: (color: string) => string;
|
|
173
175
|
actions: import('./ColorPicker').ColorPickerAction[];
|
|
176
|
+
width: string | number;
|
|
174
177
|
tooltipStyle: import('vue').CSSProperties;
|
|
175
178
|
value: string;
|
|
176
179
|
disabled: boolean;
|
|
180
|
+
inputProps: object;
|
|
177
181
|
showAlpha: boolean;
|
|
178
182
|
showPreview: boolean;
|
|
179
183
|
modes: import('./ColorPicker').ColorPickerMode[];
|
|
@@ -197,9 +201,11 @@ declare const _default: {
|
|
|
197
201
|
footer: string;
|
|
198
202
|
label: (color: string) => string;
|
|
199
203
|
actions: import('./ColorPicker').ColorPickerAction[];
|
|
204
|
+
width: string | number;
|
|
200
205
|
tooltipStyle: import('vue').CSSProperties;
|
|
201
206
|
value: string;
|
|
202
207
|
disabled: boolean;
|
|
208
|
+
inputProps: object;
|
|
203
209
|
showAlpha: boolean;
|
|
204
210
|
showPreview: boolean;
|
|
205
211
|
modes: import('./ColorPicker').ColorPickerMode[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-pagination[data-v-
|
|
1
|
+
.m-pagination[data-v-3535a50c]{display:flex;align-items:center;gap:8px;font-size:14px;color:#000000e0;line-height:1.57142857}.m-pagination .pagination-total-text[data-v-3535a50c]{display:inline-flex;align-items:center;height:32px}.m-pagination .pagination-item[data-v-3535a50c]{display:inline-flex;justify-content:center;align-items:center;padding:0 6px;min-width:32px;height:32px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;outline:0;-webkit-user-select:none;user-select:none;transition:all .3s}.m-pagination .pagination-item[data-v-3535a50c]:hover{color:var(--pagination-primary-color);border-color:var(--pagination-primary-color)}.m-pagination .pagination-item[data-v-3535a50c]:focus-visible{outline:2px solid var(--pagination-primary-color-focus-visible);outline-offset:1px;transition:outline-offset 0s,outline 0s}.m-pagination .pagination-prev[data-v-3535a50c],.m-pagination .pagination-next[data-v-3535a50c]{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;outline:0;-webkit-user-select:none;user-select:none;transition:all .3s}.m-pagination .pagination-prev .arrow-svg[data-v-3535a50c],.m-pagination .pagination-next .arrow-svg[data-v-3535a50c]{display:inline-block;font-size:12px;color:#000000a6;fill:currentColor;transition:color .3s}.m-pagination .pagination-prev[data-v-3535a50c]:hover,.m-pagination .pagination-next[data-v-3535a50c]:hover{border-color:var(--pagination-primary-color)}.m-pagination .pagination-prev:hover .arrow-svg[data-v-3535a50c],.m-pagination .pagination-next:hover .arrow-svg[data-v-3535a50c]{color:var(--pagination-primary-color)}.m-pagination .pagination-prev[data-v-3535a50c]:focus-visible:not(.pagination-item-disabled),.m-pagination .pagination-next[data-v-3535a50c]:focus-visible:not(.pagination-item-disabled){outline:2px solid var(--pagination-primary-color-focus-visible);outline-offset:1px;transition:outline-offset 0s,outline 0s}.m-pagination .pagination-item-active[data-v-3535a50c]{color:var(--pagination-primary-color);border-color:var(--pagination-primary-color)}.m-pagination .pagination-item-disabled[data-v-3535a50c]{color:#00000040;background:#fff;border-color:#d9d9d9;cursor:not-allowed}.m-pagination .pagination-item-disabled[data-v-3535a50c]:hover{font-weight:400;color:#000000a6;border-color:#d9d9d9}.m-pagination .pagination-item-disabled:hover .arrow-svg[data-v-3535a50c],.m-pagination .pagination-item-disabled .arrow-svg[data-v-3535a50c]{color:#00000040}.m-pagination .pagintion-jump-prev[data-v-3535a50c],.m-pagination .pagintion-jump-next[data-v-3535a50c]{position:relative;display:inline-flex;align-items:center;min-width:32px;height:32px;border-radius:6px;cursor:pointer;outline:0}.m-pagination .pagintion-jump-prev .ellipsis-character[data-v-3535a50c],.m-pagination .pagintion-jump-next .ellipsis-character[data-v-3535a50c]{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;color:#00000040;font-family:Arial,Helvetica,sans-serif;line-height:32px;letter-spacing:2px;text-align:center;text-indent:.13em;opacity:1;transition:all .3s}.m-pagination .pagintion-jump-prev .icon-svg[data-v-3535a50c],.m-pagination .pagintion-jump-next .icon-svg[data-v-3535a50c]{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;display:inline-block;font-size:12px;color:var(--pagination-primary-color);fill:currentColor;opacity:0;pointer-events:none;transition:all .3s}.m-pagination .pagintion-jump-prev:hover .ellipsis-character[data-v-3535a50c],.m-pagination .pagintion-jump-next:hover .ellipsis-character[data-v-3535a50c]{opacity:0;pointer-events:none}.m-pagination .pagintion-jump-prev:hover .icon-svg[data-v-3535a50c],.m-pagination .pagintion-jump-next:hover .icon-svg[data-v-3535a50c]{opacity:1;pointer-events:auto}.m-pagination .pagintion-jump-prev[data-v-3535a50c]:focus-visible,.m-pagination .pagintion-jump-next[data-v-3535a50c]:focus-visible{outline:2px solid var(--pagination-primary-color-focus-visible);outline-offset:1px;transition:outline-offset 0s,outline 0s}.m-pagination .pagintion-jump-prev:focus-visible .ellipsis-character[data-v-3535a50c],.m-pagination .pagintion-jump-next:focus-visible .ellipsis-character[data-v-3535a50c]{opacity:0;pointer-events:none}.m-pagination .pagintion-jump-prev:focus-visible .icon-svg[data-v-3535a50c],.m-pagination .pagintion-jump-next:focus-visible .icon-svg[data-v-3535a50c]{opacity:1;pointer-events:auto}.m-pagination .pagination-options[data-v-3535a50c]{display:inline-flex;gap:8px;margin-left:8px}.m-pagination .pagination-options .pagination-jump-page[data-v-3535a50c]{display:inline-flex;gap:8px;align-items:center;vertical-align:bottom;height:32px}.pagination-left[data-v-3535a50c]{justify-content:flex-start}.pagination-center[data-v-3535a50c]{justify-content:center}.pagination-right[data-v-3535a50c]{justify-content:flex-end}.pagination-small[data-v-3535a50c]{gap:4px}.pagination-small .pagination-total-text[data-v-3535a50c]{height:24px}.pagination-small .pagination-item[data-v-3535a50c],.pagination-small .pagination-prev[data-v-3535a50c],.pagination-small .pagination-next[data-v-3535a50c],.pagination-small .pagintion-jump-prev[data-v-3535a50c],.pagination-small .pagintion-jump-next[data-v-3535a50c]{min-width:24px;height:24px}.pagination-small .pagintion-jump-prev .ellipsis-character[data-v-3535a50c],.pagination-small .pagintion-jump-next .ellipsis-character[data-v-3535a50c]{line-height:24px}.pagination-small .pagination-options[data-v-3535a50c]{gap:4px;margin-left:4px}.pagination-small .pagination-options .pagination-jump-page[data-v-3535a50c]{gap:4px;height:24px}.pagination-middle[data-v-3535a50c]{gap:6px}.pagination-middle .pagination-total-text[data-v-3535a50c]{height:28px}.pagination-middle .pagination-item[data-v-3535a50c],.pagination-middle .pagination-prev[data-v-3535a50c],.pagination-middle .pagination-next[data-v-3535a50c],.pagination-middle .pagintion-jump-prev[data-v-3535a50c],.pagination-middle .pagintion-jump-next[data-v-3535a50c]{min-width:28px;height:28px}.pagination-middle .pagintion-jump-prev .ellipsis-character[data-v-3535a50c],.pagination-middle .pagintion-jump-next .ellipsis-character[data-v-3535a50c]{line-height:28px}.pagination-middle .pagination-options[data-v-3535a50c]{gap:6px;margin-left:6px}.pagination-middle .pagination-options .pagination-jump-page[data-v-3535a50c]{gap:6px;height:28px}.pagination-middle .pagination-options .pagination-jump-page[data-v-3535a50c] .m-input .input-wrap{padding:3px 11px}.pagination-disabled .pagination-prev[data-v-3535a50c],.pagination-disabled .pagination-next[data-v-3535a50c]{color:#00000040;border-color:#00000040;cursor:not-allowed}.pagination-disabled .pagination-prev .arrow-svg[data-v-3535a50c],.pagination-disabled .pagination-next .arrow-svg[data-v-3535a50c]{color:#00000040}.pagination-disabled .pagination-prev[data-v-3535a50c]:hover,.pagination-disabled .pagination-next[data-v-3535a50c]:hover{border-color:#00000040}.pagination-disabled .pagination-prev:hover .arrow-svg[data-v-3535a50c],.pagination-disabled .pagination-next:hover .arrow-svg[data-v-3535a50c]{color:#00000040}.pagination-disabled .pagination-prev[data-v-3535a50c]:focus-visible,.pagination-disabled .pagination-next[data-v-3535a50c]:focus-visible{outline:0!important}.pagination-disabled .pagination-item[data-v-3535a50c]{color:#00000040;border-color:#00000040;cursor:not-allowed}.pagination-disabled .pagination-item[data-v-3535a50c]:hover{font-weight:400;color:#00000040;border-color:#00000040}.pagination-disabled .pagination-item[data-v-3535a50c]:focus-visible{outline:0}.pagination-disabled .pagination-item-active[data-v-3535a50c]{border-color:#d9d9d9;background-color:#00000026}.pagination-disabled .pagination-item-active[data-v-3535a50c]:hover{font-weight:600;color:#00000040;border-color:#d9d9d9;background-color:#00000026}.pagination-disabled .pagintion-jump-prev[data-v-3535a50c],.pagination-disabled .pagintion-jump-next[data-v-3535a50c]{color:#00000040;cursor:not-allowed}.pagination-disabled .pagintion-jump-prev:hover .ellipsis-character[data-v-3535a50c],.pagination-disabled .pagintion-jump-next:hover .ellipsis-character[data-v-3535a50c]{opacity:1;pointer-events:none}.pagination-disabled .pagintion-jump-prev:hover .icon-svg[data-v-3535a50c],.pagination-disabled .pagintion-jump-next:hover .icon-svg[data-v-3535a50c]{opacity:0;pointer-events:none}.pagination-disabled .pagintion-jump-prev[data-v-3535a50c]:focus-visible,.pagination-disabled .pagintion-jump-next[data-v-3535a50c]:focus-visible{outline:0}.pagination-disabled .pagintion-jump-prev:focus-visible .ellipsis-character[data-v-3535a50c],.pagination-disabled .pagintion-jump-next:focus-visible .ellipsis-character[data-v-3535a50c]{opacity:1;pointer-events:none}.pagination-disabled .pagintion-jump-prev:focus-visible .icon-svg[data-v-3535a50c],.pagination-disabled .pagintion-jump-next:focus-visible .icon-svg[data-v-3535a50c]{opacity:0;pointer-events:none}.pagination-disabled .pagination-options[data-v-3535a50c]{color:#00000040;cursor:not-allowed}.pagination-hidden[data-v-3535a50c]{display:none}
|
|
@@ -41,6 +41,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
|
|
|
41
41
|
showTotal: boolean | ((total: number, range: number[]) => string);
|
|
42
42
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
43
43
|
forward: HTMLSpanElement;
|
|
44
|
+
pageListRef: HTMLSpanElement[];
|
|
44
45
|
backward: HTMLSpanElement;
|
|
45
46
|
}, HTMLDivElement>;
|
|
46
47
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Pagination.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3535a50c"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as G, ref as m, computed as v, watch as T, createElementBlock as b, openBlock as p, normalizeClass as c, createCommentVNode as y, createElementVNode as u, withDirectives as S, toDisplayString as P, withKeys as f, withModifiers as g, vShow as L, Fragment as W, renderList as X, createBlock as Y, unref as j, mergeProps as O, createTextVNode as H, createVNode as Z, nextTick as F } from "vue";
|
|
2
|
+
import x from "../input/index.js";
|
|
3
|
+
import _ from "../select/index.js";
|
|
4
|
+
const ee = {
|
|
5
5
|
key: 0,
|
|
6
|
-
class: "pagination-total-text
|
|
7
|
-
},
|
|
6
|
+
class: "pagination-total-text"
|
|
7
|
+
}, ae = ["onKeydown", "onClick"], le = {
|
|
8
8
|
key: 1,
|
|
9
9
|
class: "pagination-options"
|
|
10
|
-
},
|
|
10
|
+
}, te = {
|
|
11
11
|
key: 1,
|
|
12
12
|
class: "pagination-jump-page"
|
|
13
|
-
},
|
|
13
|
+
}, se = /* @__PURE__ */ G({
|
|
14
14
|
__name: "Pagination",
|
|
15
15
|
props: {
|
|
16
16
|
page: { default: 1 },
|
|
@@ -29,75 +29,84 @@ const Z = {
|
|
|
29
29
|
size: { default: "large" }
|
|
30
30
|
},
|
|
31
31
|
emits: ["update:page", "update:pageSize", "change", "pageSizeChange"],
|
|
32
|
-
setup(
|
|
33
|
-
const
|
|
34
|
-
if (typeof
|
|
35
|
-
if (
|
|
36
|
-
return `共 ${
|
|
32
|
+
setup(I, { emit: J }) {
|
|
33
|
+
const n = I, l = m(n.page), s = m(n.pageSize), $ = m(null), w = m(), C = m(!1), k = m(!1), d = J, o = v(() => Math.ceil(n.total / s.value)), B = v(() => {
|
|
34
|
+
if (typeof n.showTotal == "boolean") {
|
|
35
|
+
if (n.showTotal)
|
|
36
|
+
return `共 ${n.total} 条`;
|
|
37
37
|
} else {
|
|
38
|
-
const e = (
|
|
39
|
-
return
|
|
38
|
+
const e = (l.value - 1) * s.value + 1, a = l.value * s.value > n.total ? n.total : l.value * s.value;
|
|
39
|
+
return n.showTotal(n.total, [e, a]);
|
|
40
40
|
}
|
|
41
41
|
return null;
|
|
42
|
-
}),
|
|
43
|
-
const e = [s.value, ...
|
|
42
|
+
}), h = v(() => D(l.value).filter((e) => e !== 1 && e !== o.value)), M = v(() => typeof n.showSizeChanger == "boolean" ? n.showSizeChanger : n.total > 50), E = v(() => {
|
|
43
|
+
const e = [s.value, ...n.pageSizeOptions].map(
|
|
44
44
|
(a) => Number(a)
|
|
45
45
|
);
|
|
46
|
-
return Array.from(new Set(e)).sort((a,
|
|
46
|
+
return Array.from(new Set(e)).sort((a, t) => a - t).map((a) => ({
|
|
47
47
|
label: `${a} 条/页`,
|
|
48
48
|
value: a
|
|
49
49
|
}));
|
|
50
|
-
}),
|
|
50
|
+
}), Q = v(() => {
|
|
51
51
|
const e = {
|
|
52
52
|
small: 24,
|
|
53
53
|
middle: 28,
|
|
54
54
|
large: 32
|
|
55
55
|
};
|
|
56
|
-
return e[
|
|
57
|
-
}),
|
|
58
|
-
|
|
59
|
-
() =>
|
|
56
|
+
return e[n.size] || e.large;
|
|
57
|
+
}), A = v(() => n.size === "small" ? "small" : "middle");
|
|
58
|
+
T(
|
|
59
|
+
() => n.page,
|
|
60
60
|
(e) => {
|
|
61
|
-
|
|
61
|
+
l.value = e;
|
|
62
62
|
}
|
|
63
|
-
),
|
|
64
|
-
() =>
|
|
63
|
+
), T(
|
|
64
|
+
() => n.pageSize,
|
|
65
65
|
(e) => {
|
|
66
66
|
s.value = e;
|
|
67
67
|
}
|
|
68
68
|
);
|
|
69
|
-
function
|
|
70
|
-
var a = [],
|
|
71
|
-
start: e -
|
|
72
|
-
end: e +
|
|
69
|
+
function D(e) {
|
|
70
|
+
var a = [], t = Math.floor(n.pageAmount / 2), i = {
|
|
71
|
+
start: e - t,
|
|
72
|
+
end: e + t
|
|
73
73
|
};
|
|
74
|
-
i.start < 1 && (i.end = i.end + (1 - i.start), i.start = 1), i.end > o.value && (i.start = i.start - (i.end - o.value), i.end = o.value), i.start < 1 && (i.start = 1), i.start > 1 ?
|
|
75
|
-
for (let
|
|
76
|
-
a.push(
|
|
74
|
+
i.start < 1 && (i.end = i.end + (1 - i.start), i.start = 1), i.end > o.value && (i.start = i.start - (i.end - o.value), i.end = o.value), i.start < 1 && (i.start = 1), i.start > 1 ? C.value = !0 : C.value = !1, i.end < o.value ? k.value = !0 : k.value = !1;
|
|
75
|
+
for (let z = i.start; z <= i.end; z++)
|
|
76
|
+
a.push(z);
|
|
77
77
|
return a;
|
|
78
78
|
}
|
|
79
79
|
function K() {
|
|
80
|
-
|
|
80
|
+
l.value = l.value - n.pageAmount > 0 ? l.value - n.pageAmount : 1, d("update:page", l.value), d("change", l.value, s.value);
|
|
81
|
+
}
|
|
82
|
+
function N() {
|
|
83
|
+
l.value = l.value + n.pageAmount < o.value ? l.value + n.pageAmount : o.value, d("update:page", l.value), d("change", l.value, s.value);
|
|
81
84
|
}
|
|
82
|
-
function
|
|
83
|
-
|
|
85
|
+
async function V() {
|
|
86
|
+
let e = Number(w.value);
|
|
87
|
+
w.value && Number.isInteger(e) && (e < 1 && (e = 1), e > o.value && (e = o.value), r(e)), await F(), w.value = void 0;
|
|
84
88
|
}
|
|
85
|
-
async function
|
|
86
|
-
|
|
87
|
-
|
|
89
|
+
async function R(e) {
|
|
90
|
+
var t;
|
|
91
|
+
await F();
|
|
92
|
+
const a = h.value.findIndex((i) => i === e);
|
|
93
|
+
(t = $.value) == null || t[a].focus();
|
|
88
94
|
}
|
|
89
|
-
function
|
|
95
|
+
function r(e, a = !1) {
|
|
90
96
|
if (e === 0 || e === o.value + 1)
|
|
91
97
|
return !1;
|
|
92
|
-
|
|
98
|
+
l.value !== e && (l.value = e, a && R(e), d("update:page", l.value), d("change", l.value, s.value));
|
|
93
99
|
}
|
|
94
|
-
function
|
|
100
|
+
function U(e, a) {
|
|
101
|
+
e.target.focus(), r(a);
|
|
102
|
+
}
|
|
103
|
+
function q(e) {
|
|
95
104
|
s.value = e;
|
|
96
|
-
const a = Math.ceil(
|
|
97
|
-
|
|
105
|
+
const a = Math.ceil(n.total / e);
|
|
106
|
+
l.value > a && (l.value = a), d("update:page", l.value), d("update:pageSize", s.value), d("pageSizeChange", l.value, s.value), d("change", l.value, s.value);
|
|
98
107
|
}
|
|
99
|
-
return (e, a) => (
|
|
100
|
-
class:
|
|
108
|
+
return (e, a) => (p(), b("div", {
|
|
109
|
+
class: c(["m-pagination", [
|
|
101
110
|
`pagination-${e.placement}`,
|
|
102
111
|
{
|
|
103
112
|
"pagination-small": e.size === "small",
|
|
@@ -106,15 +115,15 @@ const Z = {
|
|
|
106
115
|
"pagination-hidden": !e.total || e.hideOnSinglePage && e.total <= s.value
|
|
107
116
|
}
|
|
108
117
|
]]),
|
|
109
|
-
style: "--pagination-primary-color: #1677ff;"
|
|
118
|
+
style: "--pagination-primary-color: #1677ff; --pagination-primary-color-focus-visible: #91caff;"
|
|
110
119
|
}, [
|
|
111
|
-
|
|
120
|
+
B.value ? (p(), b("span", ee, P(B.value), 1)) : y("", !0),
|
|
112
121
|
u("span", {
|
|
113
122
|
tabindex: "0",
|
|
114
|
-
class:
|
|
115
|
-
onKeydown: a[0] || (a[0] =
|
|
116
|
-
onClick: a[1] || (a[1] = (
|
|
117
|
-
}, a[
|
|
123
|
+
class: c(["pagination-prev", { "pagination-item-disabled": l.value === 1 }]),
|
|
124
|
+
onKeydown: a[0] || (a[0] = f(g((t) => e.disabled ? () => !1 : r(l.value - 1), ["prevent"]), ["enter"])),
|
|
125
|
+
onClick: a[1] || (a[1] = (t) => e.disabled || l.value === 1 ? () => !1 : r(l.value - 1))
|
|
126
|
+
}, a[14] || (a[14] = [
|
|
118
127
|
u("svg", {
|
|
119
128
|
class: "arrow-svg",
|
|
120
129
|
viewBox: "64 64 896 896",
|
|
@@ -130,43 +139,50 @@ const Z = {
|
|
|
130
139
|
]), 34),
|
|
131
140
|
u("span", {
|
|
132
141
|
tabindex: "0",
|
|
133
|
-
class:
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
142
|
+
class: c(["pagination-item", { "pagination-item-active": l.value === 1 }]),
|
|
143
|
+
onKeydown: a[2] || (a[2] = f(g((t) => e.disabled ? () => !1 : r(1), ["prevent"]), ["enter"])),
|
|
144
|
+
onClick: a[3] || (a[3] = (t) => e.disabled ? () => !1 : r(1))
|
|
145
|
+
}, " 1 ", 34),
|
|
146
|
+
S(u("span", {
|
|
137
147
|
tabindex: "0",
|
|
138
148
|
ref: "forward",
|
|
139
|
-
class: "pagintion-
|
|
140
|
-
|
|
141
|
-
|
|
149
|
+
class: "pagintion-jump-prev",
|
|
150
|
+
onKeydown: a[4] || (a[4] = f(g((t) => e.disabled ? () => !1 : K(), ["prevent"]), ["enter"])),
|
|
151
|
+
onClick: a[5] || (a[5] = (t) => e.disabled ? () => !1 : K())
|
|
152
|
+
}, a[15] || (a[15] = [
|
|
142
153
|
u("span", { class: "ellipsis-character" }, "•••", -1),
|
|
143
154
|
u("svg", {
|
|
144
155
|
class: "icon-svg",
|
|
145
156
|
focusable: "false",
|
|
146
|
-
"data-icon": "double-
|
|
157
|
+
"data-icon": "double-left",
|
|
147
158
|
width: "1em",
|
|
148
159
|
height: "1em",
|
|
149
160
|
fill: "currentColor",
|
|
150
161
|
"aria-hidden": "true",
|
|
151
162
|
viewBox: "64 64 896 896"
|
|
152
163
|
}, [
|
|
153
|
-
u("path", { d: "
|
|
164
|
+
u("path", { d: "M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z" })
|
|
154
165
|
], -1)
|
|
155
|
-
]),
|
|
156
|
-
[
|
|
166
|
+
]), 544), [
|
|
167
|
+
[L, C.value && h.value[0] - 1 > 1]
|
|
157
168
|
]),
|
|
158
|
-
(
|
|
169
|
+
(p(!0), b(W, null, X(h.value, (t, i) => (p(), b("span", {
|
|
170
|
+
ref_for: !0,
|
|
171
|
+
ref_key: "pageListRef",
|
|
172
|
+
ref: $,
|
|
159
173
|
tabindex: "0",
|
|
160
|
-
class:
|
|
174
|
+
class: c(["pagination-item", { "pagination-item-active": l.value === t }]),
|
|
161
175
|
key: i,
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
176
|
+
onKeydown: f(g((z) => e.disabled ? () => !1 : r(t, !0), ["prevent"]), ["enter"]),
|
|
177
|
+
onClick: (z) => e.disabled ? () => !1 : r(t, !0)
|
|
178
|
+
}, P(t), 43, ae))), 128)),
|
|
179
|
+
S(u("span", {
|
|
165
180
|
tabindex: "0",
|
|
166
181
|
ref: "backward",
|
|
167
|
-
class: "pagintion-
|
|
168
|
-
|
|
169
|
-
|
|
182
|
+
class: "pagintion-jump-next",
|
|
183
|
+
onKeydown: a[6] || (a[6] = f(g((t) => e.disabled ? () => !1 : N(), ["prevent"]), ["enter"])),
|
|
184
|
+
onClick: a[7] || (a[7] = (t) => e.disabled ? () => !1 : N())
|
|
185
|
+
}, a[16] || (a[16] = [
|
|
170
186
|
u("span", { class: "ellipsis-character" }, "•••", -1),
|
|
171
187
|
u("svg", {
|
|
172
188
|
class: "icon-svg",
|
|
@@ -180,22 +196,23 @@ const Z = {
|
|
|
180
196
|
}, [
|
|
181
197
|
u("path", { d: "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z" })
|
|
182
198
|
], -1)
|
|
183
|
-
]),
|
|
184
|
-
[
|
|
199
|
+
]), 544), [
|
|
200
|
+
[L, k.value && h.value[h.value.length - 1] + 1 < o.value]
|
|
185
201
|
]),
|
|
186
|
-
|
|
202
|
+
S(u("span", {
|
|
187
203
|
tabindex: "0",
|
|
188
|
-
class:
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
204
|
+
class: c(["pagination-item", { "pagination-item-active": l.value === o.value }]),
|
|
205
|
+
onKeydown: a[8] || (a[8] = f(g((t) => e.disabled ? () => !1 : r(o.value), ["prevent"]), ["enter"])),
|
|
206
|
+
onClick: a[9] || (a[9] = (t) => e.disabled ? () => !1 : r(o.value))
|
|
207
|
+
}, P(o.value), 35), [
|
|
208
|
+
[L, o.value !== 1]
|
|
192
209
|
]),
|
|
193
210
|
u("span", {
|
|
194
211
|
tabindex: "0",
|
|
195
|
-
class:
|
|
196
|
-
onKeydown: a[
|
|
197
|
-
onClick: a[
|
|
198
|
-
}, a[
|
|
212
|
+
class: c(["pagination-next", { "pagination-item-disabled": l.value === o.value }]),
|
|
213
|
+
onKeydown: a[10] || (a[10] = f(g((t) => e.disabled ? () => !1 : r(l.value + 1), ["prevent"]), ["enter"])),
|
|
214
|
+
onClick: a[11] || (a[11] = (t) => e.disabled || l.value === o.value ? () => !1 : U(t, l.value + 1))
|
|
215
|
+
}, a[17] || (a[17] = [
|
|
199
216
|
u("svg", {
|
|
200
217
|
class: "arrow-svg",
|
|
201
218
|
viewBox: "64 64 896 896",
|
|
@@ -209,35 +226,35 @@ const Z = {
|
|
|
209
226
|
u("path", { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" })
|
|
210
227
|
], -1)
|
|
211
228
|
]), 34),
|
|
212
|
-
|
|
213
|
-
|
|
229
|
+
M.value || e.showQuickJumper ? (p(), b("span", le, [
|
|
230
|
+
M.value ? (p(), Y(j(_), O({
|
|
214
231
|
key: 0,
|
|
215
|
-
size:
|
|
216
|
-
height:
|
|
232
|
+
size: A.value,
|
|
233
|
+
height: Q.value,
|
|
217
234
|
disabled: e.disabled,
|
|
218
|
-
options:
|
|
235
|
+
options: E.value,
|
|
219
236
|
modelValue: s.value,
|
|
220
|
-
"onUpdate:modelValue": a[
|
|
221
|
-
onChange:
|
|
222
|
-
}, e.changerProps), null, 16, ["size", "height", "disabled", "options", "modelValue"])) :
|
|
223
|
-
e.showQuickJumper ? (
|
|
224
|
-
a[
|
|
225
|
-
|
|
237
|
+
"onUpdate:modelValue": a[12] || (a[12] = (t) => s.value = t),
|
|
238
|
+
onChange: q
|
|
239
|
+
}, e.changerProps), null, 16, ["size", "height", "disabled", "options", "modelValue"])) : y("", !0),
|
|
240
|
+
e.showQuickJumper ? (p(), b("span", te, [
|
|
241
|
+
a[18] || (a[18] = H(" 跳至")),
|
|
242
|
+
Z(j(x), O({
|
|
226
243
|
width: 50,
|
|
227
|
-
size:
|
|
244
|
+
size: A.value,
|
|
228
245
|
disabled: e.disabled,
|
|
229
|
-
value:
|
|
230
|
-
"onUpdate:value": a[
|
|
246
|
+
value: w.value,
|
|
247
|
+
"onUpdate:value": a[13] || (a[13] = (t) => w.value = t),
|
|
231
248
|
valueModifiers: { lazy: !0 },
|
|
232
|
-
onChange:
|
|
233
|
-
onEnter:
|
|
249
|
+
onChange: V,
|
|
250
|
+
onEnter: V
|
|
234
251
|
}, e.jumperProps), null, 16, ["size", "disabled", "value"]),
|
|
235
|
-
a[
|
|
236
|
-
])) :
|
|
237
|
-
])) :
|
|
252
|
+
a[19] || (a[19] = H("页 "))
|
|
253
|
+
])) : y("", !0)
|
|
254
|
+
])) : y("", !0)
|
|
238
255
|
], 2));
|
|
239
256
|
}
|
|
240
257
|
});
|
|
241
258
|
export {
|
|
242
|
-
|
|
259
|
+
se as default
|
|
243
260
|
};
|
package/es/pagination/index.d.ts
CHANGED
|
@@ -27,6 +27,7 @@ declare const _default: {
|
|
|
27
27
|
showTotal: boolean | ((total: number, range: number[]) => string);
|
|
28
28
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
29
29
|
forward: HTMLSpanElement;
|
|
30
|
+
pageListRef: HTMLSpanElement[];
|
|
30
31
|
backward: HTMLSpanElement;
|
|
31
32
|
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
32
33
|
P: {};
|
package/es/select/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.slide-down-enter[data-v-
|
|
1
|
+
.slide-down-enter[data-v-363d6db8]{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-down-enter-active[data-v-363d6db8]{animation-name:slideDownIn-363d6db8;animation-play-state:running}@keyframes slideDownIn-363d6db8{0%{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}.slide-down-leave[data-v-363d6db8]{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-down-leave-active[data-v-363d6db8]{animation-name:slideDownOut-363d6db8;animation-play-state:running}@keyframes slideDownOut-363d6db8{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}}.m-select[data-v-363d6db8]{position:relative;display:inline-block;width:var(--select-width);height:var(--select-height);font-size:14px;font-weight:400;color:#000000e0;outline:none;cursor:pointer;transition:all .3s}.m-select:not(.select-disabled):hover .select-wrap[data-v-363d6db8]{border-color:var(--select-primary-color-hover)}.m-select .select-wrap[data-v-363d6db8]{position:relative;display:flex;padding:0 11px;border:1px solid #d9d9d9;border-radius:6px;background-color:#fff;width:100%;height:100%;outline:none;transition:all .2s cubic-bezier(.645,.045,.355,1)}.m-select .select-wrap[data-v-363d6db8]:after{display:inline-block;width:0;visibility:hidden;content:" ";line-height:calc(var(--select-height) - 2px)}.m-select .select-wrap .select-search[data-v-363d6db8]{position:absolute;top:0;bottom:0;left:11px;right:11px}.m-select .select-wrap .select-search .search-input[data-v-363d6db8]{margin:0;padding:0;width:100%;height:100%;caret-color:transparent;vertical-align:top;background:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;cursor:pointer}.m-select .select-wrap .select-search .caret-show[data-v-363d6db8]{caret-color:auto}.m-select .select-wrap .select-item[data-v-363d6db8]{position:relative;padding-right:18px;flex:1;line-height:calc(var(--select-height) - 2px);-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.m-select .select-wrap .select-placeholder[data-v-363d6db8]{color:#00000040;transition:none;pointer-events:none}.m-select .select-wrap .icon-svg[data-v-363d6db8]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.m-select .select-wrap .arrow-svg[data-v-363d6db8]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .3s,opacity .3s}.m-select .select-wrap .arrow-rotate[data-v-363d6db8]{transform:rotate(180deg)}.m-select .select-wrap .search-svg[data-v-363d6db8]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .3s}.m-select .select-wrap .clear-svg[data-v-363d6db8]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;background:#fff;cursor:pointer;transition:color .2s,opacity .3s}.m-select .select-wrap .clear-svg[data-v-363d6db8]:hover{color:#00000073}.m-select .select-wrap .show-svg[data-v-363d6db8]{opacity:1;pointer-events:auto}.m-select .select-options-panel[data-v-363d6db8]{position:absolute;top:calc(var(--select-height) + 4px);z-index:1000;width:100%;background-color:#fff;border-radius:8px;outline:none;cursor:auto;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.m-select .select-options-panel .select-option[data-v-363d6db8]{min-height:32px;display:block;padding:5px 12px;border-radius:4px;color:#000000e0;font-weight:400;font-size:14px;line-height:1.57142857;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background .3s ease}.m-select .select-options-panel .option-hover[data-v-363d6db8]{background:#0000000a}.m-select .select-options-panel .option-selected[data-v-363d6db8]{font-weight:600;background:var(--select-item-bg-color-active)}.m-select .select-options-panel .option-disabled[data-v-363d6db8]{color:#00000040;cursor:not-allowed}.m-select .options-empty[data-v-363d6db8]{padding:9px 16px}.m-select .options-empty .m-empty[data-v-363d6db8]{margin-block:8px}.m-select .options-empty .m-empty[data-v-363d6db8] .empty-image-wrap{height:35px}.select-focused:not(.select-disabled) .select-wrap[data-v-363d6db8]{border-color:var(--select-primary-color-focus);box-shadow:0 0 0 2px var(--select-primary-shadow-color)}.search-select .select-wrap[data-v-363d6db8]{cursor:text}.search-select .select-wrap .select-search .search-input[data-v-363d6db8]{cursor:auto;color:inherit;opacity:1}.select-small[data-v-363d6db8]{font-size:14px}.select-small .select-wrap[data-v-363d6db8]{padding:0 7px;border-radius:4px}.select-small .select-wrap .select-search[data-v-363d6db8]{left:7px;right:28px}.select-small .select-wrap .select-item[data-v-363d6db8]{padding-right:22px}.select-large[data-v-363d6db8]{font-size:16px}.select-large .select-wrap[data-v-363d6db8]{padding:0 11px;border-radius:8px}.select-large .select-wrap .select-item[data-v-363d6db8]{padding-right:20px}.select-disabled .select-wrap[data-v-363d6db8]{color:#00000040;background:#f5f5f5;-webkit-user-select:none;user-select:none;cursor:not-allowed}.select-disabled .select-wrap .select-search .search-input[data-v-363d6db8]{cursor:not-allowed}
|
package/es/select/Select.vue.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Select.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-363d6db8"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|