@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.
- package/dist/Children/isFragment.cjs +2 -4
- package/dist/Children/isFragment.js +3 -5
- package/dist/Children/toArray.cjs +10 -17
- package/dist/Children/toArray.js +10 -17
- package/dist/Dom/addEventListener.cjs +5 -10
- package/dist/Dom/addEventListener.js +6 -11
- package/dist/Dom/canUseDom.cjs +2 -3
- package/dist/Dom/canUseDom.js +2 -4
- package/dist/Dom/class.cjs +6 -20
- package/dist/Dom/class.js +7 -23
- package/dist/Dom/contains.cjs +9 -13
- package/dist/Dom/contains.js +9 -14
- package/dist/Dom/css.cjs +51 -66
- package/dist/Dom/css.js +52 -74
- package/dist/Dom/dynamicCSS.cjs +59 -86
- package/dist/Dom/dynamicCSS.js +58 -88
- package/dist/Dom/findDOMNode.cjs +7 -10
- package/dist/Dom/findDOMNode.js +6 -11
- package/dist/Dom/focus.cjs +36 -43
- package/dist/Dom/focus.js +37 -48
- package/dist/Dom/isVisible.cjs +16 -21
- package/dist/Dom/isVisible.js +15 -21
- package/dist/Dom/scrollLocker.cjs +66 -88
- package/dist/Dom/scrollLocker.js +64 -87
- package/dist/Dom/shadow.cjs +3 -5
- package/dist/Dom/shadow.js +4 -7
- package/dist/Dom/styleChecker.cjs +14 -18
- package/dist/Dom/styleChecker.js +14 -18
- package/dist/Dom/support.cjs +14 -22
- package/dist/Dom/support.js +12 -21
- package/dist/EventInterface.cjs +0 -1
- package/dist/EventInterface.js +0 -1
- package/dist/KeyCode.cjs +165 -522
- package/dist/KeyCode.js +164 -522
- package/dist/Portal.cjs +40 -46
- package/dist/Portal.js +37 -45
- package/dist/PortalWrapper.cjs +130 -164
- package/dist/PortalWrapper.js +126 -163
- package/dist/classnames.cjs +30 -38
- package/dist/classnames.js +30 -40
- package/dist/composeProps.cjs +15 -17
- package/dist/composeProps.js +14 -17
- package/dist/createRef.cjs +14 -16
- package/dist/createRef.js +13 -18
- package/dist/debug/diff.cjs +39 -45
- package/dist/debug/diff.js +39 -46
- package/dist/deprecated.cjs +2 -7
- package/dist/deprecated.js +2 -8
- package/dist/getScrollBarSize.cjs +39 -43
- package/dist/getScrollBarSize.js +39 -45
- package/dist/guid.cjs +3 -4
- package/dist/guid.js +3 -5
- package/dist/hooks/useEvent.cjs +2 -3
- package/dist/hooks/useEvent.js +2 -4
- package/dist/hooks/useId.cjs +10 -15
- package/dist/hooks/useId.js +9 -15
- package/dist/hooks/useLayoutEffect.cjs +29 -52
- package/dist/hooks/useLayoutEffect.js +30 -54
- package/dist/hooks/useMemo.cjs +9 -13
- package/dist/hooks/useMemo.js +8 -13
- package/dist/hooks/useMergedState.cjs +22 -27
- package/dist/hooks/useMergedState.js +22 -28
- package/dist/hooks/useMobile.cjs +13 -13
- package/dist/hooks/useMobile.js +12 -14
- package/dist/hooks/useState.cjs +7 -9
- package/dist/hooks/useState.js +6 -9
- package/dist/index.cjs +9 -11
- package/dist/index.js +5 -11
- package/dist/isEqual.cjs +26 -34
- package/dist/isEqual.js +25 -34
- package/dist/isMobile.cjs +6 -12
- package/dist/isMobile.js +5 -12
- package/dist/isValid.cjs +4 -4
- package/dist/isValid.js +3 -4
- package/dist/omit.cjs +6 -9
- package/dist/omit.js +6 -10
- package/dist/pickAttrs.cjs +20 -36
- package/dist/pickAttrs.js +20 -37
- package/dist/props-util/index.cjs +35 -52
- package/dist/props-util/index.js +35 -57
- package/dist/raf.cjs +34 -37
- package/dist/raf.js +33 -38
- package/dist/setStyle.cjs +14 -15
- package/dist/setStyle.js +13 -15
- package/dist/switchScrollingEffect.cjs +29 -35
- package/dist/switchScrollingEffect.js +27 -34
- package/dist/test/domHook.cjs +32 -46
- package/dist/test/domHook.js +33 -48
- package/dist/type.cjs +36 -17
- package/dist/type.d.ts +1 -1
- package/dist/type.js +38 -30
- package/dist/utils/checkSlotProp.cjs +6 -10
- package/dist/utils/checkSlotProp.js +7 -11
- package/dist/utils/get.cjs +7 -9
- package/dist/utils/get.js +7 -10
- package/dist/utils/omit.cjs +5 -7
- package/dist/utils/omit.js +6 -8
- package/dist/utils/set.cjs +37 -51
- package/dist/utils/set.js +36 -53
- package/dist/utils/transition.cjs +76 -80
- package/dist/utils/transition.d.ts +2 -2
- package/dist/utils/transition.js +76 -84
- package/dist/utils/watchState.cjs +12 -14
- package/dist/utils/watchState.js +13 -16
- package/dist/vnode.cjs +48 -39
- package/dist/vnode.d.ts +1 -0
- package/dist/vnode.js +47 -43
- package/dist/vueuse/unref-element.cjs +3 -5
- package/dist/vueuse/unref-element.js +3 -5
- package/dist/warning.cjs +21 -29
- package/dist/warning.js +20 -36
- package/package.json +1 -1
package/dist/Dom/isVisible.js
CHANGED
|
@@ -1,22 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return true;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
return false;
|
|
19
|
-
};
|
|
20
|
-
export {
|
|
21
|
-
isVisible as default
|
|
1
|
+
var isVisible_default = (element) => {
|
|
2
|
+
if (!element) return false;
|
|
3
|
+
if (element instanceof Element) {
|
|
4
|
+
if (element.offsetParent) return true;
|
|
5
|
+
if (element.getBBox) {
|
|
6
|
+
const { width, height } = element.getBBox();
|
|
7
|
+
if (width || height) return true;
|
|
8
|
+
}
|
|
9
|
+
if (element.getBoundingClientRect) {
|
|
10
|
+
const { width, height } = element.getBoundingClientRect();
|
|
11
|
+
if (width || height) return true;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
return false;
|
|
22
15
|
};
|
|
16
|
+
export { isVisible_default as default };
|
|
@@ -1,89 +1,67 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
const addClassName = `${containerClassName} ${scrollingEffectClassName}`;
|
|
68
|
-
container.className = addClassName.trim();
|
|
69
|
-
}
|
|
70
|
-
locks = [...locks, { target: this.lockTarget, options: this.options }];
|
|
71
|
-
};
|
|
72
|
-
unLock = () => {
|
|
73
|
-
const findLock = locks.find(({ target }) => target === this.lockTarget);
|
|
74
|
-
locks = locks.filter(({ target }) => target !== this.lockTarget);
|
|
75
|
-
if (!findLock || locks.some(
|
|
76
|
-
({ options }) => options?.container === findLock.options?.container
|
|
77
|
-
)) {
|
|
78
|
-
return;
|
|
79
|
-
}
|
|
80
|
-
const container = this.options?.container || document.body;
|
|
81
|
-
const containerClassName = container.className;
|
|
82
|
-
if (!scrollingEffectClassNameReg.test(containerClassName))
|
|
83
|
-
return;
|
|
84
|
-
setStyle.default(cacheStyle.get(container), { element: container });
|
|
85
|
-
cacheStyle.delete(container);
|
|
86
|
-
container.className = container.className.replace(scrollingEffectClassNameReg, "").trim();
|
|
87
|
-
};
|
|
88
|
-
}
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
const require_getScrollBarSize = require("../getScrollBarSize.cjs");
|
|
3
|
+
const require_setStyle = require("../setStyle.cjs");
|
|
4
|
+
var uuid = 0;
|
|
5
|
+
var locks = [];
|
|
6
|
+
var scrollingEffectClassName = "ant-scrolling-effect";
|
|
7
|
+
var scrollingEffectClassNameReg = new RegExp(`${scrollingEffectClassName}`, "g");
|
|
8
|
+
var cacheStyle = /* @__PURE__ */ new Map();
|
|
9
|
+
var ScrollLocker = class {
|
|
10
|
+
lockTarget;
|
|
11
|
+
options;
|
|
12
|
+
constructor(options) {
|
|
13
|
+
this.lockTarget = uuid++;
|
|
14
|
+
this.options = options;
|
|
15
|
+
}
|
|
16
|
+
getContainer = () => {
|
|
17
|
+
return this.options?.container;
|
|
18
|
+
};
|
|
19
|
+
reLock = (options) => {
|
|
20
|
+
const findLock = locks.find(({ target }) => target === this.lockTarget);
|
|
21
|
+
if (findLock) this.unLock();
|
|
22
|
+
this.options = options;
|
|
23
|
+
if (findLock) {
|
|
24
|
+
findLock.options = options;
|
|
25
|
+
this.lock();
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
lock = () => {
|
|
29
|
+
if (locks.some(({ target }) => target === this.lockTarget)) return;
|
|
30
|
+
if (locks.some(({ options }) => options?.container === this.options?.container)) {
|
|
31
|
+
locks = [...locks, {
|
|
32
|
+
target: this.lockTarget,
|
|
33
|
+
options: this.options
|
|
34
|
+
}];
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
let scrollBarSize = 0;
|
|
38
|
+
const container = this.options?.container || document.body;
|
|
39
|
+
if (container === document.body && window.innerWidth - document.documentElement.clientWidth > 0 || container.scrollHeight > container.clientHeight) {
|
|
40
|
+
if (getComputedStyle(container).overflow !== "hidden") scrollBarSize = require_getScrollBarSize.default();
|
|
41
|
+
}
|
|
42
|
+
const containerClassName = container.className;
|
|
43
|
+
if (locks.filter(({ options }) => options?.container === this.options?.container).length === 0) cacheStyle.set(container, require_setStyle.default({
|
|
44
|
+
width: scrollBarSize !== 0 ? `calc(100% - ${scrollBarSize}px)` : void 0,
|
|
45
|
+
overflow: "hidden",
|
|
46
|
+
overflowX: "hidden",
|
|
47
|
+
overflowY: "hidden"
|
|
48
|
+
}, { element: container }));
|
|
49
|
+
if (!scrollingEffectClassNameReg.test(containerClassName)) container.className = `${containerClassName} ${scrollingEffectClassName}`.trim();
|
|
50
|
+
locks = [...locks, {
|
|
51
|
+
target: this.lockTarget,
|
|
52
|
+
options: this.options
|
|
53
|
+
}];
|
|
54
|
+
};
|
|
55
|
+
unLock = () => {
|
|
56
|
+
const findLock = locks.find(({ target }) => target === this.lockTarget);
|
|
57
|
+
locks = locks.filter(({ target }) => target !== this.lockTarget);
|
|
58
|
+
if (!findLock || locks.some(({ options }) => options?.container === findLock.options?.container)) return;
|
|
59
|
+
const container = this.options?.container || document.body;
|
|
60
|
+
const containerClassName = container.className;
|
|
61
|
+
if (!scrollingEffectClassNameReg.test(containerClassName)) return;
|
|
62
|
+
require_setStyle.default(cacheStyle.get(container), { element: container });
|
|
63
|
+
cacheStyle.delete(container);
|
|
64
|
+
container.className = container.className.replace(scrollingEffectClassNameReg, "").trim();
|
|
65
|
+
};
|
|
66
|
+
};
|
|
89
67
|
exports.default = ScrollLocker;
|
package/dist/Dom/scrollLocker.js
CHANGED
|
@@ -1,89 +1,66 @@
|
|
|
1
1
|
import getScrollBarSize from "../getScrollBarSize.js";
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
const addClassName = `${containerClassName} ${scrollingEffectClassName}`;
|
|
66
|
-
container.className = addClassName.trim();
|
|
67
|
-
}
|
|
68
|
-
locks = [...locks, { target: this.lockTarget, options: this.options }];
|
|
69
|
-
};
|
|
70
|
-
unLock = () => {
|
|
71
|
-
const findLock = locks.find(({ target }) => target === this.lockTarget);
|
|
72
|
-
locks = locks.filter(({ target }) => target !== this.lockTarget);
|
|
73
|
-
if (!findLock || locks.some(
|
|
74
|
-
({ options }) => options?.container === findLock.options?.container
|
|
75
|
-
)) {
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
const container = this.options?.container || document.body;
|
|
79
|
-
const containerClassName = container.className;
|
|
80
|
-
if (!scrollingEffectClassNameReg.test(containerClassName))
|
|
81
|
-
return;
|
|
82
|
-
setStyle(cacheStyle.get(container), { element: container });
|
|
83
|
-
cacheStyle.delete(container);
|
|
84
|
-
container.className = container.className.replace(scrollingEffectClassNameReg, "").trim();
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
export {
|
|
88
|
-
ScrollLocker as default
|
|
2
|
+
import setStyle_default from "../setStyle.js";
|
|
3
|
+
var uuid = 0;
|
|
4
|
+
var locks = [];
|
|
5
|
+
var scrollingEffectClassName = "ant-scrolling-effect";
|
|
6
|
+
var scrollingEffectClassNameReg = new RegExp(`${scrollingEffectClassName}`, "g");
|
|
7
|
+
var cacheStyle = /* @__PURE__ */ new Map();
|
|
8
|
+
var ScrollLocker = class {
|
|
9
|
+
lockTarget;
|
|
10
|
+
options;
|
|
11
|
+
constructor(options) {
|
|
12
|
+
this.lockTarget = uuid++;
|
|
13
|
+
this.options = options;
|
|
14
|
+
}
|
|
15
|
+
getContainer = () => {
|
|
16
|
+
return this.options?.container;
|
|
17
|
+
};
|
|
18
|
+
reLock = (options) => {
|
|
19
|
+
const findLock = locks.find(({ target }) => target === this.lockTarget);
|
|
20
|
+
if (findLock) this.unLock();
|
|
21
|
+
this.options = options;
|
|
22
|
+
if (findLock) {
|
|
23
|
+
findLock.options = options;
|
|
24
|
+
this.lock();
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
lock = () => {
|
|
28
|
+
if (locks.some(({ target }) => target === this.lockTarget)) return;
|
|
29
|
+
if (locks.some(({ options }) => options?.container === this.options?.container)) {
|
|
30
|
+
locks = [...locks, {
|
|
31
|
+
target: this.lockTarget,
|
|
32
|
+
options: this.options
|
|
33
|
+
}];
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
let scrollBarSize = 0;
|
|
37
|
+
const container = this.options?.container || document.body;
|
|
38
|
+
if (container === document.body && window.innerWidth - document.documentElement.clientWidth > 0 || container.scrollHeight > container.clientHeight) {
|
|
39
|
+
if (getComputedStyle(container).overflow !== "hidden") scrollBarSize = getScrollBarSize();
|
|
40
|
+
}
|
|
41
|
+
const containerClassName = container.className;
|
|
42
|
+
if (locks.filter(({ options }) => options?.container === this.options?.container).length === 0) cacheStyle.set(container, setStyle_default({
|
|
43
|
+
width: scrollBarSize !== 0 ? `calc(100% - ${scrollBarSize}px)` : void 0,
|
|
44
|
+
overflow: "hidden",
|
|
45
|
+
overflowX: "hidden",
|
|
46
|
+
overflowY: "hidden"
|
|
47
|
+
}, { element: container }));
|
|
48
|
+
if (!scrollingEffectClassNameReg.test(containerClassName)) container.className = `${containerClassName} ${scrollingEffectClassName}`.trim();
|
|
49
|
+
locks = [...locks, {
|
|
50
|
+
target: this.lockTarget,
|
|
51
|
+
options: this.options
|
|
52
|
+
}];
|
|
53
|
+
};
|
|
54
|
+
unLock = () => {
|
|
55
|
+
const findLock = locks.find(({ target }) => target === this.lockTarget);
|
|
56
|
+
locks = locks.filter(({ target }) => target !== this.lockTarget);
|
|
57
|
+
if (!findLock || locks.some(({ options }) => options?.container === findLock.options?.container)) return;
|
|
58
|
+
const container = this.options?.container || document.body;
|
|
59
|
+
const containerClassName = container.className;
|
|
60
|
+
if (!scrollingEffectClassNameReg.test(containerClassName)) return;
|
|
61
|
+
setStyle_default(cacheStyle.get(container), { element: container });
|
|
62
|
+
cacheStyle.delete(container);
|
|
63
|
+
container.className = container.className.replace(scrollingEffectClassNameReg, "").trim();
|
|
64
|
+
};
|
|
89
65
|
};
|
|
66
|
+
export { ScrollLocker as default };
|
package/dist/Dom/shadow.cjs
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
1
|
function getRoot(ele) {
|
|
4
|
-
|
|
2
|
+
return ele?.getRootNode?.();
|
|
5
3
|
}
|
|
6
4
|
function inShadow(ele) {
|
|
7
|
-
|
|
5
|
+
return getRoot(ele) instanceof ShadowRoot;
|
|
8
6
|
}
|
|
9
7
|
function getShadowRoot(ele) {
|
|
10
|
-
|
|
8
|
+
return inShadow(ele) ? getRoot(ele) : null;
|
|
11
9
|
}
|
|
12
10
|
exports.getShadowRoot = getShadowRoot;
|
|
13
11
|
exports.inShadow = inShadow;
|
package/dist/Dom/shadow.js
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
function getRoot(ele) {
|
|
2
|
-
|
|
2
|
+
return ele?.getRootNode?.();
|
|
3
3
|
}
|
|
4
4
|
function inShadow(ele) {
|
|
5
|
-
|
|
5
|
+
return getRoot(ele) instanceof ShadowRoot;
|
|
6
6
|
}
|
|
7
7
|
function getShadowRoot(ele) {
|
|
8
|
-
|
|
8
|
+
return inShadow(ele) ? getRoot(ele) : null;
|
|
9
9
|
}
|
|
10
|
-
export {
|
|
11
|
-
getShadowRoot,
|
|
12
|
-
inShadow
|
|
13
|
-
};
|
|
10
|
+
export { getShadowRoot, inShadow };
|
|
@@ -1,25 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const canUseDom = require("./canUseDom.cjs");
|
|
1
|
+
const require_canUseDom = require("./canUseDom.cjs");
|
|
4
2
|
function isStyleNameSupport(styleName) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
if (require_canUseDom.default() && window.document.documentElement) {
|
|
4
|
+
const styleNameList = Array.isArray(styleName) ? styleName : [styleName];
|
|
5
|
+
const { documentElement } = window.document;
|
|
6
|
+
return styleNameList.some((name) => name in documentElement.style);
|
|
7
|
+
}
|
|
8
|
+
return false;
|
|
11
9
|
}
|
|
12
10
|
function isStyleValueSupport(styleName, value) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
return ele.style[styleName] !== origin;
|
|
11
|
+
if (!isStyleNameSupport(styleName)) return false;
|
|
12
|
+
const ele = document.createElement("div");
|
|
13
|
+
const origin = ele.style[styleName];
|
|
14
|
+
ele.style[styleName] = value;
|
|
15
|
+
return ele.style[styleName] !== origin;
|
|
19
16
|
}
|
|
20
17
|
function isStyleSupport(styleName, styleValue) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
return isStyleNameSupport(styleName);
|
|
18
|
+
if (!Array.isArray(styleName) && styleValue !== void 0) return isStyleValueSupport(styleName, styleValue);
|
|
19
|
+
return isStyleNameSupport(styleName);
|
|
24
20
|
}
|
|
25
21
|
exports.isStyleSupport = isStyleSupport;
|
package/dist/Dom/styleChecker.js
CHANGED
|
@@ -1,25 +1,21 @@
|
|
|
1
1
|
import canUseDom from "./canUseDom.js";
|
|
2
2
|
function isStyleNameSupport(styleName) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
if (canUseDom() && window.document.documentElement) {
|
|
4
|
+
const styleNameList = Array.isArray(styleName) ? styleName : [styleName];
|
|
5
|
+
const { documentElement } = window.document;
|
|
6
|
+
return styleNameList.some((name) => name in documentElement.style);
|
|
7
|
+
}
|
|
8
|
+
return false;
|
|
9
9
|
}
|
|
10
10
|
function isStyleValueSupport(styleName, value) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return ele.style[styleName] !== origin;
|
|
11
|
+
if (!isStyleNameSupport(styleName)) return false;
|
|
12
|
+
const ele = document.createElement("div");
|
|
13
|
+
const origin = ele.style[styleName];
|
|
14
|
+
ele.style[styleName] = value;
|
|
15
|
+
return ele.style[styleName] !== origin;
|
|
17
16
|
}
|
|
18
17
|
function isStyleSupport(styleName, styleValue) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return isStyleNameSupport(styleName);
|
|
18
|
+
if (!Array.isArray(styleName) && styleValue !== void 0) return isStyleValueSupport(styleName, styleValue);
|
|
19
|
+
return isStyleNameSupport(styleName);
|
|
22
20
|
}
|
|
23
|
-
export {
|
|
24
|
-
isStyleSupport
|
|
25
|
-
};
|
|
21
|
+
export { isStyleSupport };
|
package/dist/Dom/support.cjs
CHANGED
|
@@ -1,28 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
OAnimation: "oAnimationEnd",
|
|
7
|
-
animation: "animationend"
|
|
1
|
+
const require_canUseDom = require("./canUseDom.cjs");
|
|
2
|
+
var animationEndEventNames = {
|
|
3
|
+
WebkitAnimation: "webkitAnimationEnd",
|
|
4
|
+
OAnimation: "oAnimationEnd",
|
|
5
|
+
animation: "animationend"
|
|
8
6
|
};
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
var transitionEventNames = {
|
|
8
|
+
WebkitTransition: "webkitTransitionEnd",
|
|
9
|
+
OTransition: "oTransitionEnd",
|
|
10
|
+
transition: "transitionend"
|
|
13
11
|
};
|
|
14
12
|
function supportEnd(names) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
return {
|
|
19
|
-
end: names[name]
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
return false;
|
|
13
|
+
const el = document.createElement("div");
|
|
14
|
+
for (const name in names) if (names.hasOwnProperty(name) && el.style[name] !== void 0) return { end: names[name] };
|
|
15
|
+
return false;
|
|
24
16
|
}
|
|
25
|
-
const animation =
|
|
26
|
-
const transition =
|
|
17
|
+
const animation = require_canUseDom.default() && supportEnd(animationEndEventNames);
|
|
18
|
+
const transition = require_canUseDom.default() && supportEnd(transitionEventNames);
|
|
27
19
|
exports.animation = animation;
|
|
28
20
|
exports.transition = transition;
|
package/dist/Dom/support.js
CHANGED
|
@@ -1,28 +1,19 @@
|
|
|
1
1
|
import canUseDom from "./canUseDom.js";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
var animationEndEventNames = {
|
|
3
|
+
WebkitAnimation: "webkitAnimationEnd",
|
|
4
|
+
OAnimation: "oAnimationEnd",
|
|
5
|
+
animation: "animationend"
|
|
6
6
|
};
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
var transitionEventNames = {
|
|
8
|
+
WebkitTransition: "webkitTransitionEnd",
|
|
9
|
+
OTransition: "oTransitionEnd",
|
|
10
|
+
transition: "transitionend"
|
|
11
11
|
};
|
|
12
12
|
function supportEnd(names) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return {
|
|
17
|
-
end: names[name]
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
return false;
|
|
13
|
+
const el = document.createElement("div");
|
|
14
|
+
for (const name in names) if (names.hasOwnProperty(name) && el.style[name] !== void 0) return { end: names[name] };
|
|
15
|
+
return false;
|
|
22
16
|
}
|
|
23
17
|
const animation = canUseDom() && supportEnd(animationEndEventNames);
|
|
24
18
|
const transition = canUseDom() && supportEnd(transitionEventNames);
|
|
25
|
-
export {
|
|
26
|
-
animation,
|
|
27
|
-
transition
|
|
28
|
-
};
|
|
19
|
+
export { animation, transition };
|
package/dist/EventInterface.cjs
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
package/dist/EventInterface.js
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|