| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- 'use strict';
- 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 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;
- const [firstLegitNode, length] = findFirstLegitChild(defaultSlot);
- if (!firstLegitNode) {
- return null;
- }
- return vue.withDirectives(vue.cloneVNode(firstLegitNode, attrs), [[forwardRefDirective]]);
- };
- }
- });
- function findFirstLegitChild(node) {
- if (!node)
- return [null, 0];
- const children = node;
- const len = children.filter((c) => c.type !== vue.Comment).length;
- for (const child of children) {
- if (shared.isObject(child)) {
- switch (child.type) {
- case vue.Comment:
- continue;
- case vue.Text:
- case "svg":
- return [wrapTextContent(child), len];
- case vue.Fragment:
- return findFirstLegitChild(child.children);
- default:
- return [child, len];
- }
- }
- return [wrapTextContent(child), len];
- }
- return [null, 0];
- }
- 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
|