@studio-west/component-sw 0.9.0 → 0.9.2
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 +108 -108
- package/dist/{SwDatePicker-CTItdbBt.js → SwDatePicker-jkMxCTN0.js} +1 -1
- package/dist/SwDropdownItem-BcFUu896.js +31 -0
- package/dist/SwGide-TCfG-aUP.js +145 -0
- package/dist/{SwInput-DP-7d70M.js → SwInput-BfVbDGqo.js} +18 -18
- package/dist/SwMessage-DL3XthhU.js +58 -0
- package/dist/SwPopover-B4oOez4M.js +58 -0
- package/dist/SwSlider-BTpjTOzs.js +55 -0
- package/dist/component-sw.css +1 -1
- package/dist/index-BqSnlKYz.js +165 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/SwDropdownItem-BfNgJeEd.js +0 -33
- package/dist/SwGide-UeJonHcR.js +0 -147
- package/dist/SwMessage-DKatZOJ6.js +0 -58
- package/dist/SwPopover-Cx6oUK0x.js +0 -17
- package/dist/index-BaQi9mUk.js +0 -181
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { mergeModels as f, useModel as p, ref as g, useSlots as v, watch as k, nextTick as w, onUnmounted as _, createElementBlock as c, openBlock as d, normalizeClass as y, createCommentVNode as h, renderSlot as n, createElementVNode as S, unref as V, createTextVNode as $, createVNode as m, toDisplayString as C, withCtx as E } from "vue";
|
|
2
|
+
import M from "./SwButton-85-tKHA7.js";
|
|
3
|
+
import { _ as N } from "./index-BqSnlKYz.js";
|
|
4
|
+
const L = ["open"], x = { key: 0 }, z = {
|
|
5
|
+
__name: "SwMessage",
|
|
6
|
+
props: /* @__PURE__ */ f({
|
|
7
|
+
name: { type: String, default: "" },
|
|
8
|
+
class: { type: String, default: "" },
|
|
9
|
+
iconAfter: { type: String, default: "" }
|
|
10
|
+
}, {
|
|
11
|
+
modelValue: {},
|
|
12
|
+
modelModifiers: {}
|
|
13
|
+
}),
|
|
14
|
+
emits: ["update:modelValue"],
|
|
15
|
+
setup(a) {
|
|
16
|
+
const t = p(a, "modelValue"), o = a, s = g(null), u = v(), l = (e) => {
|
|
17
|
+
s.value && !s.value.contains(e.target) && (t.value = !1);
|
|
18
|
+
};
|
|
19
|
+
return k(() => t.value, async (e) => {
|
|
20
|
+
e ? (await w(), window.addEventListener("click", l, !0)) : window.removeEventListener("click", l);
|
|
21
|
+
}), _(() => {
|
|
22
|
+
window.removeEventListener("click", l);
|
|
23
|
+
}), (e, r) => {
|
|
24
|
+
var i;
|
|
25
|
+
return d(), c("dialog", {
|
|
26
|
+
open: t.value,
|
|
27
|
+
class: y(["sw-message", o.class]),
|
|
28
|
+
ref_key: "messageRef",
|
|
29
|
+
ref: s
|
|
30
|
+
}, [
|
|
31
|
+
o.name.length > 0 || (i = V(u)) != null && i.header ? (d(), c("header", x, [
|
|
32
|
+
n(e.$slots, "header", {}, () => [
|
|
33
|
+
$(C(o.name) + " ", 1),
|
|
34
|
+
m(M, {
|
|
35
|
+
link: "",
|
|
36
|
+
type: "primary",
|
|
37
|
+
onClick: r[0] || (r[0] = (A) => t.value = !1)
|
|
38
|
+
}, {
|
|
39
|
+
default: E(() => [
|
|
40
|
+
m(N, {
|
|
41
|
+
"icon-class": o.iconAfter
|
|
42
|
+
}, null, 8, ["icon-class"])
|
|
43
|
+
]),
|
|
44
|
+
_: 1
|
|
45
|
+
})
|
|
46
|
+
])
|
|
47
|
+
])) : h("", !0),
|
|
48
|
+
n(e.$slots, "default"),
|
|
49
|
+
S("footer", null, [
|
|
50
|
+
n(e.$slots, "footer")
|
|
51
|
+
])
|
|
52
|
+
], 10, L);
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
export {
|
|
57
|
+
z as default
|
|
58
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { mergeModels as m, useModel as c, ref as f, useSlots as v, watch as h, nextTick as y, createElementBlock as i, openBlock as p, normalizeClass as _, createCommentVNode as g, renderSlot as r, createElementVNode as S, unref as k, createTextVNode as P, createVNode as d, toDisplayString as V, withCtx as $ } from "vue";
|
|
2
|
+
import w from "./SwButton-85-tKHA7.js";
|
|
3
|
+
import { _ as C } from "./index-BqSnlKYz.js";
|
|
4
|
+
const N = ["id", "open", "popover"], M = { key: 0 }, T = {
|
|
5
|
+
__name: "SwPopover",
|
|
6
|
+
props: /* @__PURE__ */ m({
|
|
7
|
+
popover: { type: String, default: "auto" },
|
|
8
|
+
name: { type: String, default: "" },
|
|
9
|
+
class: { type: String, default: "" },
|
|
10
|
+
iconAfter: { type: String, default: "" },
|
|
11
|
+
id: { type: String, default: "Popover" }
|
|
12
|
+
}, {
|
|
13
|
+
modelValue: {},
|
|
14
|
+
modelModifiers: {}
|
|
15
|
+
}),
|
|
16
|
+
emits: ["update:modelValue"],
|
|
17
|
+
setup(l) {
|
|
18
|
+
const s = c(l, "modelValue"), e = l, t = f(null), u = v();
|
|
19
|
+
return h(() => s.value, (o) => {
|
|
20
|
+
o ? y(() => t.value.showPopover()) : t.value.hidePopover();
|
|
21
|
+
}), (o, a) => {
|
|
22
|
+
var n;
|
|
23
|
+
return p(), i("dialog", {
|
|
24
|
+
id: e.id,
|
|
25
|
+
open: s.value,
|
|
26
|
+
popover: e.popover,
|
|
27
|
+
class: _("sw-popover" + e.class),
|
|
28
|
+
ref_key: "Popover",
|
|
29
|
+
ref: t
|
|
30
|
+
}, [
|
|
31
|
+
e.name.length > 0 || (n = k(u)) != null && n.header ? (p(), i("header", M, [
|
|
32
|
+
r(o.$slots, "header", {}, () => [
|
|
33
|
+
P(V(e.name) + " ", 1),
|
|
34
|
+
d(w, {
|
|
35
|
+
link: "",
|
|
36
|
+
type: "primary",
|
|
37
|
+
onClick: a[0] || (a[0] = (x) => t.value.hidePopover())
|
|
38
|
+
}, {
|
|
39
|
+
default: $(() => [
|
|
40
|
+
d(C, {
|
|
41
|
+
"icon-class": e.iconAfter
|
|
42
|
+
}, null, 8, ["icon-class"])
|
|
43
|
+
]),
|
|
44
|
+
_: 1
|
|
45
|
+
})
|
|
46
|
+
])
|
|
47
|
+
])) : g("", !0),
|
|
48
|
+
r(o.$slots, "default"),
|
|
49
|
+
S("footer", null, [
|
|
50
|
+
r(o.$slots, "footer")
|
|
51
|
+
])
|
|
52
|
+
], 10, N);
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
export {
|
|
57
|
+
T as default
|
|
58
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { createElementBlock as m, openBlock as s, normalizeStyle as o, createElementVNode as u, toDisplayString as r } from "vue";
|
|
2
|
+
const c = ["min", "max", "step", "value"], p = { class: "slider__value" }, y = {
|
|
3
|
+
__name: "SwSlider",
|
|
4
|
+
props: {
|
|
5
|
+
modelValue: {
|
|
6
|
+
type: Number,
|
|
7
|
+
required: !0
|
|
8
|
+
},
|
|
9
|
+
min: {
|
|
10
|
+
type: Number,
|
|
11
|
+
default: 0
|
|
12
|
+
},
|
|
13
|
+
max: {
|
|
14
|
+
type: Number,
|
|
15
|
+
default: 100
|
|
16
|
+
},
|
|
17
|
+
step: {
|
|
18
|
+
type: Number,
|
|
19
|
+
default: 1
|
|
20
|
+
},
|
|
21
|
+
width: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: "300px"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
emits: ["update:modelValue"],
|
|
27
|
+
setup(e, { emit: n }) {
|
|
28
|
+
const l = n, d = (t) => {
|
|
29
|
+
const a = parseFloat(t.target.value);
|
|
30
|
+
l("update:modelValue", a);
|
|
31
|
+
}, i = (t) => {
|
|
32
|
+
const a = parseFloat(t.target.value);
|
|
33
|
+
l("update:modelValue", a);
|
|
34
|
+
};
|
|
35
|
+
return (t, a) => (s(), m("div", {
|
|
36
|
+
class: "slider",
|
|
37
|
+
style: o({ "--slider-width": e.width })
|
|
38
|
+
}, [
|
|
39
|
+
u("input", {
|
|
40
|
+
type: "range",
|
|
41
|
+
class: "slider__input",
|
|
42
|
+
min: e.min,
|
|
43
|
+
max: e.max,
|
|
44
|
+
step: e.step,
|
|
45
|
+
value: e.modelValue,
|
|
46
|
+
onInput: d,
|
|
47
|
+
onChange: i
|
|
48
|
+
}, null, 40, c),
|
|
49
|
+
u("div", p, r(e.modelValue), 1)
|
|
50
|
+
], 4));
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
export {
|
|
54
|
+
y as default
|
|
55
|
+
};
|
package/dist/component-sw.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--sw-color-default: #DFDFDF;--sw-color-primary: #3EAF4E;--sw-color-success: #75C6ff;--sw-color-info: #C0C0C0;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-preholiday: #FFE78070;--sw-color-weekend: #ff808070;--sw-color-select: #007bff70;--sw-color-holiday: #ff0000;--sw-color-nowork: #ff0000;--sw-color-active: #5aaaff;--sw-text-color-primary: #333333;--sw-text-color-secondary: #4C4C4C;--sw-text-color-third: #818181;--sw-text-color-revers: white;--sw-bg-color: #f4f4f4;--sw-bg-color-page: white;--sw-bg-color-second: #FAFAFA;--sw-border-color: #D6D6D6;--sw-border-color-input: #CECECE;--sw-font-size: 1rem;--sw-font-size-small: .875rem;--sw-font-size-large: 1.125rem;--sw-font-size-big: 2.8rem;--sw-border-radius: .625rem;--sw-border-radius-small: .25rem;--sw-border-round: 3.625rem;--sw-component-size-base: 3rem;--sw-component-size-small: 1.625rem;--sw-component-size-large: 3.5rem;--sw-component-size-big: 10.5rem;font-family:Montserrat,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--sw-text-color-primary);background-color:var(--sw-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #0d588d;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-active: #007bff;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}@media (prefers-color-scheme: dark){:root:not(.light){--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #0d588d;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-active: #007bff;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}}.sw-alert-wrapper{position:fixed;z-index:4;top:max(env(safe-area-inset-top,0rem),env(titlebar-area-y,0rem))}.sw-alert-wrapper .sw-alert{padding:.625rem 1rem;margin:1rem auto 0;border-radius:var(--sw-border-radius);color:var(--sw-text-color-revers)}.sw-alert-wrapper .sw-alert .svg-icon{flex-shrink:0}.sw-alert-wrapper .sw-alert .svg-icon:first-child{margin-right:1rem}.sw-alert-wrapper .sw-alert .fade-enter-active,.sw-alert-wrapper .sw-alert .fade-leave-active{transition:opacity .5s}.sw-alert-wrapper .sw-alert .fade-enter-from,.sw-alert-wrapper .sw-alert .fade-leave-to{opacity:0}.sw-alert-wrapper .sw-alert footer{display:flex;justify-content:flex-end}.sw-tabs{-webkit-user-select:none;user-select:none}.sw-tabs>header{display:flex;border-bottom:2px solid var(--sw-color-info);color:var(--sw-color-info);-webkit-user-select:none;user-select:none;font-size:var(--sw-font-size-small);font-weight:400;margin-bottom:1.25rem;transition:all .6s ease-out}.sw-tabs>header span{position:relative;top:2px;border-radius:0;padding:5px;cursor:pointer;border:none;background:none;outline:none}.sw-tabs>header span.active{border-bottom:2px solid var(--sw-color-primary);color:var(--sw-color-primary);font-weight:700}.sw-tabs>header span:hover:not(.active){color:var(--sw-border-color)}.sw-input{display:flex;align-items:center;position:relative;gap:0 1.75rem;padding:0 1.2em;border:1px solid var(--sw-border-color-input);border-radius:var(--sw-border-radius)}.sw-input>label{text-align:left;transition:all .2s .2s linear;position:absolute;font-size:var(--sw-font-size-large);line-height:1;top:1.1rem;background:var(--sw-bg-color-page)}.sw-input>label:hover{top:.8rem}.sw-input>label+input::placeholder{opacity:0}.sw-input>input{line-height:var(--sw-component-size-base);border:none;width:100%;font-size:var(--sw-font-size-large);background:none;outline:none}.sw-input>input::placeholder{color:var(--sw-text-color-secondary);opacity:1;transition:opacity .2s .2s linear}.sw-input>input:focus::placeholder{opacity:1}.sw-input .svg-icon{font-size:20px;color:var(--sw-text-color-third)}.sw-input>svg+label{left:4rem}.sw-input.sw-small label{top:.3rem}.sw-input.sw-small label:hover{top:0}.sw-input.sw-small input{line-height:var(--sw-component-size-small)}.sw-input.sw-large label{top:1.22rem}.sw-input.sw-large label:hover{top:1rem}.sw-input.sw-large input{line-height:var(--sw-component-size-large)}.sw-button{border-radius:1rem;border:1px solid var(--sw-color-default);padding:0 1.2em;min-height:var(--sw-component-size-base);font-size:var(--sw-font-size);font-weight:500;cursor:pointer;transition:border-color .25s;background-color:var(--sw-color-default);color:var(--sw-text-color-revers)}.sw-form-item{display:flex;justify-content:space-between;font-size:var(--sw-font-size-small);color:var(--sw-text-color-secondary);gap:1rem}.sw-form-item.sw-start{justify-content:flex-start}.sw-form-item.sw-end{justify-content:flex-end}.sw-form-item.sw-around{justify-content:space-around}.sw-form-item.sw-center{justify-content:center}.sw-dropdown{position:relative;display:inline-block;outline:none}.sw-dropdown-popup{z-index:3;padding:8px;min-width:200px;margin:0;-webkit-user-select:none;user-select:none;background-color:var(--sw-bg-color-second);border:1px solid var(--sw-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a}.sw-dropdown-popup.gide>header,.sw-dropdown-popup.gide>footer{display:flex;justify-content:space-between;align-items:center}.sw-dropdown-popup.gide>header .sw-button,.sw-dropdown-popup.gide>footer .sw-button{font-size:var(--sw-font-size-large);padding:.3em}.sw-dropdown-popup.gide>footer .sw-button{padding:.1em .6em}.sw-dropdown-popup.gide img{position:absolute;height:160px;right:-100px}.sw-dropdown-popup.gide img.reflect{left:-100px}.sw-dropdown-item{display:block;outline:none;-webkit-user-select:none;user-select:none}.sw-dropdown-item svg{margin-right:.5rem}.sw-dropdown-item:hover{color:var(--sw-color-primary)}.sw-collapse{transition:all .3s ease-out;overflow:hidden;box-sizing:border-box;margin:0;will-change:max-height}.sw-switch{display:inline-flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none}.sw-switch>input{display:none}.sw-switch>input:checked+label{background-color:var(--sw-color-primary)}.sw-switch>input:checked+label:before{color:var(--sw-text-color-revers);content:attr(data-onlabel);left:.5rem;right:auto}.sw-switch>input:checked+label:after{background:#f7f7f7;left:2.125rem}.sw-switch>label{background-color:var(--sw-color-info);border-radius:1rem;cursor:pointer;flex:0 0 4rem;height:1.75rem;margin:.5rem;position:relative;transition:all .3s;width:4rem}.sw-switch>label:before{color:var(--sw-text-color-revers);content:attr(data-offlabel);display:block;font-size:1rem;position:absolute;right:.5rem;transition:all .3s}.sw-switch>label:after{background:var(--sw-text-color-revers);border:1px solid var(--sw-color-info);border-radius:50%;content:"";height:2rem;left:-.125rem;position:absolute;top:-.125rem;transition:all .3s;width:2rem}.sw-switch.sw-small>label{width:3.125rem;flex:0 0 3.125rem}.sw-switch.sw-small>label:before{content:""}.sw-switch.sw-small>label:after{content:"";left:.15rem;top:.125rem;width:1.375rem;height:1.375rem}.sw-switch.sw-small>input:checked+label:before{content:""}.sw-switch.sw-small>input:checked+label:after{left:1.475rem}.sw-switch.sw-checkbox label{border-radius:var(--sw-border-radius-small);background:var(--sw-bg-color-pag);border:1px solid var(--sw-border-color-input);height:.875rem;flex:0 0 .875rem}.sw-switch.sw-checkbox label:after{content:none}.sw-switch.sw-checkbox>input:checked+label{background:var(--sw-bg-color-page);color:var(--sw-color-primary)}.sw-switch.sw-checkbox>input:checked+label:before{content:"✔";width:1em;top:-.9rem;left:0;text-rendering:geometricPrecision;white-space:nowrap;font-size:1.6rem}.sw-skeleton{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.sw-skeleton-item{min-height:var(--sw-component-size-base);width:100%;background:var(--sw-bg-color-second);border-radius:var(--sw-border-radius);border:1px solid var(--sw-bg-color);box-sizing:border-box;overflow:hidden;position:relative}.sw-skeleton-item>div{height:100%;width:10px;background:var(--sw-border-color-input);display:inline-block;animation:sw-skeleton 3s linear infinite normal;position:absolute;transform:skew(-20deg);box-shadow:0 0 20px 20px var(--sw-border-color-input)}.sw-message{position:fixed;z-index:3;background-color:var(--sw-bg-color-page);border:1px solid var(--sw-border-color);border-radius:var(--sw-border-radius);padding:1.875rem;box-sizing:border-box;top:50%;left:50%;transform:translateY(-50%) translate(-50%);min-width:16rem;max-width:95%;max-height:95%;overflow-y:auto;color:var(--sw-text-color-primary)}.sw-message>header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sw-message>footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sw-modal-footer{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.sw-data-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.sw-data-picker .month_year{display:flex;justify-content:space-around;align-items:center}.sw-data-picker .month_year span:not(.text) button{font-size:1.3em}.sw-data-picker button{color:var(--sw-text-color-primary);height:30px;text-align:center;line-height:30px;cursor:pointer;background:none;border:none;border-radius:.2rem;transition:all .3s ease}.sw-data-picker button:hover:not(.disabled):not(.active){color:var(--sw-color-primary)}.sw-data-picker .week{border-bottom:1px solid var(--sw-color-info);margin-bottom:.5rem}.sw-data-picker .month,.sw-data-picker .week{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:.2rem}.sw-data-picker .month>button,.sw-data-picker .week>button{width:30px}.sw-data-picker .month>button.disabled,.sw-data-picker .week>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-data-picker .month>button.preholiday,.sw-data-picker .week>button.preholiday{background-color:var(--sw-color-preholiday)}.sw-data-picker .month>button.weekend,.sw-data-picker .week>button.weekend{background-color:var(--sw-color-weekend)}.sw-data-picker .month>button.select,.sw-data-picker .week>button.select{background-color:var(--sw-color-select)}.sw-data-picker .month>button.holiday,.sw-data-picker .week>button.holiday{background-color:var(--sw-color-holiday)}.sw-data-picker .month>button.nowork,.sw-data-picker .week>button.nowork{background-color:var(--sw-color-nowork)}.sw-data-picker .month>button.active,.sw-data-picker .week>button.active{background-color:var(--sw-color-active)}.sw-data-picker .year{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.2rem;border-top:1px solid var(--sw-color-info)}.sw-data-picker .year>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-data-picker .year>button.active{color:var(--sw-color-active)}.sw-gide{display:grid;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;grid-template-rows:40% 0 1fr;grid-template-columns:1fr 0 1fr;overflow-x:hidden;grid-template-areas:"overlay0 overlay0 overlay0" "overlay1 windows overlay2" "overlay3 overlay3 overlay3"}.sw-gide .hole{height:100%}.sw-gide .overlay0,.sw-gide .overlay1,.sw-gide .overlay2,.sw-gide .overlay3{grid-area:overlay0;background:var(--sw-bg-color-glass);-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.sw-gide .overlay1{grid-area:overlay1}.sw-gide .overlay2{grid-area:overlay2}.sw-gide .overlay3{grid-area:overlay3}.sw-revers{transform:scaleX(-1)}.sw-round{border-radius:var(--sw-border-round)}.sw-small{min-height:var(--sw-component-size-small)}.sw-large{min-height:var(--sw-component-size-large)}.sw-big{min-height:var(--sw-component-size-big)}.sw-primary{background-color:var(--sw-color-primary);border-color:var(--sw-color-primary)}.sw-success{background-color:var(--sw-color-success);border-color:var(--sw-color-success)}.sw-info{background-color:var(--sw-color-info);border-color:var(--sw-color-info)}.sw-warning{background-color:var(--sw-color-warning);border-color:var(--sw-color-warning)}.sw-danger{background-color:var(--sw-color-danger);border-color:var(--sw-color-danger)}.sw-text{color:var(--sw-color-default);background:none}.sw-text.sw-primary{color:var(--sw-color-primary)}.sw-text.sw-success{color:var(--sw-color-success)}.sw-text.sw-info{color:var(--sw-color-info)}.sw-text.sw-warning{color:var(--sw-color-warning)}.sw-text.sw-danger{color:var(--sw-color-danger)}.sw-link{background:none;border:none;padding:0;color:var(--sw-text-color-secondary);min-height:1em}.sw-link:hover.sw-primary{color:var(--sw-color-primary)}.sw-link:hover.sw-success{color:var(--sw-color-success)}.sw-link:hover.sw-info{color:var(--sw-color-info)}.sw-link:hover.sw-warning{color:var(--sw-color-warning)}.sw-link:hover.sw-danger{color:var(--sw-color-danger)}@keyframes sw-skeleton{0%{left:-50px}to{left:calc(50px + 100%)}}.popup{position:relative}.popup .wrapper{position:absolute;z-index:1;list-style:none;font-size:.8rem;line-height:1.2;word-break:break-word;padding:0;margin:10px 0 0}.popup .wrapper :before{content:"";border-bottom-color:transparent!important;border-left-color:transparent!important;border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:50%;top:-6px;position:absolute;width:10px;height:10px;z-index:1;transform:rotate(-45deg)}.popup .scrollbar{box-shadow:0 0 0 1px var(--el-border-color);border-radius:var(--el-border-radius-base);background:#fff;padding:.5rem 0;margin:0}.popup .scrollbar li{display:flex;align-items:start;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:none}.popup .scrollbar li:not(.is-disabled):focus{background:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}
|
|
1
|
+
@charset "UTF-8";:root{--sw-color-default: #DFDFDF;--sw-color-primary: #3EAF4E;--sw-color-success: #75C6ff;--sw-color-info: #C0C0C0;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-preholiday: #FFE78070;--sw-color-weekend: #ff808070;--sw-color-select: #007bff70;--sw-color-holiday: #ff0000;--sw-color-nowork: #ff0000;--sw-color-active: #5aaaff;--sw-text-color-primary: #333333;--sw-text-color-secondary: #4C4C4C;--sw-text-color-third: #818181;--sw-text-color-revers: white;--sw-bg-color: #f4f4f4;--sw-bg-color-page: white;--sw-bg-color-second: #FAFAFA;--sw-border-color: #D6D6D6;--sw-border-color-input: #CECECE;--sw-font-size: 1rem;--sw-font-size-small: .875rem;--sw-font-size-large: 1.125rem;--sw-font-size-big: 2.8rem;--sw-border-radius: .625rem;--sw-border-radius-small: .25rem;--sw-border-round: 3.625rem;--sw-component-size-base: 3rem;--sw-component-size-small: 1.625rem;--sw-component-size-large: 3.5rem;--sw-component-size-big: 10.5rem;font-family:Montserrat,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--sw-text-color-primary);background-color:var(--sw-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #0d588d;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-active: #007bff;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}@media (prefers-color-scheme: dark){:root:not(.light){--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #0d588d;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-active: #007bff;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}}.sw-alert-wrapper{position:fixed;z-index:4;top:max(env(safe-area-inset-top,0rem),env(titlebar-area-y,0rem))}.sw-alert-wrapper .sw-alert{padding:.625rem 1rem;margin:1rem auto 0;border-radius:var(--sw-border-radius);color:var(--sw-text-color-revers)}.sw-alert-wrapper .sw-alert .svg-icon{flex-shrink:0}.sw-alert-wrapper .sw-alert .svg-icon:first-child{margin-right:1rem}.sw-alert-wrapper .sw-alert .fade-enter-active,.sw-alert-wrapper .sw-alert .fade-leave-active{transition:opacity .5s}.sw-alert-wrapper .sw-alert .fade-enter-from,.sw-alert-wrapper .sw-alert .fade-leave-to{opacity:0}.sw-alert-wrapper .sw-alert footer{display:flex;justify-content:flex-end}.sw-tabs{-webkit-user-select:none;user-select:none}.sw-tabs>header{display:flex;border-bottom:2px solid var(--sw-color-info);color:var(--sw-color-info);-webkit-user-select:none;user-select:none;font-size:var(--sw-font-size-small);font-weight:400;margin-bottom:1.25rem;transition:all .6s ease-out}.sw-tabs>header span{position:relative;top:2px;border-radius:0;padding:5px;cursor:pointer;border:none;background:none;outline:none}.sw-tabs>header span.active{border-bottom:2px solid var(--sw-color-primary);color:var(--sw-color-primary);font-weight:700}.sw-tabs>header span:hover:not(.active){color:var(--sw-border-color)}.sw-input{display:flex;align-items:center;position:relative;gap:0 1.75rem;padding:0 1.2em;border:1px solid var(--sw-border-color-input);border-radius:var(--sw-border-radius)}.sw-input>label{text-align:left;transition:all .2s .2s linear;position:absolute;font-size:var(--sw-font-size-large);line-height:1;top:1.1rem;background:var(--sw-bg-color-page)}.sw-input>label:hover{top:.8rem}.sw-input>label+input::placeholder{opacity:0}.sw-input>input{line-height:var(--sw-component-size-base);border:none;width:100%;font-size:var(--sw-font-size-large);background:none;outline:none}.sw-input>input::placeholder{color:var(--sw-text-color-secondary);opacity:1;transition:opacity .2s .2s linear}.sw-input>input:focus::placeholder{opacity:1}.sw-input .svg-icon{font-size:20px;color:var(--sw-text-color-third)}.sw-input>svg+label{left:4rem}.sw-input.sw-small label{top:.3rem}.sw-input.sw-small label:hover{top:0}.sw-input.sw-small input{line-height:var(--sw-component-size-small)}.sw-input.sw-large label{top:1.22rem}.sw-input.sw-large label:hover{top:1rem}.sw-input.sw-large input{line-height:var(--sw-component-size-large)}.sw-button{border-radius:1rem;border:1px solid var(--sw-color-default);padding:0 1.2em;min-height:var(--sw-component-size-base);font-size:var(--sw-font-size);font-weight:500;cursor:pointer;transition:border-color .25s;background-color:var(--sw-color-default);color:var(--sw-text-color-revers)}.sw-form-item{display:flex;justify-content:space-between;font-size:var(--sw-font-size-small);color:var(--sw-text-color-secondary);gap:1rem}.sw-form-item.sw-start{justify-content:flex-start}.sw-form-item.sw-end{justify-content:flex-end}.sw-form-item.sw-around{justify-content:space-around}.sw-form-item.sw-center{justify-content:center}.sw-dropdown{position:relative;display:inline-block;outline:none}.sw-dropdown-popup{z-index:3;padding:8px;min-width:200px;margin:0;-webkit-user-select:none;user-select:none;background-color:var(--sw-bg-color-second);border:1px solid var(--sw-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a}.sw-dropdown-popup.gide>header,.sw-dropdown-popup.gide>footer{display:flex;justify-content:space-between;align-items:center}.sw-dropdown-popup.gide>header .sw-button,.sw-dropdown-popup.gide>footer .sw-button{font-size:var(--sw-font-size-large);padding:.3em}.sw-dropdown-popup.gide>footer .sw-button{padding:.1em .6em}.sw-dropdown-popup.gide img{position:absolute;height:160px;right:-100px}.sw-dropdown-popup.gide img.reflect{left:-100px}.sw-dropdown-item{display:block;outline:none;-webkit-user-select:none;user-select:none}.sw-dropdown-item svg{margin-right:.5rem}.sw-dropdown-item:hover{color:var(--sw-color-primary)}.sw-collapse{transition:all .3s ease-out;overflow:hidden;box-sizing:border-box;margin:0;will-change:max-height}.sw-switch{display:inline-flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none}.sw-switch>input{display:none}.sw-switch>input:checked+label{background-color:var(--sw-color-primary)}.sw-switch>input:checked+label:before{color:var(--sw-text-color-revers);content:attr(data-onlabel);left:.5rem;right:auto}.sw-switch>input:checked+label:after{background:#f7f7f7;left:2.125rem}.sw-switch>label{background-color:var(--sw-color-info);border-radius:1rem;cursor:pointer;flex:0 0 4rem;height:1.75rem;margin:.5rem;position:relative;transition:all .3s;width:4rem}.sw-switch>label:before{color:var(--sw-text-color-revers);content:attr(data-offlabel);display:block;font-size:1rem;position:absolute;right:.5rem;transition:all .3s}.sw-switch>label:after{background:var(--sw-text-color-revers);border:1px solid var(--sw-color-info);border-radius:50%;content:"";height:2rem;left:-.125rem;position:absolute;top:-.125rem;transition:all .3s;width:2rem}.sw-switch.sw-small>label{width:3.125rem;flex:0 0 3.125rem}.sw-switch.sw-small>label:before{content:""}.sw-switch.sw-small>label:after{content:"";left:.15rem;top:.125rem;width:1.375rem;height:1.375rem}.sw-switch.sw-small>input:checked+label:before{content:""}.sw-switch.sw-small>input:checked+label:after{left:1.475rem}.sw-switch.sw-checkbox label{border-radius:var(--sw-border-radius-small);background:var(--sw-bg-color-pag);border:1px solid var(--sw-border-color-input);height:.875rem;flex:0 0 .875rem}.sw-switch.sw-checkbox label:after{content:none}.sw-switch.sw-checkbox>input:checked+label{background:var(--sw-bg-color-page);color:var(--sw-color-primary)}.sw-switch.sw-checkbox>input:checked+label:before{content:"✔";width:1em;top:-.9rem;left:0;text-rendering:geometricPrecision;white-space:nowrap;font-size:1.6rem}.sw-skeleton{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.sw-skeleton-item{min-height:var(--sw-component-size-base);width:100%;background:var(--sw-bg-color-second);border-radius:var(--sw-border-radius);border:1px solid var(--sw-bg-color);box-sizing:border-box;overflow:hidden;position:relative}.sw-skeleton-item>div{height:100%;width:10px;background:var(--sw-border-color-input);display:inline-block;animation:sw-skeleton 3s linear infinite normal;position:absolute;transform:skew(-20deg);box-shadow:0 0 20px 20px var(--sw-border-color-input)}.sw-message{position:fixed;z-index:3;background-color:var(--sw-bg-color-page);border:1px solid var(--sw-border-color);border-radius:var(--sw-border-radius);padding:1.875rem;box-sizing:border-box;top:50%;left:50%;transform:translateY(-50%) translate(-50%);min-width:16rem;max-width:95%;max-height:95%;overflow-y:auto}.sw-message>header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sw-message>footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sw-popover{background-color:var(--sw-bg-color-page);border:1px solid var(--sw-border-color);min-width:15rem;border-radius:var(--sw-border-radius);padding:1.875rem;box-sizing:border-box;max-width:95%;max-height:95%;overflow-y:auto;color:var(--sw-text-color-primary)}.sw-popover>header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sw-popover>footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sw-modal-footer{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.sw-data-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.sw-data-picker .month_year{display:flex;justify-content:space-around;align-items:center}.sw-data-picker .month_year span:not(.text) button{font-size:1.3em}.sw-data-picker button{color:var(--sw-text-color-primary);height:30px;text-align:center;line-height:30px;cursor:pointer;background:none;border:none;border-radius:.2rem;transition:all .3s ease}.sw-data-picker button:hover:not(.disabled):not(.active){color:var(--sw-color-primary)}.sw-data-picker .week{border-bottom:1px solid var(--sw-color-info);margin-bottom:.5rem}.sw-data-picker .month,.sw-data-picker .week{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:.2rem}.sw-data-picker .month>button,.sw-data-picker .week>button{width:30px}.sw-data-picker .month>button.disabled,.sw-data-picker .week>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-data-picker .month>button.preholiday,.sw-data-picker .week>button.preholiday{background-color:var(--sw-color-preholiday)}.sw-data-picker .month>button.weekend,.sw-data-picker .week>button.weekend{background-color:var(--sw-color-weekend)}.sw-data-picker .month>button.select,.sw-data-picker .week>button.select{background-color:var(--sw-color-select)}.sw-data-picker .month>button.holiday,.sw-data-picker .week>button.holiday{background-color:var(--sw-color-holiday)}.sw-data-picker .month>button.nowork,.sw-data-picker .week>button.nowork{background-color:var(--sw-color-nowork)}.sw-data-picker .month>button.active,.sw-data-picker .week>button.active{background-color:var(--sw-color-active)}.sw-data-picker .year{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.2rem;border-top:1px solid var(--sw-color-info)}.sw-data-picker .year>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-data-picker .year>button.active{color:var(--sw-color-active)}.sw-gide{display:grid;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;grid-template-rows:40% 0 1fr;grid-template-columns:1fr 0 1fr;overflow-x:hidden;grid-template-areas:"overlay0 overlay0 overlay0" "overlay1 windows overlay2" "overlay3 overlay3 overlay3"}.sw-gide .hole{height:100%}.sw-gide .overlay0,.sw-gide .overlay1,.sw-gide .overlay2,.sw-gide .overlay3{grid-area:overlay0;background:var(--sw-bg-color-glass);-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.sw-gide .overlay1{grid-area:overlay1}.sw-gide .overlay2{grid-area:overlay2}.sw-gide .overlay3{grid-area:overlay3}.sw-revers{transform:scaleX(-1)}.sw-round{border-radius:var(--sw-border-round)}.sw-small{min-height:var(--sw-component-size-small)}.sw-large{min-height:var(--sw-component-size-large)}.sw-big{min-height:var(--sw-component-size-big)}.sw-primary{background-color:var(--sw-color-primary);border-color:var(--sw-color-primary)}.sw-success{background-color:var(--sw-color-success);border-color:var(--sw-color-success)}.sw-info{background-color:var(--sw-color-info);border-color:var(--sw-color-info)}.sw-warning{background-color:var(--sw-color-warning);border-color:var(--sw-color-warning)}.sw-danger{background-color:var(--sw-color-danger);border-color:var(--sw-color-danger)}.sw-text{color:var(--sw-color-default);background:none}.sw-text.sw-primary{color:var(--sw-color-primary)}.sw-text.sw-success{color:var(--sw-color-success)}.sw-text.sw-info{color:var(--sw-color-info)}.sw-text.sw-warning{color:var(--sw-color-warning)}.sw-text.sw-danger{color:var(--sw-color-danger)}.sw-link{background:none;border:none;padding:0;color:var(--sw-text-color-secondary);min-height:1em}.sw-link:hover.sw-primary{color:var(--sw-color-primary)}.sw-link:hover.sw-success{color:var(--sw-color-success)}.sw-link:hover.sw-info{color:var(--sw-color-info)}.sw-link:hover.sw-warning{color:var(--sw-color-warning)}.sw-link:hover.sw-danger{color:var(--sw-color-danger)}@keyframes sw-skeleton{0%{left:-50px}to{left:calc(50px + 100%)}}.popup{position:relative}.popup .wrapper{position:absolute;z-index:1;list-style:none;font-size:.8rem;line-height:1.2;word-break:break-word;padding:0;margin:10px 0 0}.popup .wrapper :before{content:"";border-bottom-color:transparent!important;border-left-color:transparent!important;border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:50%;top:-6px;position:absolute;width:10px;height:10px;z-index:1;transform:rotate(-45deg)}.popup .scrollbar{box-shadow:0 0 0 1px var(--el-border-color);border-radius:var(--el-border-radius-base);background:#fff;padding:.5rem 0;margin:0}.popup .scrollbar li{display:flex;align-items:start;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:none}.popup .scrollbar li:not(.is-disabled):focus{background:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import { createElementBlock as d, unref as D, openBlock as u, mergeProps as w, createElementVNode as b, ref as $, onMounted as x, onUnmounted as A, computed as I, createBlock as f, Transition as C, withCtx as M, createCommentVNode as P, normalizeClass as j, renderSlot as m, createTextVNode as E, toDisplayString as N, createApp as z, h as F, defineAsyncComponent as O } from "vue";
|
|
2
|
+
function B(e) {
|
|
3
|
+
return /^(https?:|mailto:|tel:)/.test(e);
|
|
4
|
+
}
|
|
5
|
+
function q(e, n) {
|
|
6
|
+
if (arguments.length === 0 || !e)
|
|
7
|
+
return null;
|
|
8
|
+
const o = n || "{Y}-{m}-{d} {G}:{i}:{s}";
|
|
9
|
+
let t;
|
|
10
|
+
typeof e == "object" ? t = e : (typeof e == "string" && (/^[0-9]+$/.test(e) ? e = parseInt(e) : e = e.replace(new RegExp(/-/gm), "/")), typeof e == "number" && e.toString().length === 10 && (e = e * 1e3), t = new Date(e));
|
|
11
|
+
const s = "ru-RU", r = {
|
|
12
|
+
Y: t.getFullYear(),
|
|
13
|
+
m: (t.getMonth() + 1).toString().padStart(2, "0"),
|
|
14
|
+
d: t.getDate(),
|
|
15
|
+
dd: t.getDate().toString().padStart(2, "0"),
|
|
16
|
+
G: t.getHours(),
|
|
17
|
+
H: t.getHours().toString().padStart(2, "0"),
|
|
18
|
+
i: t.getMinutes().toString().padStart(2, "0"),
|
|
19
|
+
s: t.getSeconds().toString().padStart(2, "0"),
|
|
20
|
+
D: new Intl.DateTimeFormat(s, { weekday: "short" }).format(t),
|
|
21
|
+
F: new Intl.DateTimeFormat(s, { month: "long" }).format(t),
|
|
22
|
+
M: new Intl.DateTimeFormat(s, { month: "short" }).format(t)
|
|
23
|
+
};
|
|
24
|
+
return o.replace(/{(dd|[YmdGHisDFM])+}/g, (i, c) => r[c]);
|
|
25
|
+
}
|
|
26
|
+
const G = ["href"], S = {
|
|
27
|
+
__name: "SwIcon",
|
|
28
|
+
props: {
|
|
29
|
+
prefix: { type: String, default: "icon" },
|
|
30
|
+
iconClass: { type: String, required: !0 },
|
|
31
|
+
className: { type: String, default: "" }
|
|
32
|
+
},
|
|
33
|
+
setup(e) {
|
|
34
|
+
const n = e, o = B(n.iconClass);
|
|
35
|
+
return (t, s) => D(o) ? (u(), d("div", w({
|
|
36
|
+
key: 0,
|
|
37
|
+
style: "mask: url(" + n.iconClass + ") no-repeat 50% 50%;",
|
|
38
|
+
class: "svg-external-icon svg-icon"
|
|
39
|
+
}, t.$attrs), null, 16)) : (u(), d("svg", w({
|
|
40
|
+
key: 1,
|
|
41
|
+
class: "svg-icon icon-" + (n.className || n.iconClass),
|
|
42
|
+
"aria-hidden": "true"
|
|
43
|
+
}, t.$attrs), [
|
|
44
|
+
b("use", {
|
|
45
|
+
href: "#" + n.prefix + "-" + n.iconClass
|
|
46
|
+
}, null, 8, G)
|
|
47
|
+
], 16));
|
|
48
|
+
}
|
|
49
|
+
}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
50
|
+
__proto__: null,
|
|
51
|
+
default: S
|
|
52
|
+
}, Symbol.toStringTag, { value: "Module" })), _ = {
|
|
53
|
+
__name: "SwAlert",
|
|
54
|
+
props: {
|
|
55
|
+
message: { type: String, default: "Default message" },
|
|
56
|
+
before: { type: String, default: "" },
|
|
57
|
+
class: { type: String, default: "" },
|
|
58
|
+
after: { type: String, default: "" },
|
|
59
|
+
size: { type: String, default: "" },
|
|
60
|
+
duration: { type: Number, default: 6e3 },
|
|
61
|
+
type: { type: String, default: "info", validator: (e) => ["success", "warning", "error", "info"].includes(e) }
|
|
62
|
+
},
|
|
63
|
+
emits: ["closed"],
|
|
64
|
+
setup(e, { emit: n }) {
|
|
65
|
+
const o = e, t = n, s = $(!1);
|
|
66
|
+
let r = null;
|
|
67
|
+
const i = () => {
|
|
68
|
+
s.value = !0, v();
|
|
69
|
+
}, c = () => {
|
|
70
|
+
s.value = !1, t("closed");
|
|
71
|
+
}, a = () => {
|
|
72
|
+
r && (clearTimeout(r), r = null);
|
|
73
|
+
}, T = () => {
|
|
74
|
+
v();
|
|
75
|
+
}, v = () => {
|
|
76
|
+
r = setTimeout(c, o.duration);
|
|
77
|
+
};
|
|
78
|
+
x(() => {
|
|
79
|
+
i();
|
|
80
|
+
}), A(() => {
|
|
81
|
+
r && clearTimeout(r);
|
|
82
|
+
});
|
|
83
|
+
const k = I(() => {
|
|
84
|
+
const l = ["sw-alert"];
|
|
85
|
+
return o.size.length > 0 && l.push(`sw-${o.size}`), o.type.length > 0 && l.push(`sw-${o.type}`), o.class.length > 0 && l.push(o.class), l;
|
|
86
|
+
});
|
|
87
|
+
return (l, U) => (u(), f(C, { name: "fade" }, {
|
|
88
|
+
default: M(() => [
|
|
89
|
+
s.value ? (u(), d("div", {
|
|
90
|
+
key: 0,
|
|
91
|
+
class: j(k.value),
|
|
92
|
+
onMouseenter: a,
|
|
93
|
+
onMouseleave: T
|
|
94
|
+
}, [
|
|
95
|
+
o.before.length > 0 ? (u(), f(S, {
|
|
96
|
+
key: 0,
|
|
97
|
+
"icon-class": o.before
|
|
98
|
+
}, null, 8, ["icon-class"])) : m(l.$slots, "prefix", { key: 1 }),
|
|
99
|
+
m(l.$slots, "default", {}, () => [
|
|
100
|
+
E(N(o.message), 1)
|
|
101
|
+
]),
|
|
102
|
+
o.after.length > 0 ? (u(), f(S, {
|
|
103
|
+
key: 2,
|
|
104
|
+
"icon-class": o.after,
|
|
105
|
+
onClick: c
|
|
106
|
+
}, null, 8, ["icon-class"])) : m(l.$slots, "suffix", { key: 3 }),
|
|
107
|
+
b("footer", null, [
|
|
108
|
+
m(l.$slots, "footer")
|
|
109
|
+
])
|
|
110
|
+
], 34)) : P("", !0)
|
|
111
|
+
]),
|
|
112
|
+
_: 3
|
|
113
|
+
}));
|
|
114
|
+
}
|
|
115
|
+
}, Y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
116
|
+
__proto__: null,
|
|
117
|
+
default: _
|
|
118
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
119
|
+
let p = document.querySelector("div.sw-alert-wrapper");
|
|
120
|
+
function y(e = {}) {
|
|
121
|
+
p || (p = document.createElement("div"), p.className = "sw-alert-wrapper", document.body.appendChild(p));
|
|
122
|
+
const {
|
|
123
|
+
prefix: n,
|
|
124
|
+
suffix: o,
|
|
125
|
+
footer: t,
|
|
126
|
+
...s
|
|
127
|
+
} = e, r = (a) => a == null ? null : typeof a == "function" ? a : typeof a == "string" ? () => [a] : Array.isArray(a) ? () => a : () => [a], i = z({
|
|
128
|
+
setup() {
|
|
129
|
+
return () => F(
|
|
130
|
+
_,
|
|
131
|
+
{
|
|
132
|
+
...s,
|
|
133
|
+
onClose: () => {
|
|
134
|
+
p.removeChild(i._container), i.unmount();
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
...n != null && { prefix: r(n) },
|
|
139
|
+
...o != null && { suffix: r(o) },
|
|
140
|
+
...t != null && { footer: r(t) }
|
|
141
|
+
}
|
|
142
|
+
);
|
|
143
|
+
}
|
|
144
|
+
}), c = i.mount(document.createElement("div"));
|
|
145
|
+
p.appendChild(c.$el);
|
|
146
|
+
}
|
|
147
|
+
const h = /* @__PURE__ */ Object.assign({ "./components/SwAlert.vue": () => Promise.resolve().then(() => Y), "./components/SwButton.vue": () => import("./SwButton-85-tKHA7.js"), "./components/SwCollapse.vue": () => import("./SwCollapse-CuN3EbT6.js"), "./components/SwDatePicker.vue": () => import("./SwDatePicker-jkMxCTN0.js"), "./components/SwDropdown.vue": () => import("./SwDropdown-DQGTnnKw.js"), "./components/SwDropdownItem.vue": () => import("./SwDropdownItem-BcFUu896.js"), "./components/SwFormItem.vue": () => import("./SwFormItem-CaA4jsoa.js"), "./components/SwGide.vue": () => import("./SwGide-TCfG-aUP.js"), "./components/SwIcon.vue": () => Promise.resolve().then(() => H), "./components/SwInput.vue": () => import("./SwInput-BfVbDGqo.js"), "./components/SwMessage.vue": () => import("./SwMessage-DL3XthhU.js"), "./components/SwPopover.vue": () => import("./SwPopover-B4oOez4M.js"), "./components/SwSection.vue": () => import("./SwSection-D8ooQ21I.js"), "./components/SwSelect.vue": () => import("./SwSelect-C2RKinez.js"), "./components/SwSkeleton.vue": () => import("./SwSkeleton-B7ysp8L9.js"), "./components/SwSkeletonItem.vue": () => import("./SwSkeletonItem-CU7LvihY.js"), "./components/SwSlider.vue": () => import("./SwSlider-BTpjTOzs.js"), "./components/SwSwitch.vue": () => import("./SwSwitch-6rl1IT4p.js"), "./components/SwTable.vue": () => import("./SwTable-BLrFhlyO.js"), "./components/SwTableColumn.vue": () => import("./SwTableColumn-BLF5bPuJ.js"), "./components/SwTabs.vue": () => import("./SwTabs-DkSI4oAh.js"), "./components/SwTabsPane.vue": () => import("./SwTabsPane-Dwtj8g7T.js") }), g = {};
|
|
148
|
+
for (const e in h) {
|
|
149
|
+
const n = e.split("/").pop().replace(".vue", "").replace(/-(\w)/g, (o, t) => t.toUpperCase());
|
|
150
|
+
g[n] = O(() => h[e]());
|
|
151
|
+
}
|
|
152
|
+
const L = {
|
|
153
|
+
install(e) {
|
|
154
|
+
Object.keys(g).forEach((n) => {
|
|
155
|
+
e.component(n, g[n]);
|
|
156
|
+
}), e.config.globalProperties.$Alert = y, e.provide("Alert", y);
|
|
157
|
+
}
|
|
158
|
+
};
|
|
159
|
+
export {
|
|
160
|
+
y as A,
|
|
161
|
+
L,
|
|
162
|
+
S as _,
|
|
163
|
+
g as c,
|
|
164
|
+
q as p
|
|
165
|
+
};
|