base6-ui 1.1.14 → 1.1.16

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

@@ -0,0 +1,7 @@
+import { BaseSwitchThemeOverrides } from '../../types/themes/components';
+export declare const getStyleCssVar: (themeOverrides?: BaseSwitchThemeOverrides) => {
+    '--n-rail-color-active-disabled': string | undefined;
+    '--n-rail-color-disabled': string | undefined;
+    '--n-button-color-disabled': string | undefined;
+    '--n-button-color-active-disabled': string | undefined;
+};

package/es/components/BaseSwitch/cssVar.mjs

@@ -0,0 +1,10 @@
+import { SwitchThemeLight as l } from "../../config/themes/components/switch/light.mjs";
+const t = (o) => ({
+  "--n-rail-color-active-disabled": o?.railColorActiveDisabled || l.railColorActiveDisabled,
+  "--n-rail-color-disabled": o?.railColorDisabled || l.railColorDisabled,
+  "--n-button-color-disabled": o?.buttonColorDisabled || l.buttonColorDisabled,
+  "--n-button-color-active-disabled": o?.buttonColorActiveDisabled || l.buttonColorActiveDisabled
+});
+export {
+  t as getStyleCssVar
+};

package/es/components/BaseSwitch/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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b0c0e5fe"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ee1b1c3d"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -1,38 +1,26 @@
-import { NSwitch as i } from "naive-ui";
-import { defineComponent as l, shallowRef as a, watch as n, createBlock as d, openBlock as c, mergeProps as m, createSlots as f, renderList as u, withCtx as b, renderSlot as p } from "vue";
+import { NSwitch as a } from "naive-ui";
+import { defineComponent as i, computed as l, createBlock as m, openBlock as c, mergeProps as d, createSlots as f, renderList as u, withCtx as p, renderSlot as h } from "vue";
 import v from "../../hooks/useNaiveConfigProvideContext.mjs";
-const g = /* @__PURE__ */ l({
+import { getStyleCssVar as S } from "./cssVar.mjs";
+const $ = /* @__PURE__ */ i({
   name: "BaseSwitch",
   __name: "index",
   props: {
     className: { default: "" },
     style: { default: () => ({}) }
   },
-  setup(h) {
-    const s = v(), t = a({});
-    return n(
-      () => s?.mergedThemeOverridesRef.value.Switch,
-      (e) => {
-        e && (t.value = {
-          "--n-rail-color-active-disabled": e.railColorActiveDisabled,
-          "--n-rail-color-disabled": e.railColorDisabled,
-          "--n-button-color-disabled": e.buttonColorDisabled,
-          "--n-button-color-active-disabled": e.buttonColorActiveDisabled
-        });
-      },
-      {
-        immediate: !0
-      }
-    ), (e, C) => {
-      const r = i;
-      return c(), d(r, m(e.$attrs, {
-        class: `base-switch ${e.className}`,
-        style: [t.value, e.style]
+  setup(t) {
+    const o = v(), r = l(() => S(o?.mergedThemeOverridesRef.value.Switch));
+    return (e, w) => {
+      const n = a;
+      return c(), m(n, d(e.$attrs, {
+        class: `base-switch ${t.className}`,
+        style: [r.value, t.style]
       }), f({ _: 2 }, [
-        u(e.$slots, (w, o) => ({
-          name: o,
-          fn: b(() => [
-            p(e.$slots, o, {}, void 0, !0)
+        u(e.$slots, (C, s) => ({
+          name: s,
+          fn: p(() => [
+            h(e.$slots, s, {}, void 0, !0)
           ])
         }))
       ]), 1040, ["class", "style"]);
@@ -40,5 +28,5 @@ const g = /* @__PURE__ */ l({
   }
 });
 export {
-  g as default
+  $ as default
 };

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

@@ -0,0 +1,7 @@
+export declare const getButtonThemeOverrides: (isDark: boolean) => {
+    color: string;
+    colorHover: string;
+    colorFocus: string;
+    textColor: string;
+    border: string;
+};

package/es/components/BaseSystemActions/cssVar.mjs

@@ -0,0 +1,63 @@
+import m from "../../config/themes/token/dark.mjs";
+import r from "../../config/themes/token/light.mjs";
+import p from "../../config/themes/color/dark.mjs";
+import t 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";
+import "../../config/themes/components/cascader/light.mjs";
+import "../../config/themes/components/dataTable/light.mjs";
+import "../../config/themes/components/datePicker/light.mjs";
+import "../../config/themes/components/checkbox/light.mjs";
+import "../../config/themes/components/divider/light.mjs";
+import "../../config/themes/components/dialog/light.mjs";
+import "../../config/themes/components/dropdown/light.mjs";
+import "../../config/themes/components/form/light.mjs";
+import "../../config/themes/components/input/light.mjs";
+import "../../config/themes/components/inputNumber/light.mjs";
+import "../../config/themes/components/layout/light.mjs";
+import "../../config/themes/components/menu/light.mjs";
+import "../../config/themes/components/progress/light.mjs";
+import "../../config/themes/components/radio/light.mjs";
+import "../../config/themes/components/select/light.mjs";
+import "../../config/themes/components/slider/light.mjs";
+import "../../config/themes/components/switch/light.mjs";
+import "../../config/themes/components/tag/light.mjs";
+import "../../config/themes/components/transfer/light.mjs";
+import "../../config/themes/components/baseComponent/light.mjs";
+import "../../config/themes/common/light.mjs";
+import "../../config/themes/components/alert/dark.mjs";
+import "../../config/themes/components/button/dark.mjs";
+import "../../config/themes/components/card/dark.mjs";
+import "../../config/themes/components/cascader/dark.mjs";
+import "../../config/themes/components/checkbox/dark.mjs";
+import "../../config/themes/components/dataTable/dark.mjs";
+import "../../config/themes/components/datePicker/dark.mjs";
+import "../../config/themes/components/dialog/dark.mjs";
+import "../../config/themes/components/dropdown/dark.mjs";
+import "../../config/themes/components/form/dark.mjs";
+import "../../config/themes/components/input/dark.mjs";
+import "../../config/themes/components/inputNumber/dark.mjs";
+import "../../config/themes/components/layout/dark.mjs";
+import "../../config/themes/components/menu/dark.mjs";
+import "../../config/themes/components/progress/dark.mjs";
+import "../../config/themes/components/radio/dark.mjs";
+import "../../config/themes/components/select/dark.mjs";
+import "../../config/themes/components/slider/dark.mjs";
+import "../../config/themes/components/switch/dark.mjs";
+import "../../config/themes/components/tag/dark.mjs";
+import "../../config/themes/components/transfer/dark.mjs";
+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 po = (o) => ({
+  color: o ? "#222327" : r["bg-color-2"],
+  colorHover: o ? "#222327" : r["bg-color-2"],
+  colorFocus: o ? "#222327" : r["bg-color-2"],
+  textColor: o ? m["color-text-2"] : t["color-gray-8"],
+  border: `1px solid ${o ? p["color-gray-3"] : t["color-gray-3"]}`
+});
+export {
+  po as getButtonThemeOverrides
+};

package/es/components/BaseSystemActions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BaseSystemActions } from './index.vue';
+export type { BaseSystemActionsProps } from './type';

package/es/components/BaseSystemActions/index.vue.d.ts

@@ -0,0 +1,13 @@
+import { BaseSystemActionsProps } from './type';
+declare const _default: import('vue').DefineComponent<BaseSystemActionsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggleSystemTheme: (...args: any[]) => void;
+    toggleSystemLang: (...args: any[]) => void;
+    toggleUserItem: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<BaseSystemActionsProps> & Readonly<{
+    onToggleSystemTheme?: ((...args: any[]) => any) | undefined;
+    onToggleSystemLang?: ((...args: any[]) => any) | undefined;
+    onToggleUserItem?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: "vertical" | "horizontal";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,102 @@
+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 w from "../../hooks/useNaiveConfigProvideContext.mjs";
+import { getButtonThemeOverrides as D } from "./cssVar.mjs";
+const U = { class: "base-system-actions-container" }, E = { class: "user-trigger" }, P = { class: "name" }, F = /* @__PURE__ */ z({
+  name: "BaseSystemActions",
+  __name: "index",
+  props: {
+    mode: { default: "horizontal" },
+    userActionOption: {},
+    userInfo: {}
+  },
+  emits: [
+    "toggleSystemTheme",
+    "toggleSystemLang",
+    "toggleUserItem"
+  ],
+  setup(a, { emit: f }) {
+    const s = a, i = f, y = w(), { t: u } = O(), { toggleAnimationByClipCircle: _ } = L(), r = m(() => {
+      const {
+        name: e = "light"
+      } = y?.mergedThemeRef.value || {};
+      return e !== "light";
+    }), g = m(() => D(r.value)), v = m(() => s.userActionOption && s.userActionOption.length ? s.userActionOption : [
+      {
+        label: u("base.systemActions.userCenter"),
+        key: "user-center",
+        icon: () => p(o, { icon: "layout-user-center", size: "16" })
+      },
+      {
+        label: u("base.systemActions.logout"),
+        key: "logout",
+        icon: () => p(o, { icon: "layout-logout", size: "16" })
+      }
+    ]), S = () => {
+      i("toggleSystemLang");
+    }, k = () => {
+      i("toggleSystemTheme");
+    }, C = (e, d) => {
+      i("toggleUserItem", e, d);
+    }, A = (e) => {
+      _(e, r.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",
+              size: "16"
+            })
+          ]),
+          _: 1
+        }, 8, ["theme-overrides"]),
+        t(c, {
+          "theme-overrides": g.value,
+          onClick: S
+        }, {
+          default: n(() => [
+            t(l(o), {
+              icon: "layout-lang",
+              size: "16"
+            })
+          ]),
+          _: 1
+        }, 8, ["theme-overrides"]),
+        t(b, {
+          placement: "bottom",
+          trigger: "click",
+          options: v.value,
+          onSelect: C
+        }, {
+          default: n(() => [
+            h("div", E, [
+              t(c, { text: "" }, {
+                default: n(() => [
+                  t(l(o), {
+                    icon: `layout-user-${r.value ? "dark" : "light"}`,
+                    size: "32"
+                  }, null, 8, ["icon"]),
+                  h("span", P, N(a.userInfo?.name), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["options"])
+      ]);
+    };
+  }
+});
+export {
+  F as default
+};

package/es/components/BaseSystemActions/type.d.ts

@@ -0,0 +1,9 @@
+import { DropdownOption, DropdownGroupOption, DropdownDividerOption, DropdownRenderOption } from 'naive-ui';
+export type UserInfoType = {
+    name: string;
+};
+export type BaseSystemActionsProps = {
+    mode?: 'vertical' | 'horizontal';
+    userActionOption?: Array<DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption>;
+    userInfo?: UserInfoType;
+};

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

@@ -0,0 +1,4 @@
+import { BaseTabsThemeOverrides } from '../../types/themes/components';
+export declare const getBaseTabsCssVar: (themeOverrides?: BaseTabsThemeOverrides) => {
+    '--n-tab-border-radius': string | undefined;
+};

package/es/components/BaseTabs/cssVar.mjs

@@ -0,0 +1,7 @@
+import { TabsThemeLight as a } from "../../config/themes/components/baseComponent/light.mjs";
+const s = (r) => ({
+  "--n-tab-border-radius": r?.tabRoundBorderRadius || a.tabBorderRadius
+});
+export {
+  s as getBaseTabsCssVar
+};

package/es/components/BaseTabs/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BaseTabs } from './tabs';
+export { baseTabsProps, type BaseTabsProps } from './tabs';