@mekari/pixel3-scrollbar 0.1.0-dev.1 → 0.1.0-dev.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/dist/{chunk-TYS4GN6M.mjs → chunk-2PBD4DCT.mjs} +1 -1
- package/dist/{chunk-UCPNDVZC.mjs → chunk-4UVXXKIM.mjs} +14 -2
- package/dist/index.js +14 -2
- package/dist/index.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/scrollbar.props.js +1 -1
- package/dist/modules/scrollbar.props.mjs +1 -1
- package/dist/scrollbar.js +14 -2
- package/dist/scrollbar.mjs +2 -2
- package/package.json +5 -3
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
__name,
|
|
3
3
|
scrollbarProps
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-2PBD4DCT.mjs";
|
|
5
5
|
|
|
6
6
|
// src/scrollbar.tsx
|
|
7
7
|
import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
|
|
@@ -10,6 +10,7 @@ import { useOverlayScrollbars } from "overlayscrollbars-vue";
|
|
|
10
10
|
import { scrollbarRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
11
11
|
import { css, cx } from "@mekari/pixel3-styled-system/css";
|
|
12
12
|
import { splitCssProps } from "@mekari/pixel3-styled-system/jsx";
|
|
13
|
+
import { merge } from "lodash-es";
|
|
13
14
|
var MpScrollbar = defineComponent({
|
|
14
15
|
name: "MpScrollbar",
|
|
15
16
|
props: scrollbarProps,
|
|
@@ -27,9 +28,20 @@ var MpScrollbar = defineComponent({
|
|
|
27
28
|
...cssProps
|
|
28
29
|
}));
|
|
29
30
|
});
|
|
31
|
+
const basicOptions = {
|
|
32
|
+
overflow: {
|
|
33
|
+
x: "hide",
|
|
34
|
+
y: "scroll"
|
|
35
|
+
},
|
|
36
|
+
scrollbars: {
|
|
37
|
+
autoHide: "scroll",
|
|
38
|
+
autoHideDelay: 1e3
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
const mergedOptions = merge(basicOptions, props.options);
|
|
30
42
|
const [initialize] = useOverlayScrollbars({
|
|
31
43
|
defer: true,
|
|
32
|
-
options:
|
|
44
|
+
options: mergedOptions,
|
|
33
45
|
events: {
|
|
34
46
|
initialized: (e) => activateEvent("initialized", e),
|
|
35
47
|
scroll: (e) => activateEvent("scroll", e)
|
package/dist/index.js
CHANGED
|
@@ -32,6 +32,7 @@ var import_overlayscrollbars_vue = require("overlayscrollbars-vue");
|
|
|
32
32
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
33
33
|
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
34
34
|
var import_jsx = require("@mekari/pixel3-styled-system/jsx");
|
|
35
|
+
var import_lodash_es = require("lodash-es");
|
|
35
36
|
|
|
36
37
|
// src/modules/scrollbar.props.ts
|
|
37
38
|
var scrollbarProps = {
|
|
@@ -40,7 +41,7 @@ var scrollbarProps = {
|
|
|
40
41
|
default: () => {
|
|
41
42
|
return {
|
|
42
43
|
overflow: {
|
|
43
|
-
x: "
|
|
44
|
+
x: "hide",
|
|
44
45
|
y: "scroll"
|
|
45
46
|
},
|
|
46
47
|
scrollbars: {
|
|
@@ -70,9 +71,20 @@ var MpScrollbar = (0, import_vue2.defineComponent)({
|
|
|
70
71
|
...cssProps
|
|
71
72
|
}));
|
|
72
73
|
});
|
|
74
|
+
const basicOptions = {
|
|
75
|
+
overflow: {
|
|
76
|
+
x: "hide",
|
|
77
|
+
y: "scroll"
|
|
78
|
+
},
|
|
79
|
+
scrollbars: {
|
|
80
|
+
autoHide: "scroll",
|
|
81
|
+
autoHideDelay: 1e3
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
const mergedOptions = (0, import_lodash_es.merge)(basicOptions, props.options);
|
|
73
85
|
const [initialize] = (0, import_overlayscrollbars_vue.useOverlayScrollbars)({
|
|
74
86
|
defer: true,
|
|
75
|
-
options:
|
|
87
|
+
options: mergedOptions,
|
|
76
88
|
events: {
|
|
77
89
|
initialized: (e) => activateEvent("initialized", e),
|
|
78
90
|
scroll: (e) => activateEvent("scroll", e)
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/scrollbar.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/scrollbar.props.ts":{"bytes":371,"imports":[],"format":"esm"},"src/scrollbar.tsx":{"bytes":2184,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"overlayscrollbars-vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/jsx","kind":"import-statement","external":true},{"path":"lodash-es","kind":"import-statement","external":true},{"path":"src/modules/scrollbar.props.ts","kind":"import-statement","original":"./modules/scrollbar.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":127,"imports":[{"path":"src/scrollbar.tsx","kind":"import-statement","original":"./scrollbar"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"overlayscrollbars-vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/jsx","kind":"require-call","external":true},{"path":"lodash-es","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":127},"src/scrollbar.tsx":{"bytesInOutput":2057},"src/modules/scrollbar.props.ts":{"bytesInOutput":277}},"bytes":3551},"dist/scrollbar.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"overlayscrollbars-vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/jsx","kind":"require-call","external":true},{"path":"lodash-es","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/scrollbar.tsx","inputs":{"src/scrollbar.tsx":{"bytesInOutput":2202},"src/modules/scrollbar.props.ts":{"bytesInOutput":277}},"bytes":3552},"dist/modules/scrollbar.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/scrollbar.props.ts","inputs":{"src/modules/scrollbar.props.ts":{"bytesInOutput":446}},"bytes":1388}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/scrollbar.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/scrollbar.props.ts":{"bytes":371,"imports":[],"format":"esm"},"src/scrollbar.tsx":{"bytes":2184,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"overlayscrollbars-vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/jsx","kind":"import-statement","external":true},{"path":"lodash-es","kind":"import-statement","external":true},{"path":"src/modules/scrollbar.props.ts","kind":"import-statement","original":"./modules/scrollbar.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":127,"imports":[{"path":"src/scrollbar.tsx","kind":"import-statement","original":"./scrollbar"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-4UVXXKIM.mjs","kind":"import-statement"},{"path":"dist/chunk-2PBD4DCT.mjs","kind":"import-statement"}],"exports":["MpScrollbar"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":111},"dist/scrollbar.mjs":{"imports":[{"path":"dist/chunk-4UVXXKIM.mjs","kind":"import-statement"},{"path":"dist/chunk-2PBD4DCT.mjs","kind":"import-statement"}],"exports":["MpScrollbar"],"entryPoint":"src/scrollbar.tsx","inputs":{},"bytes":111},"dist/chunk-4UVXXKIM.mjs":{"imports":[{"path":"dist/chunk-2PBD4DCT.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"overlayscrollbars-vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/jsx","kind":"import-statement","external":true},{"path":"lodash-es","kind":"import-statement","external":true}],"exports":["MpScrollbar"],"inputs":{"src/scrollbar.tsx":{"bytesInOutput":1898}},"bytes":2014},"dist/modules/scrollbar.props.mjs":{"imports":[{"path":"dist/chunk-2PBD4DCT.mjs","kind":"import-statement"}],"exports":["scrollbarProps"],"entryPoint":"src/modules/scrollbar.props.ts","inputs":{},"bytes":87},"dist/chunk-2PBD4DCT.mjs":{"imports":[],"exports":["__name","scrollbarProps"],"inputs":{"src/modules/scrollbar.props.ts":{"bytesInOutput":277}},"bytes":481}}}
|
package/dist/scrollbar.js
CHANGED
|
@@ -30,6 +30,7 @@ var import_overlayscrollbars_vue = require("overlayscrollbars-vue");
|
|
|
30
30
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
31
31
|
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
32
32
|
var import_jsx = require("@mekari/pixel3-styled-system/jsx");
|
|
33
|
+
var import_lodash_es = require("lodash-es");
|
|
33
34
|
|
|
34
35
|
// src/modules/scrollbar.props.ts
|
|
35
36
|
var scrollbarProps = {
|
|
@@ -38,7 +39,7 @@ var scrollbarProps = {
|
|
|
38
39
|
default: () => {
|
|
39
40
|
return {
|
|
40
41
|
overflow: {
|
|
41
|
-
x: "
|
|
42
|
+
x: "hide",
|
|
42
43
|
y: "scroll"
|
|
43
44
|
},
|
|
44
45
|
scrollbars: {
|
|
@@ -68,9 +69,20 @@ var MpScrollbar = (0, import_vue2.defineComponent)({
|
|
|
68
69
|
...cssProps
|
|
69
70
|
}));
|
|
70
71
|
});
|
|
72
|
+
const basicOptions = {
|
|
73
|
+
overflow: {
|
|
74
|
+
x: "hide",
|
|
75
|
+
y: "scroll"
|
|
76
|
+
},
|
|
77
|
+
scrollbars: {
|
|
78
|
+
autoHide: "scroll",
|
|
79
|
+
autoHideDelay: 1e3
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
const mergedOptions = (0, import_lodash_es.merge)(basicOptions, props.options);
|
|
71
83
|
const [initialize] = (0, import_overlayscrollbars_vue.useOverlayScrollbars)({
|
|
72
84
|
defer: true,
|
|
73
|
-
options:
|
|
85
|
+
options: mergedOptions,
|
|
74
86
|
events: {
|
|
75
87
|
initialized: (e) => activateEvent("initialized", e),
|
|
76
88
|
scroll: (e) => activateEvent("scroll", e)
|
package/dist/scrollbar.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-scrollbar",
|
|
3
3
|
"description": "Mekari Pixel 3 | Custom scrollbar component",
|
|
4
|
-
"version": "0.1.0-dev.
|
|
4
|
+
"version": "0.1.0-dev.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
|
+
"lodash-es": "^4.17.21",
|
|
11
12
|
"overlayscrollbars-vue": "0.5.9",
|
|
12
|
-
"@mekari/pixel3-
|
|
13
|
-
"@mekari/pixel3-
|
|
13
|
+
"@mekari/pixel3-utils": "0.0.7",
|
|
14
|
+
"@mekari/pixel3-styled-system": "0.1.3-dev.3"
|
|
14
15
|
},
|
|
15
16
|
"peerDependencies": {
|
|
16
17
|
"vue": "^3.4.9"
|
|
17
18
|
},
|
|
18
19
|
"devDependencies": {
|
|
20
|
+
"@types/lodash-es": "^4.17.12",
|
|
19
21
|
"vue": "^3.4.9"
|
|
20
22
|
},
|
|
21
23
|
"publishConfig": {
|