@ibiz-template/vue3-components 0.7.38-alpha.21 → 0.7.38-alpha.43

package/es/view-engine/tree-exp-view.engine.d.ts

@@ -23,4 +23,18 @@ export declare class TreeExpViewEngine extends ExpViewEngine {
      */
     get tree(): ITreeController;
     call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 视图mounted生命周期执行逻辑
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof TreeExpViewEngine
+     */
+    onMounted(): Promise<void>;
+    /**
+     * 加载实体主数据
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof TreeExpViewEngine
+     */
+    loadEntityData(): Promise<void>;
 }

package/es/view-engine/tree-exp-view.engine.mjs

@@ -1,4 +1,4 @@
-import { SysUIActionTag } from '@ibiz-template/runtime';
+import { SysUIActionTag, calcDeCodeNameById } from '@ibiz-template/runtime';
 import { RuntimeError } from '@ibiz-template/core';
 import { ExpViewEngine } from './exp-view.engine.mjs';
 
@@ -79,6 +79,29 @@ class TreeExpViewEngine extends ExpViewEngine {
     }
     return super.call(key, args);
   }
+  /**
+   * 视图mounted生命周期执行逻辑
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof TreeExpViewEngine
+   */
+  async onMounted() {
+    await super.onMounted();
+    await this.loadEntityData();
+  }
+  /**
+   * 加载实体主数据
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof TreeExpViewEngine
+   */
+  async loadEntityData() {
+    const deName = calcDeCodeNameById(this.view.model.appDataEntityId);
+    if (!this.view.context[deName] || !this.view.model.showDataInfoBar) {
+      return;
+    }
+    return super.loadEntityData();
+  }
 }
 
 export { TreeExpViewEngine };

package/es/web-app/attach-environment-config.mjs

@@ -15,7 +15,11 @@ async function attachEnvironmentConfig() {
   Object.keys(ibiz.env).forEach((key) => {
     const key2 = envMap.has(key) ? envMap.get(key) : key;
     if (env[key2] != null) {
-      ibiz.env[key] = env[key2];
+      if (key2 === "customParams") {
+        ibiz.env[key] = JSON.parse(env[key2]);
+      } else {
+        ibiz.env[key] = env[key2];
+      }
     }
   });
   if (query) {

package/es/web-app/components/modal-router-shell/modal-router-shell.mjs

@@ -105,6 +105,10 @@ const ModalRouterShell = /* @__PURE__ */ defineComponent({
       const result = await overlay.onWillDismiss();
       overlay = null;
       if (isDestroyed.value === false) {
+        const historyIndex = pathHistory.indexOf(route.fullPath);
+        if (historyIndex !== -1) {
+          pathHistory.splice(historyIndex, 1);
+        }
         if ((_a = window.history.state) == null ? void 0 : _a.back) {
           router.back();
         } else {

package/es/web-app/guard/auth-guard/auth-guard.d.ts

@@ -21,43 +21,51 @@ export declare class AuthGuard {
     });
     /**
      * 总的入口校验
-     * @author lxm
-     * @date 2024-02-21 10:43:55
-     * @param {boolean} notLogin
+     *
+     * @author tony001
+     * @date 2024-11-12 14:11:32
+     * @param {IParams} context
+     * @param {boolean} [notLogin=true]
      * @return {*}  {Promise<boolean>}
      */
-    verify(notLogin?: boolean): Promise<boolean>;
+    verify(context: IParams, notLogin?: boolean): Promise<boolean>;
     /**
      * 匿名登录相关校验逻辑，不通过会抛异常
-     * @author lxm
-     * @date 2024-01-03 07:29:30
+     *
+     * @author tony001
+     * @date 2024-11-12 14:11:27
+     * @param {IParams} context
      * @return {*}  {Promise<void>}
      */
-    anonymousValidate(): Promise<void>;
+    anonymousValidate(context: IParams): Promise<void>;
     /**
      * 应用参数初始化
      *
-     * @author chitanda
-     * @date 2022-07-20 19:07:54
+     * @author tony001
+     * @date 2024-11-12 14:11:06
+     * @param {IParams} context
      * @return {*}  {Promise<void>}
      */
-    appInit(): Promise<void>;
+    appInit(context: IParams): Promise<void>;
     /**
      * 初始化模型
-     * @author lxm
-     * @date 2024-02-21 10:48:36
-     * @param {boolean} [permission=true]
+     *
+     * @author tony001
+     * @date 2024-11-12 14:11:43
+     * @param {IParams} context
+     * @param {boolean} [_permission=true]
      * @return {*}  {Promise<void>}
      */
-    initModel(_permission?: boolean): Promise<void>;
+    initModel(context: IParams, _permission?: boolean): Promise<void>;
     /**
      * 加载应用数据
      *
-     * @author chitanda
-     * @date 2022-07-20 20:07:50
+     * @author tony001
+     * @date 2024-12-19 20:12:01
+     * @param {IParams} [context]
      * @return {*}  {Promise<void>}
      */
-    loadAppData(): Promise<void>;
+    loadAppData(context?: IParams): Promise<void>;
     /**
      * 加载组织数据
      *

package/es/web-app/guard/auth-guard/auth-guard.mjs

@@ -34,40 +34,44 @@ class AuthGuard {
   }
   /**
    * 总的入口校验
-   * @author lxm
-   * @date 2024-02-21 10:43:55
-   * @param {boolean} notLogin
+   *
+   * @author tony001
+   * @date 2024-11-12 14:11:32
+   * @param {IParams} context
+   * @param {boolean} [notLogin=true]
    * @return {*}  {Promise<boolean>}
    */
-  async verify(notLogin = true) {
+  async verify(context, notLogin = true) {
     if (notLogin) {
       let result = true;
       try {
         if (ibiz.env.enableAnonymous) {
-          await this.anonymousValidate();
+          await this.anonymousValidate(context);
         }
-        await this.appInit();
+        await this.appInit(context);
       } catch (error) {
         result = false;
         ibiz.util.error.handle(error);
       }
       return result;
     }
-    await this.initModel(false);
+    await this.initModel(context, false);
     return true;
   }
   /**
    * 匿名登录相关校验逻辑，不通过会抛异常
-   * @author lxm
-   * @date 2024-01-03 07:29:30
+   *
+   * @author tony001
+   * @date 2024-11-12 14:11:27
+   * @param {IParams} context
    * @return {*}  {Promise<void>}
    */
-  async anonymousValidate() {
+  async anonymousValidate(context) {
     const authInfo = ibiz.auth.getAuthInfo();
     if (authInfo && !authInfo.isAnonymous) {
       return;
     }
-    await this.initModel(false);
+    await this.initModel(context, false);
     const urlPaths = window.location.hash.split("/");
     const viewName = urlPaths[urlPaths.length - 2];
     let viewModel;
@@ -100,16 +104,17 @@ class AuthGuard {
   /**
    * 应用参数初始化
    *
-   * @author chitanda
-   * @date 2022-07-20 19:07:54
+   * @author tony001
+   * @date 2024-11-12 14:11:06
+   * @param {IParams} context
    * @return {*}  {Promise<void>}
    */
-  async appInit() {
+  async appInit(context) {
     try {
       if (ibiz.env.isSaaSMode === true) {
         await this.loadOrgData();
       }
-      await this.loadAppData();
+      await this.loadAppData(context);
     } catch (error) {
       const responseStatus = error.status;
       const remember = getCookie(CoreConst.TOKEN_REMEMBER);
@@ -120,7 +125,7 @@ class AuthGuard {
           if (ibiz.env.isSaaSMode === true) {
             await this.loadOrgData();
           }
-          await this.loadAppData();
+          await this.loadAppData(context);
         } catch (refreshTokenError) {
           throw error;
         }
@@ -128,29 +133,37 @@ class AuthGuard {
         throw error;
       }
     }
-    await this.initModel();
+    await this.initModel(context);
     await ibiz.auth.extendLogin();
     await ibiz.hub.notice.init();
     await ibiz.util.theme.initCustomTheme();
   }
   /**
    * 初始化模型
-   * @author lxm
-   * @date 2024-02-21 10:48:36
-   * @param {boolean} [permission=true]
+   *
+   * @author tony001
+   * @date 2024-11-12 14:11:43
+   * @param {IParams} context
+   * @param {boolean} [_permission=true]
    * @return {*}  {Promise<void>}
    */
-  async initModel(_permission = true) {
+  async initModel(context, _permission = true) {
   }
   /**
    * 加载应用数据
    *
-   * @author chitanda
-   * @date 2022-07-20 20:07:50
+   * @author tony001
+   * @date 2024-12-19 20:12:01
+   * @param {IParams} [context]
    * @return {*}  {Promise<void>}
    */
-  async loadAppData() {
-    const res = await ibiz.net.get("/appdata");
+  async loadAppData(context) {
+    let res;
+    if (context && Object.keys(context).length > 0) {
+      res = await ibiz.net.get("/appdata", context);
+    } else {
+      res = await ibiz.net.get("/appdata");
+    }
     if (res.ok) {
       ibiz.appData = res.data;
     }
@@ -192,8 +205,20 @@ class AuthGuard {
     const app = ibiz.hub.getApp();
     const uiThemes = app.model.appUIThemes || [];
     if (uiThemes.length > 0) {
-      const theme = uiThemes[0];
-      await ibiz.util.theme.loadTheme(theme);
+      const colorThemes = uiThemes.filter((uiTheme) => {
+        return uiTheme.themeParams && uiTheme.themeParams["icon-theme"] !== "true";
+      });
+      if (colorThemes.length > 0) {
+        const colorTheme = colorThemes[0];
+        await ibiz.util.theme.loadTheme(colorTheme);
+      }
+      const iconThemes = uiThemes.filter((uiTheme) => {
+        return uiTheme.themeParams && uiTheme.themeParams["icon-theme"] === "true";
+      });
+      if (iconThemes.length > 0) {
+        const iconTheme = iconThemes[0];
+        await ibiz.util.theme.loadTheme(iconTheme, "ICON");
+      }
     }
   }
   /**

package/es/web-app/guard/auth-guard/dyna-auth-guard.d.ts

@@ -2,5 +2,5 @@ import { AuthGuard } from './auth-guard';
 export declare class DynaAuthGuard extends AuthGuard {
     hasModelInit: boolean;
     noPermissionModel: boolean;
-    initModel(permission?: boolean): Promise<void>;
+    initModel(context: IParams, permission?: boolean): Promise<void>;
 }

package/es/web-app/guard/auth-guard/dyna-auth-guard.mjs

@@ -16,7 +16,7 @@ class DynaAuthGuard extends AuthGuard {
     __publicField(this, "hasModelInit", false);
     __publicField(this, "noPermissionModel", false);
   }
-  async initModel(permission = true) {
+  async initModel(context, permission = true) {
     if (!this.hasModelInit || this.hasModelInit && this.noPermissionModel !== permission) {
       ibiz.hub.reset();
       const helper = new ModelHelper(
@@ -29,6 +29,7 @@ class DynaAuthGuard extends AuthGuard {
           return res.data;
         },
         ibiz.env.appId,
+        context,
         permission
       );
       const tempApp = await helper.getAppModel();

package/es/web-app/main.mjs

@@ -62,7 +62,9 @@ async function runApp(plugins, opts) {
   } else {
     authGuard = new DynaAuthGuard();
   }
-  AppRouter.setAuthGuard((notLogin) => authGuard.verify(notLogin));
+  AppRouter.setAuthGuard(
+    (context, notLogin) => authGuard.verify(context, notLogin)
+  );
   app.use(AppRouter.getRouter());
   ibiz.appUtil = new AppUtil(AppRouter.getRouter());
   ibiz.openView = new OpenViewUtil(AppRouter.getRouter());

package/es/web-app/router/index.d.ts

@@ -1,8 +1,9 @@
-import { Router } from 'vue-router';
+import { RouteLocationNormalized, Router } from 'vue-router';
 import 'nprogress/nprogress.css';
 export declare class AppRouter {
     private static router?;
     private static authGuard;
-    static setAuthGuard(authGuard: (notLogin?: boolean) => Promise<boolean>): void;
+    static setAuthGuard(authGuard: (context: IParams, notLogin?: boolean) => Promise<boolean>): void;
+    static getAppContext(route: RouteLocationNormalized): IParams;
     static getRouter(): Router;
 }

package/es/web-app/router/index.mjs

@@ -1,4 +1,5 @@
 import { createRouter, createWebHashHistory } from 'vue-router';
+import qs from 'qs';
 import { AppRedirectView } from '@ibiz-template/vue3-util';
 import { RouteConst } from '@ibiz-template/runtime';
 import NProgress from '../../node_modules/.pnpm/nprogress@0.2.0/node_modules/nprogress/nprogress.mjs';
@@ -22,6 +23,16 @@ class AppRouter {
   static setAuthGuard(authGuard) {
     this.authGuard = authGuard;
   }
+  static getAppContext(route) {
+    let appContext = {};
+    if (route.params.appContext && route.params.appContext !== ibiz.env.routePlaceholder) {
+      appContext = qs.parse(route.params.appContext, {
+        strictNullHandling: true,
+        delimiter: ";"
+      });
+    }
+    return appContext;
+  }
   static getRouter() {
     const placeholder = ibiz.env.routePlaceholder;
     const paramReg = "[^/]+=[^/]+|".concat(placeholder);
@@ -39,7 +50,7 @@ class AppRouter {
             path: "/login",
             name: "loginView",
             beforeEnter: async (_to, _from, next) => {
-              await this.authGuard(false);
+              await this.authGuard(this.getAppContext(_to), false);
               next();
             },
             component: LoginView
@@ -48,7 +59,7 @@ class AppRouter {
             path: "/share",
             name: "shareView",
             beforeEnter: async (_to, _from, next) => {
-              const authority = await this.authGuard();
+              const authority = await this.authGuard(this.getAppContext(_to));
               if (authority) {
                 next();
               } else {
@@ -66,7 +77,7 @@ class AppRouter {
             path: "/appredirectview",
             name: "appRedirectView",
             beforeEnter: async (_to, _from, next) => {
-              const authority = await this.authGuard();
+              const authority = await this.authGuard(this.getAppContext(_to));
               if (authority) {
                 next();
               } else {
@@ -78,7 +89,7 @@ class AppRouter {
           {
             path: "/:appContext(".concat(paramReg, ")/:view1(").concat(viewReg, ")/:params1(").concat(paramReg, ")"),
             beforeEnter: async (_to, _from, next) => {
-              const authority = await this.authGuard();
+              const authority = await this.authGuard(this.getAppContext(_to));
               if (authority) {
                 next();
               } else {

package/es/web-app/util/unauthorized-handler/unauthorized-handler.d.ts

@@ -9,6 +9,15 @@ import { IErrorHandler } from '@ibiz-template/runtime';
  */
 export declare class UnauthorizedHandler implements IErrorHandler {
     match(error: unknown): boolean;
+    /**
+     * oauth登录处理
+     *
+     * @author tony001
+     * @date 2024-12-22 10:12:48
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected oauthLogin(): Promise<void>;
     /**
      * cas登录处理
      *

package/es/web-app/util/unauthorized-handler/unauthorized-handler.mjs

@@ -6,6 +6,25 @@ class UnauthorizedHandler {
   match(error) {
     return error instanceof HttpError && (error.status === 401 || error.status === 403);
   }
+  /**
+   * oauth登录处理
+   *
+   * @author tony001
+   * @date 2024-12-22 10:12:48
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  async oauthLogin() {
+    if (window.location.href.indexOf("srfthird_auth_success=false") >= 0) {
+      ibiz.log.debug("\u83B7\u53D6OAUTH\u7684token\u5931\u8D25\uFF0C\u8DF3\u8F6C\u6B63\u5E38\u767B\u5F55\u9875");
+      this.normalLogin();
+    }
+    const res = await ibiz.thirdAuth.auth("OAUTH", "THIRD");
+    if (!res.ok) {
+      ibiz.log.debug("\u83B7\u53D6OAUTH\u91CD\u5B9A\u5411\u5730\u5740\u5931\u8D25\uFF0C\u8DF3\u8F6C\u6B63\u5E38\u767B\u5F55\u9875");
+      this.normalLogin();
+    }
+  }
   /**
    * cas登录处理
    *
@@ -84,6 +103,8 @@ class UnauthorizedHandler {
           });
         } else if (ibiz.env.loginMode === LoginMode.CAS) {
           this.casLogin();
+        } else if (ibiz.env.loginMode === LoginMode.OAUTH) {
+          this.oauthLogin();
         } else {
           this.normalLogin();
         }

package/lib/common/action-toolbar/action-toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-action-toolbar-item-padding);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:baseline;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/lib/common/anchor-container/anchor-bar-list/anchor-bar-list.css

@@ -1 +1 @@
-.ibiz-anchor-bar-list{--ibiz-anchor-bar-item-height:32px;--ibiz-anchor-bar-selected-icon-width:4px;position:relative}.ibiz-anchor-bar-list__item{height:var(--ibiz-anchor-bar-item-height);padding-left:var(--ibiz-spacing-base);overflow:hidden;font-size:var(--ibiz-font-size-header-6);line-height:var(--ibiz-anchor-bar-item-height);color:var(--ibiz-color-text-3);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-active)}.ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-color-primary);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list__item:hover{color:var(--ibiz-color-primary-hover)}.ibiz-anchor-bar-list::before{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-color-fill-0)}.ibiz-anchor-bar-list.is-usermode{display:flex;align-items:center;width:100%;height:100%}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-3);cursor:pointer}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-active)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-primary);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item:hover{color:var(--ibiz-color-primary-hover)}.ibiz-anchor-bar-list.is-usermode::before{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-fill-0)}
+.ibiz-anchor-bar-list{--ibiz-anchor-bar-item-height:32px;--ibiz-anchor-bar-selected-icon-width:4px;--ibiz-anchor-bar-hover-color:var(--ibiz-color-primary-hover);--ibiz-anchor-bar-select-color:var(--ibiz-color-primary-active);--ibiz-anchor-bar-select-bar-color:var(--ibiz-color-primary);position:relative}.ibiz-anchor-bar-list__item{height:var(--ibiz-anchor-bar-item-height);padding-left:var(--ibiz-spacing-base);overflow:hidden;font-size:var(--ibiz-font-size-header-6);line-height:var(--ibiz-anchor-bar-item-height);color:var(--ibiz-color-text-3);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-anchor-bar-select-color)}.ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-anchor-bar-select-bar-color);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list__item:hover{color:var(--ibiz-anchor-bar-hover-color)}.ibiz-anchor-bar-list::before{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-color-fill-0)}.ibiz-anchor-bar-list.is-usermode{display:flex;align-items:center;width:100%;height:100%}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-3);cursor:pointer}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-active)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-primary);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item:hover{color:var(--ibiz-color-primary-hover)}.ibiz-anchor-bar-list.is-usermode::before{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-fill-0)}

package/lib/common/button-list/button-list.css

@@ -1 +1 @@
-.ibiz-button-list{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular)}.ibiz-button-list__button-content{display:flex;align-items:center}.ibiz-button-list__button-content--icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-button-list-icon-size);height:var(--ibiz-button-list-icon-size);font-size:var(--ibiz-button-list-icon-size);margin-right:var(--ibiz-button-list-icon-margin)}.ibiz-button-list__dropdown{width:100%;height:100%}.ibiz-button-list__dropdown .ibiz-icon{margin-right:0}.ibiz-button-list__dropdown .ibiz-icon+.ibiz-button-list__button-content--caption{margin-left:var(--ibiz-button-list-icon-margin)}.ibiz-button-list__dropdown .el-button-group{width:100%;display:flex;height:100%;border-radius:var(--ibiz-border-radius-small)}.ibiz-button-list__dropdown .el-button-group .el-button:first-child{flex-grow:1}.ibiz-button-list__dropdown .el-button-group .el-button:last-child{flex-shrink:0}.ibiz-button-list__dropdown--style2 .el-button{--el-button-active-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;--el-button-hover-bg-color:transparent}.ibiz-button-list__dropdown--style2 .el-button-group .ibiz-button-list__item{padding-right:0}.ibiz-button-list__dropdown--style2 .el-button-group .el-button{color:var(--ibiz-color-text-2)}.ibiz-button-list__dropdown--style2 .el-button-group:hover .el-button{color:var(--ibiz-color-primary)}.ibiz-button-list--itemx .ibiz-button-list__more-button{padding-left:0;padding-right:0;width:32px}.ibiz-button-list__dropdown-popper{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular)}.ibiz-button-list__dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu .el-dropdown-menu__item{padding:var(--ibiz-spacing-none)}.ibiz-button-list__dropdown-popper .el-button{--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;width:100%;display:block;text-align:left;border-radius:0;padding:var(--ibiz-button-list-popover-button-padding);margin:var(--ibiz-button-list-popover-button-margin);font-size:var(--ibiz-button-list-popover-button-font-size)}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item:hover{background-color:var(--ibiz-color-bg-0)}.ibiz-button-list__dropdown-popper--style2 .el-button{color:var(--ibiz-color-text-2)}
+.ibiz-button-list{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular)}.ibiz-button-list__button-content{display:flex;align-items:center}.ibiz-button-list__button-content--icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-button-list-icon-size);height:var(--ibiz-button-list-icon-size);font-size:var(--ibiz-button-list-icon-size);margin-right:var(--ibiz-button-list-icon-margin)}.ibiz-button-list__item>span{pointer-events:none}.ibiz-button-list__dropdown{width:100%;height:100%}.ibiz-button-list__dropdown .ibiz-icon{margin-right:0}.ibiz-button-list__dropdown .ibiz-icon+.ibiz-button-list__button-content--caption{margin-left:var(--ibiz-button-list-icon-margin)}.ibiz-button-list__dropdown .el-button-group{width:100%;display:flex;height:100%;border-radius:var(--ibiz-border-radius-small)}.ibiz-button-list__dropdown .el-button-group .el-button:first-child{flex-grow:1}.ibiz-button-list__dropdown .el-button-group .el-button:last-child{flex-shrink:0}.ibiz-button-list__dropdown--style2 .el-button{--el-button-active-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;--el-button-hover-bg-color:transparent}.ibiz-button-list__dropdown--style2 .el-button-group .ibiz-button-list__item{padding-right:0}.ibiz-button-list__dropdown--style2 .el-button-group .el-button{color:var(--ibiz-color-text-2)}.ibiz-button-list__dropdown--style2 .el-button-group:hover .el-button{color:var(--ibiz-color-primary)}.ibiz-button-list--itemx .ibiz-button-list__more-button{padding-left:0;padding-right:0;width:32px}.ibiz-button-list__dropdown-popper{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular)}.ibiz-button-list__dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu .el-dropdown-menu__item{padding:var(--ibiz-spacing-none)}.ibiz-button-list__dropdown-popper .el-button{--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;width:100%;display:block;text-align:left;border-radius:0;padding:var(--ibiz-button-list-popover-button-padding);margin:var(--ibiz-button-list-popover-button-margin);font-size:var(--ibiz-button-list-popover-button-font-size)}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item:hover{background-color:var(--ibiz-color-bg-0)}.ibiz-button-list__dropdown-popper--style2 .el-button{color:var(--ibiz-color-text-2)}