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

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

@@ -75,135 +75,139 @@ const PanelAppTitle = /* @__PURE__ */ vue.defineComponent({
       subCaption2
     } = this.c.state;
     let iconVNode = null;
+    let content = null;
     const captionNode = vue.createVNode("span", {
       "class": this.ns.e("title")
     }, [caption]);
-    if (this.menuAlign === "LEFT") {
-      if (this.isCollapse) {
-        if (icon) {
+    if (this.c.panel.view.model.viewType !== "APPINDEXVIEW") {
+      content = captionNode;
+    } else {
+      if (this.menuAlign === "LEFT") {
+        if (this.isCollapse) {
+          if (icon) {
+            let tempIcon = null;
+            if (isSvg) {
+              tempIcon = vue.createVNode("ion-icon", {
+                "class": this.ns.e("logo"),
+                "icon": icon
+              }, null);
+            } else {
+              tempIcon = vue.createVNode("span", {
+                "class": this.ns.e("logo")
+              }, [vue.createVNode("img", {
+                "src": icon
+              }, null)]);
+            }
+            iconVNode = vue.createVNode("div", {
+              "class": this.ns.e("collpase-icon")
+            }, [tempIcon]);
+          } else {
+            iconVNode = vue.createVNode("div", {
+              "class": this.ns.e("collapse-title")
+            }, [vue.createVNode("div", {
+              "class": this.ns.e("caption2")
+            }, [caption2]), vue.createVNode("div", {
+              "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.e("logo"),
+              "class": this.ns.em("logo", "expand"),
               "icon": icon
             }, null);
           } else {
             tempIcon = vue.createVNode("span", {
-              "class": this.ns.e("logo")
+              "class": this.ns.em("logo", "expand")
             }, [vue.createVNode("img", {
               "src": icon
             }, null)]);
           }
-          iconVNode = vue.createVNode("div", {
-            "class": this.ns.e("collpase-icon")
-          }, [tempIcon]);
-        } else {
-          iconVNode = vue.createVNode("div", {
-            "class": this.ns.e("collapse-title")
-          }, [vue.createVNode("div", {
-            "class": this.ns.e("caption2")
-          }, [caption2]), vue.createVNode("div", {
-            "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")
-        }, [vue.createVNode("svg", {
-          "width": "256px",
-          "height": "90px",
-          "viewBox": "0 0 256 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": "20.961",
-          "y": "39"
-        }, [caption])]), vue.createVNode("text", {
-          "id": "app-subcaption",
-          "font-family": "PingFangSC-Semibold, PingFang SC",
-          "font-size": "18",
-          "font-weight": "bold"
-        }, [vue.createVNode("tspan", {
-          "x": "96",
-          "y": "73"
-        }, [subCaption])])])])]);
-      }
-    } else if (this.menuAlign === "TOP") {
-      if (icon) {
-        if (isSvg) {
-          iconVNode = vue.createVNode("ion-icon", {
-            "class": this.ns.e("logo"),
-            "icon": icon
-          }, null);
+          iconVNode = vue.createVNode("span", {
+            "class": this.ns.e("logo")
+          }, [tempIcon, vue.createVNode("svg", {
+            "width": "166px",
+            "height": "80px",
+            "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")
-          }, [vue.createVNode("img", {
-            "src": icon
-          }, null)]);
+          }, [vue.createVNode("svg", {
+            "width": "256px",
+            "height": "80px",
+            "viewBox": "0 0 256 80",
+            "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": "20.961",
+            "y": "40"
+          }, [caption])]), vue.createVNode("text", {
+            "id": "app-subcaption",
+            "font-family": "PingFangSC-Semibold, PingFang SC",
+            "font-size": "18",
+            "font-weight": "bold"
+          }, [vue.createVNode("tspan", {
+            "x": "96",
+            "y": "69"
+          }, [subCaption])])])])]);
+        }
+      } else if (this.menuAlign === "TOP") {
+        if (icon) {
+          if (isSvg) {
+            iconVNode = vue.createVNode("ion-icon", {
+              "class": this.ns.e("logo"),
+              "icon": icon
+            }, null);
+          } else {
+            iconVNode = vue.createVNode("span", {
+              "class": this.ns.e("logo")
+            }, [vue.createVNode("img", {
+              "src": icon
+            }, null)]);
+          }
         }
       }
-    }
-    let content = null;
-    if (this.menuAlign === "LEFT") {
-      content = iconVNode;
-    } else {
-      content = [iconVNode, captionNode];
+      if (this.menuAlign === "LEFT") {
+        content = iconVNode;
+      } else {
+        content = [iconVNode, captionNode];
+      }
     }
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.is("only-img", this.showImgOnly), this.ns.is("collapse", this.isCollapse), ...this.controller.containerClass],
+      "class": [this.ns.b(), this.ns.is("only-img", this.showImgOnly), this.ns.is("collapse", this.isCollapse), this.ns.is("only-title", this.c.panel.view.model.viewType !== "APPINDEXVIEW"), ...this.controller.containerClass],
       "onClick": this.handleClick
     }, [content]);
   }

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

@@ -40,6 +40,14 @@ class PanelAppTitleController extends runtime.PanelItemController {
   async onInit() {
     await super.onInit();
     this.handleRawItemParams();
+    if (this.panel.view.model.viewType !== "APPINDEXVIEW") {
+      const viewModel = this.panel.view.model;
+      const app = ibiz.hub.getApp(viewModel.appId);
+      if (app) {
+        this.state.caption = app.model.caption || "";
+      }
+      return;
+    }
     const indexViewModel = this.panel.view.model;
     if (indexViewModel.title) {
       document.title = indexViewModel.title;

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-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}
+.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);--ibiz-panel-app-title-not-index-height:60px;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}.ibiz-panel-app-title.is-only-title{height:var(--ibiz-panel-app-title-not-index-height)}

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;

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

@@ -0,0 +1,147 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var panelButtonList_state = require('./panel-button-list.state.cjs');
+
+"use strict";
+class PanelButtonListController extends runtime.PanelItemController {
+  createState() {
+    var _a;
+    return new panelButtonList_state.PanelButtonListState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 父容器数据对象数据
+   * @author lxm
+   * @date 2023-07-15 01:33:58
+   * @readonly
+   * @type {IData}
+   */
+  get data() {
+    return this.dataParent.data;
+  }
+  /**
+   * Creates an instance of PanelButtonController.
+   * @param {IPanelButtonList} model
+   * @param {PanelController} panel
+   * @param {PanelItemController} [parent]
+   * @memberof PanelButtonController
+   */
+  constructor(model, panel, parent) {
+    super(model, panel, parent);
+    this.state.buttonsState = new runtime.ButtonContainerState();
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonController
+   */
+  async onInit() {
+    await super.onInit();
+    await this.initButtonsState();
+  }
+  /**
+   * 初始化按钮组状态
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonListController
+   */
+  async initButtonsState() {
+    var _a;
+    const { buttonListType, uiactionGroup, panelButtons } = this.model;
+    if (buttonListType === "UIACTIONGROUP") {
+      (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.forEach((detail) => {
+        if (detail.uiactionId) {
+          const buttonState = new runtime.UIActionButtonState(
+            detail.id,
+            this.model.appId,
+            detail.uiactionId
+          );
+          this.state.buttonsState.addState(detail.id, buttonState);
+        }
+      });
+    } else {
+      panelButtons == null ? void 0 : panelButtons.forEach((button) => {
+        if (button.uiactionId) {
+          const buttonState = new runtime.UIActionButtonState(
+            button.id,
+            this.model.appId,
+            button.uiactionId
+          );
+          this.state.buttonsState.addState(button.id, buttonState);
+        }
+      });
+    }
+    await this.state.buttonsState.init();
+  }
+  /**
+   * 面板数据变更通知(由面板控制器调用)
+   *
+   * @param {string[]} names
+   * @memberof PanelButtonController
+   */
+  async dataChangeNotify(names) {
+    await this.state.buttonsState.update(
+      this.panel.context,
+      this.data,
+      this.panel.model.appDataEntityId
+    );
+    super.dataChangeNotify(names);
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @param {PanelNotifyState} _state
+   * @memberof PanelButtonController
+   */
+  async panelStateNotify(_state) {
+    await this.state.buttonsState.update(
+      this.panel.context,
+      this.data,
+      this.panel.model.appDataEntityId
+    );
+    super.panelStateNotify(_state);
+  }
+  /**
+   * 执行界面行为
+   *
+   * @param {string} actionId
+   * @param {MouseEvent} event
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonListController
+   */
+  async doUIAction(actionId, event) {
+    await runtime.UIActionUtil.execAndResolved(
+      actionId,
+      {
+        context: this.panel.context,
+        params: {
+          panelDataParent: this.dataParent.model.id,
+          ...this.panel.params
+        },
+        data: [this.data],
+        view: this.panel.view,
+        event,
+        noWaitRoute: true
+      },
+      this.model.appId
+    );
+  }
+  calcItemVisible(data) {
+    if (!this.state.buttonsState.visible) {
+      this.state.visible = false;
+      return;
+    }
+    super.calcItemVisible(data);
+  }
+  calcItemDisabled(data) {
+    if (this.state.buttonsState.disabled) {
+      this.state.disabled = true;
+      return;
+    }
+    super.calcItemDisabled(data);
+  }
+}
+
+exports.PanelButtonListController = PanelButtonListController;

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

@@ -0,0 +1 @@
+.ibiz-panel-button-list{width:100%;height:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var panelButtonList_controller = require('./panel-button-list.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 PanelButtonListProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelButtonList");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new panelButtonList_controller.PanelButtonListController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelButtonListProvider = PanelButtonListProvider;

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

@@ -0,0 +1,25 @@
+'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 PanelButtonListState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 按钮组状态
+     *
+     * @type {IButtonContainerState}
+     * @memberof PanelButtonListState
+     */
+    __publicField(this, "buttonsState");
+  }
+}
+
+exports.PanelButtonListState = PanelButtonListState;

package/lib/panel-component/panel-index-view-search/panel-index-view-search.css

@@ -1 +1 @@
-.ibiz-panel-index-view-search{--ibiz-panel-index-view-search-text-color:var(--ibiz-color-text-0);--ibiz-panel-index-view-search-placeholder-text-color:var(--ibiz-color-text-2);--ibiz-panel-index-view-search-bg-color:var(--ibiz-color-fill-0);--ibiz-panel-index-view-search-btn-width:var(--ibiz-height-control-large);width:100%;height:100%}.ibiz-panel-index-view-search .el-input__wrapper{background-color:var(--ibiz-panel-index-view-search-bg-color);box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.ibiz-panel-index-view-search .el-input__wrapper .el-input__prefix{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::-moz-placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search-btn{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-4)}.ibiz-panel-index-view-search-btn .el-button{width:var(--ibiz-panel-index-view-search-btn-width);padding:var(--ibiz-spacing-base-tight)}.ibiz-panel-index-view-search-btn:hover{background-color:transparent}
+.ibiz-panel-index-view-search{--ibiz-panel-index-view-search-text-color:var(--ibiz-color-text-0);--ibiz-panel-index-view-search-placeholder-text-color:var(--ibiz-color-text-menu);--ibiz-panel-index-view-search-bg-color:var(--ibiz-color-bg-5);--ibiz-panel-index-view-search-btn-width:var(--ibiz-height-control-large);--ibiz-panel-index-view-search-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);width:100%;height:100%;padding:var(--ibiz-panel-index-view-search-padding)}.ibiz-panel-index-view-search .el-input__wrapper{background-color:var(--ibiz-panel-index-view-search-bg-color);box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.ibiz-panel-index-view-search .el-input__wrapper .el-input__prefix{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::-moz-placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search.is-collapse{padding:0}.ibiz-panel-index-view-search-btn{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-4)}.ibiz-panel-index-view-search-btn .el-button{width:var(--ibiz-panel-index-view-search-btn-width);padding:var(--ibiz-spacing-base-tight)}.ibiz-panel-index-view-search-btn:hover{background-color:transparent}

package/lib/panel-component/panel-view-content/panel-view-content.cjs

@@ -37,6 +37,12 @@ const PanelViewContent = /* @__PURE__ */ vue.defineComponent({
     };
     const classArr = vue.computed(() => {
       let result = [ns.b(), ns.m(id)];
+      const {
+        view
+      } = props.controller.panel;
+      if (view.model.viewType) {
+        result.push(ns.m(view.model.viewType.toLowerCase()));
+      }
       if (showCaption === true) {
         result = [...result, ...props.controller.containerClass, ns.is("collapse", collapsible && isCollapse.value), ns.is("hidden", !props.controller.state.visible)];
       }

package/lib/panel-component/panel-view-header/panel-view-header.css

@@ -1 +1 @@
-.ibiz-panel-view-header{width:auto;height:64px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-panel-view-header .ibiz-row{height:100%}.ibiz-panel-view-header .ibiz-panel-container--view_header_right{padding:0 var(--ibiz-spacing-base)}
+.ibiz-panel-view-header{width:auto;height:64px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-panel-view-header .ibiz-row{height:100%}.ibiz-panel-view-header .ibiz-panel-container--view_header_right{padding:0 var(--ibiz-spacing-base)}.ibiz-panel-view-header .el-tabs__nav-wrap::after{display:none}

package/lib/util/app-modal/app-modal-component.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-modal{--ibiz-modal-z-index:var(--ibiz-z-index-modal);--ibiz-modal-background-color:var(--ibiz-color-bg-1)}.ibiz-modal.el-dialog{overflow:visible}.ibiz-modal .el-dialog__header{position:relative;padding:0}.ibiz-modal .el-dialog__body{height:100%;padding:0;background-color:var(--ibiz-modal-background-color)}.ibiz-modal .el-dialog__headerbtn{top:-40px;right:-60px;border:var(--ibiz-spacing-super-tight) solid var(--ibiz-color-bg-1);border-radius:var(--ibiz-border-radius-circle);display:flex;align-items:center;justify-content:center}.ibiz-modal .el-dialog__headerbtn .el-dialog__close{font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-primary-text)}
+@charset "UTF-8";.ibiz-modal{--ibiz-modal-z-index:var(--ibiz-z-index-modal);--ibiz-modal-background-color:var(--ibiz-color-bg-1)}.ibiz-modal.el-dialog{overflow:visible}.ibiz-modal .el-dialog__header{position:relative;padding:0}.ibiz-modal .el-dialog__body{height:100%;padding:0;background-color:var(--ibiz-modal-background-color)}.ibiz-modal .el-dialog__headerbtn{top:-40px;right:-60px;border:var(--ibiz-spacing-super-tight) solid var(--ibiz-color-primary-text);border-radius:var(--ibiz-border-radius-circle);display:flex;align-items:center;justify-content:center}.ibiz-modal .el-dialog__headerbtn .el-dialog__close{font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-primary-text)}

package/lib/util/fullscreen/fullscreen-util.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var ElementPlus = require('element-plus');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.38-alpha.16_axios@1.7.7_lodash-es@4.17.21_qs@6.13.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 var fullscreenToolbar = require('../../common/fullscreen-toolbar/fullscreen-toolbar.cjs');
 
 "use strict";
@@ -49,7 +50,7 @@ class FullscreenUtil {
       if (this.FullscreenClass) {
         div.classList.toggle(this.FullscreenClass);
       }
-      div.style.background = "white";
+      div.style.background = "var(--".concat(namespace.defaultNamespace, "-bg-1)");
       const content = document.createElement("div");
       content.id = "fullscreen";
       content.style.position = "absolute";

package/lib/util/notification-util/notification-util.cjs

@@ -1,7 +1,10 @@
 'use strict';
 
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
 var ElementPlus = require('element-plus');
 var wangEditorUtil = require('../wang-editor-util/wang-editor-util.cjs');
+var uploadManager = require('./upload-manager/upload-manager.cjs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -26,6 +29,14 @@ class NotificationUtil {
      * @Date: 2023-11-17 15:32:23
      */
     __publicField(this, "intervalId", null);
+    /**
+     * 上传管理器
+     *
+     * @private
+     * @type {(NotificationHandle | undefined)}
+     * @memberof NotificationUtil
+     */
+    __publicField(this, "uploadManagerHandle");
   }
   /**
    * 执行下一步
@@ -97,6 +108,31 @@ class NotificationUtil {
     this.callStack.push(() => this.handleNotice(params, "error"));
     this.setTimer();
   }
+  uploadManager(params) {
+    var _a;
+    (_a = this.uploadManagerHandle) == null ? void 0 : _a.close();
+    this.uploadManagerHandle = void 0;
+    return new Promise((resolve) => {
+      const ns = vue3Util.useNamespace("upload-manager-notic");
+      this.uploadManagerHandle = ElementPlus.ElNotification({
+        duration: 0,
+        showClose: false,
+        customClass: ns.b(),
+        position: "bottom-right",
+        message: vue.h(uploadManager.IBizUploadManager, {
+          params,
+          onUploadComplete: (data) => {
+            resolve(data);
+          },
+          onClose: () => {
+            var _a2;
+            (_a2 = this.uploadManagerHandle) == null ? void 0 : _a2.close();
+            this.uploadManagerHandle = void 0;
+          }
+        })
+      });
+    });
+  }
 }
 
 exports.NotificationUtil = NotificationUtil;