rustlanges-components 0.1.0

RustLangES components library
Documentation 
1
2
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

import {
  ConcreteComponent,
  createApp,
  defineComponent,
  VNode,
  h as vueH,
} from "vue";
import { createShowcase, registerCase, ShowcaseConfigDef } from "..";
import { createErrorBoundary } from "./ErrorBoundary";
import {
  attach,
  instiate,
  render,
  renderCaseSplitted,
  renderNode,
} from "./render";

export function setupShowcase(
  config: ShowcaseConfigDef<ConcreteComponent<any>> & {
    showcases: Record<string, ConcreteComponent<any>>;
  }
) {
  const virtualElem = document.createElement("div");
  Object.values(config.showcases).forEach(comp => {
    createApp(comp).mount(virtualElem);
  });

  const icons = Object.fromEntries(
    Object.entries(config?.icons ?? {}).map(([iconName, iconComp]) => [
      iconName,
      vueH(iconComp),
    ])
  );

  createShowcase<ConcreteComponent<any>, VNode>({
    ...config,
    icons,
    instiate,
    render,
    renderNode,
    renderCaseSplitted,
    attach,
    createErrorBoundary,
  });
}

export default defineComponent({
  name: "Showcase",
  props: ["name", "props", "slots", "component"],
  setup(props, { slots }) {
    if (slots.default) {
      registerCase(props.name, () => slots.default!());
    } else {
      registerCase(props.name, {
        props: props.props,
        slots: props.slots,
        component: props.component,
      });
    }
    return () => vueH("div");
  },
});