vue-amazing-ui 2.2.13 → 2.2.15
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/README.md +1 -1
- package/README.zh-CN.md +1 -1
- package/dist/index.iife.js +114 -66
- package/dist/index.js +2662 -2600
- package/dist/index.umd.cjs +109 -61
- package/dist/style.css +1 -1
- package/es/alert/Alert.css +1 -1
- package/es/alert/Alert.vue.js +2 -2
- package/es/alert/Alert.vue2.js +62 -48
- package/es/backtop/BackTop.css +1 -1
- package/es/backtop/BackTop.vue.js +2 -2
- package/es/backtop/BackTop.vue2.js +43 -43
- package/es/carousel/Carousel.css +1 -1
- package/es/carousel/Carousel.vue.js +2 -2
- package/es/carousel/Carousel.vue2.js +73 -65
- package/es/cascader/Cascader.css +1 -1
- package/es/cascader/Cascader.d.ts +5 -3
- package/es/cascader/Cascader.vue.js +2 -2
- package/es/cascader/Cascader.vue2.js +61 -50
- package/es/cascader/index.d.ts +3 -0
- package/es/datepicker/DatePicker.css +1 -1
- package/es/datepicker/DatePicker.vue.js +2 -2
- package/es/datepicker/DatePicker.vue2.js +15 -9
- package/es/image/Image.css +1 -1
- package/es/image/Image.vue.js +2 -2
- package/es/image/Image.vue2.js +1 -1
- package/es/loadingbar/LoadingBar.css +1 -1
- package/es/loadingbar/LoadingBar.vue.js +2 -2
- package/es/loadingbar/LoadingBar.vue2.js +26 -23
- package/es/progress/Progress.css +1 -1
- package/es/progress/Progress.vue.js +2 -2
- package/es/progress/Progress.vue2.js +16 -11
- package/es/select/Select.css +1 -1
- package/es/select/Select.d.ts +3 -3
- package/es/select/Select.vue.js +2 -2
- package/es/select/Select.vue2.js +80 -81
- package/es/spin/Spin.css +1 -1
- package/es/spin/Spin.vue.js +2 -2
- package/es/spin/Spin.vue2.js +40 -40
- package/es/swiper/Swiper.css +1 -1
- package/es/swiper/Swiper.vue.js +1 -1
- package/es/swiper/Swiper.vue2.js +62 -46
- package/es/utils/resolver.js +6 -6
- package/lib/alert/Alert.css +1 -1
- package/lib/alert/Alert.vue.cjs +1 -1
- package/lib/alert/Alert.vue2.cjs +14 -1
- package/lib/backtop/BackTop.css +1 -1
- package/lib/backtop/BackTop.vue.cjs +1 -1
- package/lib/backtop/BackTop.vue2.cjs +19 -19
- package/lib/carousel/Carousel.css +1 -1
- package/lib/carousel/Carousel.vue.cjs +1 -1
- package/lib/carousel/Carousel.vue2.cjs +9 -1
- package/lib/cascader/Cascader.css +1 -1
- package/lib/cascader/Cascader.d.ts +5 -3
- package/lib/cascader/Cascader.vue.cjs +1 -1
- package/lib/cascader/Cascader.vue2.cjs +1 -1
- package/lib/cascader/index.d.ts +3 -0
- package/lib/datepicker/DatePicker.css +1 -1
- package/lib/datepicker/DatePicker.vue.cjs +1 -1
- package/lib/datepicker/DatePicker.vue2.cjs +7 -1
- package/lib/image/Image.css +1 -1
- package/lib/image/Image.vue.cjs +1 -1
- package/lib/image/Image.vue2.cjs +1 -1
- package/lib/loadingbar/LoadingBar.css +1 -1
- package/lib/loadingbar/LoadingBar.vue.cjs +1 -1
- package/lib/loadingbar/LoadingBar.vue2.cjs +1 -1
- package/lib/progress/Progress.css +1 -1
- package/lib/progress/Progress.vue.cjs +1 -1
- package/lib/progress/Progress.vue2.cjs +11 -5
- package/lib/select/Select.css +1 -1
- package/lib/select/Select.d.ts +3 -3
- package/lib/select/Select.vue.cjs +1 -1
- package/lib/select/Select.vue2.cjs +2 -2
- package/lib/spin/Spin.css +1 -1
- package/lib/spin/Spin.vue.cjs +1 -1
- package/lib/spin/Spin.vue2.cjs +2 -2
- package/lib/swiper/Swiper.css +1 -1
- package/lib/swiper/Swiper.vue.cjs +1 -1
- package/lib/swiper/Swiper.vue2.cjs +16 -1
- package/lib/utils/resolver.cjs +1 -1
- package/package.json +15 -15
- /package/es/node_modules/.pnpm/{@vuepic_vue-datepicker@11.0.1_vue@3.5.13_typescript@5.7.3_ → @vuepic_vue-datepicker@11.0.1_vue@3.5.13_typescript@5.8.2_}/node_modules/@vuepic/vue-datepicker/dist/main.css +0 -0
- /package/es/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/effect-cards.css +0 -0
- /package/es/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/effect-creative.css +0 -0
- /package/es/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/effect-cube.css +0 -0
- /package/es/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/effect-fade.css +0 -0
- /package/es/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/effect-flip.css +0 -0
- /package/es/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/navigation.css +0 -0
- /package/es/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/pagination.css +0 -0
- /package/es/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/swiper.css +0 -0
- /package/lib/node_modules/.pnpm/{@vuepic_vue-datepicker@11.0.1_vue@3.5.13_typescript@5.7.3_ → @vuepic_vue-datepicker@11.0.1_vue@3.5.13_typescript@5.8.2_}/node_modules/@vuepic/vue-datepicker/dist/main.css +0 -0
- /package/lib/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/effect-cards.css +0 -0
- /package/lib/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/effect-creative.css +0 -0
- /package/lib/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/effect-cube.css +0 -0
- /package/lib/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/effect-fade.css +0 -0
- /package/lib/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/effect-flip.css +0 -0
- /package/lib/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/navigation.css +0 -0
- /package/lib/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/modules/pagination.css +0 -0
- /package/lib/node_modules/.pnpm/{swiper@11.2.4 → swiper@11.2.5}/node_modules/swiper/swiper.css +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as ke, ref as n, computed as h, watch as Z, createElementBlock as v, openBlock as f, normalizeStyle as
|
|
1
|
+
import { defineComponent as ke, ref as n, computed as h, watch as Z, createElementBlock as v, openBlock as f, normalizeStyle as d, normalizeClass as $, createElementVNode as b, createCommentVNode as K, Fragment as O, renderList as x, createVNode as _, unref as ee, mergeProps as ae, withCtx as te, withModifiers as H } from "vue";
|
|
2
2
|
import { useEventListener as $e, useResizeObserver as be, cancelRaf as m, rafTimeout as le } from "../utils/index.js";
|
|
3
3
|
import { useTransition as Ce } from "@vueuse/core";
|
|
4
4
|
import ue from "../spin/index.js";
|
|
@@ -30,19 +30,19 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
30
30
|
slideFunction: { default: () => [0.65, 0, 0.35, 1] }
|
|
31
31
|
},
|
|
32
32
|
emits: ["change", "click"],
|
|
33
|
-
setup(
|
|
34
|
-
const
|
|
33
|
+
setup(oe, { expose: ie, emit: ne }) {
|
|
34
|
+
const a = oe, r = n(0), o = n(), M = n(!1), s = n(!1), g = n(), B = n(), C = n(), t = n(1), S = n(), A = n(), w = n(Array(a.images.length).fill(!1)), I = ne, re = h(() => typeof a.width == "number" ? `${a.width}px` : a.width), se = h(() => typeof a.height == "number" ? `${a.height}px` : a.height), i = h(() => a.images.length), F = h(() => ["left", "right"].includes(a.dotPosition)), c = h(() => F.value ? A.value : S.value), ve = h(() => a.effect === "slide" ? {
|
|
35
35
|
transform: (F.value ? "translateY" : "translateX") + `(${-r.value}px)`
|
|
36
36
|
} : {});
|
|
37
37
|
Z(
|
|
38
38
|
() => [
|
|
39
39
|
F.value,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
40
|
+
a.effect,
|
|
41
|
+
a.images,
|
|
42
|
+
a.autoplay,
|
|
43
|
+
a.interval,
|
|
44
|
+
a.fadeDuration,
|
|
45
|
+
a.fadeFunction,
|
|
46
46
|
w.value[0]
|
|
47
47
|
],
|
|
48
48
|
() => {
|
|
@@ -52,13 +52,13 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
52
52
|
deep: !0,
|
|
53
53
|
flush: "post"
|
|
54
54
|
}
|
|
55
|
-
), Z(
|
|
55
|
+
), Z(t, (e) => {
|
|
56
56
|
I("change", e);
|
|
57
|
-
}), $e(document, "visibilitychange",
|
|
57
|
+
}), $e(document, "visibilitychange", ce), be(C, () => {
|
|
58
58
|
fe(), V();
|
|
59
59
|
});
|
|
60
60
|
function V() {
|
|
61
|
-
|
|
61
|
+
o.value && m(o.value), g.value && cancelAnimationFrame(g.value), s.value = !1, a.effect === "slide" && (r.value = (t.value - 1) * c.value), R();
|
|
62
62
|
}
|
|
63
63
|
function W(e) {
|
|
64
64
|
w.value[e] = !0;
|
|
@@ -67,52 +67,52 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
67
67
|
S.value = C.value.offsetWidth, A.value = C.value.offsetHeight;
|
|
68
68
|
}
|
|
69
69
|
function P(e) {
|
|
70
|
-
|
|
70
|
+
i.value > 1 && ((e.key === "ArrowLeft" || e.key === "ArrowUp") && D(), (e.key === "ArrowRight" || e.key === "ArrowDown") && N());
|
|
71
71
|
}
|
|
72
|
-
function
|
|
73
|
-
document.visibilityState === "hidden" ? (
|
|
72
|
+
function ce() {
|
|
73
|
+
document.visibilityState === "hidden" ? (o.value && m(o.value), r.value = y.value + E.value, s.value = !1) : R();
|
|
74
74
|
}
|
|
75
75
|
function R() {
|
|
76
|
-
|
|
76
|
+
a.autoplay && i.value > 1 && w.value[0] && (M.value = !1, z());
|
|
77
77
|
}
|
|
78
|
-
function
|
|
79
|
-
|
|
78
|
+
function de() {
|
|
79
|
+
o.value && m(o.value), M.value = !0;
|
|
80
80
|
}
|
|
81
81
|
function z() {
|
|
82
|
-
M.value || (
|
|
83
|
-
if (s.value = !0,
|
|
84
|
-
const e = r.value % (
|
|
85
|
-
T(e),
|
|
82
|
+
M.value || (o.value && m(o.value), o.value = le(() => {
|
|
83
|
+
if (s.value = !0, a.effect === "slide") {
|
|
84
|
+
const e = r.value % (i.value * c.value) + c.value;
|
|
85
|
+
T(e), t.value = t.value % i.value + 1;
|
|
86
86
|
} else
|
|
87
87
|
k("left");
|
|
88
|
-
},
|
|
88
|
+
}, a.interval));
|
|
89
89
|
}
|
|
90
90
|
function D() {
|
|
91
91
|
if (!s.value)
|
|
92
|
-
if (s.value = !0,
|
|
93
|
-
const e = (
|
|
94
|
-
J(e),
|
|
92
|
+
if (s.value = !0, o.value && m(o.value), a.effect === "slide") {
|
|
93
|
+
const e = (t.value + i.value - 2) % i.value * c.value;
|
|
94
|
+
J(e), t.value = t.value - 1 > 0 ? t.value - 1 : i.value;
|
|
95
95
|
} else
|
|
96
96
|
k("right");
|
|
97
97
|
}
|
|
98
98
|
function N() {
|
|
99
99
|
if (!s.value)
|
|
100
|
-
if (s.value = !0,
|
|
101
|
-
const e =
|
|
102
|
-
T(e),
|
|
100
|
+
if (s.value = !0, o.value && m(o.value), a.effect === "slide") {
|
|
101
|
+
const e = t.value * c.value;
|
|
102
|
+
T(e), t.value = t.value % i.value + 1;
|
|
103
103
|
} else
|
|
104
104
|
k("left");
|
|
105
105
|
}
|
|
106
106
|
const L = n(0), y = n(0), E = n(0), U = Ce(L, {
|
|
107
|
-
duration:
|
|
107
|
+
duration: a.slideDuration,
|
|
108
108
|
// 过渡动画时长
|
|
109
|
-
transition:
|
|
109
|
+
transition: a.slideFunction
|
|
110
110
|
// 过渡动画函数
|
|
111
111
|
});
|
|
112
112
|
function k(e, l) {
|
|
113
|
-
e === "left" ?
|
|
114
|
-
s.value = !1,
|
|
115
|
-
},
|
|
113
|
+
e === "left" ? t.value = t.value % i.value + 1 : e === "right" ? t.value = t.value - 1 > 0 ? t.value - 1 : i.value : t.value = l, le(() => {
|
|
114
|
+
s.value = !1, a.autoplay && z();
|
|
115
|
+
}, a.fadeDuration);
|
|
116
116
|
}
|
|
117
117
|
function X(e) {
|
|
118
118
|
B.value = e, L.value = L.value ? 0 : 1, y.value = r.value, E.value = e - y.value;
|
|
@@ -121,29 +121,29 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
121
121
|
L.value ? r.value = y.value + E.value * U.value : r.value = y.value + E.value * (1 - U.value);
|
|
122
122
|
}
|
|
123
123
|
function j() {
|
|
124
|
-
r.value >= B.value ? (s.value = !1,
|
|
124
|
+
r.value >= B.value ? (s.value = !1, a.autoplay && z()) : (Y(), g.value = requestAnimationFrame(j));
|
|
125
125
|
}
|
|
126
126
|
function T(e) {
|
|
127
|
-
r.value ===
|
|
127
|
+
r.value === i.value * c.value && (r.value = 0), X(e), g.value = requestAnimationFrame(j);
|
|
128
128
|
}
|
|
129
129
|
function G() {
|
|
130
|
-
r.value <= B.value ? (s.value = !1,
|
|
130
|
+
r.value <= B.value ? (s.value = !1, a.autoplay && z()) : (Y(), g.value = requestAnimationFrame(G));
|
|
131
131
|
}
|
|
132
132
|
function J(e) {
|
|
133
|
-
r.value === 0 && (r.value =
|
|
133
|
+
r.value === 0 && (r.value = i.value * c.value), X(e), g.value = requestAnimationFrame(G);
|
|
134
134
|
}
|
|
135
135
|
function q(e) {
|
|
136
|
-
if (!s.value &&
|
|
137
|
-
if (s.value = !0,
|
|
138
|
-
if (
|
|
139
|
-
const l = (e - 1) *
|
|
140
|
-
J(l),
|
|
136
|
+
if (!s.value && t.value !== e) {
|
|
137
|
+
if (s.value = !0, o.value && m(o.value), e < t.value)
|
|
138
|
+
if (a.effect === "slide") {
|
|
139
|
+
const l = (e - 1) * c.value;
|
|
140
|
+
J(l), t.value = e;
|
|
141
141
|
} else
|
|
142
142
|
k("switch", e);
|
|
143
|
-
if (e >
|
|
144
|
-
if (
|
|
145
|
-
const l = (e - 1) *
|
|
146
|
-
T(l),
|
|
143
|
+
if (e > t.value)
|
|
144
|
+
if (a.effect === "slide") {
|
|
145
|
+
const l = (e - 1) * c.value;
|
|
146
|
+
T(l), t.value = e;
|
|
147
147
|
} else
|
|
148
148
|
k("switch", e);
|
|
149
149
|
}
|
|
@@ -155,7 +155,7 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
155
155
|
I("click", e);
|
|
156
156
|
}
|
|
157
157
|
function ge(e) {
|
|
158
|
-
e >= 1 && e <=
|
|
158
|
+
e >= 1 && e <= i.value && q(e);
|
|
159
159
|
}
|
|
160
160
|
function pe() {
|
|
161
161
|
D();
|
|
@@ -164,9 +164,9 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
164
164
|
N();
|
|
165
165
|
}
|
|
166
166
|
function we() {
|
|
167
|
-
return
|
|
167
|
+
return t.value;
|
|
168
168
|
}
|
|
169
|
-
return
|
|
169
|
+
return ie({
|
|
170
170
|
to: ge,
|
|
171
171
|
prev: pe,
|
|
172
172
|
next: he,
|
|
@@ -175,25 +175,33 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
175
175
|
ref_key: "carouselRef",
|
|
176
176
|
ref: C,
|
|
177
177
|
class: $(["m-carousel", { "carousel-vertical": F.value, "carousel-fade": e.effect === "fade" }]),
|
|
178
|
-
style:
|
|
179
|
-
|
|
178
|
+
style: d(`
|
|
179
|
+
--carousel-width: ${re.value};
|
|
180
|
+
--carousel-height: ${se.value};
|
|
181
|
+
--carousel-arrow-color: ${e.arrowColor};
|
|
182
|
+
--carousel-dot-size: ${e.dotSize}px;
|
|
183
|
+
--carousel-dot-color: ${e.dotColor};
|
|
184
|
+
--carousel-fade-duration: ${a.fadeDuration}ms;
|
|
185
|
+
--carousel-fade-function: ${a.fadeFunction};
|
|
186
|
+
`),
|
|
187
|
+
onMouseenter: l[2] || (l[2] = (u) => e.autoplay && e.pauseOnMouseEnter ? de() : () => !1),
|
|
180
188
|
onMouseleave: l[3] || (l[3] = (u) => e.autoplay && e.pauseOnMouseEnter ? R() : () => !1)
|
|
181
189
|
}, [
|
|
182
190
|
b("div", {
|
|
183
191
|
class: "carousel-flex-wrap",
|
|
184
|
-
style:
|
|
192
|
+
style: d(ve.value)
|
|
185
193
|
}, [
|
|
186
194
|
(f(!0), v(O, null, x(e.images, (u, p) => (f(), v("div", {
|
|
187
|
-
class: $(["image-wrap", { "image-fade-active": e.effect === "fade" &&
|
|
195
|
+
class: $(["image-wrap", { "image-fade-active": e.effect === "fade" && t.value === p + 1 }]),
|
|
188
196
|
onClick: (ye) => Q(u),
|
|
189
197
|
key: p
|
|
190
198
|
}, [
|
|
191
|
-
_(ee(ue),
|
|
199
|
+
_(ee(ue), ae({
|
|
192
200
|
spinning: !w.value[p],
|
|
193
201
|
indicator: "dynamic-circle",
|
|
194
202
|
ref_for: !0
|
|
195
203
|
}, e.spinProps), {
|
|
196
|
-
default:
|
|
204
|
+
default: te(() => [
|
|
197
205
|
b("a", {
|
|
198
206
|
class: $(["image-link", { "link-cursor": u.link }]),
|
|
199
207
|
href: u.link,
|
|
@@ -205,23 +213,23 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
205
213
|
key: u.src,
|
|
206
214
|
alt: u.name,
|
|
207
215
|
class: "image-item",
|
|
208
|
-
style:
|
|
216
|
+
style: d(`width: ${S.value}px; height: ${A.value}px;`)
|
|
209
217
|
}, null, 44, Fe))
|
|
210
218
|
], 10, Ae)
|
|
211
219
|
]),
|
|
212
220
|
_: 2
|
|
213
221
|
}, 1040, ["spinning"])
|
|
214
222
|
], 10, Se))), 128)),
|
|
215
|
-
|
|
223
|
+
i.value && e.effect === "slide" ? (f(), v("div", {
|
|
216
224
|
key: 0,
|
|
217
225
|
class: "image-wrap",
|
|
218
226
|
onClick: l[1] || (l[1] = (u) => Q(e.images[0]))
|
|
219
227
|
}, [
|
|
220
|
-
_(ee(ue),
|
|
228
|
+
_(ee(ue), ae({
|
|
221
229
|
spinning: !w.value[0],
|
|
222
230
|
indicator: "dynamic-circle"
|
|
223
231
|
}, e.spinProps), {
|
|
224
|
-
default:
|
|
232
|
+
default: te(() => [
|
|
225
233
|
b("a", {
|
|
226
234
|
class: $(["image-link", { "link-cursor": e.images[0].link }]),
|
|
227
235
|
href: e.images[0].link,
|
|
@@ -233,7 +241,7 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
233
241
|
key: e.images[0].src,
|
|
234
242
|
alt: e.images[0].name,
|
|
235
243
|
class: "image-item",
|
|
236
|
-
style:
|
|
244
|
+
style: d(`width: ${S.value}px; height: ${A.value}px;`)
|
|
237
245
|
}, null, 44, Le))
|
|
238
246
|
], 10, ze)
|
|
239
247
|
]),
|
|
@@ -245,7 +253,7 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
245
253
|
(f(), v("svg", {
|
|
246
254
|
tabindex: "0",
|
|
247
255
|
class: "arrow-left",
|
|
248
|
-
style:
|
|
256
|
+
style: d(`width: ${e.arrowSize}px; height: ${e.arrowSize}px;`),
|
|
249
257
|
onClick: D,
|
|
250
258
|
onKeydown: H(P, ["prevent"]),
|
|
251
259
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -256,7 +264,7 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
256
264
|
(f(), v("svg", {
|
|
257
265
|
tabindex: "0",
|
|
258
266
|
class: "arrow-right",
|
|
259
|
-
style:
|
|
267
|
+
style: d(`width: ${e.arrowSize}px; height: ${e.arrowSize}px;`),
|
|
260
268
|
onClick: N,
|
|
261
269
|
onKeydown: H(P, ["prevent"]),
|
|
262
270
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -269,10 +277,10 @@ const Se = ["onClick"], Ae = ["href", "target"], Fe = ["onLoad", "src", "alt"],
|
|
|
269
277
|
key: 1,
|
|
270
278
|
class: $(["carousel-switch", `switch-${e.dotPosition}`])
|
|
271
279
|
}, [
|
|
272
|
-
(f(!0), v(O, null, x(
|
|
280
|
+
(f(!0), v(O, null, x(i.value, (u) => (f(), v("div", {
|
|
273
281
|
tabindex: "0",
|
|
274
282
|
class: "dot-item",
|
|
275
|
-
style:
|
|
283
|
+
style: d([e.dotStyle, t.value === u ? { backgroundColor: e.dotActiveColor, ...e.dotActiveStyle } : {}]),
|
|
276
284
|
key: u,
|
|
277
285
|
onClick: (p) => e.dotsTrigger === "click" ? q(u) : () => !1,
|
|
278
286
|
onMouseenter: (p) => e.dotsTrigger === "hover" ? me(u) : () => !1,
|
package/es/cascader/Cascader.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-cascader[data-v-
|
|
1
|
+
.m-cascader[data-v-9ee72a36]{display:inline-flex;gap:var(--cascader-select-gap)}
|
|
@@ -11,11 +11,12 @@ export interface Props {
|
|
|
11
11
|
value?: string;
|
|
12
12
|
children?: string;
|
|
13
13
|
placeholder?: string | string[];
|
|
14
|
-
|
|
15
|
-
gap?: number;
|
|
14
|
+
disabled?: boolean | boolean[];
|
|
16
15
|
width?: 'auto' | number | number[];
|
|
17
16
|
height?: number;
|
|
18
|
-
|
|
17
|
+
size?: 'small' | 'middle' | 'large';
|
|
18
|
+
gap?: number;
|
|
19
|
+
changeOnSelect?: boolean;
|
|
19
20
|
allowClear?: boolean;
|
|
20
21
|
search?: boolean;
|
|
21
22
|
filter?: Function | true;
|
|
@@ -30,6 +31,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
|
|
|
30
31
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
31
32
|
}>, {
|
|
32
33
|
filter: Function | true;
|
|
34
|
+
size: "small" | "middle" | "large";
|
|
33
35
|
label: string;
|
|
34
36
|
search: boolean;
|
|
35
37
|
children: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Cascader.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const m = /* @__PURE__ */
|
|
3
|
+
import a from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-9ee72a36"]]);
|
|
5
5
|
export {
|
|
6
6
|
m as default
|
|
7
7
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as S, ref as u, computed as $, watchEffect as f, createElementBlock as D, openBlock as U, normalizeStyle as k, createVNode as v, unref as m, mergeProps as y } from "vue";
|
|
2
|
+
import g from "../select/index.js";
|
|
3
|
+
const L = /* @__PURE__ */ S({
|
|
4
4
|
__name: "Cascader",
|
|
5
5
|
props: {
|
|
6
6
|
options: { default: () => [] },
|
|
@@ -8,11 +8,12 @@ const F = /* @__PURE__ */ O({
|
|
|
8
8
|
value: { default: "value" },
|
|
9
9
|
children: { default: "children" },
|
|
10
10
|
placeholder: { default: "请选择" },
|
|
11
|
-
changeOnSelect: { type: Boolean, default: !1 },
|
|
12
|
-
gap: { default: 8 },
|
|
13
|
-
width: { default: "auto" },
|
|
14
|
-
height: { default: 32 },
|
|
15
11
|
disabled: { type: [Boolean, Array], default: !1 },
|
|
12
|
+
width: { default: "auto" },
|
|
13
|
+
height: { default: void 0 },
|
|
14
|
+
size: { default: "middle" },
|
|
15
|
+
gap: { default: void 0 },
|
|
16
|
+
changeOnSelect: { type: Boolean, default: !1 },
|
|
16
17
|
allowClear: { type: Boolean, default: !1 },
|
|
17
18
|
search: { type: Boolean, default: !1 },
|
|
18
19
|
filter: { type: [Function, Boolean], default: !0 },
|
|
@@ -20,99 +21,109 @@ const F = /* @__PURE__ */ O({
|
|
|
20
21
|
modelValue: { default: () => [] }
|
|
21
22
|
},
|
|
22
23
|
emits: ["update:modelValue", "change"],
|
|
23
|
-
setup(
|
|
24
|
-
const
|
|
24
|
+
setup(w, { emit: c }) {
|
|
25
|
+
const i = w, l = u([]), o = u([]), n = u([]), t = u([]), h = u([]), s = c, A = $(() => {
|
|
26
|
+
const e = {
|
|
27
|
+
small: 4,
|
|
28
|
+
middle: 6,
|
|
29
|
+
large: 8
|
|
30
|
+
};
|
|
31
|
+
return i.gap !== void 0 ? `${i.gap}px` : `${e[i.size]}px`;
|
|
32
|
+
});
|
|
25
33
|
f(() => {
|
|
26
|
-
|
|
34
|
+
n.value = [...i.options];
|
|
27
35
|
}), f(() => {
|
|
28
|
-
l.value = [...
|
|
36
|
+
l.value = [...i.modelValue];
|
|
29
37
|
}), f(() => {
|
|
30
|
-
|
|
38
|
+
V(l.value), C(l.value);
|
|
31
39
|
});
|
|
32
|
-
function
|
|
40
|
+
function b(e, a) {
|
|
33
41
|
const d = e.length;
|
|
34
|
-
for (let
|
|
35
|
-
if (e[
|
|
36
|
-
return e[
|
|
42
|
+
for (let r = 0; r < d; r++)
|
|
43
|
+
if (e[r][i.value] === l.value[a])
|
|
44
|
+
return e[r][i.children] || [];
|
|
37
45
|
return [];
|
|
38
46
|
}
|
|
39
|
-
function
|
|
40
|
-
|
|
47
|
+
function V(e) {
|
|
48
|
+
t.value = b(n.value, 0), h.value = [], e.length > 1 && (h.value = b(t.value, 1));
|
|
41
49
|
}
|
|
42
50
|
function p(e, a) {
|
|
43
51
|
const d = e.length;
|
|
44
|
-
for (let
|
|
45
|
-
if (e[
|
|
46
|
-
return e[
|
|
52
|
+
for (let r = 0; r < d; r++)
|
|
53
|
+
if (e[r][i.value] === l.value[a])
|
|
54
|
+
return e[r][i.label];
|
|
47
55
|
return l.value[a];
|
|
48
56
|
}
|
|
49
|
-
function
|
|
50
|
-
o.value[0] = p(
|
|
51
|
-
}
|
|
52
|
-
function V(e, a) {
|
|
53
|
-
r.changeOnSelect ? (u("update:modelValue", [e]), u("change", [e], [a])) : (l.value = [e], o.value = [a]);
|
|
57
|
+
function C(e) {
|
|
58
|
+
o.value[0] = p(n.value, 0), e.length > 1 && (o.value[1] = p(t.value, 1)), e.length > 2 && (o.value[2] = p(h.value, 2));
|
|
54
59
|
}
|
|
55
|
-
function
|
|
56
|
-
|
|
60
|
+
function z(e, a) {
|
|
61
|
+
i.changeOnSelect ? (s("update:modelValue", [e]), s("change", [e], [a])) : (l.value = [e], o.value = [a]);
|
|
57
62
|
}
|
|
58
63
|
function B(e, a) {
|
|
59
|
-
|
|
64
|
+
i.changeOnSelect ? (s("update:modelValue", [l.value[0], e]), s("change", [l.value[0], e], [o.value[0], a])) : (l.value = [l.value[0], e], o.value = [o.value[0], a]);
|
|
65
|
+
}
|
|
66
|
+
function O(e, a) {
|
|
67
|
+
s("update:modelValue", [...l.value.slice(0, 2), e]), s("change", [...l.value.slice(0, 2), e], [...o.value.slice(0, 2), a]);
|
|
60
68
|
}
|
|
61
|
-
return (e, a) => (
|
|
69
|
+
return (e, a) => (U(), D("div", {
|
|
62
70
|
class: "m-cascader",
|
|
63
|
-
style:
|
|
71
|
+
style: k(`--cascader-select-gap: ${A.value};`)
|
|
64
72
|
}, [
|
|
65
|
-
v(m(
|
|
66
|
-
options:
|
|
73
|
+
v(m(g), y({
|
|
74
|
+
options: n.value,
|
|
67
75
|
label: e.label,
|
|
68
76
|
value: e.value,
|
|
69
77
|
placeholder: Array.isArray(e.placeholder) ? e.placeholder[0] : e.placeholder,
|
|
70
78
|
disabled: Array.isArray(e.disabled) ? e.disabled[0] : e.disabled,
|
|
79
|
+
width: Array.isArray(e.width) ? e.width[0] : e.width,
|
|
80
|
+
height: e.height,
|
|
81
|
+
size: e.size,
|
|
71
82
|
"allow-clear": e.allowClear,
|
|
72
83
|
search: e.search,
|
|
73
84
|
filter: e.filter,
|
|
74
|
-
width: Array.isArray(e.width) ? e.width[0] : e.width,
|
|
75
|
-
height: e.height,
|
|
76
85
|
"max-display": e.maxDisplay,
|
|
77
86
|
modelValue: l.value[0],
|
|
78
87
|
"onUpdate:modelValue": a[0] || (a[0] = (d) => l.value[0] = d),
|
|
79
|
-
onChange:
|
|
80
|
-
}, null,
|
|
81
|
-
v(m(
|
|
82
|
-
options:
|
|
88
|
+
onChange: z
|
|
89
|
+
}, e.$attrs), null, 16, ["options", "label", "value", "placeholder", "disabled", "width", "height", "size", "allow-clear", "search", "filter", "max-display", "modelValue"]),
|
|
90
|
+
v(m(g), y({
|
|
91
|
+
options: t.value,
|
|
83
92
|
label: e.label,
|
|
84
93
|
value: e.value,
|
|
85
94
|
placeholder: Array.isArray(e.placeholder) ? e.placeholder[1] : e.placeholder,
|
|
86
95
|
disabled: Array.isArray(e.disabled) ? e.disabled[1] : e.disabled,
|
|
96
|
+
width: Array.isArray(e.width) ? e.width[1] : e.width,
|
|
97
|
+
height: e.height,
|
|
98
|
+
size: e.size,
|
|
87
99
|
"allow-clear": e.allowClear,
|
|
88
100
|
search: e.search,
|
|
89
101
|
filter: e.filter,
|
|
90
|
-
width: Array.isArray(e.width) ? e.width[1] : e.width,
|
|
91
|
-
height: e.height,
|
|
92
102
|
"max-display": e.maxDisplay,
|
|
93
103
|
modelValue: l.value[1],
|
|
94
104
|
"onUpdate:modelValue": a[1] || (a[1] = (d) => l.value[1] = d),
|
|
95
|
-
onChange:
|
|
96
|
-
}, null,
|
|
97
|
-
v(m(
|
|
98
|
-
options:
|
|
105
|
+
onChange: B
|
|
106
|
+
}, e.$attrs), null, 16, ["options", "label", "value", "placeholder", "disabled", "width", "height", "size", "allow-clear", "search", "filter", "max-display", "modelValue"]),
|
|
107
|
+
v(m(g), y({
|
|
108
|
+
options: h.value,
|
|
99
109
|
label: e.label,
|
|
100
110
|
value: e.value,
|
|
101
111
|
placeholder: Array.isArray(e.placeholder) ? e.placeholder[2] : e.placeholder,
|
|
102
112
|
disabled: Array.isArray(e.disabled) ? e.disabled[2] : e.disabled,
|
|
113
|
+
width: Array.isArray(e.width) ? e.width[2] : e.width,
|
|
114
|
+
height: e.height,
|
|
115
|
+
size: e.size,
|
|
103
116
|
"allow-clear": e.allowClear,
|
|
104
117
|
search: e.search,
|
|
105
118
|
filter: e.filter,
|
|
106
|
-
width: Array.isArray(e.width) ? e.width[2] : e.width,
|
|
107
|
-
height: e.height,
|
|
108
119
|
"max-display": e.maxDisplay,
|
|
109
120
|
modelValue: l.value[2],
|
|
110
121
|
"onUpdate:modelValue": a[2] || (a[2] = (d) => l.value[2] = d),
|
|
111
|
-
onChange:
|
|
112
|
-
}, null,
|
|
122
|
+
onChange: O
|
|
123
|
+
}, e.$attrs), null, 16, ["options", "label", "value", "placeholder", "disabled", "width", "height", "size", "allow-clear", "search", "filter", "max-display", "modelValue"])
|
|
113
124
|
], 4));
|
|
114
125
|
}
|
|
115
126
|
});
|
|
116
127
|
export {
|
|
117
|
-
|
|
128
|
+
L as default
|
|
118
129
|
};
|
package/es/cascader/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ declare const _default: {
|
|
|
8
8
|
"update:modelValue": (...args: any[]) => void;
|
|
9
9
|
}, import('vue').PublicProps, {
|
|
10
10
|
filter: Function | true;
|
|
11
|
+
size: "small" | "middle" | "large";
|
|
11
12
|
label: string;
|
|
12
13
|
search: boolean;
|
|
13
14
|
children: string;
|
|
@@ -34,6 +35,7 @@ declare const _default: {
|
|
|
34
35
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
35
36
|
}>, {}, {}, {}, {}, {
|
|
36
37
|
filter: Function | true;
|
|
38
|
+
size: "small" | "middle" | "large";
|
|
37
39
|
label: string;
|
|
38
40
|
search: boolean;
|
|
39
41
|
children: string;
|
|
@@ -60,6 +62,7 @@ declare const _default: {
|
|
|
60
62
|
"update:modelValue": (...args: any[]) => void;
|
|
61
63
|
}, string, {
|
|
62
64
|
filter: Function | true;
|
|
65
|
+
size: "small" | "middle" | "large";
|
|
63
66
|
label: string;
|
|
64
67
|
search: boolean;
|
|
65
68
|
children: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-datepicker[data-v-2095bea1]{display:inline-block}.m-datepicker[data-v-2095bea1] .dp__input_wrap svg{fill:currentColor}.m-datepicker[data-v-2095bea1] .dp__input_wrap .dp__input{line-height:1.57142857}.m-datepicker[data-v-2095bea1] .dp__input_wrap :deep(.dp__input:hover:not(.dp__disabled)){border-color:var(--dp-border-color-hover)}.m-datepicker[data-v-2095bea1] .dp__input_wrap .dp__disabled{color:#00000040;cursor:not-allowed}.m-datepicker[data-v-2095bea1] .dp__input_wrap .dp__disabled:hover{border-color:var(--dp-border-color)}.m-datepicker[data-v-2095bea1] .dp__input_wrap .dp__input_focus{box-shadow:0 0 0 2px #0591ff1a}.m-datepicker[data-v-2095bea1] .dp__outer_menu_wrap .dp__menu{overflow:hidden;border:none;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.m-datepicker[data-v-2095bea1] .dp__outer_menu_wrap .dp__menu .dp__arrow_top,.m-datepicker[data-v-2095bea1] .dp__outer_menu_wrap .dp__menu .dp__arrow_bottom{display:none}.m-datepicker[data-v-2095bea1] .dp__outer_menu_wrap .dp__menu .dp__overlay{padding-top:8px}.m-datepicker[data-v-2095bea1] .dp__outer_menu_wrap .dp__menu .dp__overlay .dp__overlay_container::-webkit-scrollbar-thumb{border-radius:5px;cursor:pointer;background-color:var(--dp-scroll-bar-color);transition:background-color .2s cubic-bezier(.4,0,.2,1)}.m-datepicker[data-v-2095bea1] .dp__outer_menu_wrap .dp__menu .dp__overlay .dp__overlay_container::-webkit-scrollbar-thumb:hover{background-color:#0006}.m-datepicker[data-v-2095bea1] .dp__outer_menu_wrap .dp__menu .dp__cell_disabled.dp__today{background:transparent;border:1px solid var(--dp-secondary-color)}.m-datepicker[data-v-2095bea1] .dp__outer_menu_wrap .dp__menu .dp__cell_disabled.dp__active_date{border-color:var(--dp-secondary-color)}.m-datepicker[data-v-2095bea1] .dp__outer_menu_wrap .dp__menu .dp__range_between{border-color:transparent}.m-datepicker[data-v-2095bea1]{--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 6px;--dp-cell-border-radius: 4px;--dp-common-transition: all .2s ease;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 35px;--dp-button-icon-height: 20px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 4px 30px 4px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 2px 5px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-two-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-menu-padding: 6px 8px;--dp-font-size: 14px;--dp-preview-font-size: 12px;--dp-time-font-size: 28px;--dp-animation-duration: .2s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, .2, 1);--dp-transition-timing: ease-in-out}.m-datepicker .slide-down-enter[data-v-2095bea1]{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}.m-datepicker .slide-down-enter-active[data-v-2095bea1]{animation-name:slideDownIn-2095bea1;animation-play-state:running}.m-datepicker .slide-down-leave[data-v-2095bea1]{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker .slide-down-leave-active[data-v-2095bea1]{animation-name:slideDownOut-2095bea1;animation-play-state:running}.m-datepicker[data-v-2095bea1] .dp-menu-appear-bottom-enter-active{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}.m-datepicker[data-v-2095bea1] .dp-menu-appear-bottom-leave-active{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-name:slideDownOut-2095bea1;animation-play-state:running}.m-datepicker[data-v-2095bea1] .dp-menu-appear-bottom-enter-from{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}.m-datepicker[data-v-2095bea1] .dp-menu-appear-bottom-enter-to{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;animation-name:slideDownIn-2095bea1;animation-play-state:running}@keyframes slideDownIn-2095bea1{0%{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}.m-datepicker[data-v-2095bea1] .dp-menu-appear-bottom-leave-from{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker[data-v-2095bea1] .dp-menu-appear-bottom-leave-to{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-name:slideDownOut-2095bea1;animation-play-state:running}@keyframes slideDownOut-2095bea1{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}}.m-datepicker .slide-up-enter[data-v-2095bea1]{transform:scale(0);transform-origin:bottom left;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker .slide-up-enter-active[data-v-2095bea1]{animation-name:slideUpIn-2095bea1;animation-play-state:running}.m-datepicker .slide-up-leave[data-v-2095bea1]{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker .slide-up-leave-active[data-v-2095bea1]{animation-name:slideUpOut-2095bea1;animation-play-state:running}.m-datepicker[data-v-2095bea1] .dp-menu-appear-top-enter-active{transform:scale(0);transform-origin:bottom left;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker[data-v-2095bea1] .dp-menu-appear-top-leave-active{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-name:slideUpOut-2095bea1;animation-play-state:running}.m-datepicker[data-v-2095bea1] .dp-menu-appear-top-enter-from{transform:scale(0);transform-origin:bottom left;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker[data-v-2095bea1] .dp-menu-appear-top-enter-to{transform:scale(0);transform-origin:bottom left;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-name:slideUpIn-2095bea1;animation-play-state:running}@keyframes slideUpIn-2095bea1{0%{transform:scaleY(.8);transform-origin:bottom left;opacity:0}to{transform:scaleY(1);transform-origin:bottom left;opacity:1}}.m-datepicker[data-v-2095bea1] .dp-menu-appear-top-leave-from{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker[data-v-2095bea1] .dp-menu-appear-top-leave-to{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-name:slideUpOut-2095bea1;animation-play-state:running}@keyframes slideUpOut-2095bea1{0%{transform:scaleY(1);transform-origin:bottom left;opacity:1}to{transform:scaleY(.8);transform-origin:bottom left;opacity:0}}.datepicker-small[data-v-2095bea1]{--dp-input-padding: 0px 30px 0px 12px}.datepicker-large[data-v-2095bea1]{--dp-font-size: 16px}.datepicker-large[data-v-2095bea1] .dp__input_wrap .dp__input{height:40px}.dp__theme_dark[data-v-2095bea1],[data-v-2095bea1] .dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #1668dc;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgba(0, 92, 178, .2);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff)}.dp__theme_light[data-v-2095bea1],[data-v-2095bea1] .dp__theme_light{--dp-background-color: #fff;--dp-text-color: rgba(0, 0, 0, .88);--dp-hover-color: rgba(0, 0, 0, .04);--dp-hover-text-color: rgba(0, 0, 0, .88);--dp-hover-icon-color: #959595;--dp-primary-color: #1677ff;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: rgba(0, 0, 0, .25);--dp-border-color: #d9d9d9;--dp-menu-border-color: #d9d9d9;--dp-border-color-hover: #4096ff;--dp-border-color-focus: #4096ff;--dp-disabled-color: rgba(0, 0, 0, .04);--dp-scroll-bar-background: transparent;--dp-scroll-bar-color: rgba(0, 0, 0, .25);--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgba(25, 118, 210, .1);--dp-range-between-dates-background-color: rgba(0, 0, 0, .04);--dp-range-between-dates-text-color: rgba(0, 0, 0, .88);--dp-range-between-border-color: rgba(0, 0, 0, .04)}
|
|
1
|
+
.m-datepicker[data-v-fc9d1260]{display:inline-block;width:var(--datepicker-width)}.m-datepicker[data-v-fc9d1260] .dp__input_wrap svg{fill:currentColor}.m-datepicker[data-v-fc9d1260] .dp__input_wrap .dp__input{line-height:1.57142857}.m-datepicker[data-v-fc9d1260] .dp__input_wrap :deep(.dp__input:hover:not(.dp__disabled)){border-color:var(--dp-border-color-hover)}.m-datepicker[data-v-fc9d1260] .dp__input_wrap .dp__disabled{color:#00000040;cursor:not-allowed}.m-datepicker[data-v-fc9d1260] .dp__input_wrap .dp__disabled:hover{border-color:var(--dp-border-color)}.m-datepicker[data-v-fc9d1260] .dp__input_wrap .dp__input_focus{box-shadow:0 0 0 2px var(--datepicker-primary-shadow-color)}.m-datepicker[data-v-fc9d1260] .dp__outer_menu_wrap .dp__menu{overflow:hidden;border:none;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.m-datepicker[data-v-fc9d1260] .dp__outer_menu_wrap .dp__menu .dp__arrow_top,.m-datepicker[data-v-fc9d1260] .dp__outer_menu_wrap .dp__menu .dp__arrow_bottom{display:none}.m-datepicker[data-v-fc9d1260] .dp__outer_menu_wrap .dp__menu .dp__overlay{padding-top:8px}.m-datepicker[data-v-fc9d1260] .dp__outer_menu_wrap .dp__menu .dp__overlay .dp__overlay_container::-webkit-scrollbar-thumb{border-radius:5px;cursor:pointer;background-color:var(--dp-scroll-bar-color);transition:background-color .2s cubic-bezier(.4,0,.2,1)}.m-datepicker[data-v-fc9d1260] .dp__outer_menu_wrap .dp__menu .dp__overlay .dp__overlay_container::-webkit-scrollbar-thumb:hover{background-color:#0006}.m-datepicker[data-v-fc9d1260] .dp__outer_menu_wrap .dp__menu .dp__cell_disabled.dp__today{background:transparent;border:1px solid var(--dp-secondary-color)}.m-datepicker[data-v-fc9d1260] .dp__outer_menu_wrap .dp__menu .dp__cell_disabled.dp__active_date{border-color:var(--dp-secondary-color)}.m-datepicker[data-v-fc9d1260] .dp__outer_menu_wrap .dp__menu .dp__range_between{border-color:transparent}.m-datepicker[data-v-fc9d1260]{--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 6px;--dp-cell-border-radius: 4px;--dp-common-transition: all .2s ease;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 35px;--dp-button-icon-height: 20px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 4px 30px 4px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 2px 5px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-two-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-menu-padding: 6px 8px;--dp-font-size: 14px;--dp-preview-font-size: 12px;--dp-time-font-size: 28px;--dp-animation-duration: .2s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, .2, 1);--dp-transition-timing: ease-in-out}.m-datepicker .slide-down-enter[data-v-fc9d1260]{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}.m-datepicker .slide-down-enter-active[data-v-fc9d1260]{animation-name:slideDownIn-fc9d1260;animation-play-state:running}.m-datepicker .slide-down-leave[data-v-fc9d1260]{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker .slide-down-leave-active[data-v-fc9d1260]{animation-name:slideDownOut-fc9d1260;animation-play-state:running}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-bottom-enter-active{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}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-bottom-leave-active{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-name:slideDownOut-fc9d1260;animation-play-state:running}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-bottom-enter-from{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}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-bottom-enter-to{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;animation-name:slideDownIn-fc9d1260;animation-play-state:running}@keyframes slideDownIn-fc9d1260{0%{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-bottom-leave-from{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-bottom-leave-to{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-name:slideDownOut-fc9d1260;animation-play-state:running}@keyframes slideDownOut-fc9d1260{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}}.m-datepicker .slide-up-enter[data-v-fc9d1260]{transform:scale(0);transform-origin:bottom left;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker .slide-up-enter-active[data-v-fc9d1260]{animation-name:slideUpIn-fc9d1260;animation-play-state:running}.m-datepicker .slide-up-leave[data-v-fc9d1260]{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker .slide-up-leave-active[data-v-fc9d1260]{animation-name:slideUpOut-fc9d1260;animation-play-state:running}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-top-enter-active{transform:scale(0);transform-origin:bottom left;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-top-leave-active{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-name:slideUpOut-fc9d1260;animation-play-state:running}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-top-enter-from{transform:scale(0);transform-origin:bottom left;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-top-enter-to{transform:scale(0);transform-origin:bottom left;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-name:slideUpIn-fc9d1260;animation-play-state:running}@keyframes slideUpIn-fc9d1260{0%{transform:scaleY(.8);transform-origin:bottom left;opacity:0}to{transform:scaleY(1);transform-origin:bottom left;opacity:1}}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-top-leave-from{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.m-datepicker[data-v-fc9d1260] .dp-menu-appear-top-leave-to{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-name:slideUpOut-fc9d1260;animation-play-state:running}@keyframes slideUpOut-fc9d1260{0%{transform:scaleY(1);transform-origin:bottom left;opacity:1}to{transform:scaleY(.8);transform-origin:bottom left;opacity:0}}.datepicker-small[data-v-fc9d1260]{--dp-input-padding: 0px 30px 0px 12px}.datepicker-large[data-v-fc9d1260]{--dp-font-size: 16px}.datepicker-large[data-v-fc9d1260] .dp__input_wrap .dp__input{height:40px}.dp__theme_dark[data-v-fc9d1260],[data-v-fc9d1260] .dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #1668dc;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgba(0, 92, 178, .2);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff)}.dp__theme_light[data-v-fc9d1260],[data-v-fc9d1260] .dp__theme_light{--dp-background-color: #fff;--dp-text-color: rgba(0, 0, 0, .88);--dp-hover-color: rgba(0, 0, 0, .04);--dp-hover-text-color: rgba(0, 0, 0, .88);--dp-hover-icon-color: #959595;--dp-primary-color: var(--datepicker-primary-color);--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: rgba(0, 0, 0, .25);--dp-border-color: #d9d9d9;--dp-menu-border-color: #d9d9d9;--dp-border-color-hover: var(--datepicker-primary-color-hover);--dp-border-color-focus: var(--datepicker-primary-color-focus);--dp-disabled-color: rgba(0, 0, 0, .04);--dp-scroll-bar-background: transparent;--dp-scroll-bar-color: rgba(0, 0, 0, .25);--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgba(25, 118, 210, .1);--dp-range-between-dates-background-color: rgba(0, 0, 0, .04);--dp-range-between-dates-text-color: rgba(0, 0, 0, .88);--dp-range-between-border-color: rgba(0, 0, 0, .04)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DatePicker.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fc9d1260"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
e as default
|
|
7
7
|
};
|