base6-ui 1.1.14 → 1.1.16

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

@@ -1,4 +1,4 @@
-import { defineComponent as x, mergeDefaults as E, useSlots as T, computed as o, createElementBlock as j, openBlock as n, normalizeStyle as z, createElementVNode as G, normalizeClass as M, unref as b, createBlock as p, createCommentVNode as l, createVNode as P, withCtx as u, renderSlot as d } from "vue";
+import { defineComponent as _, mergeDefaults as E, useSlots as T, computed as o, createElementBlock as j, openBlock as u, normalizeStyle as z, createElementVNode as G, normalizeClass as M, unref as B, createBlock as p, createCommentVNode as l, createVNode as P, withCtx as d, renderSlot as c } from "vue";
 import A from "./components/WrapHeader.vue.mjs";
 import N from "./components/WrapTab.vue.mjs";
 import D from "./components/WrapContent.vue.mjs";
@@ -7,7 +7,7 @@ import U from "./components/WrapFooter.vue.mjs";
 import { DEFAULT_LAYOUT_PROPS as R } from "./options.mjs";
 import { getCssVarsByLayoutProps as Y } from "./layoutCssVar.mjs";
 import r from "./index.module.css.mjs";
-const Z = ["id"], ae = /* @__PURE__ */ x({
+const Z = ["id"], te = /* @__PURE__ */ _({
   name: "LayoutMaterial",
   __name: "index",
   props: /* @__PURE__ */ E({
@@ -38,80 +38,80 @@ const Z = ["id"], ae = /* @__PURE__ */ x({
     footerIsFullWidth: { type: Boolean },
     footerHeight: {}
   }, R),
-  setup(B) {
-    const i = T(), s = B, F = o(() => Y(s)), m = o(() => !!i.header && s.headerVisible), V = o(() => !!i.tab && s.tabVisible), C = o(() => !!i.slider && s.sliderVisible), v = o(() => !!i.footer && s.footerVisible), f = o(() => s.mode === "vertical"), t = o(() => s.mode === "horizontal"), c = o(() => s.scrollMode === "wrapper"), $ = o(() => s.scrollMode === "content"), h = o(() => s.fixedTop || t.value && c.value), a = o(() => C.value ? s.sliderCollapse ? r["left-gap-collapsed"] : r["left-gap-full"] : ""), k = o(() => f.value ? a.value : ""), L = o(() => {
-      const e = f.value, y = t.value && c.value && !s.fixedFooter, I = !!(t.value && !s.footerIsFullWidth);
-      return e || y || I ? a.value : "";
+  setup(i) {
+    const n = T(), s = i, F = o(() => Y(s)), C = o(() => !!n.header && s.headerVisible), V = o(() => !!n.tab && s.tabVisible), v = o(() => !!n.slider && s.sliderVisible), h = o(() => !!n.footer && s.footerVisible), m = o(() => s.mode === "vertical"), a = o(() => s.mode === "horizontal"), f = o(() => s.scrollMode === "wrapper"), $ = o(() => s.scrollMode === "content"), y = o(() => s.fixedTop || a.value && f.value), t = o(() => v.value ? s.sliderCollapse ? r["left-gap-collapsed"] : r["left-gap-full"] : ""), k = o(() => m.value ? t.value : ""), L = o(() => {
+      const e = m.value, b = a.value && f.value && !s.fixedFooter, I = !!(a.value && !s.footerIsFullWidth);
+      return e || b || I ? t.value : "";
     }), S = o(() => {
       let e = "";
-      return m.value && t.value && (e += r["slider-padding-top"]), v.value && !L.value && (e += ` ${r["slider-padding-bottom"]}`), e;
-    }), _ = o(() => {
+      return C.value && a.value && (e += r["slider-padding-top"]), h.value && !L.value && (e += ` ${r["slider-padding-bottom"]}`), e;
+    }), g = o(() => {
       const e = [];
       return e.push(k.value), e.push(s.commonClass), e.push(s.headerClass), e.join(" ");
-    }), g = o(() => {
+    }), x = o(() => {
       const e = [];
-      return e.push(a.value), e.push(s.commonClass), e.push(s.tabClass), e.join(" ");
+      return e.push(t.value), e.push(s.commonClass), e.push(s.tabClass), e.join(" ");
     }), w = o(() => {
       const e = [];
-      return e.push(a.value), e.push(s.commonClass), e.push(s.contentClass), $.value && e.push(r["overflow-y-auto"]), e.join(" ");
+      return e.push(t.value), e.push(s.commonClass), e.push(s.contentClass), $.value && e.push(r["overflow-y-auto"]), e.join(" ");
     }), W = o(() => {
       const e = [];
       return e.push(s.commonClass), e.push(s.sliderClass), e.push(S.value), e.join(" ");
     }), H = o(() => {
       const e = [];
-      return f.value && e.push(a.value), t.value && c.value && !s.fixedFooter && e.push(a.value), t.value && !s.footerIsFullWidth && e.push(a.value), e.push(s.commonClass), e.push(s.footerClass), e.join(" ");
+      return m.value && e.push(t.value), a.value && f.value && !s.fixedFooter && e.push(t.value), a.value && !s.footerIsFullWidth && e.push(t.value), e.push(s.commonClass), e.push(s.footerClass), e.join(" ");
     });
-    return (e, y) => (n(), j("div", {
+    return (e, b) => (u(), j("div", {
       class: "layout-material",
       style: z(F.value)
     }, [
       G("div", {
-        id: e.scrollElId ? e.scrollElId : void 0,
-        class: M(["layout-content", c.value ? b(r)["overflow-y-auto"] : ""])
+        id: i.scrollElId ? i.scrollElId : void 0,
+        class: M(["layout-content", f.value ? B(r)["overflow-y-auto"] : ""])
       }, [
-        m.value ? (n(), p(A, {
+        C.value ? (u(), p(A, {
           key: 0,
-          isFixed: h.value,
-          headerClass: _.value
+          isFixed: y.value,
+          headerClass: g.value
         }, {
-          default: u(() => [
-            e.$slots.header ? d(e.$slots, "header", { key: 0 }, void 0, !0) : l("", !0)
+          default: d(() => [
+            e.$slots.header ? c(e.$slots, "header", { key: 0 }, void 0, !0) : l("", !0)
           ]),
           _: 3
         }, 8, ["isFixed", "headerClass"])) : l("", !0),
-        V.value ? (n(), p(N, {
+        V.value ? (u(), p(N, {
           key: 1,
-          isFixed: h.value,
-          tabClass: g.value
+          isFixed: y.value,
+          tabClass: x.value
         }, {
-          default: u(() => [
-            e.$slots.tab ? d(e.$slots, "tab", { key: 0 }, void 0, !0) : l("", !0)
+          default: d(() => [
+            e.$slots.tab ? c(e.$slots, "tab", { key: 0 }, void 0, !0) : l("", !0)
           ]),
           _: 3
         }, 8, ["isFixed", "tabClass"])) : l("", !0),
-        C.value ? (n(), p(O, {
+        v.value ? (u(), p(O, {
           key: 2,
-          sliderCollapse: e.sliderCollapse,
+          sliderCollapse: i.sliderCollapse,
           sliderClass: W.value
         }, {
-          default: u(() => [
-            e.$slots.slider ? d(e.$slots, "slider", { key: 0 }, void 0, !0) : l("", !0)
+          default: d(() => [
+            e.$slots.slider ? c(e.$slots, "slider", { key: 0 }, void 0, !0) : l("", !0)
           ]),
           _: 3
         }, 8, ["sliderCollapse", "sliderClass"])) : l("", !0),
         P(D, { contentClass: w.value }, {
-          default: u(() => [
-            d(e.$slots, "default", {}, void 0, !0)
+          default: d(() => [
+            c(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["contentClass"]),
-        v.value ? (n(), p(U, {
+        h.value ? (u(), p(U, {
           key: 3,
           footerClass: H.value,
-          isFixed: e.fixedFooter
+          isFixed: i.fixedFooter
         }, {
-          default: u(() => [
-            b(i).footer ? d(e.$slots, "footer", { key: 0 }, void 0, !0) : l("", !0)
+          default: d(() => [
+            B(n).footer ? c(e.$slots, "footer", { key: 0 }, void 0, !0) : l("", !0)
           ]),
           _: 3
         }, 8, ["footerClass", "isFixed"])) : l("", !0)
@@ -120,5 +120,5 @@ const Z = ["id"], ae = /* @__PURE__ */ x({
   }
 });
 export {
-  ae as default
+  te as default
 };

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

@@ -1,34 +1,34 @@
-import { defineComponent as o, ref as p, createElementBlock as n, openBlock as t, normalizeClass as f, Fragment as m, renderList as u } from "vue";
-const y = /* @__PURE__ */ o({
+import { defineComponent as f, ref as m, createElementBlock as e, openBlock as n, normalizeClass as p, Fragment as u, renderList as k } from "vue";
+const x = /* @__PURE__ */ f({
   __name: "index",
   props: {
     active: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(_, { expose: l, emit: r }) {
-    const a = r, s = p(null), c = (e) => {
-      a("click", e);
+  setup(c, { expose: l, emit: a }) {
+    const i = a, t = m(null), r = (s) => {
+      i("click", s);
     };
     return l({
-      instRef: s
-    }), (e, k) => (t(), n("div", {
+      instRef: t
+    }), (s, _) => (n(), e("div", {
       ref_key: "instRef",
-      ref: s,
-      class: f([
+      ref: t,
+      class: p([
         "base-nav-icon",
         {
-          "is-toggle": e.active
+          "is-toggle": c.active
         }
       ]),
-      onClick: c
+      onClick: r
     }, [
-      (t(!0), n(m, null, u(Array(3), (d, i) => (t(), n("span", {
-        key: i,
+      (n(!0), e(u, null, k(Array(3), (d, o) => (n(), e("span", {
+        key: o,
         class: "line"
       }))), 128))
     ], 2));
   }
 });
 export {
-  y as default
+  x as default
 };

package/es/components/BaseProductIntroduction/cssVar.d.ts

@@ -12,4 +12,7 @@ export declare const createPopoverCssVar: (isDarkMode: boolean) => {
     '--base-color': string;
     '--base-card-border-hover-color': string;
     height: string;
+    borderRight: string;
+    borderBottom: string;
+    overflow: string;
 };

package/es/components/BaseProductIntroduction/cssVar.mjs

@@ -1,4 +1,6 @@
-import i from "../../config/themes/color/dark.mjs";
+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 "../../config/themes/components/alert/light.mjs";
 import "../../config/themes/components/button/light.mjs";
@@ -49,35 +51,38 @@ 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 t = {
+const i = {
   "light-1": o["color-gray-10"],
   "light-3": o["color-gray-6"],
-  "dark-1": "#FFFFFF",
-  "dark-3": "rgba(255,255,255,0.4)"
-}, m = {
+  "dark-1": t["color-text-1"],
+  "dark-3": t["color-text-3"]
+}, e = {
   "light-1": o["color-gray-2"],
-  "dark-1": "rgba(255,255,255,0.08)"
-}, p = {
-  "light-2": "#FFFFFF",
-  "dark-2": "#111113"
-}, l = {
+  "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": i["color-gray-3"]
-}, mr = (r) => ({
+  "dark-1": p["color-gray-3"]
+}, ar = (r) => ({
   fontSizeMedium: "12px",
   titleFontSizeMedium: "14px",
-  borderColor: l[r ? "dark-1" : "light-1"],
-  color: m[r ? "dark-1" : "light-1"],
-  textColor: t[r ? "dark-3" : "light-3"],
-  titleTextColor: t[r ? "dark-1" : "light-1"]
-}), pr = (r) => ({
-  "--base-title-color": t[r ? "dark-1" : "light-1"],
-  "--base-text-color": t[r ? "dark-3" : "light-3"],
-  "--base-color": p[r ? "dark-2" : "light-2"],
-  "--base-card-border-hover-color": r ? i["color-primary-6"] : o["color-primary-6"],
-  height: "620px"
+  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"]
+}), cr = (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"],
+  height: "620px",
+  borderRight: `1px solid ${m[r ? "dark-1" : "light-1"]}`,
+  borderBottom: `1px solid ${m[r ? "dark-1" : "light-1"]}`,
+  overflow: "hidden"
 });
 export {
-  mr as createCardThemeOverrides,
-  pr as createPopoverCssVar
+  ar as createCardThemeOverrides,
+  cr as createPopoverCssVar
 };

package/es/components/BaseProductIntroduction/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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4f730636"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-91e78c3d"]]);
 export {
-  c as default
+  a as default
 };

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

@@ -1,163 +1,169 @@
-import { NPopover as R, NCard as T, NButton as A } from "naive-ui";
-import { defineComponent as D, mergeDefaults as E, ref as _, computed as p, resolveComponent as O, createElementBlock as c, openBlock as s, createVNode as r, withModifiers as f, normalizeStyle as I, withCtx as d, createElementVNode as e, Fragment as h, renderList as y, createCommentVNode as M, toDisplayString as u, createBlock as V, createTextVNode as g } from "vue";
-import z from "../BaseNavIcon/index.vue.mjs";
-import L from "../../hooks/useNaiveConfigProvideContext.mjs";
-import U from "../../assets/cover/base-ads.png.mjs";
-import F from "../../assets/cover/base-studio.png.mjs";
-import $ from "../../assets/cover/base-multimodal.png.mjs";
-import { createCardThemeOverrides as j, createPopoverCssVar as q } from "./cssVar.mjs";
-import { DEFAULT_PRODUCT_INTRODUCTION_PROPS as G } from "./constants.mjs";
-const H = { class: "header" }, J = { class: "content-wrap" }, K = { class: "content-item-header" }, Q = { class: "icon" }, W = { class: "title" }, X = { class: "description" }, Y = {
+import { NPopover as R, NCard as M, NButton as O } from "naive-ui";
+import { defineComponent as V, mergeDefaults as z, ref as h, computed as v, resolveComponent as A, createElementBlock as u, openBlock as r, createVNode as l, createBlock as b, withModifiers as k, normalizeStyle as L, withCtx as p, createElementVNode as t, toDisplayString as m, unref as U, Fragment as y, renderList as g, createCommentVNode as $, createTextVNode as P, Teleport as E, withDirectives as F, vShow as j } from "vue";
+import q from "../BaseNavIcon/index.vue.mjs";
+import { useLocale as G } from "../../hooks/useLocale.mjs";
+import H from "../../hooks/useNaiveConfigProvideContext.mjs";
+import J from "../../assets/cover/base-ads.png.mjs";
+import K from "../../assets/cover/base-studio.png.mjs";
+import Q from "../../assets/cover/base-multimodal.png.mjs";
+import { createCardThemeOverrides as W, createPopoverCssVar as X } from "./cssVar.mjs";
+import { DEFAULT_PRODUCT_INTRODUCTION_PROPS as Y } from "./constants.mjs";
+const Z = { class: "header" }, ee = { class: "content-wrap" }, te = { class: "content-item-header" }, oe = { class: "icon" }, ne = { class: "title" }, ie = { class: "description" }, re = {
   key: 0,
   class: "content-child-wrap"
-}, Z = ["src"], ee = { class: "to-use" }, pe = /* @__PURE__ */ D({
+}, se = ["src"], le = { class: "to-use" }, ce = { class: "base-product-introduction-panel-mask" }, ke = /* @__PURE__ */ V({
   __name: "index",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ z({
     x: {},
     y: {}
-  }, G),
-  setup(te) {
-    const k = L(), l = _(null), i = _(!1), C = [
+  }, Y),
+  setup(f) {
+    const I = H(), { t: e } = G(), c = h(null), n = h(!1), s = v(() => {
+      const {
+        name: a = "light"
+      } = I?.mergedThemeRef.value || {};
+      return a !== "light";
+    }), C = [
       {
         key: "base1",
-        title: "BASE 数据标注平台",
-        description: "专业标注服务，打造精准数据，驱动智能变革",
-        icon: "logo-base",
+        title: e("base.productIntroduction.BasePlatform"),
+        description: e("base.productIntroduction.BasePlatformDescription"),
+        icon: `logo-base${s.value ? "-dark" : ""}`,
         children: [
           {
             key: "base1-1",
-            title: "自动驾驶标注平台 - BASE ADS",
-            description: "自动驾驶标注平台支持点云、图像等连续的数据的标注与质检，提供可编排工作流与智能辅助工具，帮助团队高效构建自动驾驶训练数据集。",
-            icon: U
+            title: e("base.productIntroduction.AdsPlatform"),
+            description: e("base.productIntroduction.AdsPlatformDescription"),
+            icon: J
           },
           {
             key: "base1-2",
-            title: "通用标注平台 - BASE Studio",
-            description: "通用标注平台，支持图像、音频、文本、视频等多类型数据的标注与质检。具备灵活的可编排工作流能力，提供丰富的标注工具模板和算法辅助能力，适用于计算机视觉、语音识别、NLP 等多种场景，帮助团队快速构建高质量训练数据集。",
-            icon: F
+            title: e("base.productIntroduction.StudioPlatform"),
+            description: e("base.productIntroduction.StudioPlatformDescription"),
+            icon: K
           },
           {
             key: "base1-2",
-            title: "多模态标注平台 - BASE MultiModal",
-            description: "多模态标注平台是一套支持多源异构数据协同标注的智能系统，覆盖图像、视频、音频、文本、点云等多种模态数据类型，支持模态间时间同步与语义关联标注。帮助团队高效构建多模态融合训练数据集",
-            icon: $
+            title: e("base.productIntroduction.MultiModalPlatform"),
+            description: e("base.productIntroduction.MultiModalPlatformDescription"),
+            icon: Q
           }
         ]
       },
       {
         key: "base2",
-        title: "Blink 数据管理平台",
-        description: "集成数据资产的管理、交付、检索等全链路管理",
-        icon: "logo-blink"
+        title: e("base.productIntroduction.BlinkPlatform"),
+        description: e("base.productIntroduction.BasePlatformDescription"),
+        icon: `logo-blink${s.value ? "-dark" : ""}`
       },
       {
         key: "base3",
-        title: "Bcollection 数据采集平台",
-        description: "全场景数据采集，全链路价值护航",
-        icon: "logo-bcollection"
+        title: e("base.productIntroduction.BcollectionPlatform"),
+        description: e("base.productIntroduction.BcollectionPlatformDescription"),
+        icon: `logo-bcollection${s.value ? "-dark" : ""}`
       }
-    ], v = p(() => {
-      const {
-        name: n = "light"
-      } = k?.mergedThemeRef.value || {};
-      return n !== "light";
-    }), B = p(() => j(v.value)), b = p(() => q(v.value)), N = () => {
-      i.value = !i.value;
-    }, S = (n) => {
-      l.value && l.value.instRef && l.value.instRef.contains(n.target) || (i.value = !1);
+    ], B = v(() => W(s.value)), w = v(() => X(s.value)), D = () => {
+      n.value = !n.value;
+    }, N = (a) => {
+      c.value && c.value.instRef && c.value.instRef.contains(a.target) || (n.value = !1);
     };
-    return (n, t) => {
-      const m = O("svg-icon"), w = A, x = T, P = R;
-      return s(), c("div", null, [
-        r(z, {
+    return (a, i) => {
+      const _ = A("svg-icon"), x = O, S = M, T = R;
+      return r(), u("div", null, [
+        l(q, {
           ref_key: "triggerInstRef",
-          ref: l,
-          active: i.value,
-          onClick: f(N, ["stop"])
+          ref: c,
+          active: n.value,
+          onClick: k(D, ["stop"])
         }, null, 8, ["active"]),
-        r(P, {
+        l(T, {
           "content-class": "base-product-introduction-panel-popover",
           trigger: "manual",
-          show: i.value,
-          "onUpdate:show": t[2] || (t[2] = (o) => i.value = o),
-          style: I(b.value),
+          show: n.value,
+          "onUpdate:show": i[2] || (i[2] = (o) => n.value = o),
+          style: L(w.value),
           "show-arrow": !1,
           width: 1058,
           scrollable: "",
-          x: n.x,
-          y: n.y,
+          x: f.x,
+          y: f.y,
           "theme-overrides": { padding: "0", space: "0" },
-          onClickoutside: S
+          onClickoutside: N
         }, {
-          default: d(() => [
-            e("div", {
+          default: p(() => [
+            t("div", {
               class: "base-product-introduction-panel",
-              onClick: t[1] || (t[1] = f(() => {
+              onClick: i[1] || (i[1] = k(() => {
               }, ["stop"]))
             }, [
-              e("div", H, [
-                t[3] || (t[3] = e("div", null, "全部产品", -1)),
-                r(m, {
+              t("div", Z, [
+                t("div", null, m(U(e)("base.productIntroduction.allProducts")), 1),
+                l(_, {
                   icon: "operate-close",
                   size: "16",
-                  onClick: t[0] || (t[0] = (o) => i.value = !1)
+                  onClick: i[0] || (i[0] = (o) => n.value = !1)
                 })
               ]),
-              e("div", J, [
-                (s(), c(h, null, y(C, (o) => e("div", {
+              t("div", ee, [
+                (r(), u(y, null, g(C, (o) => t("div", {
                   key: o.key,
                   class: "content-item"
                 }, [
-                  e("div", K, [
-                    e("div", Q, [
-                      r(m, {
+                  t("div", te, [
+                    t("div", oe, [
+                      l(_, {
                         icon: o.icon,
                         size: "32"
                       }, null, 8, ["icon"])
                     ]),
-                    e("div", W, u(o.title), 1),
-                    e("div", X, u(o.description), 1)
+                    t("div", ne, m(o.title), 1),
+                    t("div", ie, m(o.description), 1)
                   ]),
-                  o.children && o.children.length ? (s(), c("div", Y, [
-                    (s(!0), c(h, null, y(o.children, (a) => (s(), V(x, {
-                      key: a.key,
-                      title: a.title,
+                  o.children && o.children.length ? (r(), u("div", re, [
+                    (r(!0), u(y, null, g(o.children, (d) => (r(), b(S, {
+                      key: d.key,
+                      title: d.title,
                       "theme-overrides": B.value
                     }, {
-                      cover: d(() => [
-                        e("img", {
-                          src: a.icon,
+                      cover: p(() => [
+                        t("img", {
+                          src: d.icon,
                           alt: ""
-                        }, null, 8, Z)
+                        }, null, 8, se)
                       ]),
-                      default: d(() => [
-                        g(" " + u(a.description) + " ", 1),
-                        e("div", ee, [
-                          r(w, {
+                      default: p(() => [
+                        P(" " + m(d.description) + " ", 1),
+                        t("div", le, [
+                          l(x, {
                             round: "",
                             size: "tiny",
                             type: "primary"
                           }, {
-                            default: d(() => t[4] || (t[4] = [
-                              g("开始使用")
-                            ])),
+                            default: p(() => [...i[3] || (i[3] = [
+                              P("开始使用", -1)
+                            ])]),
                             _: 1
                           })
                         ])
                       ]),
                       _: 2
                     }, 1032, ["title", "theme-overrides"]))), 128))
-                  ])) : M("", !0)
+                  ])) : $("", !0)
                 ])), 64))
               ])
             ])
           ]),
           _: 1
-        }, 8, ["show", "style", "x", "y"])
+        }, 8, ["show", "style", "x", "y"]),
+        (r(), b(E, { to: "body" }, [
+          F(t("div", ce, null, 512), [
+            [j, n.value]
+          ])
+        ]))
       ]);
     };
   }
 });
 export {
-  pe as default
+  ke as default
 };

package/es/components/BaseProgress/cssVar.d.ts

@@ -0,0 +1,8 @@
+import { BaseProgressThemeOverrides } from '../../types/themes/components';
+import { BaseProgressProps } from './index';
+export declare const getStyleCssVar: (circleSize: BaseProgressProps["circleSize"], themeOverrides?: BaseProgressThemeOverrides) => {
+    '--n-tip-color-circle': string;
+    '--n-tip-font-size-circle': string;
+    '--n-content-font-size': string;
+    '--n-circle-width': string;
+};

package/es/components/BaseProgress/cssVar.mjs

@@ -0,0 +1,14 @@
+import { ProgressThemeLight as o } from "../../config/themes/components/progress/light.mjs";
+import n from "../../config/themes/color/light.mjs";
+const p = (t, i) => {
+  const r = t === "medium" ? i?.fontSizeCircleMedium : o.fontSizeCircleLarge, c = t === "medium" ? i?.circleWidthMedium : o.circleWidthLarge;
+  return {
+    "--n-tip-color-circle": i?.tipColorCircle || n["color-gray-8"],
+    "--n-tip-font-size-circle": i?.tipFontSizeCircle || "14px",
+    "--n-content-font-size": r || "var(--n-font-size)",
+    "--n-circle-width": c || "120px"
+  };
+};
+export {
+  p as getStyleCssVar
+};