@opendesign-plus-test/components 0.0.1-rc.193 → 0.0.1-rc.195

package/dist/treeshaking/components/brand/index.d.ts

@@ -0,0 +1,63 @@
+import { App } from 'vue';
+declare const OBrandLogo: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').BrandLogoPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        list: import('./types').BrandLogoItemT[];
+        formats: string[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').BrandLogoPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        list: import('./types').BrandLogoItemT[];
+        formats: string[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').BrandLogoPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    list: import('./types').BrandLogoItemT[];
+    formats: string[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+declare const OBrandFile: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').BrandFilePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        list: import('./types').BrandFileItemT[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').BrandFilePropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        list: import('./types').BrandFileItemT[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').BrandFilePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    list: import('./types').BrandFileItemT[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+declare const OBrandStandard: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').BrandStandardPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').BrandStandardPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').BrandStandardPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export { OBrandLogo, OBrandFile, OBrandStandard };
+export * from './types';

package/dist/treeshaking/components/brand/index.mjs

@@ -0,0 +1,23 @@
+import _OBrandLogo from "./OBrandLogo.vue.mjs";
+import _OBrandFile from "./OBrandFile.vue.mjs";
+import _OBrandStandard from "./OBrandStandard.vue.mjs";
+const OBrandLogo = Object.assign(_OBrandLogo, {
+  install(app) {
+    app.component("OBrandLogo", _OBrandLogo);
+  }
+});
+const OBrandFile = Object.assign(_OBrandFile, {
+  install(app) {
+    app.component("OBrandFile", _OBrandFile);
+  }
+});
+const OBrandStandard = Object.assign(_OBrandStandard, {
+  install(app) {
+    app.component("OBrandStandard", _OBrandStandard);
+  }
+});
+export {
+  OBrandFile,
+  OBrandLogo,
+  OBrandStandard
+};

package/dist/treeshaking/components/brand/types.d.ts

@@ -0,0 +1,60 @@
+export type BrandFormatLabelT = string;
+export interface BrandLogoFormatT {
+    /** 格式展示名（如 JPG / PNG / SVG / AI） */
+    label: string;
+    /** 下载地址 */
+    url: string;
+    /** 下载文件名；缺省用 `${title}.${label小写}` */
+    filename?: string;
+}
+export interface BrandLogoItemT {
+    title: string;
+    /** 封面图（默认用 png 字段或 formats 第一项） */
+    cover?: string;
+    /** 自描述格式列表；未传时 fallback 到组件级 formats prop + item[lower(label)] 动态字段 */
+    formats?: BrandLogoFormatT[];
+    /** 附加到 OCard 上的 class，供调用者深度定制（如黑底 logo 卡） */
+    coverClass?: string;
+    [key: string]: unknown;
+}
+export interface BrandFileItemT {
+    title: string;
+    /** 封面图 */
+    cover?: string;
+    /** 附件下载地址 */
+    file: string;
+    /** 下载文件名；缺省取 file 的 basename */
+    filename?: string;
+    /** 附加到 OCard 上的 class */
+    coverClass?: string;
+    [key: string]: unknown;
+}
+export interface BrandLogoPropsT {
+    list: BrandLogoItemT[];
+    /** 默认格式列表；item.formats 未传时生效 */
+    formats?: string[];
+}
+export interface BrandFilePropsT {
+    list: BrandFileItemT[];
+}
+export interface BrandStandardLineT {
+    /** 加粗前缀（与 text 同行）；只传它不传 text 即独立标题行 */
+    titleText?: string;
+    /** 行主文本 */
+    text?: string;
+    /** 行首 1em 缩进占位（如 A. / B.，用于枚举对齐） */
+    code?: string;
+    /** 与上一行的间距：more 更大 / none 无；缺省为默认间距 */
+    gap?: 'more' | 'none';
+}
+export interface BrandStandardItemT {
+    /** 描述行数组 */
+    descs: BrandStandardLineT[];
+    /** 配图（底部居中展示） */
+    image?: string;
+    /** 暗色主题配图（与 image 成对使用，暗色主题下替换显示） */
+    imageDark?: string;
+}
+export interface BrandStandardPropsT {
+    item: BrandStandardItemT;
+}

package/dist/treeshaking/components/brand/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function useBrandDownload(): {
+    downloadByUrl: (url: string, filename: string) => Promise<void>;
+};

package/dist/treeshaking/components/brand/utils.mjs

@@ -0,0 +1,28 @@
+import { useMessage } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+function useBrandDownload() {
+  const { t } = useI18n();
+  const message = useMessage();
+  const downloadByUrl = async (url, filename) => {
+    try {
+      const response = await fetch(url);
+      const blob = await response.blob();
+      const blobUrl = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = blobUrl;
+      a.download = filename;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(blobUrl);
+    } catch {
+      message.danger({
+        content: t("brand.downloadFail")
+      });
+    }
+  };
+  return { downloadByUrl };
+}
+export {
+  useBrandDownload
+};

package/dist/treeshaking/components/config-provider/OPlusConfigProvider.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, computed, provide, openBlock, createBlock, unref, withCtx, renderSlot } from "vue";
+import { defineComponent, computed, unref, provide, openBlock, createBlock, withCtx, renderSlot } from "vue";
 import { OConfigProvider } from "@opensig/opendesign";
 import zhCN from "@opensig/opendesign/es/locale/lang/zh-cn";
 import enUS from "@opensig/opendesign/es/locale/lang/en-us";
@@ -11,10 +11,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const globalConfig = reactive({
-      locale: computed(() => props.locale),
-      theme: computed(() => props.theme)
-    });
+    const globalConfig = {
+      locale: computed(() => unref(props.locale)),
+      theme: computed(() => unref(props.theme))
+    };
     provide(configProviderInjectKey, globalConfig);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(OConfigProvider), {

package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue.d.ts

@@ -124,8 +124,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:usability"?: ((value: number) => any) | undefined;
     "onUpdate:feedback"?: ((value: string) => any) | undefined;
 }>, {
-    inputRadius: string;
     radius: string;
+    inputRadius: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     feedbackRef: ({
         $: import('vue').ComponentInternalInstance;

package/dist/treeshaking/components/feedback-doc/OFeedbackDocDialog.vue.d.ts

@@ -33,7 +33,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:usability"?: ((value: number) => any) | undefined;
     "onUpdate:feedback"?: ((value: string) => any) | undefined;
 }>, {
-    inputRadius: string;
     radius: string;
+    inputRadius: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue.d.ts

@@ -42,7 +42,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
     offset: number;
     autoHide: boolean;
-    inputRadius: string;
     radius: string;
+    inputRadius: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/treeshaking/components/feedback-doc/index.d.ts

@@ -29,8 +29,8 @@ declare const OFeedbackDoc: {
         "update:usability": (value: number) => any;
         "update:feedback": (value: string) => any;
     }, import('vue').PublicProps, {
-        inputRadius: string;
         radius: string;
+        inputRadius: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         feedbackRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -146,8 +146,8 @@ declare const OFeedbackDoc: {
         "onUpdate:usability"?: ((value: number) => any) | undefined;
         "onUpdate:feedback"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        inputRadius: string;
         radius: string;
+        inputRadius: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -181,8 +181,8 @@ declare const OFeedbackDoc: {
     "update:usability": (value: number) => any;
     "update:feedback": (value: string) => any;
 }, string, {
-    inputRadius: string;
     radius: string;
+    inputRadius: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -331,8 +331,8 @@ declare const OFeedbackDocDialog: {
         close: () => any;
         change: () => any;
     }, import('vue').PublicProps, {
-        inputRadius: string;
         radius: string;
+        inputRadius: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -363,8 +363,8 @@ declare const OFeedbackDocDialog: {
         "onUpdate:usability"?: ((value: number) => any) | undefined;
         "onUpdate:feedback"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        inputRadius: string;
         radius: string;
+        inputRadius: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -402,8 +402,8 @@ declare const OFeedbackDocDialog: {
     close: () => any;
     change: () => any;
 }, string, {
-    inputRadius: string;
     radius: string;
+    inputRadius: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };
@@ -449,8 +449,8 @@ declare const OFeedbackDocPopup: {
         position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
         offset: number;
         autoHide: boolean;
-        inputRadius: string;
         radius: string;
+        inputRadius: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -490,8 +490,8 @@ declare const OFeedbackDocPopup: {
         position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
         offset: number;
         autoHide: boolean;
-        inputRadius: string;
         radius: string;
+        inputRadius: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -537,8 +537,8 @@ declare const OFeedbackDocPopup: {
     position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
     offset: number;
     autoHide: boolean;
-    inputRadius: string;
     radius: string;
+    inputRadius: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };

package/dist/treeshaking/components/header/OHeader.css

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-bd55d99c] {
+.hover-icon-rotate .o-icon[data-v-17eb9d57] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-bd55d99c] {
+.hover-icon-rotate:hover .o-icon[data-v-17eb9d57] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-bd55d99c] {
+.header[data-v-17eb9d57] {
   --o-header-height: 72px;
   --o-header-content-max-width: 1488px;
   --o-header-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.header[data-v-bd55d99c] {
+.header[data-v-17eb9d57] {
     --o-header-content-max-width: 100%;
     --o-header-content-padding: 64px;
 }
 }
 @media (max-width: 1440px) {
-.header[data-v-bd55d99c] {
+.header[data-v-17eb9d57] {
     --o-header-height: 64px;
     --o-header-content-padding: 40px;
 }
 }
 @media (max-width: 1200px) {
-.header[data-v-bd55d99c] {
+.header[data-v-17eb9d57] {
     --o-header-height: 56px;
     --o-header-content-padding: 32px;
 }
 }
-.header-wrap[data-v-bd55d99c] {
+.header-wrap[data-v-17eb9d57] {
   background-color: var(--o-color-fill2);
   position: fixed;
   left: 0;
@@ -40,7 +40,7 @@
   backdrop-filter: blur(5px);
   height: var(--o-header-height);
 }
-.header-content[data-v-bd55d99c] {
+.header-content[data-v-17eb9d57] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -48,7 +48,7 @@
   margin: 0 auto;
   padding: 0 var(--o-header-content-padding);
 }
-.header-logo[data-v-bd55d99c] {
+.header-logo[data-v-17eb9d57] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -57,36 +57,36 @@
   flex-shrink: 0;
 }
 @media (min-width: 1201px) and (max-width: 1440px) {
-.header-logo[data-v-bd55d99c] {
+.header-logo[data-v-17eb9d57] {
     margin-right: 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.header-logo[data-v-bd55d99c] {
+.header-logo[data-v-17eb9d57] {
     margin-right: 8px;
 }
 }
-.logo[data-v-bd55d99c] {
+.logo[data-v-17eb9d57] {
   height: 32px;
 }
-.header-nav-top[data-v-bd55d99c] {
+.header-nav-top[data-v-17eb9d57] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-nav-flatten[data-v-bd55d99c] {
+.header-nav-flatten[data-v-17eb9d57] {
   flex: 1;
   height: 100%;
   min-width: 0;
   position: relative;
 }
-.header-toolbar[data-v-bd55d99c] {
+.header-toolbar[data-v-17eb9d57] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-bd55d99c] {
+.header-nav-content[data-v-17eb9d57] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
@@ -96,6 +96,6 @@
   box-shadow: var(--o-shadow-1);
   overflow: hidden;
 }
-[data-o-theme*=dark] .header-wrap[data-v-bd55d99c] {
+[data-o-theme*=dark] .header-wrap[data-v-17eb9d57] {
   border-bottom: 1px solid var(--o-color-control4);
 }

package/dist/treeshaking/components/header/OHeader.vue.mjs

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

package/dist/treeshaking/components/header/OHeader.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, provide, readonly, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
+import { defineComponent, ref, provide, readonly, computed, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, Fragment, renderList } from "vue";
 import HeaderNav from "./components/HeaderNav.vue.mjs";
 import HeaderContent from "./components/HeaderContent.vue.mjs";
 import HeaderFlatten from "./components/HeaderFlatten.vue.mjs";
@@ -36,8 +36,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
-    const hoverIndex = ref();
     const hoverId = ref();
+    const headerUserFullWidth = ref(0);
+    provide("headerUserFullWidth", readonly(headerUserFullWidth));
+    provide("reportHeaderUserWidth", (val) => headerUserFullWidth.value = val);
+    const isUserHidden = ref(false);
+    const isSearchHidden = ref(false);
+    provide("isUserHidden", readonly(isUserHidden));
+    provide("isSearchHidden", readonly(isSearchHidden));
+    provide("shrinkUserOrSearch", () => {
+      if (headerUserFullWidth.value && !isUserHidden.value) {
+        isUserHidden.value = true;
+      } else if (!isSearchHidden.value) {
+        isSearchHidden.value = true;
+      }
+    });
+    provide("expandUser", () => {
+      if (headerUserFullWidth.value && isUserHidden.value && !isSearchHidden.value) {
+        isUserHidden.value = false;
+      }
+    });
+    provide("expandSearch", () => {
+      if (isSearchHidden.value) {
+        isSearchHidden.value = false;
+      }
+    });
     const itemData = ref();
     const itemVisible = ref(false);
     const hoveringNavLiName = computed(() => {
@@ -45,6 +68,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return (_a = itemData.value) == null ? void 0 : _a.label;
     });
     provide("hoveringNavLiName", hoveringNavLiName);
+    const navsWithChildren = computed(() => (props.navData ?? []).filter((nav) => {
+      var _a;
+      return (_a = nav.children) == null ? void 0 : _a.length;
+    }));
     const closeTimer = ref(null);
     const contentRef = ref();
     const lastMousePos = ref({ x: 0, y: 0 });
@@ -117,7 +144,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       cancelClose();
       itemData.value = val;
-      hoverIndex.value = val.id;
       if ((_a = val == null ? void 0 : val.children) == null ? void 0 : _a.length) {
         itemVisible.value = true;
       }
@@ -220,16 +246,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "header-nav-content",
           onMousemove: onMousemoveHeader
         }, [
-          createVNode(HeaderContent, {
-            itemData: itemData.value,
-            "item-visible": itemVisible.value,
-            "bg-left": props.bgLeft,
-            "bg-right": props.bgRight,
-            community: props.community,
-            "hover-index": hoverIndex.value,
-            onHandleMouseenterSub: handleMouseenterSub,
-            onHandleMouseleaveSub: handleMouseleaveSub
-          }, null, 8, ["itemData", "item-visible", "bg-left", "bg-right", "community", "hover-index"])
+          (openBlock(true), createElementBlock(Fragment, null, renderList(navsWithChildren.value, (nav) => {
+            var _a;
+            return openBlock(), createBlock(HeaderContent, {
+              key: nav.id,
+              itemData: nav,
+              "item-visible": itemVisible.value,
+              "item-active": ((_a = itemData.value) == null ? void 0 : _a.id) === nav.id,
+              "bg-left": props.bgLeft,
+              "bg-right": props.bgRight,
+              community: props.community,
+              "hover-index": nav.id,
+              onHandleMouseenterSub: handleMouseenterSub,
+              onHandleMouseleaveSub: handleMouseleaveSub
+            }, null, 8, ["itemData", "item-visible", "item-active", "bg-left", "bg-right", "community", "hover-index"]);
+          }), 128))
         ], 544)) : createCommentVNode("", true)
       ]);
     };