@wow-two-beta/ui-vue 0.0.5 → 0.0.6

package/dist/chunks/Slot-CLT4PkWl.js

@@ -0,0 +1,99 @@
+import { defineComponent, normalizeClass, normalizeStyle, Fragment, Comment, createTextVNode, h, Text } from "vue";
+function toHandlers(value) {
+  if (Array.isArray(value)) return value.filter((handler) => typeof handler === "function");
+  return typeof value === "function" ? [value] : [];
+}
+function mergeProps(slotProps, childProps) {
+  const merged = { ...childProps };
+  for (const key of Object.keys(slotProps)) {
+    const slotVal = slotProps[key];
+    const childVal = childProps[key];
+    if (key === "class") {
+      merged.class = normalizeClass([slotVal, childVal]);
+    } else if (key === "style") {
+      merged.style = normalizeStyle([slotVal, childVal]);
+    } else if (/^on[A-Z]/.test(key)) {
+      const slotFns = toHandlers(slotVal);
+      const childFns = toHandlers(childVal);
+      if (slotFns.length > 0 && childFns.length > 0) {
+        merged[key] = [...childFns, ...slotFns];
+      } else if (slotFns.length > 0) {
+        merged[key] = slotVal;
+      }
+    } else if (childVal === void 0) {
+      merged[key] = slotVal;
+    }
+  }
+  return merged;
+}
+function isBlankText(vnode) {
+  return vnode.type === Text && typeof vnode.children === "string" && vnode.children.trim() === "";
+}
+function renderableChildren(nodes) {
+  const flattened = [];
+  for (const node of nodes ?? []) {
+    if (node === null || node === void 0 || typeof node === "boolean") continue;
+    if (Array.isArray(node)) {
+      flattened.push(...renderableChildren(node));
+      continue;
+    }
+    const vnode = node;
+    if (vnode.type === Fragment) {
+      flattened.push(...renderableChildren(Array.isArray(vnode.children) ? vnode.children : void 0));
+      continue;
+    }
+    if (vnode.type === Comment || isBlankText(vnode)) continue;
+    flattened.push(vnode);
+  }
+  return flattened;
+}
+function isComponentVNode(vnode) {
+  return typeof vnode.type !== "string";
+}
+function ownChildren(vnode) {
+  const { children } = vnode;
+  if (children === null || children === void 0) return [];
+  if (typeof children === "string") return [createTextVNode(children)];
+  if (Array.isArray(children)) return renderableChildren(children);
+  const defaultSlot = children.default;
+  return typeof defaultSlot === "function" ? renderableChildren(defaultSlot()) : [];
+}
+function rebuild(target, props, children) {
+  const rebuilt = h(target.type, props, children);
+  rebuilt.ref = target.ref;
+  rebuilt.key = target.key;
+  rebuilt.dirs = target.dirs;
+  rebuilt.transition = target.transition;
+  rebuilt.scopeId = target.scopeId;
+  if ("slotScopeIds" in target) Object.assign(rebuilt, { slotScopeIds: target.slotScopeIds });
+  return rebuilt;
+}
+const Slottable = defineComponent({
+  name: "Slottable",
+  setup(_props, { slots }) {
+    return () => slots.default?.() ?? null;
+  }
+});
+function renderSlotClone(slotProps, slots) {
+  const children = renderableChildren(slots.default?.());
+  const slottable = children.find((child2) => child2.type === Slottable);
+  if (slottable) {
+    const target = ownChildren(slottable)[0];
+    if (!target) return null;
+    const targetChildren = ownChildren(target);
+    const newChildren = children.flatMap((child2) => child2 === slottable ? targetChildren : [child2]);
+    const merged2 = mergeProps(slotProps, target.props ?? {});
+    return rebuild(target, merged2, isComponentVNode(target) ? { default: () => newChildren } : newChildren);
+  }
+  const child = children[0];
+  if (!child) return null;
+  const merged = mergeProps(slotProps, child.props ?? {});
+  return rebuild(child, merged, child.children);
+}
+export {
+  Slottable as S,
+  renderSlotClone as a,
+  mergeProps as m,
+  renderableChildren as r
+};
+//# sourceMappingURL=Slot-CLT4PkWl.js.map

package/dist/chunks/Slot-CLT4PkWl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slot-CLT4PkWl.js","sources":["../../src/foundation/primitives/slot/Slot.ts"],"sourcesContent":["import {\n  Comment,\n  Fragment,\n  Text,\n  createTextVNode,\n  defineComponent,\n  h,\n  normalizeClass,\n  normalizeStyle,\n  type Slots,\n  type VNode,\n  type VNodeArrayChildren,\n} from 'vue';\n\nexport type AnyProps = Record<string, unknown>;\n\n/**\n * Vue keeps a vnode's listeners under the same `on[A-Z]` prop shape React uses\n * (`@click` compiles to `onClick`), but a single prop may hold *several*\n * handlers as an array. Normalize both sides before chaining so a child that\n * already carries two listeners doesn't lose one.\n */\nfunction toHandlers(value: unknown): ReadonlyArray<unknown> {\n  if (Array.isArray(value)) return value.filter((handler) => typeof handler === 'function');\n  return typeof value === 'function' ? [value] : [];\n}\n\n/**\n * Merge the slot's own props into the child element's props. Port of the React\n * `Slot`'s `mergeProps`, semantics preserved exactly:\n *\n * - `class` — concatenated, slot first (React's `className`, same order).\n * - `style` — shallow-merged, **child wins** on a key collision.\n * - `on[A-Z]*` — chained **child first, then slot**. Vue invokes an array of\n *   handlers in order, so the chain is expressed as an array rather than React's\n *   wrapper closure — same call order, and each handler stays inspectable.\n * - everything else — the child's value wins whenever it is defined.\n */\nexport function mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\n  const merged: AnyProps = { ...childProps };\n  for (const key of Object.keys(slotProps)) {\n    const slotVal = slotProps[key];\n    const childVal = childProps[key];\n    if (key === 'class') {\n      merged.class = normalizeClass([slotVal, childVal]);\n    } else if (key === 'style') {\n      // `normalizeStyle` merges left → right, so the child's declarations land last.\n      merged.style = normalizeStyle([slotVal, childVal]);\n    } else if (/^on[A-Z]/.test(key)) {\n      const slotFns = toHandlers(slotVal);\n      const childFns = toHandlers(childVal);\n      if (slotFns.length > 0 && childFns.length > 0) {\n        merged[key] = [...childFns, ...slotFns];\n      } else if (slotFns.length > 0) {\n        merged[key] = slotVal;\n      }\n    } else if (childVal === undefined) {\n      merged[key] = slotVal;\n    }\n  }\n  return merged;\n}\n\n/** A whitespace-only text vnode — the compiler emits these between elements; they are not merge targets. */\nfunction isBlankText(vnode: VNode): boolean {\n  return vnode.type === Text && typeof vnode.children === 'string' && vnode.children.trim() === '';\n}\n\n/**\n * Flatten a slot's return value to the vnodes that actually render. Vue wraps\n * `v-if` / `v-for` output in `Fragment`s and emits `Comment` placeholders for a\n * false `v-if`; React's `Children.toArray` filtering has no equivalent, so the\n * walk is explicit. This is what makes \"the single child element\" well-defined.\n */\nexport function renderableChildren(nodes: VNodeArrayChildren | undefined): Array<VNode> {\n  const flattened: Array<VNode> = [];\n  for (const node of nodes ?? []) {\n    if (node === null || node === undefined || typeof node === 'boolean') continue;\n    if (Array.isArray(node)) {\n      flattened.push(...renderableChildren(node));\n      continue;\n    }\n    const vnode = node as VNode;\n    if (vnode.type === Fragment) {\n      flattened.push(...renderableChildren(Array.isArray(vnode.children) ? vnode.children : undefined));\n      continue;\n    }\n    if (vnode.type === Comment || isBlankText(vnode)) continue;\n    flattened.push(vnode);\n  }\n  return flattened;\n}\n\n/** A component vnode (as opposed to an intrinsic tag) — its children are a slots object, not an array. */\nfunction isComponentVNode(vnode: VNode): boolean {\n  return typeof vnode.type !== 'string';\n}\n\n/** The vnodes a target already renders, whether it holds text, an array, or slots. */\nfunction ownChildren(vnode: VNode): Array<VNode> {\n  const { children } = vnode;\n  if (children === null || children === undefined) return [];\n  if (typeof children === 'string') return [createTextVNode(children)];\n  if (Array.isArray(children)) return renderableChildren(children);\n  const defaultSlot = (children as Slots).default;\n  return typeof defaultSlot === 'function' ? renderableChildren(defaultSlot()) : [];\n}\n\n/**\n * Rebuild `target` with `props` and `children`.\n *\n * Deliberately **not** `cloneVNode`: that runs the extra props back through\n * Vue's own `mergeProps`, which would concatenate the child's class a second\n * time and chain an already-chained handler — double-firing every listener the\n * child declared. Building the vnode fresh keeps `mergeProps` above the single\n * authority on merge order; `ref` and `key` are carried over by hand because\n * they live on the vnode rather than in its props.\n */\nfunction rebuild(target: VNode, props: AnyProps, children: unknown): VNode {\n  const rebuilt = h(target.type as never, props, children as never);\n  rebuilt.ref = target.ref;\n  rebuilt.key = target.key;\n  // These belong to the child vnode rather than its props; losing them drops\n  // v-show/custom directives, transition hooks and the caller's scoped CSS.\n  rebuilt.dirs = target.dirs;\n  rebuilt.transition = target.transition;\n  rebuilt.scopeId = target.scopeId;\n  if ('slotScopeIds' in target) Object.assign(rebuilt, { slotScopeIds: target.slotScopeIds });\n  return rebuilt;\n}\n\n/** `<Slottable>` takes no props — the merge target arrives through its default slot. */\nexport type SlottableProps = Record<string, never>;\n\n/**\n * Marks the merge target among a `Slot`'s children. Wrap the consumer's element\n * in `<Slottable>` when the component renders extra content (icons, adornments)\n * around it — the surrounding children then compose *inside* the cloned target,\n * so the single-child `Slot` contract is never violated.\n */\nexport const Slottable = defineComponent({\n  name: 'Slottable',\n  setup(_props, { slots }) {\n    return () => slots.default?.() ?? null;\n  },\n});\n\n/**\n * The single-child merge shared by `Slot` and `Primitive`'s `asChild` branch.\n * Resolves the merge target (honouring `<Slottable>`), merges `slotProps` into\n * it, and returns the rebuilt vnode — or `null` when the slot holds no element.\n */\nexport function renderSlotClone(slotProps: AnyProps, slots: Slots): VNode | null {\n  const children = renderableChildren(slots.default?.());\n  const slottable = children.find((child) => child.type === Slottable);\n\n  if (slottable) {\n    // The `<Slottable>`'s own child is the real merge target (e.g. a RouterLink).\n    const target = ownChildren(slottable)[0];\n    if (!target) return null;\n    // Rebuild the sibling list, swapping the `<Slottable>` placeholder for the\n    // target's original children — so the surrounding nodes compose inside the\n    // rebuilt target: [before…, …targetChildren, …after].\n    const targetChildren = ownChildren(target);\n    const newChildren = children.flatMap((child) => (child === slottable ? targetChildren : [child]));\n    const merged = mergeProps(slotProps, (target.props ?? {}) as AnyProps);\n    return rebuild(target, merged, isComponentVNode(target) ? { default: () => newChildren } : newChildren);\n  }\n\n  const child = children[0];\n  if (!child) return null;\n  const merged = mergeProps(slotProps, (child.props ?? {}) as AnyProps);\n  // Pass the child's existing children straight through — for a component that\n  // is its whole slots object, so named slots survive the rebuild.\n  return rebuild(child, merged, child.children as Array<VNode> | Slots | string);\n}\n\n/*\n * There is deliberately no `Slot` component here.\n *\n * `<slot>` is a real Vue element, so a component registered as `Slot` collides\n * in every template that renders one (`vue/no-reserved-component-names`). The\n * React `Slot`'s always-clone behaviour is `<Primitive as-child>` instead —\n * see `./Primitive`. `renderSlotClone` above is the shared merge core, exported\n * for anything that needs the merge without the component wrapper.\n */\n"],"names":["child","merged"],"mappings":"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"}