@opendesign-plus-test/components 0.0.1-rc.205 → 0.0.1-rc.207

package/dist/treeshaking/components/recursion-menu/ORecursionMenu.vue.d.ts

@@ -0,0 +1,342 @@
+import { ORecursionMenuPropsT } from './types';
+type __VLS_Props = ORecursionMenuPropsT;
+type __VLS_PublicProps = {
+    'modelValue'?: string;
+    'expanded'?: string[];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        rootRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                size: "medium" | "small";
+                defaultValue: string;
+                accordion: boolean;
+                defaultExpanded: string[];
+                selectStrictly: boolean;
+                arrowPosition: "left" | "right";
+            }> & Omit<{
+                readonly size: "small" | "medium";
+                readonly defaultValue: string;
+                readonly accordion: boolean;
+                readonly defaultExpanded: string[];
+                readonly selectStrictly: boolean;
+                readonly arrowPosition: "left" | "right";
+                readonly modelValue?: string | undefined;
+                readonly expanded?: string[] | undefined;
+                readonly onChange?: ((val: string) => any) | undefined | undefined;
+                readonly "onUpdate:modelValue"?: ((val: string) => any) | undefined | undefined;
+                readonly "onUpdate:expanded"?: ((val: string[]) => any) | undefined | undefined;
+                readonly "onExpanded-change"?: ((val: string[]) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "defaultValue" | "accordion" | "defaultExpanded" | "selectStrictly" | "arrowPosition">;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", val: string) => void) & ((event: "update:modelValue", val: string) => void) & ((event: "update:expanded", val: string[]) => void) & ((event: "expanded-change", val: string[]) => void);
+            $el: HTMLUListElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: import('vue').PropType<import('@opensig/opendesign').MenuSizeT>;
+                    default: string;
+                };
+                accordion: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: StringConstructor;
+                };
+                defaultValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expanded: {
+                    type: import('vue').PropType<Array<string>>;
+                };
+                defaultExpanded: {
+                    type: import('vue').PropType<Array<string>>;
+                    default: () => never[];
+                };
+                selectStrictly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                arrowPosition: {
+                    type: import('vue').PropType<"left" | "right">;
+                    default: string;
+                };
+            }>> & Readonly<{
+                onChange?: ((val: string) => any) | undefined;
+                "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+                "onUpdate:expanded"?: ((val: string[]) => any) | undefined;
+                "onExpanded-change"?: ((val: string[]) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                change: (val: string) => any;
+                "update:modelValue": (val: string) => any;
+                "update:expanded": (val: string[]) => any;
+                "expanded-change": (val: string[]) => any;
+            }, string, {
+                size: "medium" | "small";
+                defaultValue: string;
+                accordion: boolean;
+                defaultExpanded: string[];
+                selectStrictly: boolean;
+                arrowPosition: "left" | "right";
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            size: "medium" | "small";
+            defaultValue: string;
+            accordion: boolean;
+            defaultExpanded: string[];
+            selectStrictly: boolean;
+            arrowPosition: "left" | "right";
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').MenuSizeT>;
+                default: string;
+            };
+            accordion: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modelValue: {
+                type: StringConstructor;
+            };
+            defaultValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            expanded: {
+                type: import('vue').PropType<Array<string>>;
+            };
+            defaultExpanded: {
+                type: import('vue').PropType<Array<string>>;
+                default: () => never[];
+            };
+            selectStrictly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            arrowPosition: {
+                type: import('vue').PropType<"left" | "right">;
+                default: string;
+            };
+        }>> & Readonly<{
+            onChange?: ((val: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+            "onUpdate:expanded"?: ((val: string[]) => any) | undefined;
+            "onExpanded-change"?: ((val: string[]) => any) | undefined;
+        }>, "size" | "defaultValue" | "accordion" | "defaultExpanded" | "selectStrictly" | "arrowPosition"> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLUListElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:expanded": (value: string[]) => any;
+} & {
+    change: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+}>, {
+    size: "small" | "medium";
+    defaultExpanded: string[];
+    menuWidth: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "medium" | "small";
+            defaultValue: string;
+            accordion: boolean;
+            defaultExpanded: string[];
+            selectStrictly: boolean;
+            arrowPosition: "left" | "right";
+        }> & Omit<{
+            readonly size: "small" | "medium";
+            readonly defaultValue: string;
+            readonly accordion: boolean;
+            readonly defaultExpanded: string[];
+            readonly selectStrictly: boolean;
+            readonly arrowPosition: "left" | "right";
+            readonly modelValue?: string | undefined;
+            readonly expanded?: string[] | undefined;
+            readonly onChange?: ((val: string) => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((val: string) => any) | undefined | undefined;
+            readonly "onUpdate:expanded"?: ((val: string[]) => any) | undefined | undefined;
+            readonly "onExpanded-change"?: ((val: string[]) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "defaultValue" | "accordion" | "defaultExpanded" | "selectStrictly" | "arrowPosition">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "change", val: string) => void) & ((event: "update:modelValue", val: string) => void) & ((event: "update:expanded", val: string[]) => void) & ((event: "expanded-change", val: string[]) => void);
+        $el: HTMLUListElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').MenuSizeT>;
+                default: string;
+            };
+            accordion: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modelValue: {
+                type: StringConstructor;
+            };
+            defaultValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            expanded: {
+                type: import('vue').PropType<Array<string>>;
+            };
+            defaultExpanded: {
+                type: import('vue').PropType<Array<string>>;
+                default: () => never[];
+            };
+            selectStrictly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            arrowPosition: {
+                type: import('vue').PropType<"left" | "right">;
+                default: string;
+            };
+        }>> & Readonly<{
+            onChange?: ((val: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+            "onUpdate:expanded"?: ((val: string[]) => any) | undefined;
+            "onExpanded-change"?: ((val: string[]) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            change: (val: string) => any;
+            "update:modelValue": (val: string) => any;
+            "update:expanded": (val: string[]) => any;
+            "expanded-change": (val: string[]) => any;
+        }, string, {
+            size: "medium" | "small";
+            defaultValue: string;
+            accordion: boolean;
+            defaultExpanded: string[];
+            selectStrictly: boolean;
+            arrowPosition: "left" | "right";
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: "medium" | "small";
+        defaultValue: string;
+        accordion: boolean;
+        defaultExpanded: string[];
+        selectStrictly: boolean;
+        arrowPosition: "left" | "right";
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').MenuSizeT>;
+            default: string;
+        };
+        accordion: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modelValue: {
+            type: StringConstructor;
+        };
+        defaultValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        expanded: {
+            type: import('vue').PropType<Array<string>>;
+        };
+        defaultExpanded: {
+            type: import('vue').PropType<Array<string>>;
+            default: () => never[];
+        };
+        selectStrictly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        arrowPosition: {
+            type: import('vue').PropType<"left" | "right">;
+            default: string;
+        };
+    }>> & Readonly<{
+        onChange?: ((val: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        "onUpdate:expanded"?: ((val: string[]) => any) | undefined;
+        "onExpanded-change"?: ((val: string[]) => any) | undefined;
+    }>, "size" | "defaultValue" | "accordion" | "defaultExpanded" | "selectStrictly" | "arrowPosition"> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLUListElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/recursion-menu/ORecursionMenu.vue.mjs

@@ -0,0 +1,95 @@
+import { defineComponent, useModel, provide, ref, computed, watch, onMounted, openBlock, createBlock, unref, normalizeStyle, withCtx, renderSlot, mergeModels } from "vue";
+import { OMenu } from "@opensig/opendesign";
+import { recursionMenuInjectionKey } from "./types.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ORecursionMenu",
+  props: /* @__PURE__ */ mergeModels({
+    modelValue: {},
+    expanded: {},
+    defaultExpanded: { default: () => [] },
+    scrollContainer: {},
+    menuWidth: { default: "256px" },
+    size: { default: "small" }
+  }, {
+    "modelValue": { default: "" },
+    "modelModifiers": {},
+    "expanded": { default: () => [] },
+    "expandedModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue", "update:expanded"]),
+  setup(__props, { emit: __emit }) {
+    const menuValue = useModel(__props, "modelValue");
+    const expanded = useModel(__props, "expanded");
+    const props = __props;
+    const emits = __emit;
+    provide(recursionMenuInjectionKey, props);
+    const rootRef = ref();
+    const menuWidthCss = computed(() => typeof props.menuWidth === "number" ? `${props.menuWidth}px` : props.menuWidth);
+    const isElementVisible = (el, parent, min = 0) => {
+      const parentRect = parent.getBoundingClientRect();
+      const childRect = el.getBoundingClientRect();
+      const visibleTop = Math.max(0, childRect.top - parentRect.top);
+      const visibleBottom = Math.min(parentRect.bottom, childRect.bottom) - parentRect.top;
+      const visibleHeight = visibleBottom - visibleTop;
+      return visibleHeight >= min;
+    };
+    const resolveScrollContainer = () => {
+      if (!props.scrollContainer) {
+        return null;
+      }
+      if (typeof props.scrollContainer === "string") {
+        return document.querySelector(props.scrollContainer);
+      }
+      return props.scrollContainer;
+    };
+    let refreshTimer;
+    const refreshSelectedMenuItemPosition = () => {
+      clearTimeout(refreshTimer);
+      refreshTimer = setTimeout(() => {
+        var _a;
+        const container = resolveScrollContainer();
+        if (!container || !((_a = rootRef.value) == null ? void 0 : _a.$el)) {
+          return;
+        }
+        const el = rootRef.value.$el.querySelector(".o-recursion-menu-item--active");
+        if (el && !isElementVisible(el, container, el.offsetHeight)) {
+          container.scrollTo({
+            top: el.offsetTop - container.offsetTop - container.clientHeight / 2 + el.offsetHeight / 2,
+            behavior: "smooth"
+          });
+        }
+      }, 350);
+    };
+    watch(menuValue, (val) => {
+      if (val) {
+        refreshSelectedMenuItemPosition();
+      }
+    });
+    onMounted(() => {
+      refreshSelectedMenuItemPosition();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OMenu), {
+        ref_key: "rootRef",
+        ref: rootRef,
+        modelValue: menuValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => menuValue.value = $event),
+        expanded: expanded.value,
+        "onUpdate:expanded": _cache[1] || (_cache[1] = ($event) => expanded.value = $event),
+        class: "o-recursion-menu",
+        style: normalizeStyle({ "--menu-width": menuWidthCss.value }),
+        size: __props.size,
+        "default-expanded": __props.defaultExpanded,
+        onChange: _cache[2] || (_cache[2] = (val) => emits("change", val))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["modelValue", "expanded", "style", "size", "default-expanded"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/recursion-menu/ORecursionMenu.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./ORecursionMenu.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/recursion-menu/ORecursionMenuItem.css

@@ -0,0 +1,16 @@
+.hover-icon-rotate .o-icon[data-v-14237743] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-14237743] {
+    transform: rotate(-180deg);
+}
+}
+[data-v-14237743] .o-menu-item-content {
+  width: 100%;
+}
+.o-recursion-menu__link[data-v-14237743] {
+  display: inline-block;
+  color: inherit;
+  width: 100%;
+}

package/dist/treeshaking/components/recursion-menu/ORecursionMenuItem.vue.d.ts

@@ -0,0 +1,9 @@
+import { ORecursionMenuItemPropsT, ORecursionMenuNodeT } from './types';
+declare const _default: import('vue').DefineComponent<ORecursionMenuItemPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "click-item": (item: ORecursionMenuNodeT) => any;
+}, string, import('vue').PublicProps, Readonly<ORecursionMenuItemPropsT> & Readonly<{
+    "onClick-item"?: ((item: ORecursionMenuNodeT) => any) | undefined;
+}>, {
+    autoNavigate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
+export default _default;

package/dist/treeshaking/components/recursion-menu/ORecursionMenuItem.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./ORecursionMenuItem.vue2.mjs";
+import './ORecursionMenuItem.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _ORecursionMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-14237743"]]);
+export {
+  _ORecursionMenuItem as default
+};

package/dist/treeshaking/components/recursion-menu/ORecursionMenuItem.vue2.mjs

@@ -0,0 +1,107 @@
+import { defineComponent, computed, inject, ref, onMounted, onBeforeUnmount, unref, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString } from "vue";
+import { isArray, OSubMenu, OMenuItem } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import { recursionMenuInjectionKey } from "./types.mjs";
+import _ORecursionMenuItem from "./ORecursionMenuItem.vue.mjs";
+const _hoisted_1 = ["href"];
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = ["href"];
+const _hoisted_4 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ORecursionMenuItem",
+  props: {
+    node: {},
+    autoNavigate: { type: Boolean, default: true }
+  },
+  emits: ["click-item"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { locale } = useI18n();
+    const isZh = computed(() => locale.value === "zh");
+    const parentProps = inject(recursionMenuInjectionKey);
+    const isActive = computed(() => props.node.id === (parentProps == null ? void 0 : parentProps.modelValue));
+    const isExpanded = computed(() => {
+      const list = (parentProps == null ? void 0 : parentProps.expanded) ?? [];
+      return list.includes(props.node.id);
+    });
+    const itemRef = ref();
+    const onLinkClick = (ev) => {
+      if (!props.autoNavigate) {
+        ev.preventDefault();
+      }
+    };
+    const stopPropagation = (ev) => ev.stopPropagation();
+    onMounted(() => {
+      var _a;
+      if (isArray(props.node.children) && props.node.children.length > 0 && ((_a = itemRef.value) == null ? void 0 : _a.$el)) {
+        const el = itemRef.value.$el.querySelector(".o-sub-menu-children");
+        if (el) {
+          el.addEventListener("click", stopPropagation);
+        }
+      }
+    });
+    onBeforeUnmount(() => {
+      var _a;
+      if (isArray(props.node.children) && props.node.children.length > 0 && ((_a = itemRef.value) == null ? void 0 : _a.$el)) {
+        const el = itemRef.value.$el.querySelector(".o-sub-menu-children");
+        if (el) {
+          el.removeEventListener("click", stopPropagation);
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return unref(isArray)(__props.node.children) && __props.node.children.length > 0 ? (openBlock(), createBlock(unref(OSubMenu), {
+        key: 0,
+        ref_key: "itemRef",
+        ref: itemRef,
+        class: normalizeClass({ "o-recursion-menu-item--active": isActive.value }),
+        value: __props.node.id,
+        selectable: __props.node.type === "page",
+        title: !isZh.value ? __props.node.label : "",
+        onClickItem: _cache[1] || (_cache[1] = ($event) => emits("click-item", __props.node))
+      }, {
+        title: withCtx(() => [
+          __props.node.href && __props.node.type === "page" ? (openBlock(), createElementBlock("a", {
+            key: 0,
+            class: "o-recursion-menu__link",
+            href: __props.node.href,
+            onClick: onLinkClick
+          }, toDisplayString(__props.node.label), 9, _hoisted_1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.node.label), 1))
+        ]),
+        default: withCtx(() => [
+          isExpanded.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.node.children, (item) => {
+            return openBlock(), createBlock(_ORecursionMenuItem, {
+              key: item.id,
+              node: item,
+              "auto-navigate": __props.autoNavigate,
+              onClickItem: _cache[0] || (_cache[0] = (el) => emits("click-item", el))
+            }, null, 8, ["node", "auto-navigate"]);
+          }), 128)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class", "value", "selectable", "title"])) : (openBlock(), createBlock(unref(OMenuItem), {
+        key: 1,
+        ref_key: "itemRef",
+        ref: itemRef,
+        class: normalizeClass({ "o-recursion-menu-item--active": isActive.value }),
+        value: __props.node.id,
+        onClickItem: _cache[2] || (_cache[2] = ($event) => emits("click-item", __props.node)),
+        title: !isZh.value ? __props.node.label : ""
+      }, {
+        default: withCtx(() => [
+          __props.node.href ? (openBlock(), createElementBlock("a", {
+            key: 0,
+            href: __props.node.href,
+            class: "o-recursion-menu__link",
+            onClick: onLinkClick
+          }, toDisplayString(__props.node.label), 9, _hoisted_3)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.node.label), 1))
+        ]),
+        _: 1
+      }, 8, ["class", "value", "title"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};