@v-c/util 1.0.1 → 1.0.3
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/Dom/findDOMNode.cjs +7 -0
- package/dist/Dom/findDOMNode.d.ts +1 -0
- package/dist/Dom/findDOMNode.js +7 -1
- package/dist/RenderComponent.cjs +0 -1
- package/dist/RenderComponent.js +0 -1
- package/dist/props-util/index.cjs +10 -0
- package/dist/props-util/index.d.ts +1 -0
- package/dist/props-util/index.js +10 -1
- package/package.json +1 -1
package/dist/Dom/findDOMNode.cjs
CHANGED
|
@@ -3,6 +3,12 @@ let vue = require("vue");
|
|
|
3
3
|
function isDOM(node) {
|
|
4
4
|
return node instanceof HTMLElement || node instanceof SVGElement;
|
|
5
5
|
}
|
|
6
|
+
function getDOM(elementRef) {
|
|
7
|
+
const unrefElementRef = (0, vue.unref)(elementRef);
|
|
8
|
+
const dom = findDOMNode(unrefElementRef) || (unrefElementRef && typeof unrefElementRef === "object" ? findDOMNode(unrefElementRef.nativeElement) : null);
|
|
9
|
+
if (dom && dom.nodeType === 3 && dom.nextElementSibling) return dom.nextElementSibling;
|
|
10
|
+
return dom;
|
|
11
|
+
}
|
|
6
12
|
function findDOMNode(_node) {
|
|
7
13
|
const node = (0, vue.unref)(_node);
|
|
8
14
|
if (isDOM(node)) return node;
|
|
@@ -10,4 +16,5 @@ function findDOMNode(_node) {
|
|
|
10
16
|
return null;
|
|
11
17
|
}
|
|
12
18
|
exports.default = findDOMNode;
|
|
19
|
+
exports.getDOM = getDOM;
|
|
13
20
|
exports.isDOM = isDOM;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ComponentPublicInstance, MaybeRef } from 'vue';
|
|
2
2
|
export declare function isDOM(node: any): node is HTMLElement | SVGElement;
|
|
3
|
+
export declare function getDOM(elementRef: MaybeRef): Element | Text;
|
|
3
4
|
/**
|
|
4
5
|
* Return if a node is a DOM node. Else will return by `findDOMNode`
|
|
5
6
|
*/
|
package/dist/Dom/findDOMNode.js
CHANGED
|
@@ -2,10 +2,16 @@ import { unref } from "vue";
|
|
|
2
2
|
function isDOM(node) {
|
|
3
3
|
return node instanceof HTMLElement || node instanceof SVGElement;
|
|
4
4
|
}
|
|
5
|
+
function getDOM(elementRef) {
|
|
6
|
+
const unrefElementRef = unref(elementRef);
|
|
7
|
+
const dom = findDOMNode(unrefElementRef) || (unrefElementRef && typeof unrefElementRef === "object" ? findDOMNode(unrefElementRef.nativeElement) : null);
|
|
8
|
+
if (dom && dom.nodeType === 3 && dom.nextElementSibling) return dom.nextElementSibling;
|
|
9
|
+
return dom;
|
|
10
|
+
}
|
|
5
11
|
function findDOMNode(_node) {
|
|
6
12
|
const node = unref(_node);
|
|
7
13
|
if (isDOM(node)) return node;
|
|
8
14
|
else if (node && "$el" in node) return node.$el;
|
|
9
15
|
return null;
|
|
10
16
|
}
|
|
11
|
-
export { findDOMNode as default, isDOM };
|
|
17
|
+
export { findDOMNode as default, getDOM, isDOM };
|
package/dist/RenderComponent.cjs
CHANGED
|
@@ -21,7 +21,6 @@ var RenderComponent_default = (0, vue.defineComponent)((props, { attrs }) => {
|
|
|
21
21
|
});
|
|
22
22
|
else if (checkIsBaseType(render)) return render;
|
|
23
23
|
if ((0, vue.isVNode)(render)) return (0, vue.createVNode)(render, { ...attrs });
|
|
24
|
-
console.log(render, "render");
|
|
25
24
|
return render;
|
|
26
25
|
};
|
|
27
26
|
}, {
|
package/dist/RenderComponent.js
CHANGED
|
@@ -20,7 +20,6 @@ var RenderComponent_default = defineComponent((props, { attrs }) => {
|
|
|
20
20
|
});
|
|
21
21
|
else if (checkIsBaseType(render$1)) return render$1;
|
|
22
22
|
if (isVNode(render$1)) return createVNode(render$1, { ...attrs });
|
|
23
|
-
console.log(render$1, "render");
|
|
24
23
|
return render$1;
|
|
25
24
|
};
|
|
26
25
|
}, {
|
|
@@ -65,9 +65,19 @@ function getAttrStyleAndClass(attrs, options) {
|
|
|
65
65
|
restAttrs: pureAttrs(attrs, options)
|
|
66
66
|
};
|
|
67
67
|
}
|
|
68
|
+
function getStylePxValue(value) {
|
|
69
|
+
if (typeof value === "number") return `${value}px`;
|
|
70
|
+
else if (typeof value === "string") {
|
|
71
|
+
const trimed = value.trim();
|
|
72
|
+
if (Number.isNaN(Number(trimed))) return trimed;
|
|
73
|
+
else return `${Number(trimed)}px`;
|
|
74
|
+
}
|
|
75
|
+
return value;
|
|
76
|
+
}
|
|
68
77
|
exports.filterEmpty = filterEmpty;
|
|
69
78
|
exports.flattenChildren = flattenChildren;
|
|
70
79
|
exports.getAttrStyleAndClass = getAttrStyleAndClass;
|
|
80
|
+
exports.getStylePxValue = getStylePxValue;
|
|
71
81
|
exports.isEmptyElement = isEmptyElement;
|
|
72
82
|
exports.pureAttrs = pureAttrs;
|
|
73
83
|
exports.removeUndefined = removeUndefined;
|
package/dist/props-util/index.js
CHANGED
|
@@ -65,4 +65,13 @@ function getAttrStyleAndClass(attrs, options) {
|
|
|
65
65
|
restAttrs: pureAttrs(attrs, options)
|
|
66
66
|
};
|
|
67
67
|
}
|
|
68
|
-
|
|
68
|
+
function getStylePxValue(value) {
|
|
69
|
+
if (typeof value === "number") return `${value}px`;
|
|
70
|
+
else if (typeof value === "string") {
|
|
71
|
+
const trimed = value.trim();
|
|
72
|
+
if (Number.isNaN(Number(trimed))) return trimed;
|
|
73
|
+
else return `${Number(trimed)}px`;
|
|
74
|
+
}
|
|
75
|
+
return value;
|
|
76
|
+
}
|
|
77
|
+
export { filterEmpty, flattenChildren, getAttrStyleAndClass, getStylePxValue, isEmptyElement, pureAttrs, removeUndefined, skipFlattenKey, toPropsRefs };
|