@tb-dev/vue 3.0.1 → 3.1.1
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.
|
@@ -6,6 +6,6 @@ export declare function useElementSize<T extends MaybeElement>(element: MaybeRef
|
|
|
6
6
|
stop: () => void;
|
|
7
7
|
};
|
|
8
8
|
export declare function useHeight<T extends MaybeElement>(element: MaybeRefOrGetter<T>): Readonly<Ref<number>>;
|
|
9
|
-
export declare function useHeightDiff<T extends MaybeElement>(element: MaybeRefOrGetter<T>): import('vue').ComputedRef<number>;
|
|
9
|
+
export declare function useHeightDiff<T extends MaybeElement>(element: MaybeRefOrGetter<T>, lhs?: MaybeRefOrGetter<number>): import('vue').ComputedRef<number>;
|
|
10
10
|
export declare function useWidth<T extends MaybeElement>(element: MaybeRefOrGetter<T>): Readonly<Ref<number>>;
|
|
11
|
-
export declare function useWidthDiff<T extends MaybeElement>(element: MaybeRefOrGetter<T>): import('vue').ComputedRef<number>;
|
|
11
|
+
export declare function useWidthDiff<T extends MaybeElement>(element: MaybeRefOrGetter<T>, lhs?: MaybeRefOrGetter<number>): import('vue').ComputedRef<number>;
|
package/dist/index.js
CHANGED
|
@@ -291,18 +291,18 @@ function useElementSize(element) {
|
|
|
291
291
|
function useHeight(element) {
|
|
292
292
|
return useElementSize(element).height;
|
|
293
293
|
}
|
|
294
|
-
function useHeightDiff(element) {
|
|
294
|
+
function useHeightDiff(element, lhs) {
|
|
295
295
|
const height = useHeight(element);
|
|
296
|
-
const
|
|
297
|
-
return computed(() =>
|
|
296
|
+
const lhsRef = lhs ? toRef(lhs) : useWindowHeight();
|
|
297
|
+
return computed(() => lhsRef.value - height.value);
|
|
298
298
|
}
|
|
299
299
|
function useWidth(element) {
|
|
300
300
|
return useElementSize(element).width;
|
|
301
301
|
}
|
|
302
|
-
function useWidthDiff(element) {
|
|
302
|
+
function useWidthDiff(element, lhs) {
|
|
303
303
|
const width = useWidth(element);
|
|
304
|
-
const
|
|
305
|
-
return computed(() =>
|
|
304
|
+
const lhsRef = lhs ? toRef(lhs) : useWindowWidth();
|
|
305
|
+
return computed(() => lhsRef.value - width.value);
|
|
306
306
|
}
|
|
307
307
|
|
|
308
308
|
function maybe(value, fn) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tb-dev/vue",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.1.1",
|
|
4
4
|
"description": "Vue utilities",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -24,20 +24,20 @@
|
|
|
24
24
|
"composables"
|
|
25
25
|
],
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@tb-dev/utils": "^7.0.
|
|
27
|
+
"@tb-dev/utils": "^7.0.10",
|
|
28
28
|
"@vueuse/core": "^13.6.0",
|
|
29
29
|
"es-toolkit": "^1.39.8",
|
|
30
30
|
"vue": "^3.5.18"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@tb-dev/eslint-config": "^8.0.
|
|
34
|
-
"@types/node": "^24.
|
|
33
|
+
"@tb-dev/eslint-config": "^8.0.4",
|
|
34
|
+
"@types/node": "^24.2.0",
|
|
35
35
|
"eslint": "^9.32.0",
|
|
36
36
|
"prettier": "^3.6.2",
|
|
37
37
|
"tslib": "^2.8.1",
|
|
38
|
-
"typedoc": "^0.28.
|
|
39
|
-
"typedoc-plugin-mdn-links": "^5.0.
|
|
40
|
-
"typescript": "~5.
|
|
38
|
+
"typedoc": "^0.28.9",
|
|
39
|
+
"typedoc-plugin-mdn-links": "^5.0.7",
|
|
40
|
+
"typescript": "~5.9.2",
|
|
41
41
|
"vite": "^7.0.6",
|
|
42
42
|
"vite-plugin-dts": "^4.5.4"
|
|
43
43
|
},
|