element-plus
Version:
A Component Library for Vue 3
70 lines (65 loc) • 2.04 kB
JavaScript
Object.defineProperty(exports, '__esModule', { value: true });
var vue = require('vue');
var index = require('../../../hooks/use-forward-ref/index.js');
var shared = require('@vue/shared');
var error = require('../../../utils/error.js');
var index$1 = require('../../../hooks/use-namespace/index.js');
const NAME = "ElOnlyChild";
const OnlyChild = vue.defineComponent({
name: NAME,
setup(_, {
slots,
attrs
}) {
var _a;
const forwardRefInjection = vue.inject(index.FORWARD_REF_INJECTION_KEY);
const forwardRefDirective = index.useForwardRefDirective((_a = forwardRefInjection == null ? void 0 : forwardRefInjection.setForwardRef) != null ? _a : shared.NOOP);
return () => {
var _a2;
const defaultSlot = (_a2 = slots.default) == null ? void 0 : _a2.call(slots, attrs);
if (!defaultSlot)
return null;
if (defaultSlot.length > 1) {
error.debugWarn(NAME, "requires exact only one valid child.");
return null;
}
const firstLegitNode = findFirstLegitChild(defaultSlot);
if (!firstLegitNode) {
error.debugWarn(NAME, "no valid child node found");
return null;
}
return vue.withDirectives(vue.cloneVNode(firstLegitNode, attrs), [[forwardRefDirective]]);
};
}
});
function findFirstLegitChild(node) {
if (!node)
return null;
const children = node;
for (const child of children) {
if (shared.isObject(child)) {
switch (child.type) {
case vue.Comment:
continue;
case vue.Text:
case "svg":
return wrapTextContent(child);
case vue.Fragment:
return findFirstLegitChild(child.children);
default:
return child;
}
}
return wrapTextContent(child);
}
return null;
}
function wrapTextContent(s) {
const ns = index$1.useNamespace("only-child");
return vue.createVNode("span", {
"class": ns.e("content")
}, [s]);
}
exports.OnlyChild = OnlyChild;
//# sourceMappingURL=only-child.js.map
;