vue-amazing-ui 2.2.13 → 2.2.14
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 +93 -66
- package/dist/index.js +2637 -2597
- package/dist/index.umd.cjs +88 -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/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/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/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/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,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const x = /* @__PURE__ */
|
|
1
|
+
import { defineComponent as y, ref as n, createBlock as p, openBlock as B, Teleport as w, createVNode as S, Transition as W, withCtx as $, withDirectives as z, createElementVNode as f, normalizeStyle as C, normalizeClass as E, vShow as L, nextTick as d } from "vue";
|
|
2
|
+
const x = /* @__PURE__ */ y({
|
|
3
3
|
__name: "LoadingBar",
|
|
4
4
|
props: {
|
|
5
5
|
containerClass: { default: void 0 },
|
|
@@ -10,18 +10,18 @@ const x = /* @__PURE__ */ p({
|
|
|
10
10
|
colorError: { default: "#ff4d4f" },
|
|
11
11
|
to: { default: "body" }
|
|
12
12
|
},
|
|
13
|
-
setup(N, { expose:
|
|
13
|
+
setup(N, { expose: v }) {
|
|
14
14
|
const l = n(!1), a = n(), r = n(!1), i = n(!1), o = n(!1);
|
|
15
|
-
|
|
15
|
+
function t() {
|
|
16
16
|
l.value = !1, i.value = !1, o.value = !1;
|
|
17
17
|
}
|
|
18
18
|
async function s(e = 0, u = 80, b = "starting") {
|
|
19
|
-
r.value = !0,
|
|
19
|
+
r.value = !0, t(), !i.value && (l.value = !0, await d(), a.value && (a.value.style.transition = "none", a.value.style.maxWidth = `${e}%`, a.value.offsetWidth, a.value.className = `loading-bar loading-bar-${b}`, a.value.style.transition = "", a.value.style.maxWidth = `${u}%`));
|
|
20
20
|
}
|
|
21
|
-
async function
|
|
22
|
-
i.value || o.value || (r.value && await
|
|
21
|
+
async function c() {
|
|
22
|
+
i.value || o.value || (r.value && await d(), i.value = !0, a.value && (a.value.className = "loading-bar loading-bar-finishing", a.value.style.maxWidth = "100%", a.value.offsetWidth, l.value = !1));
|
|
23
23
|
}
|
|
24
|
-
function
|
|
24
|
+
function g() {
|
|
25
25
|
if (!(i.value || o.value))
|
|
26
26
|
if (!l.value)
|
|
27
27
|
s(100, 100, "error").then(() => {
|
|
@@ -33,36 +33,39 @@ const x = /* @__PURE__ */ p({
|
|
|
33
33
|
a.value.className = "loading-bar loading-bar-error", a.value.style.maxWidth = "100%", a.value.offsetWidth, l.value = !1;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
-
function
|
|
36
|
+
function h() {
|
|
37
37
|
o.value && (l.value = !1);
|
|
38
38
|
}
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
function m() {
|
|
40
|
+
t();
|
|
41
41
|
}
|
|
42
|
-
return
|
|
42
|
+
return v({
|
|
43
43
|
start: s,
|
|
44
|
-
finish:
|
|
45
|
-
error:
|
|
46
|
-
}), (e, u) => (B(), w
|
|
44
|
+
finish: c,
|
|
45
|
+
error: g
|
|
46
|
+
}), (e, u) => (B(), p(w, {
|
|
47
47
|
disabled: !e.to,
|
|
48
48
|
to: e.to
|
|
49
49
|
}, [
|
|
50
|
-
W
|
|
50
|
+
S(W, {
|
|
51
51
|
name: "fade-in",
|
|
52
|
-
onAfterEnter:
|
|
53
|
-
onAfterLeave:
|
|
52
|
+
onAfterEnter: h,
|
|
53
|
+
onAfterLeave: m
|
|
54
54
|
}, {
|
|
55
|
-
default:
|
|
56
|
-
|
|
55
|
+
default: $(() => [
|
|
56
|
+
z(f("div", {
|
|
57
57
|
class: E(["m-loading-bar-container", e.containerClass]),
|
|
58
|
-
style:
|
|
58
|
+
style: C([
|
|
59
|
+
`--loading-bar-size: ${e.loadingBarSize}px; --loading-bar-color-loading: ${e.colorLoading}; --loading-bar-color-finish: ${e.colorFinish}; --loading-bar-color-error: ${e.colorError};`,
|
|
60
|
+
e.containerStyle
|
|
61
|
+
])
|
|
59
62
|
}, [
|
|
60
63
|
f("div", {
|
|
61
64
|
ref_key: "loadingBarRef",
|
|
62
65
|
ref: a,
|
|
63
66
|
class: "loading-bar",
|
|
64
|
-
style:
|
|
65
|
-
}, null,
|
|
67
|
+
style: { "max-width": "100%" }
|
|
68
|
+
}, null, 512)
|
|
66
69
|
], 6), [
|
|
67
70
|
[L, l.value]
|
|
68
71
|
])
|
package/es/progress/Progress.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.fade-enter-active[data-v-
|
|
1
|
+
.fade-enter-active[data-v-4ce9ab3d],.fade-leave-active[data-v-4ce9ab3d]{transition:opacity .2s}.fade-enter-from[data-v-4ce9ab3d],.fade-leave-to[data-v-4ce9ab3d]{opacity:0}.m-progress-line[data-v-4ce9ab3d]{display:flex;align-items:center;width:var(--progress-size);height:calc(var(--progress-font-size) * 1.57142857);font-size:var(--progress-font-size);line-height:1.57142857}.m-progress-line .progress-inner[data-v-4ce9ab3d]{width:100%;background:#0000000f;border-radius:100px;overflow:hidden}.m-progress-line .progress-inner .progress-bg[data-v-4ce9ab3d]{position:relative;background:var(--progress-primary-color);border-radius:var(--progress-border-radius);transition:all .3s cubic-bezier(.78,.14,.15,.86)}.m-progress-line .progress-inner .progress-bg[data-v-4ce9ab3d]:after{content:"";background-image:linear-gradient(90deg,#ffffff4d,#ffffff80);animation:progressRipple-4ce9ab3d 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes progressRipple-4ce9ab3d{0%{position:absolute;top:0;bottom:0;left:0;right:100%;opacity:1}66%{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}to{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}}.m-progress-line .progress-inner .line-success[data-v-4ce9ab3d]{background:var(--progress-success-color)!important}.m-progress-line .progress-success[data-v-4ce9ab3d]{width:40px;text-align:center;display:inline-flex;align-items:center;padding-left:8px;flex-shrink:0}.m-progress-line .progress-success .icon-svg[data-v-4ce9ab3d]{display:inline-block;font-size:var(--progress-font-size);fill:currentColor;color:var(--progress-success-color)}.m-progress-line .progress-success .progress-success-info[data-v-4ce9ab3d]{flex-shrink:0;width:40px;font-size:var(--progress-font-size);padding-left:8px;color:var(--progress-success-color)}.m-progress-line .progress-text[data-v-4ce9ab3d]{flex-shrink:0;min-width:40px;font-size:var(--progress-font-size);padding-left:8px;color:#000000e0}.m-progress-circle[data-v-4ce9ab3d]{display:inline-block;position:relative;width:var(--progress-size);height:var(--progress-size)}.m-progress-circle .progress-circle .circle-trail[data-v-4ce9ab3d]{stroke:#0000000f;stroke-dashoffset:0;transition:stroke-dashoffset .3s ease 0s,stroke-dasharray .3s ease 0s,stroke .3s ease 0s,stroke-width .06s ease .3s,opacity .3s ease 0s}.m-progress-circle .progress-circle .circle-path[data-v-4ce9ab3d]{stroke:var(--progress-primary-color);stroke-dashoffset:0;transition:stroke-dashoffset .3s ease 0s,stroke-dasharray .3s ease 0s,stroke .3s ease 0s,stroke-width .06s ease .3s,opacity .3s ease 0s}.m-progress-circle .progress-circle .circle-path-success[data-v-4ce9ab3d]{stroke:var(--progress-success-color)!important}.m-progress-circle .icon-svg[data-v-4ce9ab3d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:30%;height:30%;fill:currentColor;color:var(--progress-success-color)}.m-progress-circle .progress-success-info[data-v-4ce9ab3d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:var(--progress-font-size);line-height:1;text-align:center;color:var(--progress-success-color)}.m-progress-circle .progress-text[data-v-4ce9ab3d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:var(--progress-font-size);line-height:1;text-align:center;color:#000000d9}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Progress.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4ce9ab3d"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
e as default
|
|
7
7
|
};
|
|
@@ -22,7 +22,7 @@ const L = { class: "progress-inner" }, N = {
|
|
|
22
22
|
}, G = {
|
|
23
23
|
class: "progress-circle",
|
|
24
24
|
viewBox: "0 0 100 100"
|
|
25
|
-
}, H = { key: 0 }, x = ["id"], D = ["stop-color"], j = ["stop-color"], q = ["d", "stroke-linecap", "stroke-width"], A = ["d", "stroke-linecap", "stroke-width", "
|
|
25
|
+
}, H = { key: 0 }, x = ["id"], D = ["stop-color"], j = ["stop-color"], q = ["d", "stroke-linecap", "stroke-width"], A = ["d", "stroke-linecap", "stroke-width", "opacity"], J = {
|
|
26
26
|
key: 0,
|
|
27
27
|
class: "icon-svg",
|
|
28
28
|
focusable: "false",
|
|
@@ -82,7 +82,7 @@ const L = { class: "progress-inner" }, N = {
|
|
|
82
82
|
return `M 50,50 m 0,-${e / 2}
|
|
83
83
|
a ${e / 2},${e / 2} 0 1 1 0,${e}
|
|
84
84
|
a ${e / 2},${e / 2} 0 1 1 0,-${e}`;
|
|
85
|
-
}), l = s(() => typeof o.lineColor != "string"), $ = s(() => typeof o.lineColor == "string" ? o.lineColor : `linear-gradient(to ${o.lineColor.direction || "right"}, ${o.lineColor["0%"] || o.lineColor.from}, ${o.lineColor["100%"] || o.lineColor.to})`),
|
|
85
|
+
}), l = s(() => typeof o.lineColor != "string"), $ = s(() => typeof o.lineColor == "string" ? o.lineColor : `linear-gradient(to ${o.lineColor.direction || "right"}, ${o.lineColor["0%"] || o.lineColor.from}, ${o.lineColor["100%"] || o.lineColor.to})`), C = s(() => {
|
|
86
86
|
if (l.value) {
|
|
87
87
|
const e = o.lineColor;
|
|
88
88
|
return e.direction === void 0 || e.direction === "right" ? `right-${e["0%"] || e.from}-${e["100%"] || e.to}` : `left-${e["100%"] || e.to}-${e["0%"] || e.from}`;
|
|
@@ -98,21 +98,22 @@ const L = { class: "progress-inner" }, N = {
|
|
|
98
98
|
const e = o.lineColor;
|
|
99
99
|
return !e.direction || e.direction === "right" ? e["100%"] || e.to : e["0%"] || e.from;
|
|
100
100
|
}
|
|
101
|
-
}),
|
|
101
|
+
}), k = s(() => o.format(o.percent > 100 ? 100 : o.percent)), w = s(() => b.success || o.success);
|
|
102
102
|
return (e, u) => e.type === "line" ? (r(), t("div", {
|
|
103
103
|
key: 0,
|
|
104
104
|
class: "m-progress-line",
|
|
105
105
|
style: c(`
|
|
106
106
|
--progress-size: ${g.value};
|
|
107
|
-
--progress-primary-color:
|
|
107
|
+
--progress-primary-color: ${$.value};
|
|
108
108
|
--progress-success-color: #52c41a;
|
|
109
|
-
--progress-
|
|
109
|
+
--progress-font-size: ${y.value};
|
|
110
|
+
--progress-border-radius: ${e.lineCap === "round" ? "100px" : 0};
|
|
110
111
|
`)
|
|
111
112
|
}, [
|
|
112
113
|
i("div", L, [
|
|
113
114
|
i("div", {
|
|
114
115
|
class: S(["progress-bg", { "line-success": e.percent >= 100 && !l.value }]),
|
|
115
|
-
style: c(`
|
|
116
|
+
style: c(`width: ${e.percent >= 100 ? 100 : e.percent}%; height: ${n.value}px;`)
|
|
116
117
|
}, null, 6)
|
|
117
118
|
]),
|
|
118
119
|
e.showInfo ? (r(), z(_, {
|
|
@@ -131,7 +132,7 @@ const L = { class: "progress-inner" }, N = {
|
|
|
131
132
|
]))
|
|
132
133
|
])) : (r(), t("p", V, [
|
|
133
134
|
p(e.$slots, "format", { percent: e.percent }, () => [
|
|
134
|
-
d(f(
|
|
135
|
+
d(f(k.value), 1)
|
|
135
136
|
], !0)
|
|
136
137
|
]))
|
|
137
138
|
]),
|
|
@@ -140,12 +141,17 @@ const L = { class: "progress-inner" }, N = {
|
|
|
140
141
|
], 4)) : (r(), t("div", {
|
|
141
142
|
key: 1,
|
|
142
143
|
class: "m-progress-circle",
|
|
143
|
-
style: c(
|
|
144
|
+
style: c(`
|
|
145
|
+
--progress-size: ${g.value};
|
|
146
|
+
--progress-primary-color: ${l.value ? `url(#${C.value})` : $.value};
|
|
147
|
+
--progress-success-color: #52c41a;
|
|
148
|
+
--progress-font-size: ${y.value};
|
|
149
|
+
`)
|
|
144
150
|
}, [
|
|
145
151
|
(r(), t("svg", G, [
|
|
146
152
|
l.value ? (r(), t("defs", H, [
|
|
147
153
|
i("linearGradient", {
|
|
148
|
-
id: `${
|
|
154
|
+
id: `${C.value}`,
|
|
149
155
|
x1: "100%",
|
|
150
156
|
y1: "0%",
|
|
151
157
|
x2: "0%",
|
|
@@ -174,7 +180,6 @@ const L = { class: "progress-inner" }, N = {
|
|
|
174
180
|
"stroke-linecap": e.lineCap,
|
|
175
181
|
class: S(["circle-path", { "circle-path-success": e.percent >= 100 && !l.value }]),
|
|
176
182
|
"stroke-width": n.value,
|
|
177
|
-
stroke: l.value ? `url(#${k.value})` : $.value,
|
|
178
183
|
style: c(`stroke-dasharray: ${e.percent / 100 * a.value}px, ${a.value}px;`),
|
|
179
184
|
opacity: e.percent === 0 ? 0 : 1,
|
|
180
185
|
"fill-opacity": "0"
|
|
@@ -194,7 +199,7 @@ const L = { class: "progress-inner" }, N = {
|
|
|
194
199
|
], !0)
|
|
195
200
|
])) : (r(), t("p", O, [
|
|
196
201
|
p(e.$slots, "format", { percent: e.percent }, () => [
|
|
197
|
-
d(f(
|
|
202
|
+
d(f(k.value), 1)
|
|
198
203
|
], !0)
|
|
199
204
|
]))
|
|
200
205
|
]),
|
package/es/select/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.slide-down-enter[data-v-
|
|
1
|
+
.slide-down-enter[data-v-889177bf]{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-889177bf]{animation-name:slideDownIn-889177bf;animation-play-state:running}@keyframes slideDownIn-889177bf{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-889177bf]{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-889177bf]{animation-name:slideDownOut-889177bf;animation-play-state:running}@keyframes slideDownOut-889177bf{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}}.m-select[data-v-889177bf]{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-889177bf]{border-color:var(--select-primary-color-hover)}.m-select .select-wrap[data-v-889177bf]{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-889177bf]:after{display:inline-block;width:0;visibility:hidden;content:" ";line-height:calc(var(--select-height) - 2px)}.m-select .select-wrap .select-search[data-v-889177bf]{position:absolute;top:0;bottom:0;left:11px;right:11px}.m-select .select-wrap .select-search .search-input[data-v-889177bf]{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-889177bf]{caret-color:auto}.m-select .select-wrap .select-item[data-v-889177bf]{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-889177bf]{color:#00000040;transition:none;pointer-events:none}.m-select .select-wrap .select-item-hidden[data-v-889177bf]{visibility:hidden}.m-select .select-wrap .icon-svg[data-v-889177bf]{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-889177bf]{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-889177bf]{transform:rotate(180deg)}.m-select .select-wrap .search-svg[data-v-889177bf]{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-889177bf]{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-889177bf]:hover{color:#00000073}.m-select .select-wrap .show-svg[data-v-889177bf]{opacity:1;pointer-events:auto}.m-select .select-options-panel[data-v-889177bf]{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-889177bf]{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-889177bf]{background:#0000000a}.m-select .select-options-panel .option-selected[data-v-889177bf]{font-weight:600;background:var(--select-item-bg-color-active)}.m-select .select-options-panel .option-disabled[data-v-889177bf]{color:#00000040;cursor:not-allowed}.m-select .options-empty[data-v-889177bf]{min-width:112px;padding:9px 16px}.m-select .options-empty .m-empty[data-v-889177bf]{margin-block:8px}.m-select .options-empty .m-empty[data-v-889177bf] .empty-image-wrap{height:35px}.select-focused:not(.select-disabled) .select-wrap[data-v-889177bf]{border-color:var(--select-primary-color-focus);box-shadow:0 0 0 2px var(--select-primary-shadow-color)}.search-select .select-wrap[data-v-889177bf]{cursor:text}.search-select .select-wrap .select-search .search-input[data-v-889177bf]{cursor:auto;color:inherit;opacity:1}.select-small[data-v-889177bf]{font-size:14px}.select-small .select-wrap[data-v-889177bf]{padding:0 7px;border-radius:4px}.select-small .select-wrap .select-search[data-v-889177bf]{left:7px;right:28px}.select-small .select-wrap .select-item[data-v-889177bf]{padding-right:22px}.select-large[data-v-889177bf]{font-size:16px}.select-large .select-wrap[data-v-889177bf]{padding:0 11px;border-radius:8px}.select-large .select-wrap .select-item[data-v-889177bf]{padding-right:20px}.select-disabled .select-wrap[data-v-889177bf]{color:#00000040;background:#f5f5f5;-webkit-user-select:none;user-select:none;cursor:not-allowed}.select-disabled .select-wrap .select-search .search-input[data-v-889177bf]{cursor:not-allowed}
|
package/es/select/Select.d.ts
CHANGED
|
@@ -11,12 +11,12 @@ export interface Props {
|
|
|
11
11
|
value?: string;
|
|
12
12
|
placeholder?: string;
|
|
13
13
|
disabled?: boolean;
|
|
14
|
-
allowClear?: boolean;
|
|
15
|
-
search?: boolean;
|
|
16
|
-
filter?: Function | true;
|
|
17
14
|
width?: string | number;
|
|
18
15
|
height?: number;
|
|
19
16
|
size?: 'small' | 'middle' | 'large';
|
|
17
|
+
allowClear?: boolean;
|
|
18
|
+
search?: boolean;
|
|
19
|
+
filter?: Function | true;
|
|
20
20
|
maxDisplay?: number;
|
|
21
21
|
scrollbarProps?: object;
|
|
22
22
|
modelValue?: number | string;
|
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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-889177bf"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
package/es/select/Select.vue2.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as Z, ref as o, computed as k, watchEffect as F, watch as x, nextTick as _, createElementBlock as c, openBlock as f, normalizeStyle as ee, normalizeClass as h, createElementVNode as m, createVNode as V, withDirectives as le, vModelText as ae, toDisplayString as T, withModifiers as B, Transition as se, withCtx as D, createCommentVNode as te, unref as E, mergeProps as oe, Fragment as ue, renderList as ne } from "vue";
|
|
2
2
|
import ie from "../empty/index.js";
|
|
3
3
|
import re from "../scrollbar/index.js";
|
|
4
|
-
const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["title"], fe = ["title", "onMouseenter", "onClick"], ge = /* @__PURE__ */
|
|
4
|
+
const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["title"], fe = ["title", "onMouseenter", "onClick"], ge = /* @__PURE__ */ Z({
|
|
5
5
|
__name: "Select",
|
|
6
6
|
props: {
|
|
7
7
|
options: { default: () => [] },
|
|
@@ -9,36 +9,36 @@ const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["tit
|
|
|
9
9
|
value: { default: "value" },
|
|
10
10
|
placeholder: { default: "请选择" },
|
|
11
11
|
disabled: { type: Boolean, default: !1 },
|
|
12
|
-
allowClear: { type: Boolean, default: !1 },
|
|
13
|
-
search: { type: Boolean, default: !1 },
|
|
14
|
-
filter: { type: [Function, Boolean], default: !0 },
|
|
15
12
|
width: { default: "auto" },
|
|
16
13
|
height: { default: void 0 },
|
|
17
14
|
size: { default: "middle" },
|
|
15
|
+
allowClear: { type: Boolean, default: !1 },
|
|
16
|
+
search: { type: Boolean, default: !1 },
|
|
17
|
+
filter: { type: [Function, Boolean], default: !0 },
|
|
18
18
|
maxDisplay: { default: 6 },
|
|
19
19
|
scrollbarProps: { default: () => ({}) },
|
|
20
20
|
modelValue: { default: void 0 }
|
|
21
21
|
},
|
|
22
22
|
emits: ["update:modelValue", "change", "openChange"],
|
|
23
|
-
setup(
|
|
24
|
-
const l =
|
|
23
|
+
setup(N, { emit: R }) {
|
|
24
|
+
const l = N, i = o(), u = o(), C = o(null), r = o(), v = o(!1), M = o(!1), n = o(), b = o(), z = o(0), t = o(!1), d = o(!0), g = o(!1), S = o(!1), p = o(!1), $ = o(!1), y = R, H = k(() => typeof l.width == "number" ? `${l.width}px` : l.width), P = k(() => {
|
|
25
25
|
const e = {
|
|
26
26
|
small: 24,
|
|
27
27
|
middle: 32,
|
|
28
28
|
large: 40
|
|
29
29
|
};
|
|
30
30
|
return l.height !== void 0 ? `${l.height}px` : `${e[l.size]}px`;
|
|
31
|
-
}),
|
|
31
|
+
}), I = k(() => l.options.length > l.maxDisplay), O = k(() => ({
|
|
32
32
|
maxHeight: `${l.maxDisplay * 32 + 8}px`
|
|
33
33
|
}));
|
|
34
34
|
F(() => {
|
|
35
|
-
l.search ? (
|
|
35
|
+
l.search ? (r.value ? (t.value = !0, i.value = l.options.filter((e) => typeof l.filter == "function" ? l.filter(r.value, e) : e[l.label].includes(r.value))) : i.value = [...l.options], i.value.length && r.value ? n.value = i.value[0][l.value] : n.value = null) : i.value = l.options;
|
|
36
36
|
}), F(() => {
|
|
37
|
-
|
|
38
|
-
}),
|
|
39
|
-
if (
|
|
37
|
+
A();
|
|
38
|
+
}), x(t, async (e) => {
|
|
39
|
+
if (I.value)
|
|
40
40
|
if (e)
|
|
41
|
-
await
|
|
41
|
+
await _(), b.value && b.value.scrollTo({
|
|
42
42
|
top: z.value,
|
|
43
43
|
behavior: "instant"
|
|
44
44
|
});
|
|
@@ -46,76 +46,76 @@ const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["tit
|
|
|
46
46
|
const a = b.value && b.value.getScrollData();
|
|
47
47
|
z.value = (a == null ? void 0 : a.scrollTop) || 0;
|
|
48
48
|
}
|
|
49
|
-
y("openChange", e), l.search && !e && (
|
|
49
|
+
y("openChange", e), l.search && !e && (r.value = void 0, M.value = !1);
|
|
50
50
|
});
|
|
51
|
-
function
|
|
51
|
+
function A() {
|
|
52
52
|
if (l.modelValue) {
|
|
53
53
|
const e = l.options.find((a) => a[l.value] === l.modelValue);
|
|
54
54
|
e ? (u.value = e[l.label], n.value = e[l.value]) : (u.value = l.modelValue, n.value = null);
|
|
55
55
|
} else
|
|
56
56
|
u.value = null, n.value = null;
|
|
57
57
|
}
|
|
58
|
+
function U() {
|
|
59
|
+
$.value = !0;
|
|
60
|
+
}
|
|
58
61
|
function W() {
|
|
59
|
-
M.value = !
|
|
62
|
+
$.value = !1, t.value && (t.value = !1), l.search && (p.value = !1, d.value = !0, M.value = !1);
|
|
60
63
|
}
|
|
61
64
|
function j() {
|
|
62
|
-
|
|
65
|
+
v.value = !0, l.allowClear && (u.value || l.search && r.value) && (d.value = !1, g.value = !0, l.search && (p.value = !1));
|
|
63
66
|
}
|
|
64
67
|
function q() {
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
function G() {
|
|
68
|
-
c.value = !1, l.allowClear && m.value && (m.value = !1, l.search || (f.value = !0)), l.search && (t.value ? (p.value = !0, f.value = !1) : (p.value = !1, f.value = !0));
|
|
68
|
+
v.value = !1, l.allowClear && g.value && (g.value = !1, l.search || (d.value = !0)), l.search && (t.value ? (p.value = !0, d.value = !1) : (p.value = !1, d.value = !0));
|
|
69
69
|
}
|
|
70
|
-
function
|
|
71
|
-
|
|
70
|
+
function G(e, a) {
|
|
71
|
+
v.value = !!a, n.value = e;
|
|
72
72
|
}
|
|
73
|
-
function
|
|
74
|
-
if (
|
|
73
|
+
function J() {
|
|
74
|
+
if (w(), !l.search && C.value && (C.value.style.opacity = "0"), t.value = !t.value, !n.value && u.value) {
|
|
75
75
|
const e = l.options.find((a) => a[l.label] === u.value);
|
|
76
76
|
n.value = e ? e[l.value] : null;
|
|
77
77
|
}
|
|
78
|
-
l.search && (
|
|
78
|
+
l.search && (g.value || (d.value = !t.value, p.value = t.value));
|
|
79
79
|
}
|
|
80
|
-
function
|
|
80
|
+
function K(e) {
|
|
81
81
|
var a;
|
|
82
|
-
|
|
82
|
+
M.value = !!((a = e.target) != null && a.value);
|
|
83
83
|
}
|
|
84
|
-
function
|
|
85
|
-
|
|
84
|
+
function Q() {
|
|
85
|
+
$.value && (w(), S.value = !0), g.value = !1, u.value = null, n.value = null, t.value = !1, p.value = !1, d.value = !0, y("update:modelValue"), y("change");
|
|
86
86
|
}
|
|
87
|
-
function
|
|
87
|
+
function w() {
|
|
88
88
|
var e;
|
|
89
89
|
(e = C.value) == null || e.focus();
|
|
90
90
|
}
|
|
91
|
-
function
|
|
92
|
-
l.modelValue !== e && (u.value = a, n.value = e, y("update:modelValue", e), y("change", e, a, s)), S.value = !1,
|
|
91
|
+
function X(e, a, s) {
|
|
92
|
+
l.modelValue !== e && (u.value = a, n.value = e, y("update:modelValue", e), y("change", e, a, s)), S.value = !1, w();
|
|
93
93
|
}
|
|
94
|
-
return (e, a) => (
|
|
94
|
+
return (e, a) => (f(), c("div", {
|
|
95
95
|
class: h(["m-select", {
|
|
96
|
-
"select-focused":
|
|
96
|
+
"select-focused": $.value,
|
|
97
97
|
"search-select": e.search,
|
|
98
98
|
"select-small": e.size === "small",
|
|
99
99
|
"select-large": e.size === "large",
|
|
100
100
|
"select-disabled": e.disabled
|
|
101
101
|
}]),
|
|
102
|
-
style:
|
|
103
|
-
--select-width: ${
|
|
104
|
-
--select-height: ${
|
|
102
|
+
style: ee(`
|
|
103
|
+
--select-width: ${H.value};
|
|
104
|
+
--select-height: ${P.value};
|
|
105
105
|
--select-primary-color-hover: #4096ff;
|
|
106
106
|
--select-primary-color-focus: #4096ff;
|
|
107
107
|
--select-primary-shadow-color: rgba(5, 145, 255, 0.1);
|
|
108
108
|
--select-item-bg-color-active: #e6f4ff;
|
|
109
109
|
`),
|
|
110
|
-
onClick: a[7] || (a[7] = (s) => e.disabled ? () => !1 :
|
|
110
|
+
onClick: a[7] || (a[7] = (s) => e.disabled ? () => !1 : J())
|
|
111
111
|
}, [
|
|
112
|
-
|
|
112
|
+
m("div", {
|
|
113
113
|
class: "select-wrap",
|
|
114
|
-
onMouseenter:
|
|
115
|
-
onMouseleave:
|
|
114
|
+
onMouseenter: j,
|
|
115
|
+
onMouseleave: q
|
|
116
116
|
}, [
|
|
117
|
-
|
|
118
|
-
|
|
117
|
+
m("span", ve, [
|
|
118
|
+
le(m("input", {
|
|
119
119
|
ref_key: "inputRef",
|
|
120
120
|
ref: C,
|
|
121
121
|
class: h(["search-input", { "caret-show": t.value || S.value }]),
|
|
@@ -123,21 +123,20 @@ const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["tit
|
|
|
123
123
|
autocomplete: "off",
|
|
124
124
|
readonly: !e.search,
|
|
125
125
|
disabled: e.disabled,
|
|
126
|
-
onInput:
|
|
127
|
-
"onUpdate:modelValue": a[0] || (a[0] = (s) =>
|
|
128
|
-
onBlur: a[1] || (a[1] = (s) => !
|
|
129
|
-
onFocus: a[2] || (a[2] = (s) => e.disabled ? () => !1 :
|
|
126
|
+
onInput: K,
|
|
127
|
+
"onUpdate:modelValue": a[0] || (a[0] = (s) => r.value = s),
|
|
128
|
+
onBlur: a[1] || (a[1] = (s) => !v.value && !e.disabled ? W() : () => !1),
|
|
129
|
+
onFocus: a[2] || (a[2] = (s) => e.disabled ? () => !1 : U())
|
|
130
130
|
}, null, 42, de), [
|
|
131
|
-
[
|
|
131
|
+
[ae, r.value]
|
|
132
132
|
])
|
|
133
133
|
]),
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
class: h(["select-item", { "select-placeholder": !u.value || t.value }]),
|
|
134
|
+
m("span", {
|
|
135
|
+
class: h(["select-item", { "select-placeholder": !u.value || t.value, "select-item-hidden": M.value }]),
|
|
137
136
|
title: u.value
|
|
138
|
-
},
|
|
139
|
-
(
|
|
140
|
-
class: h(["arrow-svg", { "arrow-rotate": t.value, "show-svg":
|
|
137
|
+
}, T(u.value || e.placeholder), 11, ce),
|
|
138
|
+
(f(), c("svg", {
|
|
139
|
+
class: h(["arrow-svg", { "arrow-rotate": t.value, "show-svg": d.value }]),
|
|
141
140
|
focusable: "false",
|
|
142
141
|
"data-icon": "down",
|
|
143
142
|
width: "1em",
|
|
@@ -146,9 +145,9 @@ const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["tit
|
|
|
146
145
|
"aria-hidden": "true",
|
|
147
146
|
viewBox: "64 64 896 896"
|
|
148
147
|
}, a[8] || (a[8] = [
|
|
149
|
-
|
|
148
|
+
m("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }, null, -1)
|
|
150
149
|
]), 2)),
|
|
151
|
-
(
|
|
150
|
+
(f(), c("svg", {
|
|
152
151
|
class: h(["search-svg", { "show-svg": p.value }]),
|
|
153
152
|
focusable: "false",
|
|
154
153
|
"data-icon": "search",
|
|
@@ -158,10 +157,10 @@ const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["tit
|
|
|
158
157
|
"aria-hidden": "true",
|
|
159
158
|
viewBox: "64 64 896 896"
|
|
160
159
|
}, a[9] || (a[9] = [
|
|
161
|
-
|
|
160
|
+
m("path", { d: "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" }, null, -1)
|
|
162
161
|
]), 2)),
|
|
163
|
-
(
|
|
164
|
-
class: h(["clear-svg", { "show-svg":
|
|
162
|
+
(f(), c("svg", {
|
|
163
|
+
class: h(["clear-svg", { "show-svg": g.value }]),
|
|
165
164
|
focusable: "false",
|
|
166
165
|
"data-icon": "close-circle",
|
|
167
166
|
width: "1em",
|
|
@@ -170,12 +169,12 @@ const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["tit
|
|
|
170
169
|
"aria-hidden": "true",
|
|
171
170
|
"fill-rule": "evenodd",
|
|
172
171
|
viewBox: "64 64 896 896",
|
|
173
|
-
onClick: B(
|
|
172
|
+
onClick: B(Q, ["stop"])
|
|
174
173
|
}, a[10] || (a[10] = [
|
|
175
|
-
|
|
174
|
+
m("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }, null, -1)
|
|
176
175
|
]), 2))
|
|
177
176
|
], 32),
|
|
178
|
-
V(
|
|
177
|
+
V(se, {
|
|
179
178
|
name: "slide-down",
|
|
180
179
|
"enter-from-class": "slide-down-enter",
|
|
181
180
|
"enter-active-class": "slide-down-enter",
|
|
@@ -184,22 +183,22 @@ const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["tit
|
|
|
184
183
|
"leave-active-class": "slide-down-leave slide-down-leave-active",
|
|
185
184
|
"leave-to-class": "slide-down-leave slide-down-leave-active"
|
|
186
185
|
}, {
|
|
187
|
-
default:
|
|
188
|
-
t.value && i.value && i.value.length ? (
|
|
186
|
+
default: D(() => [
|
|
187
|
+
t.value && i.value && i.value.length ? (f(), c("div", {
|
|
189
188
|
key: 0,
|
|
190
189
|
class: "select-options-panel",
|
|
191
|
-
onClick: B(
|
|
192
|
-
onMouseenter: a[3] || (a[3] = (s) =>
|
|
193
|
-
onMouseleave: a[4] || (a[4] = (s) =>
|
|
190
|
+
onClick: B(w, ["stop"]),
|
|
191
|
+
onMouseenter: a[3] || (a[3] = (s) => v.value = !0),
|
|
192
|
+
onMouseleave: a[4] || (a[4] = (s) => v.value = !1)
|
|
194
193
|
}, [
|
|
195
|
-
V(
|
|
194
|
+
V(E(re), oe({
|
|
196
195
|
ref_key: "scrollbarRef",
|
|
197
196
|
ref: b,
|
|
198
197
|
"content-style": { padding: "4px" },
|
|
199
|
-
style:
|
|
198
|
+
style: O.value
|
|
200
199
|
}, e.scrollbarProps), {
|
|
201
|
-
default:
|
|
202
|
-
(
|
|
200
|
+
default: D(() => [
|
|
201
|
+
(f(!0), c(ue, null, ne(i.value, (s, L) => (f(), c("p", {
|
|
203
202
|
key: L,
|
|
204
203
|
class: h([
|
|
205
204
|
"select-option",
|
|
@@ -210,21 +209,21 @@ const ve = { class: "select-search" }, de = ["readonly", "disabled"], ce = ["tit
|
|
|
210
209
|
}
|
|
211
210
|
]),
|
|
212
211
|
title: s[e.label],
|
|
213
|
-
onMouseenter: (
|
|
214
|
-
onClick: B((
|
|
215
|
-
},
|
|
212
|
+
onMouseenter: (Y) => G(s[e.value], s.disabled),
|
|
213
|
+
onClick: B((Y) => s.disabled ? w() : X(s[e.value], s[e.label], L), ["stop"])
|
|
214
|
+
}, T(s[e.label]), 43, fe))), 128))
|
|
216
215
|
]),
|
|
217
216
|
_: 1
|
|
218
217
|
}, 16, ["style"])
|
|
219
|
-
], 32)) : t.value && i.value && !i.value.length ? (
|
|
218
|
+
], 32)) : t.value && i.value && !i.value.length ? (f(), c("div", {
|
|
220
219
|
key: 1,
|
|
221
220
|
class: "select-options-panel options-empty",
|
|
222
|
-
onClick: B(
|
|
223
|
-
onMouseenter: a[5] || (a[5] = (s) =>
|
|
224
|
-
onMouseleave: a[6] || (a[6] = (s) =>
|
|
221
|
+
onClick: B(w, ["stop"]),
|
|
222
|
+
onMouseenter: a[5] || (a[5] = (s) => v.value = !0),
|
|
223
|
+
onMouseleave: a[6] || (a[6] = (s) => v.value = !1)
|
|
225
224
|
}, [
|
|
226
|
-
V(
|
|
227
|
-
], 32)) :
|
|
225
|
+
V(E(ie), { image: "outlined" })
|
|
226
|
+
], 32)) : te("", !0)
|
|
228
227
|
]),
|
|
229
228
|
_: 1
|
|
230
229
|
})
|
package/es/utils/resolver.js
CHANGED
|
@@ -111,18 +111,18 @@ function c(e, t) {
|
|
|
111
111
|
`vue-amazing-ui/${a}/${s[o]}/${o}.css`
|
|
112
112
|
);
|
|
113
113
|
}), e === "DatePicker" && i.push(
|
|
114
|
-
`vue-amazing-ui/${a}/node_modules/.pnpm/@vuepic_vue-datepicker@11.0.1_vue@3.5.13_typescript@5.
|
|
115
|
-
), e === "Swiper" && (i.push(`vue-amazing-ui/${a}/node_modules/.pnpm/swiper@11.2.
|
|
116
|
-
"navigation",
|
|
117
|
-
"pagination",
|
|
114
|
+
`vue-amazing-ui/${a}/node_modules/.pnpm/@vuepic_vue-datepicker@11.0.1_vue@3.5.13_typescript@5.8.2_/node_modules/@vuepic/vue-datepicker/dist/main.css`
|
|
115
|
+
), e === "Swiper" && (i.push(`vue-amazing-ui/${a}/node_modules/.pnpm/swiper@11.2.5/node_modules/swiper/swiper.css`), [
|
|
118
116
|
"effect-cards",
|
|
119
117
|
"effect-creative",
|
|
120
118
|
"effect-cube",
|
|
121
119
|
"effect-fade",
|
|
122
|
-
"effect-flip"
|
|
120
|
+
"effect-flip",
|
|
121
|
+
"navigation",
|
|
122
|
+
"pagination"
|
|
123
123
|
].forEach((n) => {
|
|
124
124
|
i.push(
|
|
125
|
-
`vue-amazing-ui/${a}/node_modules/.pnpm/swiper@11.2.
|
|
125
|
+
`vue-amazing-ui/${a}/node_modules/.pnpm/swiper@11.2.5/node_modules/swiper/modules/${n}.css`
|
|
126
126
|
);
|
|
127
127
|
})), i;
|
|
128
128
|
}
|
package/lib/alert/Alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.alert-motion-leave[data-v-
|
|
1
|
+
.alert-motion-leave[data-v-e51e5bc0]{overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding .3s cubic-bezier(.78,.14,.15,.86)}.alert-motion-leave-active[data-v-e51e5bc0]{max-height:0!important;opacity:0!important;padding-block:0!important}.m-alert[data-v-e51e5bc0]{padding:8px 12px;color:#000000e0;font-size:14px;line-height:1.57142857;position:relative;display:flex;align-items:center;word-break:break-all;border-radius:8px}.m-alert .m-alert-icon[data-v-e51e5bc0]{display:inline-block;margin-right:8px;line-height:0}.m-alert .m-big-icon[data-v-e51e5bc0]{margin-right:12px;font-size:24px;line-height:0}.m-alert .icon-img[data-v-e51e5bc0]{display:inline-block;width:14px;height:14px}.m-alert .big-icon-img[data-v-e51e5bc0]{display:inline-block;width:24px;height:24px}.m-alert .icon-svg[data-v-e51e5bc0]{display:inline-block}.m-alert .m-alert-content[data-v-e51e5bc0]{flex:1;min-width:0}.m-alert .m-alert-actions[data-v-e51e5bc0]{margin-left:8px}.m-alert .m-alert-close[data-v-e51e5bc0]{margin-left:8px;font-size:12px;color:#00000073;line-height:12px;cursor:pointer;outline:none;transition:color .2s}.m-alert .m-alert-close[data-v-e51e5bc0]:hover{color:#000000e0}.m-alert .m-alert-close .alert-close[data-v-e51e5bc0]{display:inline-block;vertical-align:bottom;fill:#00000073;transition:fill .2s}.m-alert .m-alert-close .alert-close[data-v-e51e5bc0]:hover{fill:#000000e0}.alert-default[data-v-e51e5bc0]{background-color:#00000005;border:1px solid #d9d9d9}.alert-default .m-alert-icon[data-v-e51e5bc0],.alert-default .m-big-icon[data-v-e51e5bc0]{color:#000000e0}.alert-default .m-alert-icon .icon-svg[data-v-e51e5bc0],.alert-default .m-big-icon .icon-svg[data-v-e51e5bc0],.alert-default .m-alert-icon[data-v-e51e5bc0] svg,.alert-default .m-big-icon[data-v-e51e5bc0] svg{fill:currentColor}.alert-info[data-v-e51e5bc0]{background-color:var(--alert-primary-bg-color);border:1px solid var(--alert-primary-border-color)}.alert-info .m-alert-icon[data-v-e51e5bc0],.alert-info .m-big-icon[data-v-e51e5bc0]{color:var(--alert-primary-color)}.alert-info .m-alert-icon .icon-svg[data-v-e51e5bc0],.alert-info .m-big-icon .icon-svg[data-v-e51e5bc0],.alert-info .m-alert-icon[data-v-e51e5bc0] svg,.alert-info .m-big-icon[data-v-e51e5bc0] svg{fill:currentColor}.alert-success[data-v-e51e5bc0]{background-color:var(--alert-success-bg-color);border:1px solid var(--alert-success-border-color)}.alert-success .m-alert-icon[data-v-e51e5bc0],.alert-success .m-big-icon[data-v-e51e5bc0]{color:var(--alert-success-color)}.alert-success .m-alert-icon .icon-svg[data-v-e51e5bc0],.alert-success .m-big-icon .icon-svg[data-v-e51e5bc0],.alert-success .m-alert-icon[data-v-e51e5bc0] svg,.alert-success .m-big-icon[data-v-e51e5bc0] svg{fill:currentColor}.alert-warning[data-v-e51e5bc0]{background-color:var(--alert-warning-bg-color);border:1px solid var(--alert-warning-border-color)}.alert-warning .m-alert-icon[data-v-e51e5bc0],.alert-warning .m-big-icon[data-v-e51e5bc0]{color:var(--alert-warning-color)}.alert-warning .m-alert-icon .icon-svg[data-v-e51e5bc0],.alert-warning .m-big-icon .icon-svg[data-v-e51e5bc0],.alert-warning .m-alert-icon[data-v-e51e5bc0] svg,.alert-warning .m-big-icon[data-v-e51e5bc0] svg{fill:currentColor}.alert-error[data-v-e51e5bc0]{background-color:var(--alert-error-bg-color);border:1px solid var(--alert-error-border-color)}.alert-error .m-alert-icon[data-v-e51e5bc0],.alert-error .m-big-icon[data-v-e51e5bc0]{color:var(--alert-error-color)}.alert-error .m-alert-icon .icon-svg[data-v-e51e5bc0],.alert-error .m-big-icon .icon-svg[data-v-e51e5bc0],.alert-error .m-alert-icon[data-v-e51e5bc0] svg,.alert-error .m-big-icon[data-v-e51e5bc0] svg{fill:currentColor}.alert-borderless[data-v-e51e5bc0]{border:none}.alert-width-description[data-v-e51e5bc0]{align-items:flex-start;padding:20px 24px}.alert-width-description .alert-message[data-v-e51e5bc0]{display:block;margin-bottom:8px;color:#000000e0;font-size:16px}.alert-width-description .alert-description[data-v-e51e5bc0]{display:block}
|
package/lib/alert/Alert.vue.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert.vue2.cjs");;/* empty css */const t=require("../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert.vue2.cjs");;/* empty css */const t=require("../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-e51e5bc0"]]);exports.default=u;
|