base6-ui 2.0.32 → 2.0.35

package/es/components/switch/src/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/switch/src/cssVar.mjs

@@ -0,0 +1,11 @@
+import "../styles/dark.mjs";
+import { BodenSwitchLight as l } from "../styles/light.mjs";
+const a = (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 {
+  a as getStyleCssVar
+};

package/es/components/switch/src/switch.vue.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'vue';
+type PropsType = {
+    className?: string;
+    style?: CSSProperties;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PropsType> & Readonly<{}>, {
+    className: string;
+    style: CSSProperties;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/switch/src/switch.vue.mjs

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

package/es/components/switch/src/switch.vue2.mjs

@@ -0,0 +1,32 @@
+import { NSwitch as a } from "naive-ui";
+import { defineComponent as i, computed as c, createBlock as l, openBlock as m, mergeProps as d, createSlots as f, renderList as u, withCtx as p, renderSlot as h } from "vue";
+import { useNaiveConfigProvideContext as v } from "../../../_mixins/use-boden-config-provide-context.mjs";
+import { getStyleCssVar as w } from "./cssVar.mjs";
+const $ = /* @__PURE__ */ i({
+  name: "BodenSwitch",
+  __name: "switch",
+  props: {
+    className: { default: "" },
+    style: { default: () => ({}) }
+  },
+  setup(t) {
+    const s = v(), r = c(() => w(s?.mergedThemeOverridesRef.value?.Switch));
+    return (e, S) => {
+      const n = a;
+      return m(), l(n, d(e.$attrs, {
+        class: `boden-switch ${t.className}`,
+        style: [r.value, t.style]
+      }), f({ _: 2 }, [
+        u(e.$slots, (C, o) => ({
+          name: o,
+          fn: p(() => [
+            h(e.$slots, o, {}, void 0, !0)
+          ])
+        }))
+      ]), 1040, ["class", "style"]);
+    };
+  }
+});
+export {
+  $ as default
+};

package/es/components/switch/styles/_common.d.ts

@@ -0,0 +1,2 @@
+import { BaseSwitchThemeOverrides } from '../../../types/themes/components';
+export declare const BodenSwitchCommon: BaseSwitchThemeOverrides;

package/es/components/switch/styles/_common.mjs

@@ -0,0 +1,13 @@
+const t = {
+  boxShadowFocus: "none",
+  buttonHeightMedium: "16px",
+  buttonHeightSmall: "12px",
+  buttonWidthMedium: "16px",
+  buttonWidthSmall: "12px",
+  railHeightSmall: "16px",
+  railHeightMedium: "24px",
+  railWidthSmall: "28px"
+};
+export {
+  t as BodenSwitchCommon
+};

package/es/components/switch/styles/dark.d.ts

@@ -0,0 +1,2 @@
+import { BaseSwitchThemeOverrides } from '../../../types/themes/components';
+export declare const BodenSwitchDark: BaseSwitchThemeOverrides;

package/es/components/switch/styles/dark.mjs

@@ -0,0 +1,16 @@
+import r from "../../../_styles/vars/base/dark.mjs";
+import o from "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+import { BodenSwitchCommon as l } from "./_common.mjs";
+const c = {
+  ...l,
+  buttonColorActiveDisabled: o["color-text-5"],
+  buttonColorDisabled: o["color-text-5"],
+  railColor: o["fill-color-4"],
+  railColorActive: r["color-primary-6"],
+  railColorActiveDisabled: o["color-primary-disabled-opacity"],
+  railColorDisabled: o["fill-color-2"]
+};
+export {
+  c as BodenSwitchDark
+};

package/es/components/switch/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { BodenSwitchDark } from './dark';
+export { BodenSwitchLight } from './light';

package/es/components/switch/styles/light.d.ts

@@ -0,0 +1,2 @@
+import { BaseSwitchThemeOverrides } from '../../../types/themes/components';
+export declare const BodenSwitchLight: BaseSwitchThemeOverrides;

package/es/components/switch/styles/light.mjs

@@ -0,0 +1,16 @@
+import o from "../../../_styles/vars/base/light.mjs";
+import "../../../_styles/vars/colors/dark.mjs";
+import r from "../../../_styles/vars/colors/light.mjs";
+import { BodenSwitchCommon as l } from "./_common.mjs";
+const e = {
+  ...l,
+  buttonColorActiveDisabled: r["bg-color-2"],
+  buttonColorDisabled: r["bg-color-2"],
+  railColor: o["color-gray-4"],
+  railColorActive: o["color-primary-6"],
+  railColorActiveDisabled: o["color-primary-3"],
+  railColorDisabled: o["color-gray-3"]
+};
+export {
+  e as BodenSwitchLight
+};

package/es/components/system-actions/index.vue.d.ts

@@ -3,10 +3,14 @@ declare const _default: import('vue').DefineComponent<BodenSystemActionsProps, {
     toggleSystemTheme: (event: MouseEvent) => any;
     toggleSystemLang: () => any;
     toggleUserItem: (key: string | number, option: import('naive-ui').MenuOption) => any;
+    toggleTenantChange: (id: string | number, successCb: () => void) => any;
+    toggleTenantJoin: (code: string, successCb: () => void) => any;
 }, string, import('vue').PublicProps, Readonly<BodenSystemActionsProps> & Readonly<{
     onToggleSystemTheme?: ((event: MouseEvent) => any) | undefined;
     onToggleSystemLang?: (() => any) | undefined;
     onToggleUserItem?: ((key: string | number, option: import('naive-ui').MenuOption) => any) | undefined;
+    onToggleTenantChange?: ((id: string | number, successCb: () => void) => any) | undefined;
+    onToggleTenantJoin?: ((code: string, successCb: () => void) => any) | undefined;
 }>, {
     mode: "vertical" | "horizontal";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d89a84b2"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b5dfc239"]]);
 export {
-  a as default
+  c as default
 };

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

@@ -1,93 +1,165 @@
-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 { NIcon as a, NDropdown as x, NButton as H } from "naive-ui";
+import { defineComponent as M, defineAsyncComponent as _, ref as b, computed as N, h as i, createElementBlock as V, openBlock as f, createVNode as s, unref as t, withCtx as l, createBlock as A, resolveDynamicComponent as C, createElementVNode as I, toDisplayString as j } from "vue";
+import G from "../../_internal/icons/add-circle.mjs";
+import P from "../../_internal/icons/lang.mjs";
+import W from "../../_internal/icons/logout.mjs";
+import F from "../../_internal/icons/switch-user.mjs";
+import K from "../../_internal/icons/theme-dark.mjs";
+import Y from "../../_internal/icons/theme-light.mjs";
+import q from "../../_internal/icons/user-center.mjs";
+import Q from "../../_internal/icons/user-dark.mjs";
+import X from "../../_internal/icons/user-light.mjs";
+import { useLocale as Z } from "../../_mixins/use-locale.mjs";
+import y 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";
-const D = { class: "boden-system-actions-container" }, U = { class: "user-trigger" }, E = { class: "name" }, F = /* @__PURE__ */ z({
+import { useAnimationHook as $ } from "../../_mixins/use-animation-hook.mjs";
+import { useNaiveConfigProvideContext as ee } from "../../_mixins/use-boden-config-provide-context.mjs";
+import { DEFAULT_USER_ACTION_OPTION_KEY as o } from "./interface.mjs";
+const te = { class: "boden-system-actions-container" }, oe = { class: "user-trigger" }, ne = { class: "name" }, Ne = /* @__PURE__ */ M({
   name: "BaseSystemActions",
   __name: "index",
   props: {
     mode: { default: "horizontal" },
     userActionOption: {},
+    userActionDisabledMap: {},
+    userActionHideMap: {},
+    tenantOptions: {},
     userInfo: {}
   },
-  emits: ["toggleSystemTheme", "toggleSystemLang", "toggleUserItem"],
-  setup(l, { emit: f }) {
-    const i = l, r = f, y = w(), { t: m } = L(), { toggleAnimationByClipCircle: _ } = O(), c = u(() => {
+  emits: ["toggleSystemTheme", "toggleSystemLang", "toggleUserItem", "toggleTenantChange", "toggleTenantJoin"],
+  setup(m, { emit: E }) {
+    const S = _(
+      () => import("../business-ui/tenant-dialog/switch-tenant-dialog/src/index.mjs")
+    ), O = _(
+      () => import("../business-ui/tenant-dialog/join-tenant-dialog/src/index.mjs")
+    ), u = m, r = E, U = ee(), { t: g } = Z(), { toggleAnimationByClipCircle: k } = $(), d = b(!1), c = b(!1), p = N(() => {
       const {
         name: e = "light"
-      } = y?.mergedThemeRef.value || {};
+      } = U?.mergedThemeRef.value || {};
       return e !== "light";
-    }), h = u(() => i.userActionOption && i.userActionOption.length ? i.userActionOption : [
-      {
-        label: m("boden.systemActions.userCenter"),
-        key: "user-center",
-        icon: () => g(n, { icon: "layout-user-center", size: "16" })
-      },
-      {
-        label: m("boden.systemActions.logout"),
-        key: "logout",
-        icon: () => g(n, { icon: "layout-logout", size: "16" })
-      }
-    ]), S = () => {
+    }), w = N(() => {
+      if (u.userActionOption && u.userActionOption.length) return u.userActionOption;
+      const { userActionDisabledMap: e, userActionHideMap: n } = u;
+      return [
+        {
+          label: g("boden.systemActions.userCenter"),
+          key: o.USER_CENTER,
+          disabled: e?.[o.USER_CENTER],
+          show: !n?.[o.USER_CENTER],
+          icon: () => i(a, { size: 16 }, { default: () => i(q) })
+        },
+        {
+          label: g("boden.systemActions.switchTenant"),
+          key: o.SWITCH_TENANT,
+          disabled: e?.[o.SWITCH_TENANT],
+          show: !n?.[o.SWITCH_TENANT],
+          icon: () => i(a, { size: 16 }, { default: () => i(F) })
+        },
+        {
+          label: g("boden.systemActions.joinTenant"),
+          key: o.JOIN_TENANT,
+          disabled: e?.[o.JOIN_TENANT],
+          show: !n?.[o.JOIN_TENANT],
+          icon: () => i(a, { size: 16 }, { default: () => i(G) })
+        },
+        {
+          label: g("boden.systemActions.logout"),
+          key: o.LOGOUT,
+          disabled: e?.[o.LOGOUT],
+          show: !n?.[o.LOGOUT],
+          icon: () => i(a, { size: 16 }, { default: () => i(W) })
+        }
+      ];
+    }), L = () => {
       r("toggleSystemLang");
-    }, k = (e) => {
+    }, D = (e) => {
       r("toggleSystemTheme", e);
-    }, v = (e, a) => {
-      r("toggleUserItem", e, a);
-    }, C = (e) => {
-      _(e, c.value, k);
+    }, J = (e, n) => {
+      switch (r("toggleUserItem", e, n), e) {
+        case "switch-tenant":
+          c.value = !0;
+          break;
+        case "join-tenant":
+          d.value = !0;
+          break;
+      }
+    }, z = (e) => {
+      k(e, p.value, D);
+    }, B = async (e) => {
+      r("toggleTenantChange", e, () => {
+        c.value = !1;
+      });
+    }, h = async (e) => {
+      r("toggleTenantJoin", e, () => {
+        c.value = !1, d.value = !1;
+      });
     };
-    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"])
+    return (e, n) => {
+      const v = H, R = x;
+      return f(), V("div", te, [
+        s(t(y), { onClick: z }, {
+          default: l(() => [
+            s(t(a), { size: 16 }, {
+              default: l(() => [
+                (f(), A(C(p.value ? t(K) : t(Y))))
+              ]),
+              _: 1
+            })
           ]),
           _: 1
         }),
-        t(o(d), { onClick: S }, {
-          default: s(() => [
-            t(o(n), {
-              icon: "layout-lang",
-              size: "16"
+        s(t(y), { onClick: L }, {
+          default: l(() => [
+            s(t(a), { size: 16 }, {
+              default: l(() => [
+                s(t(P))
+              ]),
+              _: 1
             })
           ]),
           _: 1
         }),
-        t(b, {
+        s(R, {
           placement: "bottom",
           trigger: "click",
-          options: h.value,
-          onSelect: v
+          options: w.value,
+          onSelect: J
         }, {
-          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"]),
-                  p("span", E, T(l.userInfo?.name), 1)
+          default: l(() => [
+            I("div", oe, [
+              s(v, { text: "" }, {
+                default: l(() => [
+                  s(t(a), { size: 32 }, {
+                    default: l(() => [
+                      (f(), A(C(p.value ? t(Q) : t(X))))
+                    ]),
+                    _: 1
+                  }),
+                  I("span", ne, j(m.userInfo?.name), 1)
                 ]),
                 _: 1
               })
             ])
           ]),
           _: 1
-        }, 8, ["options"])
+        }, 8, ["options"]),
+        s(t(S), {
+          visible: c.value,
+          "onUpdate:visible": n[0] || (n[0] = (T) => c.value = T),
+          "tenant-options": m.tenantOptions,
+          "tenant-value": m.userInfo?.tenantId,
+          onChangeTenant: B,
+          onJoinTenant: h
+        }, null, 8, ["visible", "tenant-options", "tenant-value"]),
+        s(t(O), {
+          visible: d.value,
+          "onUpdate:visible": n[1] || (n[1] = (T) => d.value = T),
+          onJoinTenant: h
+        }, null, 8, ["visible"])
       ]);
     };
   }
 });
 export {
-  F as default
+  Ne as default
 };

package/es/components/system-actions/interface.d.ts

@@ -1,14 +1,30 @@
 import { DropdownOption, DropdownGroupOption, DropdownDividerOption, DropdownRenderOption } from 'naive-ui';
+export declare const enum DEFAULT_USER_ACTION_OPTION_KEY {
+    USER_CENTER = "user-center",
+    SWITCH_TENANT = "switch-tenant",
+    JOIN_TENANT = "join-tenant",
+    LOGOUT = "logout"
+}
 export type UserInfoType = {
     name: string;
+    mobile?: string;
+    tenantId?: string;
 };
 export type BodenSystemActionsProps = {
     mode?: 'vertical' | 'horizontal';
     userActionOption?: Array<DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption>;
+    userActionDisabledMap?: Partial<Record<DEFAULT_USER_ACTION_OPTION_KEY, boolean>>;
+    userActionHideMap?: Partial<Record<DEFAULT_USER_ACTION_OPTION_KEY, boolean>>;
+    tenantOptions?: Array<{
+        label: string;
+        value: string | number;
+    }>;
     userInfo?: UserInfoType;
 };
 export type BodenSystemActionsEmits = {
     (e: 'toggleSystemTheme', event: MouseEvent): void;
     (e: 'toggleSystemLang'): void;
     (e: 'toggleUserItem', key: string | number, option: DropdownOption): void;
+    (e: 'toggleTenantChange', id: string | number, successCb: () => void): Promise<void>;
+    (e: 'toggleTenantJoin', code: string, successCb: () => void): Promise<void>;
 };

package/es/components/system-actions/interface.mjs

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((t) => (t.USER_CENTER = "user-center", t.SWITCH_TENANT = "switch-tenant", t.JOIN_TENANT = "join-tenant", t.LOGOUT = "logout", t))(e || {});
+export {
+  e as DEFAULT_USER_ACTION_OPTION_KEY
+};

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

@@ -1,2 +1,2 @@
-export { default as BodenTabs } from './tabs';
-export { bodenTabsProps, type BodenTabsProps } from './tabs';
+export { default as BodenTabs } from './src/tabs';
+export { bodenTabsProps, type BodenTabsProps } from './src/tabs';

package/es/components/tabs/src/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/tabs/src/cssVar.mjs

@@ -0,0 +1,8 @@
+import "../styles/dark.mjs";
+import { BodenTabsLight as a } from "../styles/light.mjs";
+const s = (r) => ({
+  "--n-tab-border-radius": r?.tabRoundBorderRadius || a.tabBorderRadius
+});
+export {
+  s as getBaseTabsCssVar
+};