@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
@@ -1,63 +1,49 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const get = require("./get.cjs");
1
+ Object.defineProperty(exports, "__esModule", { value: true });
2
+ const require_get = require("./get.cjs");
4
3
  function internalSet(entity, paths, value, removeIfUndefined) {
5
- if (!paths.length)
6
- return value;
7
- const [path, ...restPath] = paths;
8
- let clone;
9
- if (!entity && typeof path === "number")
10
- clone = [];
11
- else if (Array.isArray(entity))
12
- clone = [...entity];
13
- else
14
- clone = { ...entity };
15
- if (removeIfUndefined && value === void 0 && restPath.length === 1)
16
- delete clone[path][restPath[0]];
17
- else
18
- clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
19
- return clone;
4
+ if (!paths.length) return value;
5
+ const [path, ...restPath] = paths;
6
+ let clone;
7
+ if (!entity && typeof path === "number") clone = [];
8
+ else if (Array.isArray(entity)) clone = [...entity];
9
+ else clone = { ...entity };
10
+ if (removeIfUndefined && value === void 0 && restPath.length === 1) delete clone[path][restPath[0]];
11
+ else clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
12
+ return clone;
20
13
  }
21
14
  function set(entity, paths, value, removeIfUndefined = false) {
22
- if (paths.length && removeIfUndefined && value === void 0 && !get.default(entity, paths.slice(0, -1))) {
23
- return entity;
24
- }
25
- return internalSet(entity, paths, value, removeIfUndefined);
15
+ if (paths.length && removeIfUndefined && value === void 0 && !require_get.default(entity, paths.slice(0, -1))) return entity;
16
+ return internalSet(entity, paths, value, removeIfUndefined);
26
17
  }
27
18
  function isObject(obj) {
28
- return typeof obj === "object" && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
19
+ return typeof obj === "object" && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
29
20
  }
30
21
  function createEmpty(source) {
31
- return Array.isArray(source) ? [] : {};
22
+ return Array.isArray(source) ? [] : {};
32
23
  }
33
- const keys = typeof Reflect === "undefined" ? Object.keys : Reflect.ownKeys;
24
+ var keys = typeof Reflect === "undefined" ? Object.keys : Reflect.ownKeys;
34
25
  function merge(...sources) {
35
- let clone = createEmpty(sources[0]);
36
- sources.forEach((src) => {
37
- function internalMerge(path, parentLoopSet) {
38
- const loopSet = new Set(parentLoopSet);
39
- const value = get.default(src, path);
40
- const isArr = Array.isArray(value);
41
- if (isArr || isObject(value)) {
42
- if (!loopSet.has(value)) {
43
- loopSet.add(value);
44
- const originValue = get.default(clone, path);
45
- if (isArr) {
46
- clone = set(clone, path, []);
47
- } else if (!originValue || typeof originValue !== "object") {
48
- clone = set(clone, path, createEmpty(value));
49
- }
50
- keys(value).forEach((key) => {
51
- internalMerge([...path, key], loopSet);
52
- });
53
- }
54
- } else {
55
- clone = set(clone, path, value);
56
- }
57
- }
58
- internalMerge([]);
59
- });
60
- return clone;
26
+ let clone = createEmpty(sources[0]);
27
+ sources.forEach((src) => {
28
+ function internalMerge(path, parentLoopSet) {
29
+ const loopSet = new Set(parentLoopSet);
30
+ const value = require_get.default(src, path);
31
+ const isArr = Array.isArray(value);
32
+ if (isArr || isObject(value)) {
33
+ if (!loopSet.has(value)) {
34
+ loopSet.add(value);
35
+ const originValue = require_get.default(clone, path);
36
+ if (isArr) clone = set(clone, path, []);
37
+ else if (!originValue || typeof originValue !== "object") clone = set(clone, path, createEmpty(value));
38
+ keys(value).forEach((key) => {
39
+ internalMerge([...path, key], loopSet);
40
+ });
41
+ }
42
+ } else clone = set(clone, path, value);
43
+ }
44
+ internalMerge([]);
45
+ });
46
+ return clone;
61
47
  }
62
48
  exports.default = set;
63
49
  exports.isObject = isObject;
package/dist/utils/set.js CHANGED
@@ -1,64 +1,47 @@
1
1
  import get from "./get.js";
2
2
  function internalSet(entity, paths, value, removeIfUndefined) {
3
- if (!paths.length)
4
- return value;
5
- const [path, ...restPath] = paths;
6
- let clone;
7
- if (!entity && typeof path === "number")
8
- clone = [];
9
- else if (Array.isArray(entity))
10
- clone = [...entity];
11
- else
12
- clone = { ...entity };
13
- if (removeIfUndefined && value === void 0 && restPath.length === 1)
14
- delete clone[path][restPath[0]];
15
- else
16
- clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
17
- return clone;
3
+ if (!paths.length) return value;
4
+ const [path, ...restPath] = paths;
5
+ let clone;
6
+ if (!entity && typeof path === "number") clone = [];
7
+ else if (Array.isArray(entity)) clone = [...entity];
8
+ else clone = { ...entity };
9
+ if (removeIfUndefined && value === void 0 && restPath.length === 1) delete clone[path][restPath[0]];
10
+ else clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
11
+ return clone;
18
12
  }
19
13
  function set(entity, paths, value, removeIfUndefined = false) {
20
- if (paths.length && removeIfUndefined && value === void 0 && !get(entity, paths.slice(0, -1))) {
21
- return entity;
22
- }
23
- return internalSet(entity, paths, value, removeIfUndefined);
14
+ if (paths.length && removeIfUndefined && value === void 0 && !get(entity, paths.slice(0, -1))) return entity;
15
+ return internalSet(entity, paths, value, removeIfUndefined);
24
16
  }
25
17
  function isObject(obj) {
26
- return typeof obj === "object" && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
18
+ return typeof obj === "object" && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
27
19
  }
28
20
  function createEmpty(source) {
29
- return Array.isArray(source) ? [] : {};
21
+ return Array.isArray(source) ? [] : {};
30
22
  }
31
- const keys = typeof Reflect === "undefined" ? Object.keys : Reflect.ownKeys;
23
+ var keys = typeof Reflect === "undefined" ? Object.keys : Reflect.ownKeys;
32
24
  function merge(...sources) {
33
- let clone = createEmpty(sources[0]);
34
- sources.forEach((src) => {
35
- function internalMerge(path, parentLoopSet) {
36
- const loopSet = new Set(parentLoopSet);
37
- const value = get(src, path);
38
- const isArr = Array.isArray(value);
39
- if (isArr || isObject(value)) {
40
- if (!loopSet.has(value)) {
41
- loopSet.add(value);
42
- const originValue = get(clone, path);
43
- if (isArr) {
44
- clone = set(clone, path, []);
45
- } else if (!originValue || typeof originValue !== "object") {
46
- clone = set(clone, path, createEmpty(value));
47
- }
48
- keys(value).forEach((key) => {
49
- internalMerge([...path, key], loopSet);
50
- });
51
- }
52
- } else {
53
- clone = set(clone, path, value);
54
- }
55
- }
56
- internalMerge([]);
57
- });
58
- return clone;
25
+ let clone = createEmpty(sources[0]);
26
+ sources.forEach((src) => {
27
+ function internalMerge(path, parentLoopSet) {
28
+ const loopSet = new Set(parentLoopSet);
29
+ const value = get(src, path);
30
+ const isArr = Array.isArray(value);
31
+ if (isArr || isObject(value)) {
32
+ if (!loopSet.has(value)) {
33
+ loopSet.add(value);
34
+ const originValue = get(clone, path);
35
+ if (isArr) clone = set(clone, path, []);
36
+ else if (!originValue || typeof originValue !== "object") clone = set(clone, path, createEmpty(value));
37
+ keys(value).forEach((key) => {
38
+ internalMerge([...path, key], loopSet);
39
+ });
40
+ }
41
+ } else clone = set(clone, path, value);
42
+ }
43
+ internalMerge([]);
44
+ });
45
+ return clone;
59
46
  }
60
- export {
61
- set as default,
62
- isObject,
63
- merge
64
- };
47
+ export { set as default, isObject, merge };
@@ -1,93 +1,89 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const vue = require("vue");
1
+ const require_type = require("../type.cjs");
2
+ let vue = require("vue");
3
+ require_type.tuple("bottomLeft", "bottomRight", "topLeft", "topRight");
4
4
  function getTransitionDirection(placement) {
5
- if (placement !== void 0 && (placement === "topLeft" || placement === "topRight")) {
6
- return `slide-down`;
7
- }
8
- return `slide-up`;
5
+ if (placement !== void 0 && (placement === "topLeft" || placement === "topRight")) return `slide-down`;
6
+ return `slide-up`;
9
7
  }
10
8
  function getTransitionProps(transitionName, opt = {}) {
11
- if (!transitionName) {
12
- return {};
13
- }
14
- const transitionProps = transitionName ? {
15
- name: transitionName,
16
- appear: true,
17
- // type: 'animation',
18
- // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
19
- // appearActiveClass: `antdv-base-transtion`,
20
- // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
21
- enterFromClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
22
- enterActiveClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
23
- enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
24
- leaveFromClass: ` ${transitionName}-leave`,
25
- leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
26
- leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
27
- ...opt
28
- } : { css: false, ...opt };
29
- return transitionProps;
9
+ if (!transitionName) return {};
10
+ return transitionName ? {
11
+ name: transitionName,
12
+ appear: true,
13
+ enterFromClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
14
+ enterActiveClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
15
+ enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
16
+ leaveFromClass: ` ${transitionName}-leave`,
17
+ leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
18
+ leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
19
+ ...opt
20
+ } : {
21
+ css: false,
22
+ ...opt
23
+ };
30
24
  }
31
25
  function getTransitionGroupProps(transitionName, opt = {}) {
32
- const transitionProps = transitionName ? {
33
- name: transitionName,
34
- appear: true,
35
- // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
36
- appearActiveClass: `${transitionName}`,
37
- appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
38
- enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
39
- enterActiveClass: `${transitionName}`,
40
- enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
41
- leaveActiveClass: `${transitionName} ${transitionName}-leave`,
42
- leaveToClass: `${transitionName}-leave-active`,
43
- ...opt
44
- } : { css: false, ...opt };
45
- return transitionProps;
26
+ return transitionName ? {
27
+ name: transitionName,
28
+ appear: true,
29
+ appearActiveClass: `${transitionName}`,
30
+ appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
31
+ enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
32
+ enterActiveClass: `${transitionName}`,
33
+ enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
34
+ leaveActiveClass: `${transitionName} ${transitionName}-leave`,
35
+ leaveToClass: `${transitionName}-leave-active`,
36
+ ...opt
37
+ } : {
38
+ css: false,
39
+ ...opt
40
+ };
46
41
  }
47
- const getCollapsedHeight = () => ({ height: 0, opacity: 0 });
48
- const getRealHeight = (node) => ({
49
- height: `${node.scrollHeight}px`,
50
- opacity: 1
42
+ var getCollapsedHeight = () => ({
43
+ height: 0,
44
+ opacity: 0
51
45
  });
52
- const getCurrentHeight = (node) => ({ height: `${node.offsetHeight}px` });
46
+ var getRealHeight = (node) => ({
47
+ height: `${node.scrollHeight}px`,
48
+ opacity: 1
49
+ });
50
+ var getCurrentHeight = (node) => ({ height: `${node.offsetHeight}px` });
53
51
  function collapseMotion(name = "ant-motion-collapse", style, className) {
54
- return {
55
- name,
56
- appear: true,
57
- css: true,
58
- onBeforeEnter: (node) => {
59
- className.value = name;
60
- style.value = getCollapsedHeight();
61
- },
62
- onEnter: (node) => {
63
- vue.nextTick(() => {
64
- style.value = getRealHeight(node);
65
- });
66
- },
67
- onAfterEnter: () => {
68
- className.value = "";
69
- style.value = {};
70
- },
71
- onBeforeLeave: (node) => {
72
- className.value = name;
73
- style.value = getCurrentHeight(node);
74
- },
75
- onLeave: (node) => {
76
- setTimeout(() => {
77
- style.value = getCollapsedHeight();
78
- });
79
- },
80
- onAfterLeave: () => {
81
- className.value = "";
82
- style.value = {};
83
- }
84
- };
52
+ return {
53
+ name,
54
+ appear: true,
55
+ css: true,
56
+ onBeforeEnter: (node) => {
57
+ className.value = name;
58
+ style.value = getCollapsedHeight(node);
59
+ },
60
+ onEnter: (node) => {
61
+ (0, vue.nextTick)(() => {
62
+ style.value = getRealHeight(node);
63
+ });
64
+ },
65
+ onAfterEnter: () => {
66
+ className.value = "";
67
+ style.value = {};
68
+ },
69
+ onBeforeLeave: (node) => {
70
+ className.value = name;
71
+ style.value = getCurrentHeight(node);
72
+ },
73
+ onLeave: (node) => {
74
+ setTimeout(() => {
75
+ style.value = getCollapsedHeight(node);
76
+ });
77
+ },
78
+ onAfterLeave: () => {
79
+ className.value = "";
80
+ style.value = {};
81
+ }
82
+ };
85
83
  }
86
84
  function getTransitionName(rootPrefixCls, motion, transitionName) {
87
- if (transitionName !== void 0) {
88
- return transitionName;
89
- }
90
- return `${rootPrefixCls}-${motion}`;
85
+ if (transitionName !== void 0) return transitionName;
86
+ return `${rootPrefixCls}-${motion}`;
91
87
  }
92
88
  exports.collapseMotion = collapseMotion;
93
89
  exports.getTransitionDirection = getTransitionDirection;
@@ -1,4 +1,4 @@
1
- import { BaseTransitionProps, CSSProperties, Ref, TransitionGroupProps, TransitionProps } from 'vue';
1
+ import { CSSProperties, Ref, TransitionGroupProps, TransitionProps } from 'vue';
2
2
  declare const SelectPlacements: ["bottomLeft", "bottomRight", "topLeft", "topRight"];
3
3
  export type SelectCommonPlacement = (typeof SelectPlacements)[number];
4
4
  declare function getTransitionDirection(placement: SelectCommonPlacement | undefined): "slide-down" | "slide-up";
@@ -9,7 +9,7 @@ export declare type MotionEvent = (TransitionEvent | AnimationEvent) & {
9
9
  };
10
10
  export declare type MotionEventHandler = (element: Element, done?: () => void) => CSSProperties;
11
11
  export declare type MotionEndEventHandler = (element: Element, done?: () => void) => boolean | void;
12
- export interface CSSMotionProps extends Partial<BaseTransitionProps<Element>> {
12
+ export interface CSSMotionProps extends Partial<TransitionProps> {
13
13
  name?: string;
14
14
  css?: boolean;
15
15
  }
@@ -1,96 +1,88 @@
1
+ import { tuple } from "../type.js";
1
2
  import { nextTick } from "vue";
3
+ tuple("bottomLeft", "bottomRight", "topLeft", "topRight");
2
4
  function getTransitionDirection(placement) {
3
- if (placement !== void 0 && (placement === "topLeft" || placement === "topRight")) {
4
- return `slide-down`;
5
- }
6
- return `slide-up`;
5
+ if (placement !== void 0 && (placement === "topLeft" || placement === "topRight")) return `slide-down`;
6
+ return `slide-up`;
7
7
  }
8
8
  function getTransitionProps(transitionName, opt = {}) {
9
- if (!transitionName) {
10
- return {};
11
- }
12
- const transitionProps = transitionName ? {
13
- name: transitionName,
14
- appear: true,
15
- // type: 'animation',
16
- // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
17
- // appearActiveClass: `antdv-base-transtion`,
18
- // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
19
- enterFromClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
20
- enterActiveClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
21
- enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
22
- leaveFromClass: ` ${transitionName}-leave`,
23
- leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
24
- leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
25
- ...opt
26
- } : { css: false, ...opt };
27
- return transitionProps;
9
+ if (!transitionName) return {};
10
+ return transitionName ? {
11
+ name: transitionName,
12
+ appear: true,
13
+ enterFromClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
14
+ enterActiveClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
15
+ enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
16
+ leaveFromClass: ` ${transitionName}-leave`,
17
+ leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
18
+ leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
19
+ ...opt
20
+ } : {
21
+ css: false,
22
+ ...opt
23
+ };
28
24
  }
29
25
  function getTransitionGroupProps(transitionName, opt = {}) {
30
- const transitionProps = transitionName ? {
31
- name: transitionName,
32
- appear: true,
33
- // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
34
- appearActiveClass: `${transitionName}`,
35
- appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
36
- enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
37
- enterActiveClass: `${transitionName}`,
38
- enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
39
- leaveActiveClass: `${transitionName} ${transitionName}-leave`,
40
- leaveToClass: `${transitionName}-leave-active`,
41
- ...opt
42
- } : { css: false, ...opt };
43
- return transitionProps;
26
+ return transitionName ? {
27
+ name: transitionName,
28
+ appear: true,
29
+ appearActiveClass: `${transitionName}`,
30
+ appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
31
+ enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
32
+ enterActiveClass: `${transitionName}`,
33
+ enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
34
+ leaveActiveClass: `${transitionName} ${transitionName}-leave`,
35
+ leaveToClass: `${transitionName}-leave-active`,
36
+ ...opt
37
+ } : {
38
+ css: false,
39
+ ...opt
40
+ };
44
41
  }
45
- const getCollapsedHeight = () => ({ height: 0, opacity: 0 });
46
- const getRealHeight = (node) => ({
47
- height: `${node.scrollHeight}px`,
48
- opacity: 1
42
+ var getCollapsedHeight = () => ({
43
+ height: 0,
44
+ opacity: 0
49
45
  });
50
- const getCurrentHeight = (node) => ({ height: `${node.offsetHeight}px` });
46
+ var getRealHeight = (node) => ({
47
+ height: `${node.scrollHeight}px`,
48
+ opacity: 1
49
+ });
50
+ var getCurrentHeight = (node) => ({ height: `${node.offsetHeight}px` });
51
51
  function collapseMotion(name = "ant-motion-collapse", style, className) {
52
- return {
53
- name,
54
- appear: true,
55
- css: true,
56
- onBeforeEnter: (node) => {
57
- className.value = name;
58
- style.value = getCollapsedHeight();
59
- },
60
- onEnter: (node) => {
61
- nextTick(() => {
62
- style.value = getRealHeight(node);
63
- });
64
- },
65
- onAfterEnter: () => {
66
- className.value = "";
67
- style.value = {};
68
- },
69
- onBeforeLeave: (node) => {
70
- className.value = name;
71
- style.value = getCurrentHeight(node);
72
- },
73
- onLeave: (node) => {
74
- setTimeout(() => {
75
- style.value = getCollapsedHeight();
76
- });
77
- },
78
- onAfterLeave: () => {
79
- className.value = "";
80
- style.value = {};
81
- }
82
- };
52
+ return {
53
+ name,
54
+ appear: true,
55
+ css: true,
56
+ onBeforeEnter: (node) => {
57
+ className.value = name;
58
+ style.value = getCollapsedHeight(node);
59
+ },
60
+ onEnter: (node) => {
61
+ nextTick(() => {
62
+ style.value = getRealHeight(node);
63
+ });
64
+ },
65
+ onAfterEnter: () => {
66
+ className.value = "";
67
+ style.value = {};
68
+ },
69
+ onBeforeLeave: (node) => {
70
+ className.value = name;
71
+ style.value = getCurrentHeight(node);
72
+ },
73
+ onLeave: (node) => {
74
+ setTimeout(() => {
75
+ style.value = getCollapsedHeight(node);
76
+ });
77
+ },
78
+ onAfterLeave: () => {
79
+ className.value = "";
80
+ style.value = {};
81
+ }
82
+ };
83
83
  }
84
84
  function getTransitionName(rootPrefixCls, motion, transitionName) {
85
- if (transitionName !== void 0) {
86
- return transitionName;
87
- }
88
- return `${rootPrefixCls}-${motion}`;
85
+ if (transitionName !== void 0) return transitionName;
86
+ return `${rootPrefixCls}-${motion}`;
89
87
  }
90
- export {
91
- collapseMotion,
92
- getTransitionDirection,
93
- getTransitionGroupProps,
94
- getTransitionName,
95
- getTransitionProps
96
- };
88
+ export { collapseMotion, getTransitionDirection, getTransitionGroupProps, getTransitionName, getTransitionProps };
@@ -1,20 +1,18 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
1
  function watchState() {
4
- let states = [];
5
- return (fn, args) => {
6
- states = JSON.stringify(args);
7
- return fn(args, states);
8
- };
2
+ let states = [];
3
+ return (fn, args) => {
4
+ states = JSON.stringify(args);
5
+ return fn(args, states);
6
+ };
9
7
  }
10
8
  function renderFirstTrigger() {
11
- let triggered = false;
12
- return (fn, args) => {
13
- if (!triggered) {
14
- triggered = true;
15
- return fn(args);
16
- }
17
- };
9
+ let triggered = false;
10
+ return (fn, args) => {
11
+ if (!triggered) {
12
+ triggered = true;
13
+ return fn(args);
14
+ }
15
+ };
18
16
  }
19
17
  exports.renderFirstTrigger = renderFirstTrigger;
20
18
  exports.watchState = watchState;
@@ -1,20 +1,17 @@
1
1
  function watchState() {
2
- let states = [];
3
- return (fn, args) => {
4
- states = JSON.stringify(args);
5
- return fn(args, states);
6
- };
2
+ let states = [];
3
+ return (fn, args) => {
4
+ states = JSON.stringify(args);
5
+ return fn(args, states);
6
+ };
7
7
  }
8
8
  function renderFirstTrigger() {
9
- let triggered = false;
10
- return (fn, args) => {
11
- if (!triggered) {
12
- triggered = true;
13
- return fn(args);
14
- }
15
- };
9
+ let triggered = false;
10
+ return (fn, args) => {
11
+ if (!triggered) {
12
+ triggered = true;
13
+ return fn(args);
14
+ }
15
+ };
16
16
  }
17
- export {
18
- renderFirstTrigger,
19
- watchState
20
- };
17
+ export { renderFirstTrigger, watchState };