eco-vue-js 0.10.89 → 0.10.90
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/components/Modal/WModalWrapper.vue.d.ts.map +1 -1
- package/dist/components/Modal/WModalWrapper.vue.js +15 -12
- package/dist/components/Shine/WShine.vue.d.ts +1 -1
- package/dist/components/Shine/WShine.vue.d.ts.map +1 -1
- package/dist/components/Shine/WShine.vue.js +4 -7
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WModalWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModalWrapper.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WModalWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModalWrapper.vue"],"names":[],"mappings":"AAsDA;AAwFA,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AAeF,iBAAS,cAAc;WA4FT,OAAO,IAA6B;;uBAhBvB,GAAG;0BACA,GAAG;yBACJ,GAAG;yBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoDsvW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;EAlC34W;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuBiwW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;kBAf14W,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -3,12 +3,8 @@ import _sfc_main$1 from '../InfiniteList/WInfiniteListScrollingElement.vue.js';
|
|
|
3
3
|
import { BASE_ZINDEX_DROPDOWN } from '../../utils/utils.js';
|
|
4
4
|
import { wModalHeaderHeight } from './models/injection.js';
|
|
5
5
|
|
|
6
|
-
const _hoisted_1 = {
|
|
7
|
-
|
|
8
|
-
class: "bg-default dark:bg-default-dark sm-not:w-screen sticky left-0 top-0 z-[1] w-[calc(var(--w-modal-wrapper-width,35rem)-var(--scroll-bar-width))]"
|
|
9
|
-
};
|
|
10
|
-
const _hoisted_2 = { class: "text-accent -p--w-modal-wrapper-padding flex items-center justify-center text-balance text-center text-xl font-semibold" };
|
|
11
|
-
const _hoisted_3 = { class: "sm:-px--w-modal-wrapper-padding" };
|
|
6
|
+
const _hoisted_1 = { class: "text-accent -p--w-modal-wrapper-padding flex items-center justify-center text-balance text-center text-xl font-semibold" };
|
|
7
|
+
const _hoisted_2 = { class: "sm:-px--w-modal-wrapper-padding" };
|
|
12
8
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
13
9
|
__name: "WModalWrapper",
|
|
14
10
|
props: {
|
|
@@ -35,19 +31,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
35
31
|
})
|
|
36
32
|
}, {
|
|
37
33
|
default: withCtx(() => [
|
|
38
|
-
createElementVNode("div",
|
|
39
|
-
|
|
34
|
+
createElementVNode("div", {
|
|
35
|
+
ref: "header",
|
|
36
|
+
class: normalizeClass(["bg-default dark:bg-default-dark sticky left-0 top-0 z-[1] w-[calc(var(--w-modal-wrapper-width,35rem)-var(--scroll-bar-width))]", {
|
|
37
|
+
"sm-not:w-full": !_ctx.maximized,
|
|
38
|
+
"sm-not:w-screen": _ctx.maximized
|
|
39
|
+
}])
|
|
40
|
+
}, [
|
|
41
|
+
createElementVNode("div", _hoisted_1, [
|
|
40
42
|
renderSlot(_ctx.$slots, "title")
|
|
41
43
|
]),
|
|
42
44
|
renderSlot(_ctx.$slots, "subtitle")
|
|
43
|
-
],
|
|
44
|
-
createElementVNode("div",
|
|
45
|
+
], 2),
|
|
46
|
+
createElementVNode("div", _hoisted_2, [
|
|
45
47
|
renderSlot(_ctx.$slots, "default")
|
|
46
48
|
]),
|
|
47
49
|
createElementVNode("div", {
|
|
48
50
|
ref: "footer",
|
|
49
|
-
class: normalizeClass(["bg-default dark:bg-default-dark -gap--inner-margin -p--w-modal-wrapper-padding
|
|
50
|
-
"sm-not:flex-col": !_ctx.maximized
|
|
51
|
+
class: normalizeClass(["bg-default dark:bg-default-dark -gap--inner-margin -p--w-modal-wrapper-padding sticky bottom-0 left-0 flex w-[calc(var(--w-modal-wrapper-width,35rem)-var(--scroll-bar-width))] justify-center", {
|
|
52
|
+
"sm-not:flex-col sm-not:w-full": !_ctx.maximized,
|
|
53
|
+
"sm-not:w-screen": _ctx.maximized
|
|
51
54
|
}]),
|
|
52
55
|
style: normalizeStyle({ zIndex: unref(BASE_ZINDEX_DROPDOWN) })
|
|
53
56
|
}, [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
2
2
|
element: HTMLDivElement;
|
|
3
|
-
},
|
|
3
|
+
}, HTMLDivElement>;
|
|
4
4
|
export default _default;
|
|
5
5
|
//# sourceMappingURL=WShine.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WShine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Shine/WShine.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WShine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Shine/WShine.vue"],"names":[],"mappings":"AAeA;;;;AAmFA,wBAOG"}
|
|
@@ -1,20 +1,17 @@
|
|
|
1
|
-
import { defineComponent, useTemplateRef, createElementBlock,
|
|
2
|
-
import { useIsMobile } from '../../utils/mobile.js';
|
|
1
|
+
import { defineComponent, useTemplateRef, createElementBlock, openBlock, createElementVNode, normalizeStyle, unref } from 'vue';
|
|
3
2
|
import { useShine } from './use/useShine.js';
|
|
4
3
|
|
|
5
4
|
const _hoisted_1 = {
|
|
6
|
-
key: 0,
|
|
7
5
|
ref: "element",
|
|
8
|
-
class: "rounded-inherit pointer-events-none absolute inset-0 overflow-hidden print:hidden"
|
|
6
|
+
class: "rounded-inherit sm-not:hidden pointer-events-none absolute inset-0 overflow-hidden print:hidden"
|
|
9
7
|
};
|
|
10
8
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
11
9
|
__name: "WShine",
|
|
12
10
|
setup(__props) {
|
|
13
11
|
const { id } = useShine();
|
|
14
|
-
const { isMobile } = useIsMobile();
|
|
15
12
|
const elementRef = useTemplateRef("element");
|
|
16
13
|
return (_ctx, _cache) => {
|
|
17
|
-
return
|
|
14
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
18
15
|
createElementVNode("div", {
|
|
19
16
|
class: "bg-default/80 dark:bg-default/50 pointer-events-none absolute h-full w-screen bg-clip-border",
|
|
20
17
|
style: normalizeStyle({
|
|
@@ -23,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
23
20
|
"left": `-${unref(elementRef)?.getBoundingClientRect().left ?? 0}px`
|
|
24
21
|
})
|
|
25
22
|
}, null, 4)
|
|
26
|
-
], 512)
|
|
23
|
+
], 512);
|
|
27
24
|
};
|
|
28
25
|
}
|
|
29
26
|
});
|