@v-c/util 0.0.13 → 0.0.15

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 (112) hide show
  1. package/dist/Children/isFragment.cjs +2 -4
  2. package/dist/Children/isFragment.js +3 -5
  3. package/dist/Children/toArray.cjs +10 -17
  4. package/dist/Children/toArray.js +10 -17
  5. package/dist/Dom/addEventListener.cjs +5 -10
  6. package/dist/Dom/addEventListener.js +6 -11
  7. package/dist/Dom/canUseDom.cjs +2 -3
  8. package/dist/Dom/canUseDom.js +2 -4
  9. package/dist/Dom/class.cjs +6 -20
  10. package/dist/Dom/class.js +7 -23
  11. package/dist/Dom/contains.cjs +9 -13
  12. package/dist/Dom/contains.js +9 -14
  13. package/dist/Dom/css.cjs +51 -66
  14. package/dist/Dom/css.js +52 -74
  15. package/dist/Dom/dynamicCSS.cjs +59 -86
  16. package/dist/Dom/dynamicCSS.js +58 -88
  17. package/dist/Dom/findDOMNode.cjs +7 -10
  18. package/dist/Dom/findDOMNode.js +6 -11
  19. package/dist/Dom/focus.cjs +36 -43
  20. package/dist/Dom/focus.js +37 -48
  21. package/dist/Dom/isVisible.cjs +16 -21
  22. package/dist/Dom/isVisible.js +15 -21
  23. package/dist/Dom/scrollLocker.cjs +66 -88
  24. package/dist/Dom/scrollLocker.js +64 -87
  25. package/dist/Dom/shadow.cjs +3 -5
  26. package/dist/Dom/shadow.js +4 -7
  27. package/dist/Dom/styleChecker.cjs +14 -18
  28. package/dist/Dom/styleChecker.js +14 -18
  29. package/dist/Dom/support.cjs +14 -22
  30. package/dist/Dom/support.js +12 -21
  31. package/dist/EventInterface.cjs +0 -1
  32. package/dist/EventInterface.js +0 -1
  33. package/dist/KeyCode.cjs +165 -522
  34. package/dist/KeyCode.js +164 -522
  35. package/dist/Portal.cjs +40 -46
  36. package/dist/Portal.js +37 -45
  37. package/dist/PortalWrapper.cjs +130 -164
  38. package/dist/PortalWrapper.js +126 -163
  39. package/dist/classnames.cjs +30 -38
  40. package/dist/classnames.js +30 -40
  41. package/dist/composeProps.cjs +15 -17
  42. package/dist/composeProps.js +14 -17
  43. package/dist/createRef.cjs +14 -16
  44. package/dist/createRef.js +13 -18
  45. package/dist/debug/diff.cjs +39 -45
  46. package/dist/debug/diff.js +39 -46
  47. package/dist/deprecated.cjs +2 -7
  48. package/dist/deprecated.js +2 -8
  49. package/dist/getScrollBarSize.cjs +39 -43
  50. package/dist/getScrollBarSize.js +39 -45
  51. package/dist/guid.cjs +3 -4
  52. package/dist/guid.js +3 -5
  53. package/dist/hooks/useEvent.cjs +2 -3
  54. package/dist/hooks/useEvent.js +2 -4
  55. package/dist/hooks/useId.cjs +10 -15
  56. package/dist/hooks/useId.js +9 -15
  57. package/dist/hooks/useLayoutEffect.cjs +29 -52
  58. package/dist/hooks/useLayoutEffect.js +30 -54
  59. package/dist/hooks/useMemo.cjs +9 -13
  60. package/dist/hooks/useMemo.js +8 -13
  61. package/dist/hooks/useMergedState.cjs +22 -27
  62. package/dist/hooks/useMergedState.js +22 -28
  63. package/dist/hooks/useMobile.cjs +13 -13
  64. package/dist/hooks/useMobile.js +12 -14
  65. package/dist/hooks/useState.cjs +7 -9
  66. package/dist/hooks/useState.js +6 -9
  67. package/dist/index.cjs +9 -11
  68. package/dist/index.js +5 -11
  69. package/dist/isEqual.cjs +26 -34
  70. package/dist/isEqual.js +25 -34
  71. package/dist/isMobile.cjs +6 -12
  72. package/dist/isMobile.js +5 -12
  73. package/dist/isValid.cjs +4 -4
  74. package/dist/isValid.js +3 -4
  75. package/dist/omit.cjs +6 -9
  76. package/dist/omit.js +6 -10
  77. package/dist/pickAttrs.cjs +20 -36
  78. package/dist/pickAttrs.js +20 -37
  79. package/dist/props-util/index.cjs +35 -52
  80. package/dist/props-util/index.js +35 -57
  81. package/dist/raf.cjs +34 -37
  82. package/dist/raf.js +33 -38
  83. package/dist/setStyle.cjs +14 -15
  84. package/dist/setStyle.js +13 -15
  85. package/dist/switchScrollingEffect.cjs +29 -35
  86. package/dist/switchScrollingEffect.js +27 -34
  87. package/dist/test/domHook.cjs +32 -46
  88. package/dist/test/domHook.js +33 -48
  89. package/dist/type.cjs +36 -17
  90. package/dist/type.d.ts +1 -1
  91. package/dist/type.js +38 -30
  92. package/dist/utils/checkSlotProp.cjs +6 -10
  93. package/dist/utils/checkSlotProp.js +7 -11
  94. package/dist/utils/get.cjs +7 -9
  95. package/dist/utils/get.js +7 -10
  96. package/dist/utils/omit.cjs +5 -7
  97. package/dist/utils/omit.js +6 -8
  98. package/dist/utils/set.cjs +37 -51
  99. package/dist/utils/set.js +36 -53
  100. package/dist/utils/transition.cjs +76 -80
  101. package/dist/utils/transition.d.ts +2 -2
  102. package/dist/utils/transition.js +76 -84
  103. package/dist/utils/watchState.cjs +12 -14
  104. package/dist/utils/watchState.js +13 -16
  105. package/dist/vnode.cjs +48 -39
  106. package/dist/vnode.d.ts +1 -0
  107. package/dist/vnode.js +47 -43
  108. package/dist/vueuse/unref-element.cjs +3 -5
  109. package/dist/vueuse/unref-element.js +3 -5
  110. package/dist/warning.cjs +21 -29
  111. package/dist/warning.js +20 -36
  112. package/package.json +1 -1
package/dist/vnode.cjs CHANGED
@@ -1,56 +1,65 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const vue = require("vue");
4
- const index = require("./props-util/index.cjs");
5
- const warning = require("./warning.cjs");
1
+ const require_warning = require("./warning.cjs");
2
+ const require_findDOMNode = require("./Dom/findDOMNode.cjs");
3
+ const require_index = require("./props-util/index.cjs");
4
+ let vue = require("vue");
6
5
  function cloneElement(vnode, nodeProps = {}, override = true, mergeRef = false) {
7
- let ele = vnode;
8
- if (Array.isArray(vnode))
9
- ele = index.filterEmpty(vnode)[0];
10
- if (!ele)
11
- return null;
12
- const node = vue.cloneVNode(ele, nodeProps, mergeRef);
13
- node.props = override ? { ...node.props, ...nodeProps } : node.props;
14
- warning.warningOnce(typeof node.props.class !== "object", "class must be string");
15
- return node;
6
+ let ele = vnode;
7
+ if (Array.isArray(vnode)) ele = require_index.filterEmpty(vnode)[0];
8
+ if (!ele) return null;
9
+ const node = (0, vue.cloneVNode)(ele, nodeProps, mergeRef);
10
+ node.props = override ? {
11
+ ...node.props,
12
+ ...nodeProps
13
+ } : node.props;
14
+ require_warning.default(typeof node.props.class !== "object", "class must be string");
15
+ return node;
16
16
  }
17
17
  function cloneVNodes(vnodes, nodeProps = {}, override = true) {
18
- return vnodes.map((vnode) => cloneElement(vnode, nodeProps, override));
18
+ return vnodes.map((vnode) => cloneElement(vnode, nodeProps, override));
19
19
  }
20
20
  function deepCloneElement(vnode, nodeProps = {}, override = true, mergeRef = false) {
21
- if (Array.isArray(vnode)) {
22
- return vnode.map((item) => deepCloneElement(item, nodeProps, override, mergeRef));
23
- } else {
24
- if (!vue.isVNode(vnode))
25
- return vnode;
26
- const cloned = cloneElement(vnode, nodeProps, override, mergeRef);
27
- if (Array.isArray(cloned.children))
28
- cloned.children = deepCloneElement(cloned.children);
29
- return cloned;
30
- }
21
+ if (Array.isArray(vnode)) return vnode.map((item) => deepCloneElement(item, nodeProps, override, mergeRef));
22
+ else {
23
+ if (!(0, vue.isVNode)(vnode)) return vnode;
24
+ const cloned = cloneElement(vnode, nodeProps, override, mergeRef);
25
+ if (Array.isArray(cloned.children)) cloned.children = deepCloneElement(cloned.children);
26
+ return cloned;
27
+ }
31
28
  }
32
29
  function triggerVNodeUpdate(vm, attrs, dom) {
33
- vue.render(vue.cloneVNode(vm, { ...attrs }), dom);
30
+ (0, vue.render)((0, vue.cloneVNode)(vm, { ...attrs }), dom);
34
31
  }
35
32
  function ensureValidVNode(slot) {
36
- return (slot || []).some((child) => {
37
- if (!vue.isVNode(child))
38
- return true;
39
- if (child.type === vue.Comment)
40
- return false;
41
- if (child.type === vue.Fragment && !ensureValidVNode(child.children))
42
- return false;
43
- return true;
44
- }) ? slot : null;
33
+ return (slot || []).some((child) => {
34
+ if (!(0, vue.isVNode)(child)) return true;
35
+ if (child.type === vue.Comment) return false;
36
+ if (child.type === vue.Fragment && !ensureValidVNode(child.children)) return false;
37
+ return true;
38
+ }) ? slot : null;
45
39
  }
46
40
  function customRenderSlot(slots, name, props, fallback) {
47
- const slot = slots[name]?.(props);
48
- if (ensureValidVNode(slot))
49
- return slot;
50
- return fallback?.();
41
+ const slot = slots[name]?.(props);
42
+ if (ensureValidVNode(slot)) return slot;
43
+ return fallback?.();
44
+ }
45
+ function resolveToElement(node) {
46
+ if (!node) return null;
47
+ if (require_findDOMNode.isDOM(node?.__$el)) return node.__$el;
48
+ if (require_findDOMNode.isDOM(node)) return node;
49
+ const exposed = node;
50
+ if (require_findDOMNode.isDOM(exposed?.$el)) return exposed.$el;
51
+ const nativeEl = exposed?.nativeElement;
52
+ if (require_findDOMNode.isDOM(nativeEl?.value)) return nativeEl.value;
53
+ if (require_findDOMNode.isDOM(nativeEl)) return nativeEl;
54
+ if (typeof exposed?.getElement === "function") {
55
+ const el = exposed.getElement();
56
+ if (require_findDOMNode.isDOM(el)) return el;
57
+ }
58
+ return null;
51
59
  }
52
60
  exports.cloneElement = cloneElement;
53
61
  exports.cloneVNodes = cloneVNodes;
54
62
  exports.customRenderSlot = customRenderSlot;
55
63
  exports.deepCloneElement = deepCloneElement;
64
+ exports.resolveToElement = resolveToElement;
56
65
  exports.triggerVNodeUpdate = triggerVNodeUpdate;
package/dist/vnode.d.ts CHANGED
@@ -8,4 +8,5 @@ export declare function cloneVNodes(vnodes: any, nodeProps?: {}, override?: bool
8
8
  export declare function deepCloneElement<T, U>(vnode: VNode<T, U> | VNode<T, U>[], nodeProps?: NodeProps, override?: boolean, mergeRef?: boolean): any;
9
9
  export declare function triggerVNodeUpdate(vm: VNode, attrs: Record<string, any>, dom: any): void;
10
10
  export declare function customRenderSlot(slots: Slots, name: string, props: Record<string, unknown>, fallback?: () => VNodeArrayChildren): VNodeArrayChildren;
11
+ export declare function resolveToElement(node: any): any;
11
12
  export {};
package/dist/vnode.js CHANGED
@@ -1,56 +1,60 @@
1
- import { cloneVNode, isVNode, render, Comment, Fragment } from "vue";
1
+ import warning_default from "./warning.js";
2
+ import { isDOM } from "./Dom/findDOMNode.js";
2
3
  import { filterEmpty } from "./props-util/index.js";
3
- import { warningOnce } from "./warning.js";
4
+ import { Comment, Fragment, cloneVNode, isVNode, render } from "vue";
4
5
  function cloneElement(vnode, nodeProps = {}, override = true, mergeRef = false) {
5
- let ele = vnode;
6
- if (Array.isArray(vnode))
7
- ele = filterEmpty(vnode)[0];
8
- if (!ele)
9
- return null;
10
- const node = cloneVNode(ele, nodeProps, mergeRef);
11
- node.props = override ? { ...node.props, ...nodeProps } : node.props;
12
- warningOnce(typeof node.props.class !== "object", "class must be string");
13
- return node;
6
+ let ele = vnode;
7
+ if (Array.isArray(vnode)) ele = filterEmpty(vnode)[0];
8
+ if (!ele) return null;
9
+ const node = cloneVNode(ele, nodeProps, mergeRef);
10
+ node.props = override ? {
11
+ ...node.props,
12
+ ...nodeProps
13
+ } : node.props;
14
+ warning_default(typeof node.props.class !== "object", "class must be string");
15
+ return node;
14
16
  }
15
17
  function cloneVNodes(vnodes, nodeProps = {}, override = true) {
16
- return vnodes.map((vnode) => cloneElement(vnode, nodeProps, override));
18
+ return vnodes.map((vnode) => cloneElement(vnode, nodeProps, override));
17
19
  }
18
20
  function deepCloneElement(vnode, nodeProps = {}, override = true, mergeRef = false) {
19
- if (Array.isArray(vnode)) {
20
- return vnode.map((item) => deepCloneElement(item, nodeProps, override, mergeRef));
21
- } else {
22
- if (!isVNode(vnode))
23
- return vnode;
24
- const cloned = cloneElement(vnode, nodeProps, override, mergeRef);
25
- if (Array.isArray(cloned.children))
26
- cloned.children = deepCloneElement(cloned.children);
27
- return cloned;
28
- }
21
+ if (Array.isArray(vnode)) return vnode.map((item) => deepCloneElement(item, nodeProps, override, mergeRef));
22
+ else {
23
+ if (!isVNode(vnode)) return vnode;
24
+ const cloned = cloneElement(vnode, nodeProps, override, mergeRef);
25
+ if (Array.isArray(cloned.children)) cloned.children = deepCloneElement(cloned.children);
26
+ return cloned;
27
+ }
29
28
  }
30
29
  function triggerVNodeUpdate(vm, attrs, dom) {
31
- render(cloneVNode(vm, { ...attrs }), dom);
30
+ render(cloneVNode(vm, { ...attrs }), dom);
32
31
  }
33
32
  function ensureValidVNode(slot) {
34
- return (slot || []).some((child) => {
35
- if (!isVNode(child))
36
- return true;
37
- if (child.type === Comment)
38
- return false;
39
- if (child.type === Fragment && !ensureValidVNode(child.children))
40
- return false;
41
- return true;
42
- }) ? slot : null;
33
+ return (slot || []).some((child) => {
34
+ if (!isVNode(child)) return true;
35
+ if (child.type === Comment) return false;
36
+ if (child.type === Fragment && !ensureValidVNode(child.children)) return false;
37
+ return true;
38
+ }) ? slot : null;
43
39
  }
44
40
  function customRenderSlot(slots, name, props, fallback) {
45
- const slot = slots[name]?.(props);
46
- if (ensureValidVNode(slot))
47
- return slot;
48
- return fallback?.();
41
+ const slot = slots[name]?.(props);
42
+ if (ensureValidVNode(slot)) return slot;
43
+ return fallback?.();
49
44
  }
50
- export {
51
- cloneElement,
52
- cloneVNodes,
53
- customRenderSlot,
54
- deepCloneElement,
55
- triggerVNodeUpdate
56
- };
45
+ function resolveToElement(node) {
46
+ if (!node) return null;
47
+ if (isDOM(node?.__$el)) return node.__$el;
48
+ if (isDOM(node)) return node;
49
+ const exposed = node;
50
+ if (isDOM(exposed?.$el)) return exposed.$el;
51
+ const nativeEl = exposed?.nativeElement;
52
+ if (isDOM(nativeEl?.value)) return nativeEl.value;
53
+ if (isDOM(nativeEl)) return nativeEl;
54
+ if (typeof exposed?.getElement === "function") {
55
+ const el = exposed.getElement();
56
+ if (isDOM(el)) return el;
57
+ }
58
+ return null;
59
+ }
60
+ export { cloneElement, cloneVNodes, customRenderSlot, deepCloneElement, resolveToElement, triggerVNodeUpdate };
@@ -1,8 +1,6 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const vue = require("vue");
1
+ let vue = require("vue");
4
2
  function unrefElement(elRef) {
5
- const plain = vue.toValue(elRef);
6
- return plain?.$el ?? plain;
3
+ const plain = (0, vue.toValue)(elRef);
4
+ return plain?.$el ?? plain;
7
5
  }
8
6
  exports.unrefElement = unrefElement;
@@ -1,8 +1,6 @@
1
1
  import { toValue } from "vue";
2
2
  function unrefElement(elRef) {
3
- const plain = toValue(elRef);
4
- return plain?.$el ?? plain;
3
+ const plain = toValue(elRef);
4
+ return plain?.$el ?? plain;
5
5
  }
6
- export {
7
- unrefElement
8
- };
6
+ export { unrefElement };
package/dist/warning.cjs CHANGED
@@ -1,50 +1,42 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- let warned = {};
4
- const preWarningFns = [];
1
+ Object.defineProperty(exports, "__esModule", { value: true });
2
+ var warned = {};
3
+ var preWarningFns = [];
5
4
  function preMessage(fn) {
6
- preWarningFns.push(fn);
5
+ preWarningFns.push(fn);
7
6
  }
8
7
  function warning(valid, message) {
9
- if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
10
- const finalMessage = preWarningFns.reduce(
11
- (msg, preMessageFn) => preMessageFn(msg ?? "", "warning"),
12
- message
13
- );
14
- if (finalMessage)
15
- console.error(`Warning: ${finalMessage}`);
16
- }
8
+ if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
9
+ const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message);
10
+ if (finalMessage) console.error(`Warning: ${finalMessage}`);
11
+ }
17
12
  }
18
13
  function note(valid, message) {
19
- if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
20
- const finalMessage = preWarningFns.reduce(
21
- (msg, preMessageFn) => preMessageFn(msg ?? "", "note"),
22
- message
23
- );
24
- if (finalMessage)
25
- console.warn(`Note: ${finalMessage}`);
26
- }
14
+ if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
15
+ const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message);
16
+ if (finalMessage) console.warn(`Note: ${finalMessage}`);
17
+ }
27
18
  }
28
19
  function resetWarned() {
29
- warned = {};
20
+ warned = {};
30
21
  }
31
22
  function call(method, valid, message) {
32
- if (!valid && !warned[message]) {
33
- method(false, message);
34
- warned[message] = true;
35
- }
23
+ if (!valid && !warned[message]) {
24
+ method(false, message);
25
+ warned[message] = true;
26
+ }
36
27
  }
37
28
  function warningOnce(valid, message) {
38
- call(warning, valid, message);
29
+ call(warning, valid, message);
39
30
  }
40
31
  function noteOnce(valid, message) {
41
- call(note, valid, message);
32
+ call(note, valid, message);
42
33
  }
43
34
  warningOnce.preMessage = preMessage;
44
35
  warningOnce.resetWarned = resetWarned;
45
36
  warningOnce.noteOnce = noteOnce;
37
+ var warning_default = warningOnce;
46
38
  exports.call = call;
47
- exports.default = warningOnce;
39
+ exports.default = warning_default;
48
40
  exports.note = note;
49
41
  exports.noteOnce = noteOnce;
50
42
  exports.preMessage = preMessage;
package/dist/warning.js CHANGED
@@ -1,53 +1,37 @@
1
- let warned = {};
2
- const preWarningFns = [];
1
+ var warned = {};
2
+ var preWarningFns = [];
3
3
  function preMessage(fn) {
4
- preWarningFns.push(fn);
4
+ preWarningFns.push(fn);
5
5
  }
6
6
  function warning(valid, message) {
7
- if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
8
- const finalMessage = preWarningFns.reduce(
9
- (msg, preMessageFn) => preMessageFn(msg ?? "", "warning"),
10
- message
11
- );
12
- if (finalMessage)
13
- console.error(`Warning: ${finalMessage}`);
14
- }
7
+ if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
8
+ const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message);
9
+ if (finalMessage) console.error(`Warning: ${finalMessage}`);
10
+ }
15
11
  }
16
12
  function note(valid, message) {
17
- if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
18
- const finalMessage = preWarningFns.reduce(
19
- (msg, preMessageFn) => preMessageFn(msg ?? "", "note"),
20
- message
21
- );
22
- if (finalMessage)
23
- console.warn(`Note: ${finalMessage}`);
24
- }
13
+ if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
14
+ const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message);
15
+ if (finalMessage) console.warn(`Note: ${finalMessage}`);
16
+ }
25
17
  }
26
18
  function resetWarned() {
27
- warned = {};
19
+ warned = {};
28
20
  }
29
21
  function call(method, valid, message) {
30
- if (!valid && !warned[message]) {
31
- method(false, message);
32
- warned[message] = true;
33
- }
22
+ if (!valid && !warned[message]) {
23
+ method(false, message);
24
+ warned[message] = true;
25
+ }
34
26
  }
35
27
  function warningOnce(valid, message) {
36
- call(warning, valid, message);
28
+ call(warning, valid, message);
37
29
  }
38
30
  function noteOnce(valid, message) {
39
- call(note, valid, message);
31
+ call(note, valid, message);
40
32
  }
41
33
  warningOnce.preMessage = preMessage;
42
34
  warningOnce.resetWarned = resetWarned;
43
35
  warningOnce.noteOnce = noteOnce;
44
- export {
45
- call,
46
- warningOnce as default,
47
- note,
48
- noteOnce,
49
- preMessage,
50
- resetWarned,
51
- warning,
52
- warningOnce
53
- };
36
+ var warning_default = warningOnce;
37
+ export { call, warning_default as default, note, noteOnce, preMessage, resetWarned, warning, warningOnce };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@v-c/util",
3
3
  "type": "module",
4
- "version": "0.0.13",
4
+ "version": "0.0.15",
5
5
  "description": "Vue3 components utils",
6
6
  "publishConfig": {
7
7
  "access": "public"