@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var navBreadcrumb_controller = require('./nav-breadcrumb.controller.cjs');
+
+"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 NavBreadcrumbProvider {
+  constructor() {
+    __publicField(this, "component", "IBizNavBreadcrumb");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new navBreadcrumb_controller.NavBreadcrumbController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.NavBreadcrumbProvider = NavBreadcrumbProvider;

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.service.cjs

@@ -0,0 +1,145 @@
+'use strict';
+
+var ramda = require('ramda');
+var navBreadcrumb_util = require('./nav-breadcrumb.util.cjs');
+
+"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 NavBreadcrumbService {
+  constructor(navMode, context) {
+    this.navMode = navMode;
+    this.context = context;
+    /**
+     * @description 面包屑堆栈
+     * @private
+     * @type {BreadcrumbMsg[]}
+     * @memberof NavBreadcrumbService
+     */
+    __publicField(this, "chache", []);
+  }
+  /**
+   * @description 添加缓存项
+   * @param {BreadcrumbMsg} item
+   * @memberof NavBreadcrumbService
+   */
+  add(item) {
+    this.chache.push(item);
+    this.chache = this.chache.filter((x) => !x.isEmbed && !x.isModal);
+    if (this.navMode === "store") {
+      localStorage.setItem("breadcrumb", JSON.stringify(this.chache));
+    }
+  }
+  /**
+   * @description 删除缓存项
+   * @param {string} fullPath
+   * @return {*}  {BreadcrumbMsg[]}
+   * @memberof NavBreadcrumbService
+   */
+  remove(fullPath) {
+    const index = this.chache.findIndex((x) => x.fullPath === fullPath);
+    if (index !== -1) {
+      this.chache.splice(index, 1);
+    }
+    return ramda.clone(this.chache);
+  }
+  /**
+   * @description 删除当前项之后缓存数据
+   * @param {string} fullPath
+   * @return {*}  {BreadcrumbMsg[]}
+   * @memberof NavBreadcrumbService
+   */
+  removeAfter(fullPath) {
+    if (this.chache.length === 0) {
+      return [];
+    }
+    const index = this.chache.findIndex((x) => x.fullPath === fullPath);
+    if (index !== -1) {
+      const result = this.chache.splice(index + 1, this.chache.length);
+      if (this.navMode === "store") {
+        localStorage.setItem("breadcrumb", JSON.stringify(this.chache));
+      }
+      return result;
+    }
+    return [];
+  }
+  /**
+   * @description 更新缓存数据
+   * @param {BreadcrumbMsg} item
+   * @memberof NavBreadcrumbService
+   */
+  update(item) {
+    if (!this.chache.length && this.navMode === "store") {
+      const result = localStorage.getItem("breadcrumb");
+      if (result) {
+        this.chache = JSON.parse(result);
+      }
+    }
+    const index = this.chache.findIndex(
+      (x) => x.fullPath && x.fullPath === item.fullPath || x.viewName.toLowerCase() === item.viewName.toLowerCase()
+    );
+    if (index === -1) {
+      this.add(item);
+    } else {
+      Object.assign(this.chache[index], ramda.reject(ramda.isNil, item));
+      this.chache = this.chache.filter((x) => !x.isEmbed && !x.isModal);
+      if (this.navMode === "store") {
+        localStorage.setItem("breadcrumb", JSON.stringify(this.chache));
+      }
+    }
+  }
+  /**
+   * @description 获取缓存数据项
+   * @param {IData} data
+   * @return {*}  {(BreadcrumbMsg | undefined)}
+   * @memberof NavBreadcrumbService
+   */
+  getItem(data) {
+    const { viewName = "", fullPath = "" } = data;
+    if (viewName === "index") {
+      return navBreadcrumb_util.getIndexBreadcrumb(this.context);
+    }
+    const item = this.chache.find(
+      (x) => fullPath && x.fullPath === fullPath || viewName && x.viewName.toLowerCase() === viewName.toLowerCase()
+    );
+    if (item) {
+      return ramda.clone(item);
+    }
+  }
+  /**
+   * @description 获取缓存数据
+   * @return {*}  {BreadcrumbMsg[]}
+   * @memberof NavBreadcrumbService
+   */
+  getChache() {
+    if (this.navMode === "store") {
+      const result = localStorage.getItem("breadcrumb");
+      if (result) {
+        return JSON.parse(result);
+      }
+      return [];
+    }
+    if (this.navMode === "router") {
+      return ramda.clone(this.chache.filter((x) => !x.isEmbed));
+    }
+    return ramda.clone(this.chache);
+  }
+  /**
+   * @description 设置缓存数据
+   * @param {BreadcrumbMsg[]} items
+   * @memberof NavBreadcrumbService
+   */
+  setChache(items) {
+    this.chache = ramda.clone(items);
+    this.chache = this.chache.filter((x) => !x.isEmbed && !x.isModal);
+    if (this.navMode === "store") {
+      localStorage.setItem("breadcrumb", JSON.stringify(this.chache));
+    }
+  }
+}
+
+exports.NavBreadcrumbService = NavBreadcrumbService;

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.state.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var runtime = require('@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 NavBreadcrumbState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 面包屑导航项
+     * @type {BreadcrumbMsg[]}
+     * @memberof NavBreadcrumbState
+     */
+    __publicField(this, "breadcrumbItems", []);
+  }
+}
+
+exports.NavBreadcrumbState = NavBreadcrumbState;

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.util.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+function getIndexBreadcrumb(context) {
+  const app = ibiz.hub.getApp(context.srfappid);
+  const caption = app.model.caption;
+  return {
+    viewName: ibiz.hub.defaultAppIndexViewName,
+    fullPath: "/",
+    caption
+  };
+}
+function getAppFuncByViewName(name, appid) {
+  const app = ibiz.hub.getApp(appid);
+  const appFuncs = app.model.appFuncs || [];
+  const item = appFuncs.find((func) => {
+    const { appViewId = "" } = func;
+    const viewName = appViewId.split(".").pop();
+    return (viewName == null ? void 0 : viewName.toLowerCase()) === name.toLowerCase();
+  });
+  return item;
+}
+function getMenuItemsByAppFunc(func, appMenuItems) {
+  const result = [];
+  const findMenuItem = (menuItems) => {
+    return menuItems.find((item) => {
+      if (item.appFuncId && item.appFuncId === func.id) {
+        result.unshift(item);
+        return true;
+      }
+      if (item.appMenuItems && item.appMenuItems.length > 0) {
+        const menuItem = findMenuItem(item.appMenuItems);
+        if (menuItem) {
+          result.unshift(item);
+          return true;
+        }
+      }
+      return false;
+    });
+  };
+  findMenuItem(appMenuItems);
+  return result;
+}
+function getCurViewName(router) {
+  var _a;
+  const { currentRoute } = router;
+  const routePath = vue3Util.route2routePath(currentRoute.value);
+  return ((_a = routePath.pathNodes.pop()) == null ? void 0 : _a.viewName) || "";
+}
+function getViewInfoByViewStack(viewName) {
+  if (viewName === runtime.RouteConst.ROUTE_MODAL_TAG) {
+    return {
+      viewName,
+      fullPath: "",
+      isModal: true
+    };
+  }
+  const view = ibiz.util.viewStack.getViewByCodeName(viewName);
+  if (view) {
+    let isEmbed = false;
+    if (view.parentView && view.parentView.model.codeName !== ibiz.hub.defaultAppIndexViewName) {
+      isEmbed = true;
+    }
+    return {
+      viewName: view.model.codeName,
+      caption: view.model.caption,
+      isEmbed
+    };
+  }
+}
+
+exports.getAppFuncByViewName = getAppFuncByViewName;
+exports.getCurViewName = getCurViewName;
+exports.getIndexBreadcrumb = getIndexBreadcrumb;
+exports.getMenuItemsByAppFunc = getMenuItemsByAppFunc;
+exports.getViewInfoByViewStack = getViewInfoByViewStack;

package/lib/panel-component/nav-pos-index/nav-pos-index.controller.cjs

@@ -53,6 +53,12 @@ class NavPosIndexController extends runtime.PanelItemController {
      * @memberof NavPosController
      */
     __publicField(this, "rawItemParams", {});
+    /**
+     * @description 当前导航key
+     * @type {string}
+     * @memberof NavPosIndexController
+     */
+    __publicField(this, "currentKey", "");
   }
   createState() {
     var _a;
@@ -80,6 +86,15 @@ class NavPosIndexController extends runtime.PanelItemController {
   get navTabs() {
     return this.panel.panelItems.nav_tabs;
   }
+  /**
+   * @description 面包屑控制器
+   * @readonly
+   * @type {(NavBreadcrumbController | undefined)}
+   * @memberof NavPosIndexController
+   */
+  get navBreadcrumb() {
+    return this.panel.panelItems.nav_breadcrumb;
+  }
   /**
    * 应用菜单控制器
    * @author lxm
@@ -138,6 +153,7 @@ class NavPosIndexController extends runtime.PanelItemController {
     if (currentKey === "") {
       return;
     }
+    this.currentKey = currentKey;
     const index = this.state.operateSort.indexOf(currentKey);
     if (index !== -1) {
       this.state.operateSort.splice(index, 1);
@@ -174,14 +190,33 @@ class NavPosIndexController extends runtime.PanelItemController {
    * @param {EventBase} event
    */
   onViewCreated(event) {
+    const { view } = event;
+    const key = this.state.currentKey;
     if (this.navTabs) {
-      const { view } = event;
-      const key = this.state.currentKey;
       this.navTabs.updateViewInfo(key, { caption: view.model.caption });
       view.evt.on("onViewInfoChange", ({ caption, dataInfo }) => {
         this.navTabs.updateViewInfo(key, { caption, dataInfo });
       });
     }
+    if (this.navBreadcrumb) {
+      this.navBreadcrumb.updateViewInfo(key, {
+        viewName: view.model.codeName,
+        caption: view.model.caption
+      });
+      view.evt.on("onViewInfoChange", ({ caption, dataInfo }) => {
+        this.navBreadcrumb.updateViewInfo(key, {
+          viewName: view.model.codeName,
+          caption,
+          dataInfo
+        });
+      });
+      view.evt.on("onActivated", () => {
+        this.navBreadcrumb.updateViewInfo(key, {
+          viewName: view.model.codeName,
+          caption: view.model.caption
+        });
+      });
+    }
   }
   /**
    * 删除单个缓存
@@ -207,7 +242,7 @@ class NavPosIndexController extends runtime.PanelItemController {
    * @date 2023-05-09 02:19:55
    */
   clearCache() {
-    this.state.cacheKeys = [];
+    this.state.cacheKeys = [this.currentKey];
     this.viewModals = {};
   }
   /**
@@ -242,6 +277,9 @@ class NavPosIndexController extends runtime.PanelItemController {
     if (this.navTabs) {
       this.navTabs.removeCache(key);
     }
+    if (this.navBreadcrumb) {
+      this.navBreadcrumb.removeCache(key);
+    }
     this.removeCache(key);
     if (this.autoGoLast) {
       this.goLast();

package/lib/panel-component/nav-tabs/nav-tabs.css

@@ -1 +1 @@
-.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-left-width:calc(100% - 60px);--ibiz-nav-tabs-right-width:60px;--ibiz-nav-tabs-right-height:30px;--ibiz-nav-tabs-item-height:40px;--ibiz-nav-tabs-item-padding:0 var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-item-margin:0 var(--ibiz-spacing-base) 0 0;--ibiz-nav-tabs-item-font-size:var(--ibiz-font-size-regular);--ibiz-nav-tabs-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-nav-tabs-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-nav-tabs-item-bg-color:transparent;--ibiz-nav-tabs-item-color:var(--ibiz-color-text-0);--ibiz-nav-tabs-item-hover-color:var(--ibiz-color-primary-hover);--ibiz-nav-tabs-item-active-color:var(--ibiz-color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;padding:var(--ibiz-nav-tabs-padding)}.ibiz-nav-tabs__left{display:flex;align-items:center;width:var(--ibiz-nav-tabs-left-width)}.ibiz-nav-tabs__left--caption{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-nav-tabs__left .el-tabs{width:100%;--el-tabs-header-height:40px}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav{border:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item{display:flex;align-items:center;height:var(--ibiz-nav-tabs-item-height);padding:var(--ibiz-nav-tabs-item-padding);margin:var(--ibiz-nav-tabs-item-margin);overflow:hidden;font-size:var(--ibiz-nav-tabs-item-font-size);font-weight:var(--ibiz-nav-tabs-item-font-weight);color:var(--ibiz-nav-tabs-item-color);vertical-align:middle;background-color:var(--ibiz-nav-tabs-item-bg-color);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-nav-tabs-item-border-radius);box-shadow:0 1px 2px 0 var(--ibiz-color-border);opacity:1}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-nav-tabs-item-hover-color);box-shadow:0 1px 4px 0 rgba(0,0,0,.25)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover .is-icon-close{color:var(--ibiz-nav-tabs-item-hover-color)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-color-white);background-color:var(--ibiz-nav-tabs-item-active-color);box-shadow:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active .is-icon-close{color:var(--ibiz-color-white)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable.hover{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item .is-icon-close{position:relative;top:1px}.ibiz-nav-tabs__left .el-tabs .el-tabs__header{margin-bottom:0;border-bottom:none}.ibiz-nav-tabs__right{width:var(--ibiz-nav-tabs-right-width)}.ibiz-nav-tabs__right .el-dropdown button{height:var(--ibiz-nav-tabs-right-height)}
+.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-left-width:calc(100% - 60px);--ibiz-nav-tabs-right-width:60px;--ibiz-nav-tabs-right-height:30px;--ibiz-nav-tabs-item-height:40px;--ibiz-nav-tabs-item-padding:0 var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-item-margin:0 var(--ibiz-spacing-base) 0 0;--ibiz-nav-tabs-item-font-size:var(--ibiz-font-size-regular);--ibiz-nav-tabs-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-nav-tabs-item-border:1px solid var(--ibiz-color-border);--ibiz-nav-tabs-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-nav-tabs-item-bg-color:transparent;--ibiz-nav-tabs-item-color:var(--ibiz-color-text-0);--ibiz-nav-tabs-item-hover-color:var(--ibiz-color-primary-hover);--ibiz-nav-tabs-item-active-color:var(--ibiz-color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;padding:var(--ibiz-nav-tabs-padding)}.ibiz-nav-tabs__left{display:flex;align-items:center;width:var(--ibiz-nav-tabs-left-width)}.ibiz-nav-tabs__left--caption{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-nav-tabs__left .el-tabs{width:100%;--el-tabs-header-height:getCssVar("nav-tabs-item", "height")}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav{border:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item{display:flex;align-items:center;height:var(--ibiz-nav-tabs-item-height);padding:var(--ibiz-nav-tabs-item-padding);margin:var(--ibiz-nav-tabs-item-margin);overflow:hidden;font-size:var(--ibiz-nav-tabs-item-font-size);font-weight:var(--ibiz-nav-tabs-item-font-weight);color:var(--ibiz-nav-tabs-item-color);vertical-align:middle;background-color:var(--ibiz-nav-tabs-item-bg-color);border:var(--ibiz-nav-tabs-item-border);border-radius:var(--ibiz-nav-tabs-item-border-radius);box-shadow:0 1px 2px 0 var(--ibiz-color-border);opacity:1}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-nav-tabs-item-hover-color);box-shadow:0 1px 4px 0 rgba(0,0,0,.25)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover .is-icon-close{color:var(--ibiz-nav-tabs-item-hover-color)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-color-white);background-color:var(--ibiz-nav-tabs-item-active-color);box-shadow:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active .is-icon-close{color:var(--ibiz-color-white)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable.hover{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item .is-icon-close{position:relative;top:1px}.ibiz-nav-tabs__left .el-tabs .el-tabs__header{margin-bottom:0;border-bottom:none}.ibiz-nav-tabs__right{width:var(--ibiz-nav-tabs-right-width)}.ibiz-nav-tabs__right .el-dropdown button{height:var(--ibiz-nav-tabs-right-height)}

package/lib/panel-component/panel-app-login-view/panel-app-login-view.css

@@ -1 +1 @@
-.ibiz-panel-app-login-view{--ibiz-panel-app-login-view-header-url:url("/assets/images/login-header.png");--ibiz-panel-app-login-view-avatar-url:url("/assets/images/login-avatar.png");display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,var(--ibiz-color-primary-light-active) 0,var(--ibiz-color-primary-light-default) 100%)}.ibiz-panel-app-login-view .ibiz-panel-container--container1{width:430px;margin-bottom:80px}.ibiz-panel-app-login-view .ibiz-panel-container--container4{position:relative;height:150px;background:var(--ibiz-panel-app-login-view-header-url);background-size:100% 100%}.ibiz-panel-app-login-view .ibiz-panel-container--container4 .ibiz-rawitem{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:80%;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-white);text-shadow:var(--ibiz-color-shadow)}.ibiz-panel-app-login-view .ibiz-panel-container--container5{position:relative;height:380px;padding:100px 40px 40px;background:var(--ibiz-color-white)}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px var(--ibiz-color-white) inset;-webkit-text-fill-color:var(--ibiz-editor-default-text-color)}.ibiz-panel-app-login-view .ibiz-panel-container--container5 ion-icon{font-size:var(--ibiz-width-icon-medium)}.ibiz-panel-app-login-view .ibiz-panel-container--container6{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--ibiz-panel-app-login-view-avatar-url);background-size:100% 100%;border:4px solid var(--ibiz-color-white);border-radius:var(--ibiz-border-radius-circle)}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>*+*{margin-left:10px}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>.ibiz-col{flex:1}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button{width:100%;padding:0}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button .el-button{width:100%;letter-spacing:var(--ibiz-spacing-super-tight)}
+.ibiz-panel-app-login-view{--ibiz-panel-app-login-view-header-url:url("/assets/images/login-header.png");--ibiz-panel-app-login-view-avatar-url:url("/assets/images/login-avatar.png");display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,var(--ibiz-color-primary-light-active) 0,var(--ibiz-color-primary-light-default) 100%)}.ibiz-panel-app-login-view .ibiz-panel-container--container1{width:430px;margin-bottom:80px}.ibiz-panel-app-login-view .ibiz-panel-container--container4{position:relative;height:150px;background:var(--ibiz-panel-app-login-view-header-url);background-size:100% 100%}.ibiz-panel-app-login-view .ibiz-panel-container--container4 .ibiz-rawitem{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:80%;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-text);text-shadow:var(--ibiz-color-shadow)}.ibiz-panel-app-login-view .ibiz-panel-container--container5{position:relative;height:380px;padding:100px 40px 40px;background:var(--ibiz-color-bg-1)}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px var(--ibiz-color-bg-1) inset;-webkit-text-fill-color:var(--ibiz-editor-default-text-color)}.ibiz-panel-app-login-view .ibiz-panel-container--container5 ion-icon{font-size:var(--ibiz-width-icon-medium)}.ibiz-panel-app-login-view .ibiz-panel-container--container6{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--ibiz-panel-app-login-view-avatar-url);background-size:100% 100%;border:4px solid var(--ibiz-color-bg-1);border-radius:var(--ibiz-border-radius-circle)}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>*+*{margin-left:10px}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>.ibiz-col{flex:1}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button{width:100%;padding:0}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button .el-button{width:100%;letter-spacing:var(--ibiz-spacing-super-tight)}

package/lib/panel-component/panel-app-title/panel-app-title.cjs

@@ -106,6 +106,49 @@ const PanelAppTitle = /* @__PURE__ */ vue.defineComponent({
             "class": this.ns.e("subCaption2")
           }, [subCaption2])]);
         }
+      } else if (this.c.rawItemParams.showexpandicon === "true" && icon) {
+        let tempIcon = null;
+        if (isSvg) {
+          tempIcon = vue.createVNode("ion-icon", {
+            "class": this.ns.em("logo", "expand"),
+            "icon": icon
+          }, null);
+        } else {
+          tempIcon = vue.createVNode("span", {
+            "class": this.ns.em("logo", "expand")
+          }, [vue.createVNode("img", {
+            "src": icon
+          }, null)]);
+        }
+        iconVNode = vue.createVNode("span", {
+          "class": this.ns.e("logo")
+        }, [tempIcon, vue.createVNode("svg", {
+          "width": "166px",
+          "height": "90px",
+          "viewBox": "0 0 166 90",
+          "version": "1.1"
+        }, [vue.createVNode("g", {
+          "id": "app-caption-panel",
+          "stroke": "none",
+          "stroke-width": "1",
+          "fill-rule": "evenodd"
+        }, [vue.createVNode("text", {
+          "id": "app-caption",
+          "font-family": "Poppins-Bold, Poppins",
+          "font-size": "22",
+          "font-weight": "bold"
+        }, [vue.createVNode("tspan", {
+          "x": "8",
+          "y": "39"
+        }, [caption])]), vue.createVNode("text", {
+          "id": "app-subcaption",
+          "font-family": "PingFangSC-Semibold, PingFang SC",
+          "font-size": "14",
+          "font-weight": "bold"
+        }, [vue.createVNode("tspan", {
+          "x": "8",
+          "y": "66"
+        }, [subCaption])])])])]);
       } else {
         iconVNode = vue.createVNode("span", {
           "class": this.ns.e("logo")
@@ -115,12 +158,12 @@ const PanelAppTitle = /* @__PURE__ */ vue.defineComponent({
           "viewBox": "0 0 256 90",
           "version": "1.1"
         }, [vue.createVNode("g", {
-          "id": "\u753B\u677F",
+          "id": "app-caption-panel",
           "stroke": "none",
           "stroke-width": "1",
           "fill-rule": "evenodd"
         }, [vue.createVNode("text", {
-          "id": "Omni-OA",
+          "id": "app-caption",
           "font-family": "Poppins-Bold, Poppins",
           "font-size": "22",
           "font-weight": "bold"
@@ -128,7 +171,7 @@ const PanelAppTitle = /* @__PURE__ */ vue.defineComponent({
           "x": "20.961",
           "y": "39"
         }, [caption])]), vue.createVNode("text", {
-          "id": "\u4E00\u4F53\u5316\u529E\u516C\u5E73\u53F0",
+          "id": "app-subcaption",
           "font-family": "PingFangSC-Semibold, PingFang SC",
           "font-size": "18",
           "font-weight": "bold"

package/lib/panel-component/panel-app-title/panel-app-title.controller.cjs

@@ -20,6 +20,12 @@ class PanelAppTitleController extends runtime.PanelItemController {
      * @Date: 2023-10-18 18:24:06
      */
     __publicField(this, "captionSplit", "|");
+    /**
+     * @description 自定义补充参数
+     * @type {IData}
+     * @memberof PanelAppTitleController
+     */
+    __publicField(this, "rawItemParams", {});
   }
   createState() {
     var _a;
@@ -33,6 +39,7 @@ class PanelAppTitleController extends runtime.PanelItemController {
    */
   async onInit() {
     await super.onInit();
+    this.handleRawItemParams();
     const indexViewModel = this.panel.view.model;
     if (indexViewModel.title) {
       document.title = indexViewModel.title;
@@ -59,6 +66,27 @@ class PanelAppTitleController extends runtime.PanelItemController {
       this.state.isSvg = true;
     }
   }
+  /**
+   * 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+   *
+   * @author zk
+   * @date 2023-09-27 03:09:55
+   * @protected
+   * @memberof NavPosController
+   */
+  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;
+        }
+      });
+    }
+  }
 }
 
 exports.PanelAppTitleController = PanelAppTitleController;

package/lib/panel-component/panel-app-title/panel-app-title.css

@@ -1 +1 @@
-.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-loose);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:calc(var(--ibiz-font-size-header-1) + 8px)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}
+.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-base-tight);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:calc(var(--ibiz-font-size-header-1) + 8px)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo--expand{width:66px;height:66px}.ibiz-panel-app-title__logo--expand+svg{width:calc(100% - 66px)}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}

package/lib/panel-component/panel-button-list/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelButtonList = require('./panel-button-list.cjs');
+var panelButtonList_provider = require('./panel-button-list.provider.cjs');
+var panelButtonList_controller = require('./panel-button-list.controller.cjs');
+
+"use strict";
+const IBizPanelButtonList = vue3Util.withInstall(
+  panelButtonList.PanelButtonList,
+  function(v) {
+    v.component(panelButtonList.PanelButtonList.name, panelButtonList.PanelButtonList);
+    runtime.registerPanelItemProvider(
+      "BUTTONLIST",
+      () => new panelButtonList_provider.PanelButtonListProvider()
+    );
+  }
+);
+
+exports.PanelButtonListController = panelButtonList_controller.PanelButtonListController;
+exports.IBizPanelButtonList = IBizPanelButtonList;
+exports.default = IBizPanelButtonList;

package/lib/panel-component/panel-button-list/panel-button-list.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelButtonList_controller = require('./panel-button-list.controller.cjs');
+require('./panel-button-list.css');
+
+"use strict";
+const PanelButtonList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelButtonList",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: panelButtonList_controller.PanelButtonListController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("panel-button-list");
+    const c = props.controller;
+    const handleClick = async (e, actionId) => {
+      e.stopPropagation();
+      c.doUIAction(actionId, e);
+    };
+    return {
+      ns,
+      handleClick
+    };
+  },
+  render() {
+    const {
+      state
+    } = this.controller;
+    if (state.visible) {
+      return vue.createVNode(vue.resolveComponent("iBizButtonList"), {
+        "class": [this.ns.b(), ...this.controller.containerClass],
+        "model": this.modelData,
+        "disabled": state.disabled,
+        "buttonsState": state.buttonsState,
+        "onClick": this.handleClick
+      }, null);
+    }
+    return null;
+  }
+});
+
+exports.PanelButtonList = PanelButtonList;
+exports.default = PanelButtonList;