base6-ui 2.0.21 → 2.0.23

package/es/components/dialog/index.vue.mjs

@@ -1,5 +1,5 @@
 import { NModal as S, NCard as I } from "naive-ui";
-import { defineComponent as P, mergeDefaults as E, computed as l, resolveComponent as O, createBlock as y, openBlock as c, mergeProps as h, withCtx as t, createVNode as d, createSlots as H, renderSlot as a, createElementBlock as C, toDisplayString as L, normalizeClass as p, unref as i } from "vue";
+import { defineComponent as P, mergeDefaults as E, computed as l, resolveComponent as O, createBlock as y, openBlock as c, mergeProps as h, withCtx as t, createVNode as d, createSlots as p, renderSlot as a, createElementBlock as C, toDisplayString as H, normalizeClass as L, unref as i } from "vue";
 import { defaultProps as N } from "./options.mjs";
 import b from "../button/button.mjs";
 import "../button/interface.mjs";
@@ -71,11 +71,15 @@ const D = {
         default: t(() => [
           d(w, h({
             "header-style": v.value,
+            "header-extra-style": {
+              position: "absolute",
+              right: "var(--n-padding-left)"
+            },
             style: k.value,
             size: e.cardSize,
             closable: e.closable,
             segmented: { content: !0 }
-          }, o.$attrs), H({
+          }, o.$attrs), p({
             default: t(() => [
               a(o.$slots, "default")
             ]),
@@ -84,7 +88,7 @@ const D = {
             o.$slots.header || e.title ? {
               name: "header",
               fn: t(() => [
-                o.$slots.header ? a(o.$slots, "header", { key: 0 }) : (c(), C("span", D, L(e.title), 1))
+                o.$slots.header ? a(o.$slots, "header", { key: 0 }) : (c(), C("span", D, H(e.title), 1))
               ]),
               key: "0"
             } : void 0,
@@ -105,7 +109,7 @@ const D = {
               fn: t(() => [
                 o.$slots.footer ? a(o.$slots, "footer", { key: 0 }) : (c(), C("div", {
                   key: 1,
-                  class: p(["gap-[8px]", x.value])
+                  class: L(["gap-[8px]", x.value])
                 }, [
                   d(i(b), {
                     icon: e.cancelIcon,

package/es/components/global-header/index.vue.mjs

@@ -1,10 +1,11 @@
 import { defineComponent as S, ref as c, computed as I, createBlock as p, openBlock as s, unref as m, withCtx as i, createVNode as u, renderSlot as g, createCommentVNode as T, createSlots as w } from "vue";
 import B from "./title.vue.mjs";
 import L from "../system-actions/index.vue.mjs";
-/* empty css                                   */
+/* empty css                                    */
 import "../layout/options.mjs";
 /* empty css                    */
 import P from "../layout/header/index.vue.mjs";
+import "../../config/themes/token/light.mjs";
 import "../../config/themes/components/alert/light.mjs";
 import "../../config/themes/components/button/light.mjs";
 import "../../config/themes/components/card/light.mjs";
@@ -59,7 +60,7 @@ import "../../config/themes/components/charts/light.mjs";
 /* empty css                          */
 import b from "../layout/aside-menu/aside-menu.mjs";
 import "../layout/aside-menu/props.mjs";
-const Ko = /* @__PURE__ */ S({
+const Oo = /* @__PURE__ */ S({
   name: "BodenGlobalHeader",
   __name: "index",
   props: {
@@ -151,5 +152,5 @@ const Ko = /* @__PURE__ */ S({
   }
 });
 export {
-  Ko as default
+  Oo as default
 };

package/es/components/global-header/interface.d.ts

@@ -1,9 +1,9 @@
 import { VNode } from 'vue';
-import { PLATFORM_ENUM } from '../platform-navigation/interface';
+import { BODEN_PLATFORM_ENUM } from '../platform-navigation/interface';
 import { BodenSystemActionsProps, BodenSystemActionsEmits } from '../system-actions';
 export type BodenGlobalHeaderProps = {
     isShowPlatformMenus?: boolean;
-    platformCode?: Array<PLATFORM_ENUM>;
+    platformCode?: Array<BODEN_PLATFORM_ENUM>;
     productIntroductionTriggerDisabled?: boolean;
 } & Omit<BodenSystemActionsProps, 'mode'> & BodenGlobalHeaderTitleProps;
 export type BodenGlobalHeaderSlots = {
@@ -30,7 +30,7 @@ export type BodenGlobalHeaderTitleProps = {
     isShowProductIntroduction?: boolean;
     isShowLogo?: boolean;
     productIntroductionTriggerDisabled?: boolean;
-    platformCode?: Array<PLATFORM_ENUM>;
+    platformCode?: Array<BODEN_PLATFORM_ENUM>;
 };
 export type BodenGlobalHeaderTitleSlots = {
     logo?: () => VNode;

package/es/components/global-header/title.vue.d.ts

@@ -15,7 +15,7 @@ declare const __VLS_component: import('vue').DefineComponent<BodenGlobalHeaderTi
     onTogglePlatform?: ((...args: any[]) => any) | undefined;
     onToggleLogo?: ((...args: any[]) => any) | undefined;
 }>, {
-    platformCode: Array<import('../platform-navigation/interface').PLATFORM_ENUM>;
+    platformCode: Array<import('../platform-navigation').BODEN_PLATFORM_ENUM>;
     isShowProductIntroduction: boolean;
     isShowLogo: boolean;
     productIntroductionTriggerDisabled: boolean;

package/es/components/layout/components/{WrapHeader.vue2.mjs → WrapHeader.vue.mjs}

@@ -1,5 +1,5 @@
 import a from "./WrapHeader.vue3.mjs";
-/* empty css                */
+/* empty css                 */
 import o from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const d = /* @__PURE__ */ o(a, [["__scopeId", "data-v-a43da04d"]]);
 export {

package/es/components/layout/index.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as I, mergeDefaults as _, useSlots as E, computed as o, createElementBlock as T, openBlock as u, normalizeStyle as j, createElementVNode as z, normalizeClass as G, unref as M, createBlock as p, createCommentVNode as l, createVNode as P, withCtx as d, renderSlot as c } from "vue";
-import A from "./components/WrapHeader.vue2.mjs";
+import A from "./components/WrapHeader.vue.mjs";
 import N from "./components/WrapTab.vue.mjs";
 import D from "./components/WrapContent.vue.mjs";
 import O from "./components/WrapSlider.vue.mjs";

package/es/components/nav-icon/cssVar.mjs

@@ -1,4 +1,5 @@
 import r from "../../config/themes/token/dark.mjs";
+import "../../config/themes/token/light.mjs";
 import t from "../../config/themes/color/light.mjs";
 import "../../config/themes/components/alert/light.mjs";
 import "../../config/themes/components/button/light.mjs";
@@ -51,9 +52,9 @@ import "../../config/themes/components/baseComponent/dark.mjs";
 import "../../config/themes/common/dark.mjs";
 import "../../config/themes/components/charts/dark.mjs";
 import "../../config/themes/components/charts/light.mjs";
-const to = (o) => ({
+const io = (o) => ({
   "--base-icon-color": o ? r["color-text-2"] : t["color-gray-8"]
 });
 export {
-  to as getNavIconStyleCssVar
+  io as getNavIconStyleCssVar
 };

package/es/components/platform-navigation/cssVar.d.ts

@@ -5,6 +5,16 @@ export declare const createCardThemeOverrides: (isDarkMode: boolean) => {
     color: string;
     textColor: string;
     titleTextColor: string;
+    paddingMedium: string;
+};
+export declare const createHorizontalCardThemeOverrides: (isDarkMode: boolean) => {
+    fontSizeMedium: string;
+    titleFontSizeMedium: string;
+    borderColor: string;
+    color: string;
+    textColor: string;
+    titleTextColor: string;
+    paddingMedium: string;
 };
 export declare const createPopoverCssVar: (isDarkMode: boolean) => {
     '--base-title-color': string;

package/es/components/platform-navigation/cssVar.mjs

@@ -1,7 +1,7 @@
-import t from "../../config/themes/token/dark.mjs";
-import l from "../../config/themes/token/light.mjs";
-import p from "../../config/themes/color/dark.mjs";
-import o from "../../config/themes/color/light.mjs";
+import r from "../../config/themes/token/dark.mjs";
+import i from "../../config/themes/token/light.mjs";
+import l from "../../config/themes/color/dark.mjs";
+import m from "../../config/themes/color/light.mjs";
 import "../../config/themes/components/alert/light.mjs";
 import "../../config/themes/components/button/light.mjs";
 import "../../config/themes/components/card/light.mjs";
@@ -53,38 +53,45 @@ import "../../config/themes/components/baseComponent/dark.mjs";
 import "../../config/themes/common/dark.mjs";
 import "../../config/themes/components/charts/dark.mjs";
 import "../../config/themes/components/charts/light.mjs";
-const i = {
-  "light-1": o["color-gray-10"],
-  "light-3": o["color-gray-6"],
-  "dark-1": t["color-text-1"],
-  "dark-3": t["color-text-3"]
+const t = {
+  "light-1": m["color-gray-10"],
+  "light-3": m["color-gray-6"],
+  "dark-1": r["color-text-1"],
+  "dark-3": r["color-text-3"]
 }, e = {
-  "light-1": o["color-gray-2"],
-  "dark-1": t["fill-color-1"]
-}, a = {
-  "light-2": l["bg-color-2"],
-  "dark-2": t["bg-color-2"]
-}, m = {
-  "light-1": o["color-gray-3"],
-  "dark-1": p["color-gray-3"]
-}, gr = (r) => ({
+  "light-2": i["bg-color-2"],
+  "dark-2": r["bg-color-2"]
+}, p = {
+  "light-1": m["color-gray-3"],
+  "dark-1": l["color-gray-3"]
+}, ao = (o) => ({
   fontSizeMedium: "12px",
   titleFontSizeMedium: "14px",
-  borderColor: m[r ? "dark-1" : "light-1"],
-  color: e[r ? "dark-1" : "light-1"],
-  textColor: i[r ? "dark-3" : "light-3"],
-  titleTextColor: i[r ? "dark-1" : "light-1"]
-}), dr = (r) => ({
-  "--base-title-color": i[r ? "dark-1" : "light-1"],
-  "--base-text-color": i[r ? "dark-3" : "light-3"],
-  "--base-color": a[r ? "dark-2" : "light-2"],
-  "--base-card-border-hover-color": r ? p["color-primary-6"] : o["color-primary-6"],
+  borderColor: p[o ? "dark-1" : "light-1"],
+  color: o ? r["fill-color-1"] : i["fill-color-1"],
+  textColor: t[o ? "dark-3" : "light-3"],
+  titleTextColor: t[o ? "dark-1" : "light-1"],
+  paddingMedium: "0"
+}), go = (o) => ({
+  fontSizeMedium: "12px",
+  titleFontSizeMedium: "14px",
+  borderColor: p[o ? "dark-1" : "light-1"],
+  color: o ? r["fill-color-1"] : i["fill-color-1"],
+  textColor: t[o ? "dark-3" : "light-3"],
+  titleTextColor: o ? r["color-text-2"] : i["color-text-2"],
+  paddingMedium: "0"
+}), ho = (o) => ({
+  "--base-title-color": t[o ? "dark-1" : "light-1"],
+  "--base-text-color": t[o ? "dark-3" : "light-3"],
+  "--base-color": e[o ? "dark-2" : "light-2"],
+  "--base-card-border-hover-color": o ? l["color-primary-6"] : m["color-primary-6"],
   height: "620px",
-  borderRight: `1px solid ${m[r ? "dark-1" : "light-1"]}`,
-  borderBottom: `1px solid ${m[r ? "dark-1" : "light-1"]}`,
+  borderRight: `1px solid ${p[o ? "dark-1" : "light-1"]}`,
+  borderBottom: `1px solid ${p[o ? "dark-1" : "light-1"]}`,
   overflow: "hidden"
 });
 export {
-  gr as createCardThemeOverrides,
-  dr as createPopoverCssVar
+  ao as createCardThemeOverrides,
+  go as createHorizontalCardThemeOverrides,
+  ho as createPopoverCssVar
 };

package/es/components/platform-navigation/index.d.ts

@@ -1,2 +1,2 @@
 export { default as BodenPlatformNavigation } from './index.vue';
-export type { BodenPlatformNavigationProps } from './interface';
+export { type BodenPlatformNavigationProps, BODEN_PLATFORM_ENUM, BODEN_PLATFORM_NAME_ENUM } from './interface';

package/es/components/platform-navigation/index.vue.d.ts

@@ -1,4 +1,4 @@
-import { BodenPlatformNavigationProps, PLATFORM_ENUM } from './interface';
+import { BodenPlatformNavigationProps, BODEN_PLATFORM_ENUM } from './interface';
 declare const _default: import('vue').DefineComponent<BodenPlatformNavigationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     togglePlatform: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<BodenPlatformNavigationProps> & Readonly<{
@@ -6,7 +6,7 @@ declare const _default: import('vue').DefineComponent<BodenPlatformNavigationPro
 }>, {
     x: number;
     y: number;
-    platformCode: PLATFORM_ENUM[];
+    platformCode: BODEN_PLATFORM_ENUM[];
     triggerDisabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     triggerInstRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').BodenNavIconProps> & Readonly<{

package/es/components/platform-navigation/index.vue.mjs

@@ -2,7 +2,7 @@ import o from "./index.vue2.mjs";
 /* empty css            */
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1b2deb36"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-952f1733"]]);
 export {
-  p as default
+  i as default
 };

package/es/components/platform-navigation/index.vue2.mjs

@@ -1,21 +1,20 @@
-import { NPopover as z, NCard as E, NButton as $ } from "naive-ui";
-import { defineComponent as F, ref as h, computed as f, resolveComponent as U, createElementBlock as d, openBlock as r, createVNode as c, createBlock as y, withModifiers as N, normalizeStyle as K, withCtx as p, createElementVNode as t, toDisplayString as v, unref as j, Fragment as _, renderList as P, createCommentVNode as C, createTextVNode as B, Teleport as q, withDirectives as G, vShow as H } from "vue";
-import J from "../nav-icon/index.vue.mjs";
-import { useLocale as Q } from "../../hooks/useLocale.mjs";
-import W from "../../hooks/useNaiveConfigProvideContext.mjs";
-import X from "../../assets/cover/base-ads.png.mjs";
-import Y from "../../assets/cover/base-studio.png.mjs";
-import Z from "../../assets/cover/base-multimodal.png.mjs";
-import ee from "../../assets/cover/source-robot.png.mjs";
-import { createCardThemeOverrides as oe, createPopoverCssVar as te } from "./cssVar.mjs";
-import { PLATFORM_ENUM as u } from "./interface.mjs";
-const ie = { class: "header" }, ne = { class: "platform-wrap" }, re = { class: "platform-item-header" }, ae = { class: "icon" }, le = ["onClick"], se = { class: "description" }, de = {
+import { NPopover as U, NGrid as G, NGi as K, NCard as $, NButton as H } from "naive-ui";
+import { defineComponent as j, ref as b, computed as g, resolveComponent as q, createElementBlock as u, openBlock as a, createVNode as p, createBlock as _, withModifiers as N, normalizeStyle as J, withCtx as s, createElementVNode as o, toDisplayString as f, unref as Q, Fragment as k, renderList as y, createCommentVNode as P, normalizeClass as W, createTextVNode as X, Teleport as Y, withDirectives as Z, vShow as ee } from "vue";
+import oe from "../nav-icon/index.vue.mjs";
+import { useLocale as te } from "../../hooks/useLocale.mjs";
+import ie from "../../hooks/useNaiveConfigProvideContext.mjs";
+import ne from "../../assets/cover/base-ads.png.mjs";
+import re from "../../assets/cover/base-studio.png.mjs";
+import ae from "../../assets/cover/base-multimodal.png.mjs";
+import le from "../../assets/cover/robo.png.mjs";
+import se from "../../assets/cover/ps.png.mjs";
+import de from "../../assets/cover/blink.png.mjs";
+import { createCardThemeOverrides as ce, createHorizontalCardThemeOverrides as me, createPopoverCssVar as pe } from "./cssVar.mjs";
+import { BODEN_PLATFORM_NAME_ENUM as d, BODEN_PLATFORM_ENUM as c } from "./interface.mjs";
+const fe = { class: "header" }, ve = { class: "content-wrapper" }, ge = { class: "platform-type-item-header" }, ue = { class: "title" }, he = { class: "description" }, _e = ["src"], be = { class: "platform-card_content" }, Ne = { class: "title" }, ke = { class: "description" }, ye = {
   key: 0,
-  class: "platform-child-wrap"
-}, ce = ["src"], me = {
-  key: 0,
-  class: "to-use"
-}, pe = { class: "boden-platform-navigation-panel-mask" }, Be = /* @__PURE__ */ F({
+  class: "navigation"
+}, Pe = { class: "boden-platform-navigation-panel-mask" }, ze = /* @__PURE__ */ j({
   __name: "index",
   props: {
     platformCode: { default: () => [] },
@@ -24,165 +23,190 @@ const ie = { class: "header" }, ne = { class: "platform-wrap" }, re = { class: "
     y: { default: 0 }
   },
   emits: ["togglePlatform"],
-  setup(s, { emit: S }) {
-    const w = s, D = S, x = W(), { t: e } = Q(), m = h(null), i = h(!1), g = f(() => {
+  setup(m, { emit: B }) {
+    const C = m, S = B, D = ie(), { t: e } = te(), v = b(null), n = b(!1), h = g(() => {
       const {
-        name: a = "light"
-      } = x?.mergedThemeRef.value || {};
-      return a !== "light";
-    }), R = [
+        name: l = "light"
+      } = D?.mergedThemeRef.value || {};
+      return l !== "light";
+    }), O = [
+      {
+        key: "bric",
+        title: e("boden.platformNavigation.BricPlatform"),
+        description: e("boden.platformNavigation.BricPlatformDescription"),
+        svgIcon: "logo-base",
+        children: [
+          {
+            id: c.VLA,
+            key: d.ROBO,
+            title: e("boden.platformNavigation.RoboPlatform"),
+            description: e("boden.platformNavigation.RoboPlatformDescription"),
+            imageSrc: le
+          },
+          {
+            id: c.PS,
+            key: d.PS,
+            title: e("boden.platformNavigation.PsPlatform"),
+            description: e("boden.platformNavigation.PsPlatformDescription"),
+            imageSrc: se
+          }
+        ]
+      },
       {
-        id: u.BASE,
         key: "base",
         title: e("boden.platformNavigation.BasePlatform"),
         description: e("boden.platformNavigation.BasePlatformDescription"),
         svgIcon: "logo-base",
         children: [
           {
-            key: "ads",
+            id: c.BASE,
+            key: d.ADS,
             title: e("boden.platformNavigation.AdsPlatform"),
             description: e("boden.platformNavigation.AdsPlatformDescription"),
-            imageSrc: X
+            imageSrc: ne
           },
           {
-            key: "studio",
+            id: c.BASE,
+            key: d.BASE,
             title: e("boden.platformNavigation.StudioPlatform"),
             description: e("boden.platformNavigation.StudioPlatformDescription"),
-            imageSrc: Y
+            imageSrc: re
           },
           {
-            key: "omni",
+            id: c.BASE,
+            key: d.OMNI,
             title: e("boden.platformNavigation.OmniPlatform"),
             description: e("boden.platformNavigation.OmniPlatformDescription"),
-            imageSrc: Z
+            imageSrc: ae
           }
         ]
       },
       {
-        id: u.BLINK,
         key: "blink",
         title: e("boden.platformNavigation.BlinkPlatform"),
         description: e("boden.platformNavigation.BlinkPlatformDescription"),
-        svgIcon: "logo-base"
-      },
-      {
-        id: u.VLA,
-        key: "bric",
-        title: e("boden.platformNavigation.BricPlatform"),
-        description: e("boden.platformNavigation.BricPlatformDescription"),
         svgIcon: "logo-base",
         children: [
           {
-            key: "robot",
-            title: e("boden.platformNavigation.RobotPlatform"),
-            description: e("boden.platformNavigation.RobotPlatformDescription"),
-            imageSrc: ee
+            id: c.BLINK,
+            key: d.BLINK,
+            title: e("boden.platformNavigation.BlinkPlatformSpecific"),
+            description: e("boden.platformNavigation.BlinkPlatformSpecificDescription"),
+            imageSrc: de
           }
         ]
       }
-    ], I = f(() => oe(g.value)), A = f(() => te(g.value)), L = () => {
-      w.triggerDisabled || (i.value = !i.value);
-    }, b = (a) => {
-      D("togglePlatform", a);
-    }, O = (a) => {
-      m.value && m.value.instRef && m.value.instRef.contains(a.target) || (i.value = !1);
+    ], x = g(() => ce(h.value)), w = g(() => me(h.value)), A = g(() => pe(h.value)), R = () => {
+      C.triggerDisabled || (n.value = !n.value);
+    }, E = (l, i) => {
+      S("togglePlatform", l, i);
+    }, I = (l) => {
+      v.value && v.value.instRef && v.value.instRef.contains(l.target) || (n.value = !1);
     };
-    return (a, n) => {
-      const k = U("svg-icon"), T = $, V = E, M = z;
-      return r(), d("div", null, [
-        c(J, {
+    return (l, i) => {
+      const M = q("svg-icon"), T = H, L = $, z = K, V = G, F = U;
+      return a(), u("div", null, [
+        p(oe, {
           ref_key: "triggerInstRef",
-          ref: m,
-          active: i.value,
-          disabled: s.triggerDisabled,
-          onClick: N(L, ["stop"])
+          ref: v,
+          active: n.value,
+          disabled: m.triggerDisabled,
+          onClick: N(R, ["stop"])
         }, null, 8, ["active", "disabled"]),
-        c(M, {
+        p(F, {
           "content-class": "boden-platform-navigation-panel-popover",
           trigger: "manual",
-          show: i.value,
-          "onUpdate:show": n[2] || (n[2] = (o) => i.value = o),
-          style: K(A.value),
+          show: n.value,
+          "onUpdate:show": i[2] || (i[2] = (t) => n.value = t),
+          style: J(A.value),
           "show-arrow": !1,
           width: 1058,
           scrollable: "",
-          x: s.x,
-          y: s.y,
+          x: m.x,
+          y: m.y,
           "theme-overrides": { padding: "0", space: "0", borderRadius: "3px" },
-          onClickoutside: O
+          onClickoutside: I
         }, {
-          default: p(() => [
-            t("div", {
+          default: s(() => [
+            o("div", {
               class: "boden-platform-navigation-panel",
-              onClick: n[1] || (n[1] = N(() => {
+              onClick: i[1] || (i[1] = N(() => {
               }, ["stop"]))
             }, [
-              t("div", ie, [
-                t("div", null, v(j(e)("boden.platformNavigation.allProducts")), 1),
-                c(k, {
+              o("div", fe, [
+                o("div", null, f(Q(e)("boden.platformNavigation.allProducts")), 1),
+                p(M, {
                   icon: "operate-close",
                   size: "16",
-                  onClick: n[0] || (n[0] = (o) => i.value = !1)
+                  onClick: i[0] || (i[0] = (t) => n.value = !1)
                 })
               ]),
-              t("div", ne, [
-                (r(), d(_, null, P(R, (o) => t("div", {
-                  key: o.key,
-                  class: "platform-item"
+              o("div", ve, [
+                (a(), u(k, null, y(O, (t) => o("div", {
+                  key: t.key,
+                  class: "platform-type-item"
                 }, [
-                  t("div", re, [
-                    t("div", ae, [
-                      c(k, {
-                        icon: o.svgIcon,
-                        size: "32"
-                      }, null, 8, ["icon"])
-                    ]),
-                    t("div", {
-                      class: "title",
-                      onClick: (l) => b(o.key)
-                    }, v(o.title), 9, le),
-                    t("div", se, v(o.description), 1)
+                  o("div", ge, [
+                    o("div", ue, f(t.title), 1),
+                    o("div", he, f(t.description), 1)
                   ]),
-                  o.children && o.children.length ? (r(), d("div", de, [
-                    (r(!0), d(_, null, P(o.children, (l) => (r(), y(V, {
-                      key: l.key,
-                      title: l.title,
-                      "theme-overrides": I.value
-                    }, {
-                      cover: p(() => [
-                        t("img", {
-                          src: l.imageSrc,
-                          alt: ""
-                        }, null, 8, ce)
-                      ]),
-                      default: p(() => [
-                        B(" " + v(l.description) + " ", 1),
-                        s.platformCode?.includes(o.id) ? (r(), d("div", me, [
-                          c(T, {
-                            round: "",
-                            size: "tiny",
-                            type: "primary",
-                            onClick: (ve) => b(l.key)
+                  t.children && t.children.length ? (a(), _(V, {
+                    key: 0,
+                    "x-gap": "12",
+                    cols: t.children.length === 1 ? 1 : 3,
+                    style: { "margin-top": "12px" }
+                  }, {
+                    default: s(() => [
+                      (a(!0), u(k, null, y(t.children, (r) => (a(), _(z, {
+                        key: r.key
+                      }, {
+                        default: s(() => [
+                          p(L, {
+                            class: W(["platform-card", { "is-horizontal": t.children.length === 1 }]),
+                            "theme-overrides": t.children.length === 1 ? w.value : x.value
                           }, {
-                            default: p(() => [...n[3] || (n[3] = [
-                              B("开始使用", -1)
-                            ])]),
-                            _: 1
-                          }, 8, ["onClick"])
-                        ])) : C("", !0)
-                      ]),
-                      _: 2
-                    }, 1032, ["title", "theme-overrides"]))), 128))
-                  ])) : C("", !0)
+                            cover: s(() => [
+                              o("img", {
+                                src: r.imageSrc,
+                                alt: ""
+                              }, null, 8, _e)
+                            ]),
+                            default: s(() => [
+                              o("div", be, [
+                                o("div", Ne, f(r.title), 1),
+                                o("div", ke, f(r.description), 1)
+                              ]),
+                              m.platformCode?.includes(r.id) ? (a(), u("div", ye, [
+                                p(T, {
+                                  round: "",
+                                  size: "tiny",
+                                  type: "primary",
+                                  onClick: (Be) => E(r.id, r.key)
+                                }, {
+                                  default: s(() => [...i[3] || (i[3] = [
+                                    X("开始使用", -1)
+                                  ])]),
+                                  _: 1
+                                }, 8, ["onClick"])
+                              ])) : P("", !0)
+                            ]),
+                            _: 2
+                          }, 1032, ["class", "theme-overrides"])
+                        ]),
+                        _: 2
+                      }, 1024))), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["cols"])) : P("", !0)
                 ])), 64))
               ])
             ])
           ]),
           _: 1
         }, 8, ["show", "style", "x", "y"]),
-        (r(), y(q, { to: "body" }, [
-          G(t("div", pe, null, 512), [
-            [H, i.value]
+        (a(), _(Y, { to: "body" }, [
+          Z(o("div", Pe, null, 512), [
+            [ee, n.value]
           ])
         ]))
       ]);
@@ -190,5 +214,5 @@ const ie = { class: "header" }, ne = { class: "platform-wrap" }, re = { class: "
   }
 });
 export {
-  Be as default
+  ze as default
 };