base6-ui 2.0.20 → 2.0.22

package/es/components/select/src/select.mjs

@@ -0,0 +1,66 @@
+import { defineComponent as f, createVNode as b, mergeProps as g, computed as t, h as i } from "vue";
+import { NSelect as p, NCheckbox as h, NTag as T } from "naive-ui";
+import { bodenSelectProps as C } from "./interface.mjs";
+import { getSelectCssVar as v } from "./cssVar.mjs";
+import L from "../../../hooks/useNaiveConfigProvideContext.mjs";
+/* empty css                  */
+const N = "BodenSelect", x = /* @__PURE__ */ f({
+  name: N,
+  props: C,
+  setup(e) {
+    const n = L(), l = t(() => {
+      const {
+        name: r = "light"
+      } = n?.mergedThemeRef.value || {};
+      return r !== "light";
+    }), o = t(() => v(l.value)), d = (r, s) => [i(h, {
+      checked: s,
+      disabled: r.disabled
+    }, {
+      default: () => r.label
+    })], u = ({
+      option: r,
+      handleClose: s
+    }) => i(T, {
+      type: "default",
+      closable: !0,
+      bordered: !1,
+      disabled: e.disabled,
+      size: e.size,
+      onMousedown: (a) => {
+        a.preventDefault();
+      },
+      onClose: (a) => {
+        a.stopPropagation(), s();
+      }
+    }, {
+      default: () => r.label
+    }), c = t(() => e.renderLabel ? e.renderLabel : e.multiple ? d : void 0), m = t(() => e.renderTag ? e.renderTag : e.multiple ? u : void 0);
+    return {
+      cssVarStyle: o,
+      renderLabel: c,
+      renderTag: m
+    };
+  },
+  render() {
+    const {
+      $attrs: e,
+      $props: n,
+      $slots: l,
+      renderLabel: o,
+      renderTag: d
+    } = this;
+    return b(p, g(e, n, {
+      renderLabel: o,
+      renderTag: d,
+      class: "boden-select",
+      style: this.cssVarStyle,
+      "menu-props": {
+        class: "boden-select-menu"
+      }
+    }), l);
+  }
+});
+export {
+  x as default
+};

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

@@ -1,7 +1,8 @@
 import r from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
+import "../../token/light.mjs";
 import { commonBase as e } from "../../common.mjs";
-const l = {
+const d = {
   borderRadius: e.borderRadiusMedium,
   padding: e.paddingBase,
   peers: {
@@ -10,7 +11,7 @@ const l = {
       textColor: o["color-text-5"]
     }
   }
-}, d = {
+}, n = {
   peers: {
     Popover: {
       borderRadius: "10px"
@@ -19,7 +20,7 @@ const l = {
   fontSize: e.fontSizeMedium,
   iconColor: r["color-primary-6"],
   iconSize: e.iconSizeBase
-}, n = {
+}, c = {
   nodeTextColor: o["color-text-6"],
   arrowColor: o["color-text-3"],
   lineColor: r["color-gray-11"]
@@ -41,7 +42,7 @@ const l = {
   // loadingColor: string;            // 加载中图标的颜色
   // // dropMarkColor: string;       // 拖拽放置指示线的颜色
   // lineColor: string;           // 节点连接线的颜色（您刚才问的！）
-}, c = {
+}, m = {
   buttonBorderHover: "0px solid transparent",
   buttonBorderPressed: "0px solid transparent",
   itemTextColorHover: o["color-text-6"],
@@ -75,7 +76,7 @@ const l = {
   /** 跳转文字*/
   jumperTextColor: o["color-text-6"]
   // 修改跳转文字颜色
-}, m = {
+}, x = {
   fontSize: "20px",
   /* 面包屑整体字体大小 */
   // itemLineHeight: string;    /* 面包屑项的行高 */
@@ -93,7 +94,7 @@ const l = {
   // itemBorderRadius: string;      /* 面包屑项的圆角大小 */
   separatorColor: o["color-text-4"]
   /* 分隔符颜色（如 > 或 / 的颜色）*/
-}, x = {
+}, p = {
   /* Line 类型文字颜色 */
   tabTextColorLine: o["color-text-3"],
   /* 普通文字颜色 */
@@ -191,7 +192,7 @@ const l = {
   /* 标签页圆角 */
   tabRoundBorderRadius: e.tabRoundBorderRadius
   // closeBorderRadius: string;    /* 关闭按钮圆角 */
-}, p = {
+}, s = {
   indicatorColorProcess: r["color-primary-6"],
   /* 进行状态指示器背景色 */
   indicatorTextColorWait: r["color-gray-6"],
@@ -249,11 +250,11 @@ const l = {
   /* 中尺寸指示器图标大小 */
 };
 export {
-  m as BreadcrumbThemeDark,
-  c as PaginationThemeDark,
-  d as PopconfirmThemeDark,
-  p as StepsThemeDark,
-  x as TabsThemeDark,
-  l as TooltipThemeDark,
-  n as TreeThemeDark
+  x as BreadcrumbThemeDark,
+  m as PaginationThemeDark,
+  n as PopconfirmThemeDark,
+  s as StepsThemeDark,
+  p as TabsThemeDark,
+  d as TooltipThemeDark,
+  c as TreeThemeDark
 };

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

@@ -1,7 +1,8 @@
 import o from "../../color/dark.mjs";
 import r from "../../token/dark.mjs";
+import "../../token/light.mjs";
 import { ButtonThemeCommon as e } from "./common.mjs";
-const c = {
+const i = {
   ...e,
   opacityDisabled: "0.4",
   border: `1px solid ${r["fill-color-2"]}`,
@@ -115,5 +116,5 @@ const c = {
   textColorGhostPressedWarning: o["color-origin-7"]
 };
 export {
-  c as ButtonThemeDark
+  i as ButtonThemeDark
 };

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

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

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

@@ -1,8 +1,9 @@
 import o from "../../color/dark.mjs";
 import r from "../../token/dark.mjs";
+import "../../token/light.mjs";
 import { SelectThemeDark as e } from "../select/dark.mjs";
 import { CascaderThemeCommon as t } from "./common.mjs";
-const i = {
+const p = {
   ...t,
   border: `1px soild ${o["color-gray-4"]}`,
   optionColorHover: o["color-primary-1"],
@@ -19,5 +20,5 @@ const i = {
   }
 };
 export {
-  i as CascaderThemeDark
+  p as CascaderThemeDark
 };

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

@@ -1,11 +1,12 @@
 import o from "../../color/dark.mjs";
 import e from "../../token/dark.mjs";
+import "../../token/light.mjs";
 const l = {
   color: e["color-text-1"],
   fontWeight: 400,
   fontSize: 14,
   lineHeight: 20
-}, i = {
+}, a = {
   color: [
     "#5895ff",
     "#6dd68e",
@@ -424,5 +425,5 @@ const l = {
   }
 };
 export {
-  i as ChartsThemeDark
+  a as ChartsThemeDark
 };

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

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

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

@@ -1,6 +1,7 @@
 const t = {
   tdColorSorting: "transparent",
   thColorSorting: "transparent",
+  thButtonColorHover: "transparent",
   peers: {
     Scrollbar: {
       railInsetHorizontalBottom: "auto 2px 0px 2px",

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

@@ -1,14 +1,15 @@
 import r from "../../color/dark.mjs";
 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 p = e(
-  { ...t },
+const d = e(
   {
     tdColor: o["bg-color-2"],
     tdColorStriped: o["fill-color-5"],
     tdTextColor: r["color-gray-10"],
     thColor: o["bg-color-2"],
+    thColorHover: o["bg-color-2"],
     thFontWeight: "400",
     thPaddingMedium: "6px 12px",
     thTextColor: o["color-text-2"],
@@ -18,8 +19,9 @@ const p = e(
         color: o["bg-color-9"]
       }
     }
-  }
+  },
+  { ...t }
 );
 export {
-  p as DataTableThemeDark
+  d as DataTableThemeDark
 };

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

@@ -7,12 +7,11 @@ const g = {
   tdColorStriped: o["color-gray-1"],
   tdTextColor: o["color-gray-10"],
   thColor: r["bg-color-2"],
+  thColorHover: r["bg-color-2"],
   thFontWeight: "400",
   thPaddingMedium: "6px 12px",
   thTextColor: o["color-gray-8"],
   borderColor: o["color-gray-3"]
-  // borderColor: lightBase['color-gray-4'],
-  // borderRadius: commonBase['borderRadiusMedium']
 };
 export {
   g as DataTableThemeLight

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

@@ -1,7 +1,8 @@
 import o from "../../color/dark.mjs";
 import r from "../../token/dark.mjs";
+import "../../token/light.mjs";
 import { DialogThemeCommon as l } from "./common.mjs";
-const i = {
+const n = {
   ...l,
   closeIconColor: r["color-text-1"],
   titleTextColor: r["color-text-1"],
@@ -13,5 +14,5 @@ const i = {
   color: r["bg-color-3"]
 };
 export {
-  i as DialogThemeDark
+  n as DialogThemeDark
 };

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

@@ -1,4 +1,5 @@
 import o from "../../token/dark.mjs";
+import "../../token/light.mjs";
 import { DropdownThemeCommon as r } from "./common.mjs";
 const l = {
   ...r,

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

@@ -1,12 +1,13 @@
 import r from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
+import "../../token/light.mjs";
 import { InputThemeCommon as l } from "./common.mjs";
 const d = {
   ...l,
   border: `1px solid ${r["color-gray-4"]}`,
   borderDisabled: "1px solid #0000",
   borderError: `1px solid ${r["color-red-6"]}`,
-  borderFocus: `1.5px solid ${r["color-primary-6"]}`,
+  borderFocus: `1px solid ${r["color-primary-6"]}`,
   borderHover: `1px solid ${r["color-primary-5"]}`,
   color: o["bg-color-3"],
   colorDisabled: o["fill-color-1"],

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

@@ -5,7 +5,7 @@ const a = {
   border: `1px solid ${o["color-gray-4"]}`,
   borderDisabled: "1px solid #0000",
   borderError: `1px solid ${o["color-red-6"]}`,
-  borderFocus: `1.5px solid ${o["color-primary-6"]}`,
+  borderFocus: `1px solid ${o["color-primary-6"]}`,
   borderHover: `1px solid ${o["color-primary-5"]}`,
   colorDisabled: o["color-gray-2"],
   groupLabelBorder: `1px solid ${o["color-gray-4"]}`,

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

@@ -1,7 +1,8 @@
 import o from "../../token/dark.mjs";
+import "../../token/light.mjs";
 import r from "../../color/dark.mjs";
 import { InputNumberThemeCommon as l } from "./common.mjs";
-const i = {
+const s = {
   ...l,
   innerControlsBackground: o["fill-color-2"],
   innerControlsDisabledBackground: o["fill-color-2"],
@@ -17,5 +18,5 @@ const i = {
   outerControlsOpacityDisabled: 1
 };
 export {
-  i as InputNumberThemeDark
+  s as InputNumberThemeDark
 };

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

@@ -1,5 +1,6 @@
 import r from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
+import "../../token/light.mjs";
 const a = {
   headerColor: o["bg-color-4"],
   siderColor: o["bg-color-4"],

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

@@ -1,6 +1,7 @@
 import t from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
-const l = {
+import "../../token/light.mjs";
+const i = {
   arrowColor: o["color-text-2"],
   arrowColorActive: o["color-text-1"],
   arrowColorChildActive: o["color-text-1"],
@@ -29,5 +30,5 @@ const l = {
   itemTextColorHoverHorizontal: o["color-text-1"]
 };
 export {
-  l as MenuThemeDark
+  i as MenuThemeDark
 };

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

@@ -1,10 +1,11 @@
 import { PopoverThemeCommon as r } from "./common.mjs";
 import o from "../../token/dark.mjs";
-const t = {
+import "../../token/light.mjs";
+const p = {
   ...r,
   color: o["bg-color-3"],
   textColor: o["color-text-1"]
 };
 export {
-  t as PopoverThemeDark
+  p as PopoverThemeDark
 };

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

@@ -1,6 +1,7 @@
 import o from "../../color/dark.mjs";
 import r from "../../token/dark.mjs";
-const e = {
+import "../../token/light.mjs";
+const c = {
   fillColor: o["color-primary-6"],
   fillColorInfo: o["color-primary-6"],
   fillColorError: o["color-red-6"],
@@ -17,5 +18,5 @@ const e = {
   tipFontSizeCircle: "14px"
 };
 export {
-  e as ProgressThemeDark
+  c as ProgressThemeDark
 };

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

@@ -1,6 +1,7 @@
 import o from "../../color/dark.mjs";
 import r from "../../token/dark.mjs";
-const e = {
+import "../../token/light.mjs";
+const l = {
   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 4px ${r["color-primary-disabled-opacity"]}`,
@@ -16,5 +17,5 @@ const e = {
   dotColorDisabled: r["color-white-disabled-opacity"]
 };
 export {
-  e as RadioThemeDark
+  l as RadioThemeDark
 };

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

@@ -1,19 +1,17 @@
 import r from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
-import { commonBase as e } from "../../common.mjs";
-const c = {
+import "../../token/light.mjs";
+import { commonBase as l } from "../../common.mjs";
+const d = {
   peers: {
     InternalSelection: {
       arrowColor: o["color-text-1"],
       arrowColorDisabled: o["color-text-4"],
       border: `1px solid ${r["color-gray-4"]}`,
-      borderActive: `1.5px solid ${r["color-primary-6"]}`,
+      borderActive: `1px solid ${r["color-primary-6"]}`,
       borderHover: `1px solid ${r["color-primary-5"]}`,
       borderFocus: `1px solid ${r["color-primary-5"]}`,
-      borderRadius: e.borderRadiusMedium,
-      boxShadowActive: "none",
-      boxShadowFocus: "none",
-      boxShadowHover: "none",
+      borderRadius: l.borderRadiusMedium,
       color: o["bg-color-3"],
       colorActive: o["bg-color-2"],
       colorDisabled: o["fill-color-1"],
@@ -37,5 +35,5 @@ const c = {
   }
 };
 export {
-  c as SelectThemeDark
+  d as SelectThemeDark
 };

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

@@ -6,13 +6,10 @@ const i = {
       arrowColor: o["color-gray-10"],
       arrowColorDisabled: o["color-gray-4"],
       border: `1px solid ${o["color-gray-4"]}`,
-      borderActive: `1.5px solid ${o["color-primary-6"]}`,
+      borderActive: `1px solid ${o["color-primary-6"]}`,
       borderHover: `1px solid ${o["color-primary-5"]}`,
       borderFocus: `1px solid ${o["color-primary-5"]}`,
       borderRadius: r.borderRadiusMedium,
-      boxShadowActive: "none",
-      boxShadowFocus: "none",
-      boxShadowHover: "none",
       colorDisabled: o["color-gray-2"],
       placeholderColor: o["color-gray-6"],
       placeholderColorDisabled: o["color-gray-4"],

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

@@ -1,7 +1,8 @@
 import r from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
+import "../../token/light.mjs";
 import { SwitchThemeCommon as l } from "./common.mjs";
-const a = {
+const c = {
   ...l,
   buttonColorActiveDisabled: o["color-text-5"],
   buttonColorDisabled: o["color-text-5"],
@@ -11,5 +12,5 @@ const a = {
   railColorDisabled: o["fill-color-2"]
 };
 export {
-  a as SwitchThemeDark
+  c as SwitchThemeDark
 };

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

@@ -1,7 +1,8 @@
 import r from "../../color/dark.mjs";
 import e from "../../token/dark.mjs";
+import "../../token/light.mjs";
 import { commonBase as o } from "../../common.mjs";
-const d = {
+const t = {
   border: `1px solid ${e["color-text-2"]}`,
   borderError: `1px solid ${r["color-red-6"]}`,
   borderPrimary: `1px solid ${r["color-primary-6"]}`,
@@ -31,5 +32,5 @@ const d = {
   textColorWarning: r["color-origin-6"]
 };
 export {
-  d as TagThemeDark
+  t as TagThemeDark
 };

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

@@ -1,9 +1,14 @@
-import r from "../../color/dark.mjs";
-import { commonBase as o } from "../../common.mjs";
-const m = {
-  borderColor: r["color-gray-4"],
-  borderRadius: o.borderRadiusMedium
+import o from "../../color/dark.mjs";
+import r from "../../token/dark.mjs";
+import "../../token/light.mjs";
+import { commonBase as e } from "../../common.mjs";
+const d = {
+  borderColor: o["color-gray-3"],
+  borderRadius: e.borderRadiusMedium,
+  itemColorPending: o["color-primary-1"],
+  itemTextColor: r["color-text-1"],
+  listColor: r["bg-color-2"]
 };
 export {
-  m as TransferThemeDark
+  d as TransferThemeDark
 };

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

@@ -1,9 +1,10 @@
 import r from "../../color/light.mjs";
 import { commonBase as o } from "../../common.mjs";
-const i = {
+const m = {
   borderColor: r["color-gray-4"],
-  borderRadius: o.borderRadiusMedium
+  borderRadius: o.borderRadiusMedium,
+  itemColorPending: r["color-primary-1"]
 };
 export {
-  i as TransferThemeLight
+  m as TransferThemeLight
 };

package/es/config/themes/index.mjs

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

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

@@ -1,10 +1,12 @@
 declare const lightToken: {
     'color-text-1': string;
+    'color-text-2': string;
     'color-text-6': string;
     'bg-color-1': string;
     'bg-color-2': string;
     'bg-color-3': string;
     'bg-color-4': string;
+    'fill-color-1': string;
     'fill-color-5': string;
     'border-color-1': string;
     'border-color-2': string;

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

@@ -1,14 +1,17 @@
-const F = {
+import o from "../color/light.mjs";
+const r = {
   "color-text-1": "#FFFFFF",
+  "color-text-2": o["color-gray-8"],
   "color-text-6": "rgba(22, 28, 42, 1)",
   "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"
 };
 export {
-  F as default
+  r as default
 };