@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.21

package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.provider.mjs

@@ -0,0 +1,21 @@
+import { RightSideMenuController } from './right-side-menu.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class RightSideMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizRightSideMenu");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new RightSideMenuController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { RightSideMenuProvider };

package/es/panel-component/app-extend-menu/top-side-menu/index.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/es/panel-component/app-extend-menu/top-side-menu/index.mjs

@@ -0,0 +1,16 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { TopSideMenu } from './top-side-menu.mjs';
+import { TopSideMenuProvider } from './top-side-menu.provider.mjs';
+
+"use strict";
+var IBizTopSideMenu = {
+  install(app) {
+    app.component(TopSideMenu.name, TopSideMenu);
+    registerPanelItemProvider(
+      "RAWITEM_PREDEFINE_TOP_SIDE_MENU",
+      () => new TopSideMenuProvider()
+    );
+  }
+};
+
+export { IBizTopSideMenu as default };

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.controller.d.ts

@@ -0,0 +1,10 @@
+import { ExtendMenuBaseController } from '../extend-menu-base/extend-menu-base.controller';
+/**
+ * @description 头部菜单
+ * @export
+ * @class TopSideMenuController
+ * @extends {ExtendMenuBaseController}
+ */
+export declare class TopSideMenuController extends ExtendMenuBaseController {
+    protected appMenuName: string;
+}

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.controller.mjs

@@ -0,0 +1,17 @@
+import { ExtendMenuBaseController } from '../extend-menu-base/extend-menu-base.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class TopSideMenuController extends ExtendMenuBaseController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "appMenuName", "topsidemenu");
+  }
+}
+
+export { TopSideMenuController };

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.css

@@ -0,0 +1 @@
+.ibiz-top-side-menu{width:100%;height:100%}.ibiz-col--self-align>.ibiz-top-side-menu{width:100%;height:100%}

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.d.ts

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { TopSideMenuController } from './top-side-menu.controller';
+import './top-side-menu.scss';
+/**
+ * 头部菜单
+ * @primary
+ * @description 首页视图扩展菜单头部菜单
+ * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:'BUTTON',description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制、MENU表示按照菜单形态绘制}
+ * @primary
+ */
+export declare const TopSideMenu: import("vue").DefineComponent<{
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    /**
+     * @description 头部菜单控制器
+     */
+    controller: {
+        type: typeof TopSideMenuController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    state: import("../extend-menu-base/extend-menu-base.state").ExtendMenuBase;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    /**
+     * @description 头部菜单控制器
+     */
+    controller: {
+        type: typeof TopSideMenuController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.mjs

@@ -0,0 +1,56 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { TopSideMenuController } from './top-side-menu.controller.mjs';
+import './top-side-menu.css';
+
+"use strict";
+const TopSideMenu = /* @__PURE__ */ defineComponent({
+  name: "IBizTopSideMenu",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 头部菜单控制器
+     */
+    controller: {
+      type: TopSideMenuController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("top-side-menu");
+    const {
+      state
+    } = props.controller;
+    return {
+      ns,
+      state
+    };
+  },
+  render() {
+    if (!this.controller.appMenu) {
+      return null;
+    }
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode(resolveComponent("iBizCommonExtendMenu"), {
+      "renderMode": this.controller.rawItemParams.rendermode,
+      "items": this.state.items,
+      "menuItemsState": this.state.menuItemsState,
+      "providers": this.controller.itemProviders,
+      "position": "TOP",
+      "layoutMode": this.controller.appMenu.layoutMode,
+      "layout": this.controller.appMenu.layout,
+      "onMenuItemClick": (item, event) => {
+        this.controller.handleClickMenuItem(item, event);
+      }
+    }, null)]);
+  }
+});
+
+export { TopSideMenu };

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.provider.d.ts

@@ -0,0 +1,7 @@
+import { IPanelItem } from '@ibiz/model-core';
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { TopSideMenuController } from './top-side-menu.controller';
+export declare class TopSideMenuProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<TopSideMenuController>;
+}

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.provider.mjs

@@ -0,0 +1,21 @@
+import { TopSideMenuController } from './top-side-menu.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class TopSideMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizTopSideMenu");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new TopSideMenuController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { TopSideMenuProvider };

package/es/panel-component/app-switch/app-switch.controller.mjs

@@ -259,7 +259,10 @@ class AppSwitchController extends PanelItemController {
       await ibiz.hub.getAppAsync(tempKey);
     }
     const targetAppModel = ibiz.hub.getAppSourceModel(tempKey);
-    if (targetAppModel.getDefaultPSAppIndexView) {
+    const defaultApp = ibiz.hub.getApp();
+    if (defaultApp.model.appId === tempKey && window.Environment.AppTitle) {
+      ibiz.env.AppTitle = window.Environment.AppTitle;
+    } else if (targetAppModel.getDefaultPSAppIndexView) {
       const view = targetAppModel.getDefaultPSAppIndexView;
       if (targetAppModel.caption) {
         ibiz.env.AppTitle = targetAppModel.caption;

package/es/panel-component/app-switch/app-switch.d.ts

@@ -5,8 +5,8 @@ import './app-switch.scss';
 /**
  * 应用切换器
  * @primary
- * @description 应用切换器是前端导航核心组件，通过可视化列表实现多应用快速跳转，使用该能力需在首页视图配置应用选择模式为`默认`。
- * @panelitemparams {name:sourcetype,parameterType:'UTIL' | 'REFAPP',defaultvalue:REFAPP,description:应用源类型，其中UTIL表示微应用数据来源于功能组件服务、REFAPP表示微应用数据来源于引用子应用集（主应用和引用子应用的所有首页）}
+ * @description 应用切换器是前端导航核心组件，通过可视化列表实现多应用快速跳转，当应用存在子应用时，使用该能力需在首页视图配置应用选择模式为`默认`。
+ * @panelitemparams {name:sourcetype,parameterType:'UTIL' | 'REFAPP',defaultvalue:'REFAPP',description:应用源类型，其中UTIL表示微应用数据来源于功能组件服务、REFAPP表示微应用数据来源于引用子应用集（主应用和引用子应用的所有首页）}
  * @primary
  */
 export declare const AppSwitch: import("vue").DefineComponent<{

package/es/panel-component/auth-sso/auth-sso.css

@@ -1 +1 @@
-.ibiz-auth-sso{--ibiz-auth-sso-icon-width:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-icon-height:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-gap:var(--ibiz-spacing-base);display:flex;gap:var(--ibiz-auth-sso-gap);justify-content:center;width:100%}.ibiz-auth-sso__sign-btn{width:var(--ibiz-auth-sso-icon-width);height:var(--ibiz-auth-sso-icon-height);cursor:pointer}.ibiz-auth-sso__sign-btn svg{width:100%;height:100%}
+.ibiz-auth-sso{--ibiz-auth-sso-icon-width:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-icon-height:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-gap:var(--ibiz-spacing-base);display:flex;gap:var(--ibiz-auth-sso-gap);justify-content:center;width:100%}.ibiz-auth-sso__sign-btn{width:var(--ibiz-auth-sso-icon-width);height:var(--ibiz-auth-sso-icon-height);cursor:pointer}.ibiz-auth-sso__sign-btn svg{width:100%;height:100%}.ibiz-auth-sso__sign-btn .ibiz-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}

package/es/panel-component/auth-sso/auth-sso.d.ts

@@ -4,7 +4,7 @@ import { IPanelRawItem } from '@ibiz/model-core';
 import './auth-sso.scss';
 /**
  * 第三方登录
- * @description 提供了钉钉和企业微信的第三方登录入口。
+ * @description 使用第三方方式进行登录，默认预置了钉钉（DINGDING）和企业微信（WXWORK）两种登录方式。可通过自定义补充参数，灵活指定其他所需的第三方登录方式。
  * @primary
  */
 export declare const AuthSso: import("vue").DefineComponent<{
@@ -24,7 +24,13 @@ export declare const AuthSso: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    handleThridLogin: (type: string) => void;
+    items: {
+        key: string | undefined;
+        sysImage: import("@ibiz/model-core").ISysImage | undefined;
+        title: any;
+        params: any;
+    }[] | undefined;
+    handleThridLogin: (type: string, params?: IData) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 第三方登录控件模型数据

package/es/panel-component/auth-sso/auth-sso.mjs

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { PanelItemController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './auth-sso.css';
@@ -22,15 +22,30 @@ const AuthSso = /* @__PURE__ */ defineComponent({
       required: true
     }
   },
-  setup() {
+  setup(props) {
+    var _a;
     const ns = useNamespace("auth-sso");
+    const model = props.controller.model;
+    const rawItemParams = (_a = model.rawItem) == null ? void 0 : _a.rawItemParams;
+    const items = rawItemParams == null ? void 0 : rawItemParams.map((item) => {
+      const params = item.value ? JSON.parse(item.value) : {};
+      return {
+        key: item.key,
+        sysImage: item.sysImage,
+        title: params.title,
+        params
+      };
+    });
     const dingtalkHandleClick = async () => {
       ibiz.thirdAuth.auth("DINGTALK", "THIRD");
     };
     const wxWorkHandleClick = async () => {
       ibiz.thirdAuth.auth("WXWORK", "THIRD");
     };
-    const handleThridLogin = (type) => {
+    const oauthHandleClick = async (params) => {
+      ibiz.thirdAuth.auth("OAUTH", "THIRD", params);
+    };
+    const handleThridLogin = (type, params) => {
       if (!type)
         return;
       switch (type) {
@@ -41,18 +56,75 @@ const AuthSso = /* @__PURE__ */ defineComponent({
           wxWorkHandleClick();
           break;
         default:
-          console.log(ibiz.i18n.t("panelComponent.authSsO.noSupported", {
-            type
-          }));
+          oauthHandleClick(params);
           break;
       }
     };
     return {
       ns,
+      items,
       handleThridLogin
     };
   },
   render() {
+    if (this.items && this.items.length) {
+      return createVNode("div", {
+        "class": this.ns.b()
+      }, [this.items.map((item) => {
+        var _a;
+        let icon;
+        if (item.sysImage) {
+          icon = createVNode(resolveComponent("iBizIcon"), {
+            "icon": item.sysImage
+          }, null);
+        } else if (item.key === "DINGDING") {
+          icon = createVNode("svg", {
+            "class": "icon",
+            "viewBox": "0 0 1024 1024",
+            "version": "1.1",
+            "xmlns": "http://www.w3.org/2000/svg",
+            "p-id": "651",
+            "width": "48",
+            "height": "48"
+          }, [createVNode("defs", null, [createVNode("style", {
+            "type": "text/css"
+          }, null)]), createVNode("path", {
+            "d": "M512 2C230.2 2 2 230.2 2 512s228.2 510 510 510 510-228.2 510-510S793.3 2 512 2z m235.9 442c-1 4.6-3.6 10.8-7.2 19.1l-0.5 0.5c-21.6 45.8-77.3 135.5-77.3 135.5l-0.5-0.5-16.5 28.3h78.8L574.3 826.8l34-136h-61.8l21.6-90.2c-17.5 4.1-38.1 9.8-62.3 18 0 0-33 19.1-94.8-37.1 0 0-41.7-37.1-17.5-45.8 10.3-4.1 50-8.8 81.4-12.9 42.2-5.7 68.5-8.8 68.5-8.8s-130.3 2.1-161.2-3.1c-30.9-4.6-70.1-56.7-78.3-102 0 0-12.9-24.7 27.8-12.9 40.2 11.8 209.2 45.8 209.2 45.8S321.4 375 307 358.5c-14.4-16.5-42.8-89.6-39.2-134.5 0 0 1.5-11.3 12.9-8.2 0 0 161.8 74.2 272.5 114.4C664.5 371.4 760.8 392 747.9 444z",
+            "fill": "#3296FA",
+            "p-id": "652"
+          }, null)]);
+        } else if (item.key === "WXWORK") {
+          icon = createVNode("svg", {
+            "class": "icon",
+            "width": "200px",
+            "height": "200.00px",
+            "viewBox": "0 0 1024 1024",
+            "version": "1.1",
+            "xmlns": "http://www.w3.org/2000/svg"
+          }, [createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M352.814545 385.396364m-33.512727 0a33.512727 33.512727 0 1 0 67.025455 0 33.512727 33.512727 0 1 0-67.025455 0Z"
+          }, null), createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M502.690909 384.465455m-33.512727 0a33.512727 33.512727 0 1 0 67.025454 0 33.512727 33.512727 0 1 0-67.025454 0Z"
+          }, null), createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M576.232727 534.341818m-23.272727 0a23.272727 23.272727 0 1 0 46.545455 0 23.272727 23.272727 0 1 0-46.545455 0Z"
+          }, null), createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M694.458182 536.203636m-23.272727 0a23.272727 23.272727 0 1 0 46.545454 0 23.272727 23.272727 0 1 0-46.545454 0Z"
+          }, null), createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M512 0C229.003636 0 0 229.003636 0 512s229.003636 512 512 512 512-229.003636 512-512S794.996364 0 512 0z m-87.505455 630.225455c-26.996364 0-48.407273-5.585455-75.403636-11.17091l-75.403636 37.236364 21.410909-64.232727c-53.992727-37.236364-85.643636-85.643636-85.643637-145.221818 0-102.4 96.814545-182.458182 215.04-182.458182 105.192727 0 198.283636 64.232727 216.901819 150.807273-6.516364-0.930909-13.963636-0.930909-20.48-0.93091-102.4 0-182.458182 76.334545-182.458182 170.356364 0 15.825455 2.792727 30.72 6.516363 44.683636-7.447273 0-13.963636 0.930909-20.48 0.93091z m314.647273 75.403636l15.825455 53.992727-58.647273-32.581818c-21.410909 5.585455-42.821818 11.170909-64.232727 11.170909-102.4 0-182.458182-69.818182-182.458182-155.461818s80.058182-155.461818 182.458182-155.461818c96.814545 0 182.458182 69.818182 182.458182 155.461818 0 47.476364-31.650909 90.298182-75.403637 122.88z"
+          }, null)]);
+        }
+        return createVNode("div", {
+          "class": [this.ns.e("sign-btn"), this.ns.m(item.key === "WXWORK" ? "wx" : (_a = item.key) == null ? void 0 : _a.toLowerCase())],
+          "title": item.title,
+          "onClick": () => this.handleThridLogin(item.key, item.params)
+        }, [icon]);
+      })]);
+    }
     return createVNode("div", {
       "class": this.ns.b()
     }, [createVNode("div", {

package/es/panel-component/auth-sso/index.d.ts

@@ -9,7 +9,13 @@ export declare const IBizAuthSso: import("@ibiz-template/vue3-util").TypeWithIns
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    handleThridLogin: (type: string) => void;
+    items: {
+        key: string | undefined;
+        sysImage: import("@ibiz/model-core").ISysImage | undefined;
+        title: any;
+        params: any;
+    }[] | undefined;
+    handleThridLogin: (type: string, params?: import("@ibiz-template/core").IApiData | undefined) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;

package/es/panel-component/auth-userinfo/auth-userinfo.controller.d.ts

@@ -0,0 +1,31 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IPanelRawItem } from '@ibiz/model-core';
+/**
+ * 面板用户信息控制器
+ *
+ * @export
+ * @class AuthUserinfoController
+ * @extends {PanelItemController<IPanelRawItem>}
+ */
+export declare class AuthUserinfoController extends PanelItemController<IPanelRawItem> {
+    /**
+     * @description 自定义补充参数
+     * @exposedoc
+     * @type {IData}
+     * @memberof AuthUserinfoController
+     */
+    rawItemParams: IData;
+    /**
+     * 初始化
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof AuthUserinfoController
+     */
+    onInit(): Promise<void>;
+    /**
+     * @description 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+     * @protected
+     * @memberof AuthUserinfoController
+     */
+    protected handleRawItemParams(): void;
+}

package/es/panel-component/auth-userinfo/auth-userinfo.controller.mjs

@@ -0,0 +1,51 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class AuthUserinfoController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 自定义补充参数
+     * @exposedoc
+     * @type {IData}
+     * @memberof AuthUserinfoController
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof AuthUserinfoController
+   */
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+  }
+  /**
+   * @description 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+   * @protected
+   * @memberof AuthUserinfoController
+   */
+  handleRawItemParams() {
+    var _a;
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (Array.isArray(rawItemParams)) {
+      rawItemParams.forEach((item) => {
+        const key = item.key;
+        const value = item.value;
+        if (key && value) {
+          this.rawItemParams[key.toLowerCase()] = value;
+        }
+      });
+    }
+  }
+}
+
+export { AuthUserinfoController };

package/es/panel-component/auth-userinfo/auth-userinfo.css

@@ -1 +1 @@
-.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:12px;font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin-right:var(--ibiz-spacing-base)}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin:0}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-user-info-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:4px;font-size:var(--ibiz-font-size-small);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}
+.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:12px;font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin-right:var(--ibiz-spacing-base)}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin:0}.ibiz-user-info.is-readonly .el-dropdown{cursor:default}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-user-info-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:4px;font-size:var(--ibiz-font-size-small);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}

package/es/panel-component/auth-userinfo/auth-userinfo.d.ts

@@ -1,10 +1,12 @@
 import { PropType } from 'vue';
 import './auth-userinfo.scss';
 import { IPanelRawItem } from '@ibiz/model-core';
-import { PanelItemController } from '@ibiz-template/runtime';
+import { AuthUserinfoController } from './auth-userinfo.controller';
 /**
  * 用户信息
  * @description 展示用户的基本信息，提供登出功能。
+ * @panelitemparams {name:strictly,parameterType:boolean,defaultvalue:false,description:是否取消与首页菜单的关联，即菜单收缩时不会跟随改变，当用户信息未配置在首页左侧时应启用}
+ * @panelitemparams {name:readonly,parameterType:boolean,defaultvalue:false,description:是否只读}
  * @primary
  */
 export declare const AuthUserinfo: import("vue").DefineComponent<{
@@ -19,18 +21,19 @@ export declare const AuthUserinfo: import("vue").DefineComponent<{
      * @description 用户信息控件控制器
      */
     controller: {
-        type: typeof PanelItemController;
+        type: typeof AuthUserinfoController;
         required: true;
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    c: AuthUserinfoController;
     onClick: () => void;
     srfusername: any;
     loginname: any;
     router: import("vue-router").Router;
     menuAlign: import("vue").ComputedRef<string>;
     isCollapse: import("vue").ComputedRef<any>;
+    isReadonly: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 用户信息控件模型数据
@@ -43,7 +46,7 @@ export declare const AuthUserinfo: import("vue").DefineComponent<{
      * @description 用户信息控件控制器
      */
     controller: {
-        type: typeof PanelItemController;
+        type: typeof AuthUserinfoController;
         required: true;
     };
 }>>, {}, {}>;

package/es/panel-component/auth-userinfo/auth-userinfo.mjs

@@ -2,7 +2,7 @@ import { inject, computed, resolveComponent, createVNode, defineComponent } from
 import { useRouter } from 'vue-router';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './auth-userinfo.css';
-import { PanelItemController } from '@ibiz-template/runtime';
+import { AuthUserinfoController } from './auth-userinfo.controller.mjs';
 
 "use strict";
 const AuthUserinfo = /* @__PURE__ */ defineComponent({
@@ -19,7 +19,7 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
      * @description 用户信息控件控制器
      */
     controller: {
-      type: PanelItemController,
+      type: AuthUserinfoController,
       required: true
     }
   },
@@ -43,8 +43,20 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
       ibiz.hub.controller.logout();
     };
     const isCollapse = computed(() => {
+      const {
+        strictly
+      } = c.rawItemParams;
+      if (strictly && strictly === "true") {
+        return false;
+      }
       return c.panel.view.state.isCollapse;
     });
+    const isReadonly = computed(() => {
+      const {
+        readonly
+      } = c.rawItemParams;
+      return readonly === "true";
+    });
     return {
       ns,
       c,
@@ -53,13 +65,16 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
       loginname,
       router,
       menuAlign,
-      isCollapse
+      isCollapse,
+      isReadonly
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP"), this.ns.is("collapse", this.isCollapse)]
-    }, [createVNode(resolveComponent("el-dropdown"), null, {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP"), this.ns.is("collapse", this.isCollapse), this.ns.is("readonly", this.isReadonly)]
+    }, [createVNode(resolveComponent("el-dropdown"), {
+      "disabled": this.isReadonly
+    }, {
       default: () => createVNode("div", {
         "class": [this.ns.b("info"), this.ns.is("collapse", this.isCollapse)]
       }, [createVNode("div", {

package/es/panel-component/auth-userinfo/auth-userinfo.provider.d.ts

@@ -1,5 +1,6 @@
 import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
 import { IPanelItem } from '@ibiz/model-core';
+import { AuthUserinfoController } from './auth-userinfo.controller';
 /**
  * 用户信息适配器
  *
@@ -11,5 +12,5 @@ import { IPanelItem } from '@ibiz/model-core';
  */
 export declare class AuthUserinfoProvider implements IPanelItemProvider {
     component: string;
-    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<AuthUserinfoController>;
 }

package/es/panel-component/auth-userinfo/auth-userinfo.provider.mjs

@@ -1,4 +1,4 @@
-import { PanelItemController } from '@ibiz-template/runtime';
+import { AuthUserinfoController } from './auth-userinfo.controller.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -12,7 +12,7 @@ class AuthUserinfoProvider {
     __publicField(this, "component", "IBizAuthUserinfo");
   }
   async createController(panelItem, panel, parent) {
-    const c = new PanelItemController(panelItem, panel, parent);
+    const c = new AuthUserinfoController(panelItem, panel, parent);
     await c.init();
     return c;
   }