base6-ui 2.0.19 → 2.0.21

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

@@ -192,14 +192,8 @@ const l = {
   tabRoundBorderRadius: e.tabRoundBorderRadius
   // closeBorderRadius: string;    /* 关闭按钮圆角 */
 }, p = {
-  indicatorColorWait: "transparent",
-  /* 等待状态指示器背景色 */
   indicatorColorProcess: r["color-primary-6"],
   /* 进行状态指示器背景色 */
-  indicatorColorFinish: "transparent",
-  /* 完成状态指示器背景色 */
-  indicatorColorError: "transparent",
-  /* 错误状态指示器背景色 */
   indicatorTextColorWait: r["color-gray-6"],
   /* 等待状态指示器文字颜色 */
   indicatorTextColorProcess: o["color-text-5"],

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

@@ -290,14 +290,8 @@ const l = {
   tabRoundBorderRadius: r.tabRoundBorderRadius
   // closeBorderRadius: commonBase.tabBorderRadius /* 关闭按钮圆角 */
 }, p = {
-  indicatorColorWait: e["color-text-1"],
-  /* 等待状态指示器背景色 */
   indicatorColorProcess: o["color-primary-6"],
   /* 进行状态指示器背景色 */
-  indicatorColorFinish: e["color-text-1"],
-  /* 完成状态指示器背景色 */
-  indicatorColorError: e["color-text-1"],
-  /* 错误状态指示器背景色 */
   indicatorTextColorWait: o["color-gray-6"],
   /* 等待状态指示器文字颜色 */
   indicatorTextColorProcess: e["color-text-1"],

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

@@ -1,17 +1,20 @@
-import { commonBase as e } from "../../common.mjs";
-const i = {
-  borderRadiusLarge: e.borderRadiusLarge,
-  borderRadiusMedium: e.borderRadiusMedium,
-  borderRadiusSmall: e.borderRadiusSmall,
-  heightMedium: e.heightMedium,
+import { commonBase as d } from "../../common.mjs";
+const a = {
+  borderRadiusLarge: d.borderRadiusLarge,
+  borderRadiusMedium: d.borderRadiusMedium,
+  borderRadiusSmall: d.borderRadiusSmall,
+  heightMedium: d.heightMedium,
   heightSmall: "24px",
-  fontSizeLarge: e.fontSizeLarge,
-  fontSizeSmall: e.fontSizeSmall,
+  fontSizeLarge: d.fontSizeLarge,
+  fontSizeSmall: d.fontSizeSmall,
   opacityDisabled: "1",
   paddingLarge: "0 24px",
   paddingMedium: "0 16px",
-  paddingSmall: "0 12px"
+  paddingSmall: "0 12px",
+  paddingRoundLarge: "0 24px",
+  paddingRoundMedium: "0 16px",
+  paddingRoundSmall: "0 12px"
 };
 export {
-  i as ButtonThemeCommon
+  a as ButtonThemeCommon
 };

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

@@ -1,5 +1,6 @@
-const o = {
-  tdColorSorting: "#ffff",
+const t = {
+  tdColorSorting: "transparent",
+  thColorSorting: "transparent",
   peers: {
     Scrollbar: {
       railInsetHorizontalBottom: "auto 2px 0px 2px",
@@ -8,5 +9,5 @@ const o = {
   }
 };
 export {
-  o as DataTableThemeCommon
+  t as DataTableThemeCommon
 };

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

@@ -1,19 +1,25 @@
 import r from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
 import { DataTableThemeCommon as t } from "./common.mjs";
-const m = {
-  ...t,
-  tdColor: o["bg-color-2"],
-  tdColorStriped: o["fill-color-5"],
-  tdTextColor: r["color-gray-10"],
-  thColor: o["bg-color-2"],
-  thFontWeight: "400",
-  thPaddingMedium: "6px 12px",
-  thTextColor: o["color-text-2"],
-  borderColor: r["color-gray-3"]
-  // borderColor: darkBase['color-gray-4'],
-  // borderRadius: commonBase['borderRadiusMedium']
-};
+import { merge as e } from "../../../../node_modules/.pnpm/es-toolkit@1.41.0/node_modules/es-toolkit/dist/object/merge.mjs";
+const p = e(
+  {
+    tdColor: o["bg-color-2"],
+    tdColorStriped: o["fill-color-5"],
+    tdTextColor: r["color-gray-10"],
+    thColor: o["bg-color-2"],
+    thFontWeight: "400",
+    thPaddingMedium: "6px 12px",
+    thTextColor: o["color-text-2"],
+    borderColor: r["color-gray-3"],
+    peers: {
+      Popover: {
+        color: o["bg-color-9"]
+      }
+    }
+  },
+  { ...t }
+);
 export {
-  m as DataTableThemeDark
+  p as DataTableThemeDark
 };

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

@@ -2,7 +2,7 @@ const p = {
   closeMargin: "29px 24px 0 0",
   contentMargin: "24px 0",
   padding: "24px 24px 16px",
-  titleFontSize: "24px",
+  titleFontSize: "20px",
   iconMargin: "0 6px 0 0",
   iconSize: "24px",
   borderRadius: "10px"

package/es/config/themes/components/dialog/dark.d.ts

@@ -6,6 +6,7 @@ export declare const DialogThemeDark: {
     iconColorInfo: string;
     iconColorSuccess: string;
     iconColorWarning: string;
+    color: string;
     closeMargin: string;
     contentMargin: string;
     padding: string;

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

@@ -1,15 +1,16 @@
 import o from "../../color/dark.mjs";
 import r from "../../token/dark.mjs";
-import { DialogThemeCommon as e } from "./common.mjs";
+import { DialogThemeCommon as l } from "./common.mjs";
 const i = {
-  ...e,
+  ...l,
   closeIconColor: r["color-text-1"],
   titleTextColor: r["color-text-1"],
   textColor: r["color-text-1"],
   iconColorError: o["color-red-6"],
   iconColorInfo: o["color-primary-6"],
   iconColorSuccess: o["color-green-6"],
-  iconColorWarning: o["color-origin-6"]
+  iconColorWarning: o["color-origin-6"],
+  color: r["bg-color-3"]
 };
 export {
   i as DialogThemeDark

package/es/config/themes/components/dropdown/common.d.ts

@@ -0,0 +1,2 @@
+import { DropdownProps } from 'naive-ui';
+export declare const DropdownThemeCommon: DropdownProps['themeOverrides'];

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

@@ -0,0 +1,6 @@
+const o = {
+  borderRadius: "10px"
+};
+export {
+  o as DropdownThemeCommon
+};

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

@@ -1,8 +1,11 @@
 import o from "../../token/dark.mjs";
-const t = {
+import { DropdownThemeCommon as r } from "./common.mjs";
+const l = {
+  ...r,
   optionColorHover: o["fill-color-5"],
-  optionTextColor: o["color-text-1"]
+  optionTextColor: o["color-text-1"],
+  color: o["bg-color-9"]
 };
 export {
-  t as DropdownThemeDark
+  l as DropdownThemeDark
 };

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

@@ -1,8 +1,10 @@
 import o from "../../color/light.mjs";
-const t = {
+import { DropdownThemeCommon as r } from "./common.mjs";
+const e = {
+  ...r,
   optionColorHover: o["color-primary-2"],
   optionTextColor: o["color-gray-10"]
 };
 export {
-  t as DropdownThemeLight
+  e as DropdownThemeLight
 };

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

@@ -1,4 +1,7 @@
 const e = {
+  feedbackHeightSmall: "28px",
+  feedbackHeightMedium: "28px",
+  feedbackHeightLarge: "28px",
   feedbackPadding: "2px 0 0 2px",
   feedbackFontSizeLarge: "12px",
   feedbackFontSizeMedium: "12px",

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

@@ -6,7 +6,7 @@ const d = {
   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/select/dark.mjs

@@ -1,19 +1,16 @@
 import r from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
-import { commonBase as e } from "../../common.mjs";
+import { commonBase as l } from "../../common.mjs";
 const c = {
   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"],

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/transfer/dark.mjs

@@ -1,9 +1,13 @@
-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 { commonBase as e } from "../../common.mjs";
+const a = {
+  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
+  a 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
 };