@v-c/resize-observer 1.0.4 → 1.0.6

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.
Files changed (7) hide show
  1. package/dist/SingleObserver/index.cjs +4 -5
  2. package/dist/SingleObserver/index.js +4 -5
  3. package/dist/useResizeObserver.cjs +2 -1
  4. package/dist/useResizeObserver.js +2 -1
  5. package/package.json +1 -1
  6. package/src/SingleObserver/index.tsx +5 -7
  7. package/src/useResizeObserver.ts +2 -1
package/dist/SingleObserver/index.cjs CHANGED
@@ -37,11 +37,10 @@ var SingleObserver = /* @__PURE__ */ (0, vue.defineComponent)({
37
37
  return dom;
38
38
  };
39
39
  const setWrapperRef = (el) => {
40
- const _wrapper = el;
41
- if (el?.elementEl && typeof el.elementEl === "object") _wrapper.value = el.elementEl;
42
- else if (el?.__$el && typeof el.__$el === "object") _wrapper.value = el.__$el;
43
- else _wrapper.value = el;
44
- wrapperRef.value = getDom(el);
40
+ let _wrapper = el;
41
+ if (el?.elementEl && typeof el.elementEl === "object") _wrapper = el.elementEl;
42
+ else if (el?.__$el && typeof el.__$el === "object") _wrapper = el.__$el;
43
+ wrapperRef.value = getDom(_wrapper);
45
44
  };
46
45
  const onCollectionResize = (0, vue.inject)(require_Collection.CollectionContext, () => {});
47
46
  require_useResizeObserver.default((0, vue.computed)(() => props.disabled), wrapperRef, (...args) => props?.onResize?.(...args), (size, element) => {
package/dist/SingleObserver/index.js CHANGED
@@ -31,11 +31,10 @@ var SingleObserver_default = /* @__PURE__ */ defineComponent({
31
31
  return dom;
32
32
  };
33
33
  const setWrapperRef = (el) => {
34
- const _wrapper = el;
35
- if (el?.elementEl && typeof el.elementEl === "object") _wrapper.value = el.elementEl;
36
- else if (el?.__$el && typeof el.__$el === "object") _wrapper.value = el.__$el;
37
- else _wrapper.value = el;
38
- wrapperRef.value = getDom(el);
34
+ let _wrapper = el;
35
+ if (el?.elementEl && typeof el.elementEl === "object") _wrapper = el.elementEl;
36
+ else if (el?.__$el && typeof el.__$el === "object") _wrapper = el.__$el;
37
+ wrapperRef.value = getDom(_wrapper);
39
38
  };
40
39
  const onCollectionResize = inject(CollectionContext, () => {});
41
40
  useResizeObserver(computed(() => props.disabled), wrapperRef, (...args) => props?.onResize?.(...args), (size, element) => {
package/dist/useResizeObserver.cjs CHANGED
@@ -40,7 +40,8 @@ function useResizeObserver(enabled, getTarget, onDelayResize, onSyncResize) {
40
40
  };
41
41
  (0, vue.watch)([enabled, getTarget], (_, _o, onCleanup) => {
42
42
  const target = typeof getTarget === "function" ? getTarget() : (0, vue.unref)(getTarget);
43
- if (target && enabled) {
43
+ const isEnabled = (0, vue.unref)(enabled);
44
+ if (target && isEnabled) {
44
45
  require_observerUtil.observe(target, onInternalResize);
45
46
  onCleanup(() => {
46
47
  if (target) require_observerUtil.unobserve(target, onInternalResize);
package/dist/useResizeObserver.js CHANGED
@@ -35,7 +35,8 @@ function useResizeObserver(enabled, getTarget, onDelayResize, onSyncResize) {
35
35
  };
36
36
  watch([enabled, getTarget], (_, _o, onCleanup) => {
37
37
  const target = typeof getTarget === "function" ? getTarget() : unref(getTarget);
38
- if (target && enabled) {
38
+ const isEnabled = unref(enabled);
39
+ if (target && isEnabled) {
39
40
  observe(target, onInternalResize);
40
41
  onCleanup(() => {
41
42
  if (target) unobserve(target, onInternalResize);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@v-c/resize-observer",
3
3
  "type": "module",
4
- "version": "1.0.4",
4
+ "version": "1.0.6",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
package/src/SingleObserver/index.tsx CHANGED
@@ -27,17 +27,15 @@ const SingleObserver = defineComponent<ResizeObserverProps>({
27
27
  return dom
28
28
  }
29
29
  const setWrapperRef = (el: any) => {
30
- const _wrapper = el
30
+ let _wrapper = el
31
31
  if (el?.elementEl && typeof el.elementEl === 'object') {
32
- _wrapper.value = el.elementEl
32
+ _wrapper = el.elementEl
33
33
  }
34
34
  else if (el?.__$el && typeof el.__$el === 'object') {
35
- _wrapper.value = el.__$el
35
+ _wrapper = el.__$el
36
36
  }
37
- else {
38
- _wrapper.value = el
39
- }
40
- wrapperRef.value = getDom(el)
37
+
38
+ wrapperRef.value = getDom(_wrapper)
41
39
  }
42
40
  const onCollectionResize = inject(CollectionContext, () => {})
43
41
 
package/src/useResizeObserver.ts CHANGED
@@ -65,7 +65,8 @@ export default function useResizeObserver(
65
65
  [enabled, getTarget],
66
66
  (_, _o, onCleanup) => {
67
67
  const target = typeof getTarget === 'function' ? getTarget() : unref(getTarget)
68
- if (target && enabled) {
68
+ const isEnabled = unref(enabled)
69
+ if (target && isEnabled) {
69
70
  observe(target, onInternalResize as any)
70
71
  onCleanup(() => {
71
72
  if (target) {