@wikicasa-dev/components 2.1.24-alpha.6 → 2.1.24-alpha.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/UIKit/BaseCard.d.ts +2 -2
- package/dist/UIKit/BaseCard.js +1 -1
- package/dist/UIKit/BaseSnackbar.d.ts +1 -0
- package/dist/assets/lib/UIKit/BaseCard.css +1 -1
- package/dist/assets/lib/UIKit/BaseSnackbar.css +1 -1
- package/dist/lazyModules/Swiper/autoplay.js +1 -1
- package/dist/lazyModules/Swiper/controller.js +1 -1
- package/dist/lazyModules/Swiper/keyboard.js +1 -1
- package/dist/lazyModules/Swiper/thumbs.js +1 -1
- package/dist/lib/UIKit/BaseCard.vue.js +10 -10
- package/dist/lib/UIKit/BaseSnackbar.vue.js +47 -42
- package/package.json +3 -2
- /package/dist/assets/node_modules/swiper/modules/{thumbs.css → autoplay.css} +0 -0
package/dist/UIKit/BaseCard.d.ts
CHANGED
|
@@ -16,9 +16,9 @@ declare function __VLS_template(): {
|
|
|
16
16
|
};
|
|
17
17
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
18
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
|
-
click: () => any;
|
|
19
|
+
click: (args_0: MouseEvent) => any;
|
|
20
20
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
21
|
-
onClick?: (() => any) | undefined;
|
|
21
|
+
onClick?: ((args_0: MouseEvent) => any) | undefined;
|
|
22
22
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
23
23
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
24
24
|
export default _default;
|
package/dist/UIKit/BaseCard.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "../lib/UIKit/BaseCard.vue.js";
|
|
2
2
|
import '../assets/lib/UIKit/BaseCard.css';/* empty css */
|
|
3
3
|
import r from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-
|
|
4
|
+
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0358211e"]]);
|
|
5
5
|
export {
|
|
6
6
|
m as default
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.card[data-v-
|
|
1
|
+
.card[data-v-0358211e]{--card-max-height: none;--card-max-width: 930px;--card-height: auto;--card-width: auto;--card-border-radius-top-left: 20px;--card-border-radius-top-right: 20px;--card-border-radius-bottom-left: 20px;--card-border-radius-bottom-right: 20px;border-top-left-radius:var(--card-border-radius-top-left);border-top-right-radius:var(--card-border-radius-top-right);border-bottom-left-radius:var(--card-border-radius-bottom-left);border-bottom-right-radius:var(--card-border-radius-bottom-right);height:var(--card-height);width:var(--card-width);max-width:var(--card-max-width);max-height:var(--card-max-height);position:relative;z-index:0;display:flex;overflow:hidden;--tw-shadow: 0 0 8px #2222221F;--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media screen and (min-width:576px){.card[data-v-0358211e]{--card-img-max-width: 300px;--card-height: 240px }}.card .card-body[data-v-0358211e]{--card-body-width: 100%;box-sizing:border-box;width:var(--card-body-width);padding:10px 15px}.card .card-img[data-v-0358211e]{--card-img-height: var(--card-height);--card-img-width: 100%;--card-img-max-height: none;--card-img-max-width: none;height:var(--card-img-height);width:var(--card-img-width);max-width:var(--card-img-max-width);max-height:var(--card-img-max-height)}@media screen and (min-width:576px){.card .card-img[data-v-0358211e]{--card-img-max-width: 300px }}.card.vertical[data-v-0358211e]{--card-vertical-height: var(--card-height);height:var(--card-vertical-height);flex-direction:column}@media not all and (min-width:576px){.card.vertical[data-v-0358211e]{min-height:100px;min-width:335px}}@media screen and (min-width:576px){.card.vertical[data-v-0358211e]{--card-vertical-height: fit-content }}.card.vertical .card-img[data-v-0358211e]{--card-vertical-img-height: 200px;--card-img-width: 100%;--card-img-max-width: 100%;height:var(--card-vertical-img-height)}.card.mini[data-v-0358211e]{--card-max-height: 100px;--card-max-width: 370px}.card.mini .card-img[data-v-0358211e]{--card-img-max-height: 110px;--card-img-max-width: 120px}@media(min-width:576px){.card.news-card[data-v-0358211e]{flex-direction:column}}.card.news-card[data-v-0358211e]{--card-height: 270px}@media screen and (max-width:576px){.card.news-card[data-v-0358211e]{--card-height: 100px;--card-width: 320px }.card.news-card .card-img[data-v-0358211e]{--card-height: 100px;--card-img-max-width: 100px }}@media screen and (min-width:576px){.card.news-card .card-img[data-v-0358211e]{--card-height: 150px;--card-img-max-width: 100% }}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.uikit-alert-viewport{--uikit-alert-viewport-padding: 0px;--uikit-alert-viewport-position:
|
|
1
|
+
.uikit-alert-viewport{--uikit-alert-viewport-padding: 0px;--uikit-alert-viewport-position: fixed;--uikit-alert-viewport-top: auto;--uikit-alert-viewport-right: auto;--uikit-alert-viewport-bottom: 0px;--uikit-alert-viewport-left: 0px;padding:var(--uikit-alert-viewport-padding);position:var(--uikit-alert-viewport-position);inset:var(--uikit-alert-viewport-top) var(--uikit-alert-viewport-right) var(--uikit-alert-viewport-bottom) var(--uikit-alert-viewport-left)}.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #f20003}.uikit-alert.uikit-alert-w-darkblue{--uikit-alert-bg-color: #2a3761;--uikit-alert-text-color: #fff}.uikit-toast-root{will-change:animation,transform,opacity}.uikit-toast-root[data-state=open]{animation:slideLeft .1s ease-out}.uikit-toast-root[data-state=closed]{animation:slideRight .1s ease-out}.uikit-toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.uikit-toast-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.uikit-toast-root[data-swipe=end]{animation:slideRight .1s ease-out}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}}@keyframes slideRight{0%{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}to{transform:translate(100%);opacity:0}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as e } from "../../node_modules/swiper/modules/controller.js";
|
|
2
|
-
import '../../assets/node_modules/swiper/modules/
|
|
2
|
+
import '../../assets/node_modules/swiper/modules/autoplay.css';/* empty css */
|
|
3
3
|
export {
|
|
4
4
|
e as Controller
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const p = /* @__PURE__ */
|
|
1
|
+
import { defineComponent as u, computed as d, createBlock as C, openBlock as y, resolveDynamicComponent as f, normalizeClass as a, withCtx as v, createElementVNode as o, renderSlot as c } from "vue";
|
|
2
|
+
const p = /* @__PURE__ */ u({
|
|
3
3
|
__name: "BaseCard",
|
|
4
4
|
props: {
|
|
5
5
|
type: { default: "" },
|
|
@@ -12,20 +12,20 @@ const p = /* @__PURE__ */ m({
|
|
|
12
12
|
const n = l, r = d(
|
|
13
13
|
() => e.type === "news" ? "news-card" : e.type
|
|
14
14
|
), i = d(() => e.type ? `${e.type}-img` : "");
|
|
15
|
-
return (
|
|
16
|
-
class:
|
|
17
|
-
onClick: s[0] || (s[0] = (
|
|
15
|
+
return (t, s) => (y(), C(f(e.rootComponent), {
|
|
16
|
+
class: a(["card", [r.value]]),
|
|
17
|
+
onClick: s[0] || (s[0] = (m) => n("click", m))
|
|
18
18
|
}, {
|
|
19
|
-
default:
|
|
19
|
+
default: v(() => [
|
|
20
20
|
o("div", {
|
|
21
|
-
class:
|
|
21
|
+
class: a(["card-img", [i.value, e.cardImgClasses]])
|
|
22
22
|
}, [
|
|
23
|
-
c(
|
|
23
|
+
c(t.$slots, "card-image", {}, void 0, !0)
|
|
24
24
|
], 2),
|
|
25
25
|
o("div", {
|
|
26
|
-
class:
|
|
26
|
+
class: a(["card-body", [e.cardBodyClasses]])
|
|
27
27
|
}, [
|
|
28
|
-
c(
|
|
28
|
+
c(t.$slots, "card-description", {}, void 0, !0)
|
|
29
29
|
], 2)
|
|
30
30
|
]),
|
|
31
31
|
_: 3
|
|
@@ -1,61 +1,62 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { CloseIcon as
|
|
1
|
+
import { defineComponent as T, mergeModels as g, useModel as h, ref as x, watch as C, nextTick as I, createBlock as u, openBlock as s, unref as t, withCtx as a, renderSlot as k, createVNode as r, normalizeClass as $, createCommentVNode as m, normalizeStyle as b } from "vue";
|
|
2
|
+
import { CloseIcon as V } from "../../node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
|
|
3
3
|
import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
|
|
4
|
-
import { ToastProvider as B, ToastRoot as P, ToastTitle as z, ToastDescription as D, ToastClose as M, ToastAction as S, ProgressRoot as j, ProgressIndicator as A, ToastPortal as N, ToastViewport as
|
|
5
|
-
const q = /* @__PURE__ */
|
|
4
|
+
import { ToastProvider as B, ToastRoot as P, ToastTitle as z, ToastDescription as D, ToastClose as M, ToastAction as S, ProgressRoot as j, ProgressIndicator as A, ToastPortal as N, ToastViewport as p } from "reka-ui";
|
|
5
|
+
const q = /* @__PURE__ */ T({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "BaseSnackbar",
|
|
8
|
-
props: /* @__PURE__ */
|
|
8
|
+
props: /* @__PURE__ */ g({
|
|
9
9
|
alertClass: { default: "primary" },
|
|
10
10
|
duration: { default: 3e3 },
|
|
11
11
|
to: { type: [String, Boolean], default: "body" },
|
|
12
|
-
dataCy: { default: "" }
|
|
12
|
+
dataCy: { default: "" },
|
|
13
|
+
withCloseIcon: { type: Boolean, default: !0 }
|
|
13
14
|
}, {
|
|
14
15
|
open: { type: Boolean, default: !1 },
|
|
15
16
|
openModifiers: {}
|
|
16
17
|
}),
|
|
17
18
|
emits: ["update:open"],
|
|
18
19
|
setup(i) {
|
|
19
|
-
const
|
|
20
|
-
let f,
|
|
21
|
-
const
|
|
20
|
+
const n = h(i, "open"), o = x(0);
|
|
21
|
+
let f, c;
|
|
22
|
+
const v = (e = 3e3) => {
|
|
22
23
|
o.value = 0;
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
const w = Date.now() -
|
|
26
|
-
o.value = Math.min(100, w / e * 100), o.value >= 100 && clearInterval(
|
|
24
|
+
const l = Date.now();
|
|
25
|
+
c = setInterval(() => {
|
|
26
|
+
const w = Date.now() - l;
|
|
27
|
+
o.value = Math.min(100, w / e * 100), o.value >= 100 && clearInterval(c);
|
|
27
28
|
}, 30);
|
|
28
|
-
},
|
|
29
|
+
}, y = () => {
|
|
29
30
|
clearTimeout(f), f = setTimeout(() => {
|
|
30
|
-
|
|
31
|
-
}, i.duration),
|
|
31
|
+
n.value = !1;
|
|
32
|
+
}, i.duration), v(i.duration);
|
|
32
33
|
};
|
|
33
|
-
return
|
|
34
|
-
|
|
34
|
+
return C(
|
|
35
|
+
n,
|
|
35
36
|
(e) => {
|
|
36
|
-
|
|
37
|
+
I(() => {
|
|
37
38
|
if (e) {
|
|
38
|
-
|
|
39
|
+
y();
|
|
39
40
|
return;
|
|
40
41
|
}
|
|
41
|
-
clearInterval(
|
|
42
|
+
clearInterval(c), clearTimeout(f), o.value = 0;
|
|
42
43
|
});
|
|
43
44
|
},
|
|
44
45
|
{ immediate: !0 }
|
|
45
|
-
), (e,
|
|
46
|
+
), (e, l) => (s(), u(t(B), null, {
|
|
46
47
|
default: a(() => [
|
|
47
48
|
k(e.$slots, "trigger", {
|
|
48
|
-
open: () =>
|
|
49
|
+
open: () => n.value = !0
|
|
49
50
|
}),
|
|
50
|
-
|
|
51
|
-
open:
|
|
52
|
-
"onUpdate:open":
|
|
51
|
+
r(t(P), {
|
|
52
|
+
open: n.value,
|
|
53
|
+
"onUpdate:open": l[1] || (l[1] = (d) => n.value = d),
|
|
53
54
|
duration: i.duration,
|
|
54
|
-
class:
|
|
55
|
+
class: $(["uikit-toast-root uikit-relative uikit-flex uikit-gap-[8px] uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${i.alertClass}`, e.$attrs.class]]),
|
|
55
56
|
"data-cy": i.dataCy
|
|
56
57
|
}, {
|
|
57
58
|
default: a(() => [
|
|
58
|
-
e.$slots.title ? (
|
|
59
|
+
e.$slots.title ? (s(), u(t(z), {
|
|
59
60
|
key: 0,
|
|
60
61
|
"as-child": ""
|
|
61
62
|
}, {
|
|
@@ -63,24 +64,28 @@ const q = /* @__PURE__ */ x({
|
|
|
63
64
|
k(e.$slots, "title")
|
|
64
65
|
]),
|
|
65
66
|
_: 3
|
|
66
|
-
})) :
|
|
67
|
-
|
|
67
|
+
})) : m("", !0),
|
|
68
|
+
r(t(D), { "as-child": "" }, {
|
|
68
69
|
default: a(() => [
|
|
69
70
|
k(e.$slots, "default"),
|
|
70
|
-
|
|
71
|
+
i.withCloseIcon ? (s(), u(t(M), {
|
|
72
|
+
key: 0,
|
|
73
|
+
class: "uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]"
|
|
74
|
+
}, {
|
|
71
75
|
default: a(() => [
|
|
72
|
-
|
|
76
|
+
r(t(V), {
|
|
73
77
|
width: 12,
|
|
74
78
|
height: 12,
|
|
75
79
|
"stroke-color": "#fff"
|
|
76
80
|
})
|
|
77
81
|
]),
|
|
78
82
|
_: 1
|
|
79
|
-
})
|
|
83
|
+
})) : m("", !0)
|
|
80
84
|
]),
|
|
81
85
|
_: 3
|
|
82
86
|
}),
|
|
83
|
-
|
|
87
|
+
e.$slots["toast-action"] ? (s(), u(t(S), {
|
|
88
|
+
key: 1,
|
|
84
89
|
class: "[grid-area:_action]",
|
|
85
90
|
"as-child": "",
|
|
86
91
|
"alt-text": "Goto schedule to undo"
|
|
@@ -89,16 +94,16 @@ const q = /* @__PURE__ */ x({
|
|
|
89
94
|
k(e.$slots, "toast-action")
|
|
90
95
|
]),
|
|
91
96
|
_: 3
|
|
92
|
-
}),
|
|
93
|
-
|
|
97
|
+
})) : m("", !0),
|
|
98
|
+
r(t(j), {
|
|
94
99
|
modelValue: o.value,
|
|
95
|
-
"onUpdate:modelValue":
|
|
100
|
+
"onUpdate:modelValue": l[0] || (l[0] = (d) => o.value = d),
|
|
96
101
|
class: "uikit-absolute uikit-bottom-0 uikit-left-0 uikit-h-[4px] uikit-w-full uikit-overflow-hidden"
|
|
97
102
|
}, {
|
|
98
103
|
default: a(() => [
|
|
99
|
-
|
|
104
|
+
r(t(A), {
|
|
100
105
|
class: "uikit-relative uikit-block uikit-size-full uikit-bg-[#2b5dff] uikit-transition-transform uikit-duration-75 uikit-will-change-transform",
|
|
101
|
-
style:
|
|
106
|
+
style: b(`transform: translateX(-${100 - o.value}%)`)
|
|
102
107
|
}, null, 8, ["style"])
|
|
103
108
|
]),
|
|
104
109
|
_: 1
|
|
@@ -106,15 +111,15 @@ const q = /* @__PURE__ */ x({
|
|
|
106
111
|
]),
|
|
107
112
|
_: 3
|
|
108
113
|
}, 8, ["open", "duration", "class", "data-cy"]),
|
|
109
|
-
i.to ? (
|
|
114
|
+
i.to ? (s(), u(t(N), {
|
|
110
115
|
key: 0,
|
|
111
116
|
to: i.to
|
|
112
117
|
}, {
|
|
113
118
|
default: a(() => [
|
|
114
|
-
|
|
119
|
+
r(t(p), { class: "uikit-alert-viewport uikit-m-0 uikit-flex uikit-w-full uikit-list-none uikit-flex-col uikit-items-end uikit-justify-end uikit-gap-[8px]" })
|
|
115
120
|
]),
|
|
116
121
|
_: 1
|
|
117
|
-
}, 8, ["to"])) : (
|
|
122
|
+
}, 8, ["to"])) : (s(), u(t(p), {
|
|
118
123
|
key: 1,
|
|
119
124
|
class: "uikit-alert-viewport uikit-m-0 uikit-flex uikit-w-full uikit-list-none uikit-flex-col uikit-items-end uikit-justify-end uikit-gap-[8px]"
|
|
120
125
|
}))
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wikicasa-dev/components",
|
|
3
|
-
"version": "2.1.24-alpha.
|
|
3
|
+
"version": "2.1.24-alpha.8",
|
|
4
4
|
"description": "Wikicasa frontend components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -92,6 +92,7 @@
|
|
|
92
92
|
"prepublish": "pnpm build",
|
|
93
93
|
"story:dev": "histoire dev",
|
|
94
94
|
"story:build": "histoire build",
|
|
95
|
-
"story:preview": "histoire preview"
|
|
95
|
+
"story:preview": "histoire preview",
|
|
96
|
+
"release:alpha": "pnpm version prerelease --preid=alpha && pnpm publish --tag alpha --no-git-checks"
|
|
96
97
|
}
|
|
97
98
|
}
|
|
File without changes
|