base6-ui 2.0.25 → 2.0.27

package/es/components/shape-button/src/shape-button.mjs

@@ -0,0 +1,52 @@
+import { defineComponent as u, createVNode as i, mergeProps as m, computed as r, resolveComponent as a } from "vue";
+import { NButton as c } from "naive-ui";
+import { bodenShapeButtonProps as p, bodenShapeButtonExtendProps as h } from "./interface.mjs";
+import { getButtonThemeOverrides as l } from "./cssVar.mjs";
+import { useOmitProps as f } from "../../../_utils/composable/use-omit-props.mjs";
+import g from "../../../hooks/useNaiveConfigProvideContext.mjs";
+const v = "BodenShapeButton", $ = /* @__PURE__ */ u({
+  name: v,
+  props: p,
+  slots: Object,
+  setup(e) {
+    const o = f(e, h), t = g(), n = r(() => {
+      const {
+        name: d = "light"
+      } = t?.mergedThemeRef.value || {};
+      return d !== "light";
+    }), s = r(() => ({
+      paddingMedium: "0",
+      borderRadiusMedium: e.shape === "circle" ? "50%" : "10px",
+      ...l(n.value)
+    }));
+    return {
+      containerStyle: r(() => ({
+        width: `${e.width}px`,
+        minHeight: `${e.height}px`
+      })),
+      buttonProps: o,
+      shapeThemeOverrides: s
+    };
+  },
+  render() {
+    const {
+      $props: e,
+      $attrs: o,
+      $slots: t
+    } = this, n = {
+      ...t,
+      default: () => t.default ? t.default() : e.content,
+      icon: () => t.icon ? t.icon() : e.icon ? i(a("SvgIcon"), {
+        icon: e.icon
+      }, null) : void 0
+    };
+    return i(c, m(o, this.buttonProps, {
+      class: "boden-shape-button",
+      style: this.containerStyle,
+      themeOverrides: this.shapeThemeOverrides
+    }), n);
+  }
+});
+export {
+  $ as default
+};

package/es/components/system-actions/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-760e521d"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d89a84b2"]]);
 export {
-  s as default
+  a as default
 };

package/es/components/system-actions/index.vue2.mjs

@@ -1,11 +1,12 @@
-import { NButton as T, NDropdown as x } from "naive-ui";
-import { defineComponent as z, computed as m, h as p, createElementBlock as B, openBlock as I, createVNode as t, withCtx as n, unref as l, createElementVNode as h, toDisplayString as N } from "vue";
-import { SvgIcon as o } from "../../node_modules/.pnpm/lib-materials@0.0.8_typescript@5.7.2/node_modules/lib-materials/dist/lib-materials.mjs";
-import { useLocale as O } from "../../hooks/useLocale.mjs";
-import { useAnimationHook as L } from "../../hooks/useAnimationHook.mjs";
+import { NDropdown as B, NButton as x } from "naive-ui";
+import { defineComponent as z, computed as u, h as g, createElementBlock as I, openBlock as N, createVNode as t, unref as o, withCtx as s, createElementVNode as p, toDisplayString as T } from "vue";
+import { SvgIcon as n } from "../../node_modules/.pnpm/lib-materials@0.0.8_typescript@5.7.2/node_modules/lib-materials/dist/lib-materials.mjs";
+import d from "../shape-button/src/shape-button.mjs";
+import "../shape-button/src/interface.mjs";
+import { useLocale as L } from "../../hooks/useLocale.mjs";
+import { useAnimationHook as O } from "../../hooks/useAnimationHook.mjs";
 import w from "../../hooks/useNaiveConfigProvideContext.mjs";
-import { getButtonThemeOverrides as D } from "./cssVar.mjs";
-const U = { class: "boden-system-actions-container" }, E = { class: "user-trigger" }, P = { class: "name" }, F = /* @__PURE__ */ z({
+const D = { class: "boden-system-actions-container" }, U = { class: "user-trigger" }, E = { class: "name" }, F = /* @__PURE__ */ z({
   name: "BaseSystemActions",
   __name: "index",
   props: {
@@ -14,74 +15,68 @@ const U = { class: "boden-system-actions-container" }, E = { class: "user-trigge
     userInfo: {}
   },
   emits: ["toggleSystemTheme", "toggleSystemLang", "toggleUserItem"],
-  setup(a, { emit: f }) {
-    const s = a, i = f, y = w(), { t: u } = O(), { toggleAnimationByClipCircle: _ } = L(), r = m(() => {
+  setup(l, { emit: f }) {
+    const i = l, r = f, y = w(), { t: m } = L(), { toggleAnimationByClipCircle: _ } = O(), c = u(() => {
       const {
         name: e = "light"
       } = y?.mergedThemeRef.value || {};
       return e !== "light";
-    }), g = m(() => D(r.value)), v = m(() => s.userActionOption && s.userActionOption.length ? s.userActionOption : [
+    }), h = u(() => i.userActionOption && i.userActionOption.length ? i.userActionOption : [
       {
-        label: u("boden.systemActions.userCenter"),
+        label: m("boden.systemActions.userCenter"),
         key: "user-center",
-        icon: () => p(o, { icon: "layout-user-center", size: "16" })
+        icon: () => g(n, { icon: "layout-user-center", size: "16" })
       },
       {
-        label: u("boden.systemActions.logout"),
+        label: m("boden.systemActions.logout"),
         key: "logout",
-        icon: () => p(o, { icon: "layout-logout", size: "16" })
+        icon: () => g(n, { icon: "layout-logout", size: "16" })
       }
     ]), S = () => {
-      i("toggleSystemLang");
+      r("toggleSystemLang");
     }, k = (e) => {
-      i("toggleSystemTheme", e);
-    }, C = (e, d) => {
-      i("toggleUserItem", e, d);
-    }, A = (e) => {
-      _(e, r.value, k);
+      r("toggleSystemTheme", e);
+    }, v = (e, a) => {
+      r("toggleUserItem", e, a);
+    }, C = (e) => {
+      _(e, c.value, k);
     };
-    return (e, d) => {
-      const c = T, b = x;
-      return I(), B("div", U, [
-        t(c, {
-          "theme-overrides": g.value,
-          onClick: A
-        }, {
-          default: n(() => [
-            t(l(o), {
-              icon: "layout-theme",
+    return (e, a) => {
+      const A = x, b = B;
+      return N(), I("div", D, [
+        t(o(d), { onClick: C }, {
+          default: s(() => [
+            t(o(n), {
+              icon: `layout-theme${c.value ? "-dark" : ""}`,
               size: "16"
-            })
+            }, null, 8, ["icon"])
           ]),
           _: 1
-        }, 8, ["theme-overrides"]),
-        t(c, {
-          "theme-overrides": g.value,
-          onClick: S
-        }, {
-          default: n(() => [
-            t(l(o), {
+        }),
+        t(o(d), { onClick: S }, {
+          default: s(() => [
+            t(o(n), {
               icon: "layout-lang",
               size: "16"
             })
           ]),
           _: 1
-        }, 8, ["theme-overrides"]),
+        }),
         t(b, {
           placement: "bottom",
           trigger: "click",
-          options: v.value,
-          onSelect: C
+          options: h.value,
+          onSelect: v
         }, {
-          default: n(() => [
-            h("div", E, [
-              t(c, { text: "" }, {
-                default: n(() => [
-                  t(l(o), {
-                    icon: `layout-user-${r.value ? "dark" : "light"}`,
+          default: s(() => [
+            p("div", U, [
+              t(A, { text: "" }, {
+                default: s(() => [
+                  t(o(n), {
+                    icon: `layout-user-${c.value ? "dark" : "light"}`,
                     size: "32"
                   }, null, 8, ["icon"]),
-                  h("span", P, N(a.userInfo?.name), 1)
+                  p("span", E, T(l.userInfo?.name), 1)
                 ]),
                 _: 1
               })

package/es/config/themes/components/baseComponent/light.mjs

@@ -1,7 +1,8 @@
 import o from "../../color/light.mjs";
 import { commonBase as r } from "../../common.mjs";
+import "../../token/dark.mjs";
 import e from "../../token/light.mjs";
-const l = {
+const c = {
   borderRadius: r.borderRadiusMedium,
   padding: r.paddingBase,
   peers: {
@@ -10,7 +11,7 @@ const l = {
       textColor: e["color-text-1"]
     }
   }
-}, c = {
+}, d = {
   peers: {
     Popover: {
       borderRadius: "10px"
@@ -19,11 +20,11 @@ const l = {
   fontSize: r.fontSizeMedium,
   iconColor: o["color-primary-6"],
   iconSize: r.iconSizeBase
-}, d = {
+}, n = {
   arrowColor: o["color-gray-6"],
   nodeTextColor: o["color-gray-10"],
   lineColor: o["color-gray-5"]
-}, n = {
+}, m = {
   // itemBorderDisabled: '0px solid transparent',
   // itemBorderRadius: commonBase.borderRadiusMedium,
   // itemTextColor: lightToken['color-text-1'],
@@ -172,7 +173,7 @@ const l = {
   // selectMarginLarge: string;
   // prefixMarginLarge: string;
   // suffixMarginLarge: string;
-}, m = {
+}, g = {
   fontSize: "20px",
   /* 面包屑整体字体大小 */
   // itemLineHeight: string;    /* 面包屑项的行高 */
@@ -190,7 +191,7 @@ const l = {
   // itemBorderRadius: string;      /* 面包屑项的圆角大小 */
   separatorColor: o["color-gray-4"]
   /* 分隔符颜色（如 > 或 / 的颜色）*/
-}, g = {
+}, p = {
   /* Line 类型文字颜色 */
   tabTextColorLine: o["color-gray-8"],
   /* 普通文字颜色 */
@@ -289,7 +290,7 @@ const l = {
   /* 标签页圆角 */
   tabRoundBorderRadius: r.tabRoundBorderRadius
   // closeBorderRadius: commonBase.tabBorderRadius /* 关闭按钮圆角 */
-}, p = {
+}, s = {
   indicatorColorProcess: o["color-primary-6"],
   /* 进行状态指示器背景色 */
   indicatorTextColorWait: o["color-gray-6"],
@@ -347,11 +348,11 @@ const l = {
   /* 中尺寸指示器图标大小 */
 };
 export {
-  m as BreadcrumbThemeLight,
-  n as PaginationThemeLight,
-  c as PopconfirmThemeLight,
-  p as StepsThemeLight,
-  g as TabsThemeLight,
-  l as TooltipThemeLight,
-  d as TreeThemeLight
+  g as BreadcrumbThemeLight,
+  m as PaginationThemeLight,
+  d as PopconfirmThemeLight,
+  s as StepsThemeLight,
+  p as TabsThemeLight,
+  c as TooltipThemeLight,
+  n as TreeThemeLight
 };

package/es/config/themes/components/card/dark.mjs

@@ -4,7 +4,7 @@ import "../../token/light.mjs";
 const c = {
   color: o["bg-color-3"],
   paddingMedium: "16px 24px",
-  borderColor: r["color-gray-3"],
+  borderColor: r["color-gray-4"],
   textColor: o["color-text-3"],
   titleTextColor: o["color-text-1"],
   closeIconColor: o["color-text-1"],

package/es/config/themes/components/card/light.mjs

@@ -1,6 +1,7 @@
 import o from "../../color/light.mjs";
+import "../../token/dark.mjs";
 import r from "../../token/light.mjs";
-const t = {
+const i = {
   color: r["bg-color-3"],
   paddingMedium: "16px 24px",
   borderColor: o["color-gray-3"],
@@ -12,5 +13,5 @@ const t = {
   colorModal: r["bg-color-3"]
 };
 export {
-  t as CardThemeLight
+  i as CardThemeLight
 };

package/es/config/themes/components/checkbox/light.mjs

@@ -1,7 +1,8 @@
 import o from "../../color/light.mjs";
+import "../../token/dark.mjs";
 import r from "../../token/light.mjs";
 import { CheckboxThemeCommon as e } from "./common.mjs";
-const d = {
+const a = {
   ...e,
   border: `1.5px solid ${o["color-gray-4"]}`,
   borderChecked: `1.5px solid ${o["color-primary-6"]}`,
@@ -16,5 +17,5 @@ const d = {
   textColorDisabled: o["color-gray-4"]
 };
 export {
-  d as CheckboxThemeLight
+  a as CheckboxThemeLight
 };

package/es/config/themes/components/dataTable/dark.mjs

@@ -3,10 +3,10 @@ import o from "../../token/dark.mjs";
 import "../../token/light.mjs";
 import { DataTableThemeCommon as t } from "./common.mjs";
 import { merge as e } from "../../../../node_modules/.pnpm/es-toolkit@1.41.0/node_modules/es-toolkit/dist/object/merge.mjs";
-const d = e(
+const c = e(
   {
     tdColor: o["bg-color-2"],
-    tdColorStriped: o["fill-color-5"],
+    tdColorStriped: "#29292B",
     tdTextColor: r["color-gray-10"],
     thColor: o["bg-color-2"],
     thColorHover: o["bg-color-2"],
@@ -23,5 +23,5 @@ const d = e(
   { ...t }
 );
 export {
-  d as DataTableThemeDark
+  c as DataTableThemeDark
 };

package/es/config/themes/components/dataTable/light.mjs

@@ -1,7 +1,8 @@
 import o from "../../color/light.mjs";
+import "../../token/dark.mjs";
 import r from "../../token/light.mjs";
 import { DataTableThemeCommon as t } from "./common.mjs";
-const g = {
+const m = {
   ...t,
   tdColor: r["bg-color-2"],
   tdColorStriped: o["color-gray-1"],
@@ -14,5 +15,5 @@ const g = {
   borderColor: o["color-gray-3"]
 };
 export {
-  g as DataTableThemeLight
+  m as DataTableThemeLight
 };

package/es/config/themes/components/divider/light.mjs

@@ -1,7 +1,8 @@
+import "../../token/dark.mjs";
 import o from "../../token/light.mjs";
-const e = {
-  color: o["border-color-1"]
+const i = {
+  color: o["border-color-2"]
 };
 export {
-  e as DividerThemeLight
+  i as DividerThemeLight
 };

package/es/config/themes/components/inputNumber/light.mjs

@@ -1,11 +1,13 @@
 import o from "../../color/light.mjs";
-import { InputNumberThemeCommon as r } from "./common.mjs";
-const e = {
-  ...r,
+import "../../token/dark.mjs";
+import r from "../../token/light.mjs";
+import { InputNumberThemeCommon as l } from "./common.mjs";
+const i = {
+  ...l,
   innerControlsBackground: o["color-gray-3"],
   innerControlsDisabledBackground: o["color-gray-3"],
   outerControlsBorderStyle: `1px solid ${o["color-gray-4"]}`,
-  outerControlsBackground: "",
+  outerControlsBackground: r["bg-color-3"],
   outerControlsBorderStyleDisabled: `1px solid ${o["color-gray-2"]}`,
   outerControlsBackgroundDisabled: o["color-gray-2"],
   controlFontColorDisabled: o["color-gray-4"],
@@ -13,5 +15,5 @@ const e = {
   outerControlsOpacityDisabled: 1
 };
 export {
-  e as InputNumberThemeLight
+  i as InputNumberThemeLight
 };

package/es/config/themes/components/layout/light.mjs

@@ -1,6 +1,7 @@
 import o from "../../color/light.mjs";
+import "../../token/dark.mjs";
 import r from "../../token/light.mjs";
-const i = {
+const t = {
   headerColor: r["bg-color-4"],
   siderColor: r["bg-color-4"],
   // 自定义
@@ -8,5 +9,5 @@ const i = {
   siderFooterIconBgColor: o["color-gray-4"]
 };
 export {
-  i as LayoutThemeLight
+  t as LayoutThemeLight
 };

package/es/config/themes/components/popover/light.mjs

@@ -1,10 +1,11 @@
 import { PopoverThemeCommon as o } from "./common.mjs";
+import "../../token/dark.mjs";
 import r from "../../token/light.mjs";
-import e from "../../color/light.mjs";
+import m from "../../color/light.mjs";
 const l = {
   ...o,
   color: r["bg-color-3"],
-  textColor: e["color-gray-10"]
+  textColor: m["color-gray-10"]
 };
 export {
   l as PopoverThemeLight

package/es/config/themes/components/radio/light.mjs

@@ -1,6 +1,7 @@
 import o from "../../color/light.mjs";
+import "../../token/dark.mjs";
 import r from "../../token/light.mjs";
-const a = {
+const e = {
   boxShadow: `inset 0 0 0 1.5px ${o["color-gray-4"]}`,
   boxShadowActive: `inset 0 0 0 1.5px ${o["color-primary-6"]}`,
   boxShadowActiveDisabled: `inset 0 0 0 1.5px ${o["color-primary-3"]}`,
@@ -14,5 +15,5 @@ const a = {
   dotColorDisabled: r["bg-color-2"]
 };
 export {
-  a as RadioThemeLight
+  e as RadioThemeLight
 };

package/es/config/themes/components/switch/light.mjs

@@ -1,8 +1,9 @@
 import o from "../../color/light.mjs";
+import "../../token/dark.mjs";
 import r from "../../token/light.mjs";
-import { SwitchThemeCommon as l } from "./common.mjs";
-const a = {
-  ...l,
+import { SwitchThemeCommon as i } from "./common.mjs";
+const m = {
+  ...i,
   buttonColorActiveDisabled: r["bg-color-2"],
   buttonColorDisabled: r["bg-color-2"],
   railColor: o["color-gray-4"],
@@ -11,5 +12,5 @@ const a = {
   railColorDisabled: o["color-gray-3"]
 };
 export {
-  a as SwitchThemeLight
+  m as SwitchThemeLight
 };

package/es/config/themes/index.mjs

@@ -1,4 +1,5 @@
-import { default as _ } from "./token/light.mjs";
+import { default as _ } from "./token/dark.mjs";
+import { default as oo } from "./token/light.mjs";
 import "./components/alert/light.mjs";
 import "./components/button/light.mjs";
 import "./components/card/light.mjs";
@@ -48,12 +49,13 @@ import "./components/tag/dark.mjs";
 import "./components/transfer/dark.mjs";
 import "./components/baseComponent/dark.mjs";
 import "./common/dark.mjs";
-import { ChartsThemeDark as oo } from "./components/charts/dark.mjs";
-import { ChartsThemeLight as to } from "./components/charts/light.mjs";
+import { ChartsThemeDark as to } from "./components/charts/dark.mjs";
+import { ChartsThemeLight as mo } from "./components/charts/light.mjs";
 const X = "n-config-provider";
 export {
-  oo as ChartsThemeDark,
-  to as ChartsThemeLight,
+  to as ChartsThemeDark,
+  mo as ChartsThemeLight,
   X as configProviderInjectionKey,
-  _ as lightToken
+  _ as darkToken,
+  oo as lightToken
 };

package/es/config/themes/token/dark.d.ts

@@ -24,5 +24,9 @@ declare const darkToken: {
     'color-error-disabled-opacity': string;
     'color-success-disabled': string;
     'color-warning-disabled': string;
+    'border-color-1': string;
+    'border-color-2': string;
+    'border-color-3': string;
+    'border-color-4': string;
 };
 export default darkToken;

package/es/config/themes/token/dark.mjs

@@ -1,4 +1,5 @@
-const o = {
+import o from "../color/dark.mjs";
+const l = {
   "color-text-1": "#FFFFFF",
   "color-text-2": "rgba(255, 255, 255, 0.7)",
   "color-text-3": "rgba(255, 255, 255, 0.4)",
@@ -24,8 +25,12 @@ const o = {
   "color-error-disabled": "#F76965",
   "color-error-disabled-opacity": "rgba(247, 105, 101, 0.4)",
   "color-success-disabled": "#4BDDAA",
-  "color-warning-disabled": "#FF9626"
+  "color-warning-disabled": "#FF9626",
+  "border-color-1": o["color-gray-3"],
+  "border-color-2": o["color-gray-4"],
+  "border-color-3": o["color-gray-5"],
+  "border-color-4": o["color-gray-6"]
 };
 export {
-  o as default
+  l as default
 };

package/es/config/themes/token/light.d.ts

@@ -1,6 +1,9 @@
 declare const lightToken: {
     'color-text-1': string;
     'color-text-2': string;
+    'color-text-3': string;
+    'color-text-4': string;
+    'color-text-5': string;
     'color-text-6': string;
     'bg-color-1': string;
     'bg-color-2': string;
@@ -10,5 +13,7 @@ declare const lightToken: {
     'fill-color-5': string;
     'border-color-1': string;
     'border-color-2': string;
+    'border-color-3': string;
+    'border-color-4': string;
 };
 export default lightToken;

package/es/config/themes/token/light.mjs

@@ -1,17 +1,22 @@
 import o from "../color/light.mjs";
-const r = {
+const l = {
   "color-text-1": "#FFFFFF",
   "color-text-2": o["color-gray-8"],
-  "color-text-6": "rgba(22, 28, 42, 1)",
+  "color-text-3": o["color-gray-6"],
+  "color-text-4": o["color-gray-5"],
+  "color-text-5": "#FFFFFF",
+  "color-text-6": o["color-primary-6"],
   "bg-color-1": "#F0F2F6",
   "bg-color-2": "#FFFFFF",
   "bg-color-3": "#FFFFFF",
   "bg-color-4": "#E1E9F4",
   "fill-color-1": o["color-gray-2"],
   "fill-color-5": "#FAFAFA",
-  "border-color-1": "#CAD3E2",
-  "border-color-2": "#E0E6EF"
+  "border-color-1": o["color-gray-3"],
+  "border-color-2": o["color-gray-4"],
+  "border-color-3": o["color-gray-5"],
+  "border-color-4": o["color-gray-6"]
 };
 export {
-  r as default
+  l as default
 };

package/es/globalMethods/modules/confirmTip.mjs

@@ -1,9 +1,10 @@
-import { h as a } from "vue";
-import { merge as p } from "../../node_modules/.pnpm/es-toolkit@1.41.0/node_modules/es-toolkit/dist/object/merge.mjs";
-function u(e) {
-  return a("span", {}, e || "Tip");
+import { h as p } from "vue";
+import { merge as a } from "../../node_modules/.pnpm/es-toolkit@1.41.0/node_modules/es-toolkit/dist/object/merge.mjs";
+import { cloneDeep as u } from "../../node_modules/.pnpm/es-toolkit@1.41.0/node_modules/es-toolkit/dist/object/cloneDeep.mjs";
+function f(e) {
+  return p("span", {}, e || "Tip");
 }
-const f = {
+const l = {
   closeOnEsc: !1,
   closable: !0,
   maskClosable: !1,
@@ -25,15 +26,15 @@ const f = {
     justifyContent: "center"
   }
 };
-function m(e, t, n) {
-  return new Promise((o, r) => {
+function g(e, t, o) {
+  return new Promise((n, r) => {
     if (!window.$dialog) return;
-    const i = p(f, n || {}), s = window.$dialog.warning({
+    const i = a(u(l), o || {}), s = window.$dialog.warning({
       ...i,
       content: e,
-      title: () => typeof t == "function" ? t() : u(t),
+      title: () => typeof t == "function" ? t() : f(t),
       onPositiveClick: () => {
-        o(s);
+        n(s);
       },
       onNegativeClick: () => {
         r(new Error());
@@ -42,5 +43,5 @@ function m(e, t, n) {
   });
 }
 export {
-  m as default
+  g as default
 };