@v-c/util 0.0.2 → 0.0.4

package/dist/vnode.js

@@ -1,41 +1,40 @@
-import { cloneVNode as f, isVNode as p, render as c, Comment as l, Fragment as a } from "vue";
+import { cloneVNode as l, isVNode as s, render as a, Comment as p, Fragment as m } from "vue";
 import { filterEmpty as y } from "./props-util/index.js";
 import { warningOnce as A } from "./warning.js";
-function m(r, e = {}, n = !0, u = !1) {
+function f(r, e = {}, n = !0, u = !1) {
   let t = r;
   if (Array.isArray(r) && (t = y(r)[0]), !t)
     return null;
-  const i = f(t, e, u);
+  const i = l(t, e, u);
   return i.props = n ? { ...i.props, ...e } : i.props, A(typeof i.props.class != "object", "class must be string"), i;
 }
 function g(r, e = {}, n = !0) {
-  return r.map((u) => m(u, e, n));
+  return r.map((u) => f(u, e, n));
 }
 function o(r, e = {}, n = !0, u = !1) {
   if (Array.isArray(r))
     return r.map((t) => o(t, e, n, u));
   {
-    if (!p(r))
+    if (!s(r))
       return r;
-    const t = m(r, e, n, u);
+    const t = f(r, e, n, u);
     return Array.isArray(t.children) && (t.children = o(t.children)), t;
   }
 }
 function E(r, e, n) {
-  c(f(r, { ...e }), n);
+  a(l(r, { ...e }), n);
 }
-function s(r) {
-  return (r || []).some((e) => p(e) ? !(e.type === l || e.type === a && !s(e.children)) : !0) ? r : null;
+function c(r) {
+  return (r || []).some((e) => s(e) ? !(e.type === p || e.type === m && !c(e.children)) : !0) ? r : null;
 }
-function C(r, e, n, u) {
-  var i;
-  const t = (i = r[e]) == null ? void 0 : i.call(r, n);
-  return s(t) ? t : u == null ? void 0 : u();
+function b(r, e, n, u) {
+  const t = r[e]?.(n);
+  return c(t) ? t : u?.();
 }
 export {
-  m as cloneElement,
+  f as cloneElement,
   g as cloneVNodes,
-  C as customRenderSlot,
+  b as customRenderSlot,
   o as deepCloneElement,
   E as triggerVNodeUpdate
 };

package/dist/vueuse/unref-element.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");function r(t){const e=n.toValue(t);return e?.$el??e}exports.unrefElement=r;

package/dist/vueuse/unref-element.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPublicInstance, MaybeRef } from 'vue';
+export type VueInstance = ComponentPublicInstance;
+/**
+ * Get the dom element of a ref of element or Vue component instance
+ *
+ * @param elRef
+ */
+export declare function unrefElement<T extends Element>(elRef: MaybeRef<T>): T;

package/dist/vueuse/unref-element.js

@@ -0,0 +1,8 @@
+import { toValue as t } from "vue";
+function r(n) {
+  const e = t(n);
+  return e?.$el ?? e;
+}
+export {
+  r as unrefElement
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/util",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Vue3 components utils",
   "publishConfig": {
     "access": "public"

package/src/Children/tests/isFragment.test.tsx

@@ -1,6 +1,6 @@
+import { isFragment } from '@v-c/util/dist/Children/isFragment.ts'
 import { describe, expect, it } from 'vitest'
 import { createVNode } from 'vue'
-import { isFragment } from '@v-c/util/Children/isFragment.ts'
 
 describe('isFragment', () => {
   it('should ', () => {

package/src/Children/tests/toArray.test.tsx

@@ -1,7 +1,7 @@
-import { describe, expect, it } from 'vitest'
-import { Fragment, defineComponent } from 'vue'
+import { toArray } from '@v-c/util/dist/Children/toArray.ts'
 import { mount } from '@vue/test-utils'
-import { toArray } from '@v-c/util/Children/toArray.ts'
+import { describe, expect, it } from 'vitest'
+import { defineComponent, Fragment } from 'vue'
 
 describe('toArray', () => {
   let children: any

package/src/Dom/addEventListener.ts

@@ -1,10 +1,10 @@
 export type WindowEventName = keyof WindowEventMap
 export type DocumentEventName = keyof DocumentEventMap
 export function addEventListener<E extends WindowEventName = WindowEventName>(target: Window, eventType: E, cb: WindowEventMap[E], option?: AddEventListenerOptions): {
-  remove(): void
+  remove: () => void
 }
 export function addEventListener<E extends DocumentEventName = DocumentEventName>(target: Document, eventType: E, cb: DocumentEventMap[E], option?: AddEventListenerOptions): {
-  remove(): void
+  remove: () => void
 }
 
 export function addEventListener(...args: any[]) {

package/src/Dom/focus.ts

@@ -73,7 +73,7 @@ export function backLastFocusNode() {
       // 元素可能已经被移动了
       lastFocusElement.focus()
     }
-    // eslint-disable-next-line unused-imports/no-unused-vars
+
     catch (_e: any) {
       // empty
     }

package/src/Dom/scrollLocker.ts

@@ -16,8 +16,8 @@ interface Ilocks {
 let locks: Ilocks[] = []
 const scrollingEffectClassName = 'ant-scrolling-effect'
 const scrollingEffectClassNameReg = new RegExp(
-    `${scrollingEffectClassName}`,
-    'g',
+  `${scrollingEffectClassName}`,
+  'g',
 )
 
 // https://github.com/ant-design/ant-design/issues/19340
@@ -74,7 +74,7 @@ export default class ScrollLocker {
 
     if (
       (container === document.body
-      && window.innerWidth - document.documentElement.clientWidth > 0)
+        && window.innerWidth - document.documentElement.clientWidth > 0)
       || container.scrollHeight > container.clientHeight
     ) {
       if (getComputedStyle(container).overflow !== 'hidden')
@@ -124,8 +124,9 @@ export default class ScrollLocker {
       || locks.some(
         ({ options }) => options?.container === findLock.options?.container,
       )
-    )
+    ) {
       return
+    }
 
     // Remove Effect
     const container = this.options?.container || document.body

package/src/KeyCode.ts

@@ -436,8 +436,9 @@ const KeyCode = {
       || e.metaKey
       // Function keys don't generate text
       || (keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12)
-    )
+    ) {
       return false
+    }
 
     // The following keys are quite harmless, even in combination with
     // CTRL, ALT or SHIFT.

package/src/Portal.tsx

@@ -1,4 +1,4 @@
-import { Teleport, defineComponent, onBeforeUnmount, onMounted, onUnmounted, shallowRef } from 'vue'
+import { defineComponent, onBeforeUnmount, onMounted, onUnmounted, shallowRef, Teleport } from 'vue'
 import canUseDom from './Dom/canUseDom'
 
 export interface PortalProps {

package/src/PortalWrapper.tsx

@@ -1,11 +1,11 @@
 import type { SlotsType } from 'vue'
+import type { PortalRef } from './Portal'
 import { defineComponent, onBeforeUnmount, onMounted, onUpdated, shallowRef } from 'vue'
-import raf from './raf'
 import canUseDom from './Dom/canUseDom'
 import ScrollLocker from './Dom/scrollLocker'
-import setStyle from './setStyle'
-import type { PortalRef } from './Portal'
 import Portal from './Portal'
+import raf from './raf'
+import setStyle from './setStyle'
 
 // import raf from './raf';
 
@@ -37,8 +37,9 @@ function getParent(getContainer: GetContainer) {
     if (
       typeof getContainer === 'object'
       && getContainer instanceof window.HTMLElement
-    )
+    ) {
       return getContainer
+    }
   }
   return document.body
 }
@@ -98,8 +99,9 @@ const PortalWrapper = defineComponent<PortalWrapperProps, any, string, DefaultSl
       getContainerIsFunc
         ? getContainer.toString() !== prevGetContainer.toString()
         : getContainer !== prevGetContainer
-    )
+    ) {
       removeCurrentContainer()
+    }
   }
 
   const attachToParent = (force = false) => {
@@ -121,8 +123,9 @@ const PortalWrapper = defineComponent<PortalWrapperProps, any, string, DefaultSl
       container.value
       && wrapperClassName
       && wrapperClassName !== container.value.className
-    )
+    ) {
       container.value.className = wrapperClassName
+    }
   }
 
   const getContainer = () => {

package/src/createRef.ts

@@ -1,6 +1,5 @@
 import type { Ref } from 'vue'
 
-// eslint-disable-next-line ts/no-unsafe-function-type
 export interface RefObject extends Function {
   current?: any
 }

package/src/hooks/useEvent.ts

@@ -0,0 +1,3 @@
+export default function useEvent<T extends Function>(callback: T): T {
+  return callback
+}

package/src/hooks/useId.ts

@@ -1,31 +1,20 @@
-import { ref } from 'vue'
-import canUseDom from '../Dom/canUseDom'
+import { useId } from 'vue'
 
-let uuid = 0
-
-/** Is client side and not jsdom */
-export const isBrowserClient = process.env.NODE_ENV !== 'test' && canUseDom()
+function getUseId() {
+  return useId
+}
 
-/** Get unique id for accessibility usage */
-export function getUUID(): number | string {
-  let retId: string | number
+const useOriginalId = getUseId()
 
-  // Test never reach
-  /* istanbul ignore if */
-  if (isBrowserClient) {
-    retId = uuid
-    uuid += 1
+export default function (id?: string) {
+  const vueId = useOriginalId()
+  if (id) {
+    return id
   }
-  else {
-    retId = 'TEST_OR_SSR'
+  // Test env always return mock id
+  if (process.env.NODE_ENV === 'test') {
+    return 'test-id'
   }
 
-  return retId
-}
-
-export default function useId(id = ref('')) {
-  // Inner id for accessibility usage. Only work in client side
-  const innerId = `vc_unique_${getUUID()}`
-
-  return id.value || innerId
+  return vueId
 }

package/src/hooks/useLayoutEffect.ts

@@ -0,0 +1,61 @@
+import type { WatchSource } from 'vue'
+import { nextTick, onMounted, onUnmounted, onUpdated, watch } from 'vue'
+
+export function useLayoutEffect(callback: Function, deps: WatchSource<unknown>[] = []) {
+  let close: Function | null = null
+  if (deps && deps.length) {
+    watch(deps, async () => {
+      if (close) {
+        close?.()
+      }
+      await nextTick()
+      if (typeof callback === 'function') {
+        close = callback()
+      }
+    }, {
+      immediate: true,
+      flush: 'post',
+    })
+  }
+  else {
+    onMounted(() => {
+      if (close) {
+        close?.()
+      }
+      if (typeof callback === 'function') {
+        close = callback()
+      }
+    })
+
+    onUpdated(() => {
+      if (close) {
+        close?.()
+      }
+      if (typeof callback === 'function') {
+        close = callback()
+      }
+    })
+  }
+
+  onUnmounted(() => {
+    if (close) {
+      close?.()
+    }
+  })
+}
+
+export function useLayoutUpdateEffect(callback: Function, deps: WatchSource<unknown>[]) {
+  let close: Function | null = null
+
+  watch(deps, async () => {
+    if (close) {
+      close?.()
+    }
+    await nextTick()
+    if (typeof callback === 'function') {
+      close = callback()
+    }
+  }, {
+    flush: 'post',
+  })
+}

package/src/hooks/useMobile.ts

@@ -0,0 +1,16 @@
+import { onMounted, onUpdated, shallowRef } from 'vue'
+import isMobile from '../isMobile'
+
+export function useMobile() {
+  const mobile = shallowRef(false)
+  onMounted(() => {
+    mobile.value = isMobile()
+  })
+
+  onUpdated(() => {
+    mobile.value = isMobile()
+  })
+  return mobile
+}
+
+export default useMobile

package/src/isMobile.ts

@@ -8,7 +8,7 @@ export default () => {
     /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(
       agent,
     )
-    || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(
+    || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-([mpt])|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c([\- _agpst])|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac([ \-/])|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/([klu])|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t([\- ov])|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[23]|n30(0|2)|n50([025])|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan([adt])|pdxg|pg(13|-([1-8c]))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c([\-01])|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(
       agent?.substr(0, 4),
     )
   )

package/src/isValid.ts

@@ -0,0 +1,4 @@
+function isValid(value: any): boolean {
+  return value !== undefined && value !== null && value !== ''
+}
+export default isValid

package/src/pickAttrs.ts

@@ -19,7 +19,7 @@ const eventsName = `onCopy onCut onPaste onCompositionEnd onCompositionStart onC
     onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata
     onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError`
 
-const propList = `${attributes} ${eventsName}`.split(/[\s\n]+/)
+const propList = `${attributes} ${eventsName}`.split(/\s+/)
 
 const ariaPrefix = 'aria-'
 const dataPrefix = 'data-'
@@ -71,8 +71,9 @@ export default function pickAttrs(
       || (mergedConfig.data && match(key, dataPrefix))
       // Attr
       || (mergedConfig.attr && propList.includes(key))
-    )
+    ) {
       attrs[key] = (props as any)[key]
+    }
   })
   return attrs
 }

package/src/props-util/index.ts

@@ -1,22 +1,57 @@
-import { Fragment } from 'vue'
-
-export function isEmptyElement(c: any) {
-  return (
-    c
-    && (c.type === Comment
-    || (c.type === Fragment && c.children.length === 0)
-    || (c.type === Text && c.children.trim() === ''))
-  )
-}
-export function filterEmpty(children: any[] = []) {
-  const res: any[] = []
-  children.forEach((child: any) => {
-    if (Array.isArray(child))
-      res.push(...child)
-    else if (child?.type === Fragment)
-      res.push(...filterEmpty(child.children))
-    else
-      res.push(child)
-  })
-  return res.filter(c => !isEmptyElement(c))
-}
+import type { VNode, VNodeNormalizedChildren } from 'vue'
+import { Comment, Fragment, isVNode, Text } from 'vue'
+import isValid from '../isValid'
+import initDefaultProps from './initDefaultProps'
+
+export function isEmptyElement(c: any) {
+  return (
+    c
+    && (c.type === Comment
+      || (c.type === Fragment && c.children.length === 0)
+      || (c.type === Text && c.children.trim() === ''))
+  )
+}
+export function filterEmpty(children: any[] = []) {
+  const res: any[] = []
+  children.forEach((child: any) => {
+    if (Array.isArray(child))
+      res.push(...child)
+    else if (child?.type === Fragment)
+      res.push(...filterEmpty(child.children))
+    else res.push(child)
+  })
+  return res.filter(c => !isEmptyElement(c))
+}
+
+export const skipFlattenKey = Symbol('skipFlatten')
+function flattenChildren(children?: VNode | VNodeNormalizedChildren, filterEmpty = true) {
+  const temp = Array.isArray(children) ? children : [children]
+  const res = []
+  temp.forEach((child) => {
+    if (Array.isArray(child)) {
+      res.push(...flattenChildren(child, filterEmpty))
+    }
+    else if (isValid(child)) {
+      res.push(child)
+    }
+    else if (child && typeof child === 'object' && child.type === Fragment) {
+      if (child.key === skipFlattenKey) {
+        res.push(child)
+      }
+      else {
+        res.push(...flattenChildren(child.children, filterEmpty))
+      }
+    }
+    else if (child && isVNode(child)) {
+      if (filterEmpty && !isEmptyElement(child)) {
+        res.push(child)
+      }
+      else if (!filterEmpty) {
+        res.push(child)
+      }
+    }
+  })
+  return res
+}
+
+export { flattenChildren, initDefaultProps }

package/src/props-util/initDefaultProps.ts

@@ -0,0 +1,34 @@
+import type { PropType } from 'vue'
+import type { VueTypeDef, VueTypeValidableDef } from 'vue-types'
+
+function initDefaultProps<T>(types: T, defaultProps: {
+  [K in keyof T]?: T[K] extends VueTypeValidableDef<infer U>
+    ? U
+    : T[K] extends VueTypeDef<infer U>
+      ? U
+      : T[K] extends { type: PropType<infer U> }
+        ? U
+        : any;
+}): T {
+  const propTypes: T = { ...types }
+  Object.keys(defaultProps).forEach((k) => {
+    const prop = propTypes[k] as VueTypeValidableDef
+    if (prop) {
+      if (prop.type || prop.default) {
+        prop.default = defaultProps[k]
+      }
+      else if (prop.def) {
+        prop.def(defaultProps[k])
+      }
+      else {
+        propTypes[k] = { type: prop, default: defaultProps[k] }
+      }
+    }
+    else {
+      throw new Error(`not have ${k} prop`)
+    }
+  })
+  return propTypes
+}
+
+export default initDefaultProps

package/src/test/domHook.ts

@@ -1,8 +1,7 @@
 const NO_EXIST = { __NOT_EXIST: true }
 
-// eslint-disable-next-line ts/no-unsafe-function-type
 export type ElementClass = Function
-// eslint-disable-next-line ts/no-unsafe-function-type
+
 export type Property = PropertyDescriptor | Function
 
 export function spyElementPrototypes<T extends ElementClass>(

package/src/type.ts

@@ -1,4 +1,4 @@
-import type { App, Plugin, PropType, Ref, SlotsType, VNode } from 'vue'
+import type { App, Component, Plugin, PropType, Ref, SlotsType, VNode } from 'vue'
 
 // https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead
 export const tuple = <T extends string[]>(...args: T) => args
@@ -29,7 +29,7 @@ export interface PropOptions<T = any, D = T> {
   validator?: (value: unknown) => boolean
 }
 
-declare type VNodeChildAtom = VNode | string | number | boolean | null | undefined | void
+declare type VNodeChildAtom = Component | VNode | string | number | null | undefined | void
 
 export type VueNode = VNodeChildAtom | VNodeChildAtom[] | VNode
 

package/src/utils/omit.ts

@@ -0,0 +1,9 @@
+export function omit<T, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> {
+  const result = { ...obj }
+
+  keys.forEach((key) => {
+    delete result[key]
+  })
+
+  return result
+}

package/src/utils/set.ts

@@ -49,7 +49,7 @@ export default function set<Entity = any, Output = Entity, Value = any>(
   return internalSet(entity, paths, value, removeIfUndefined)
 }
 
-function isObject(obj: any) {
+export function isObject(obj: any) {
   return (
     typeof obj === 'object'
     && obj !== null