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

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

@@ -0,0 +1,167 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./button-list.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizButtonList",
+  props: {
+    model: {
+      type: Object,
+      required: true
+    },
+    buttonsState: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    click: (_e, _actionId) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("button-list");
+    const dropdown = vue.ref();
+    const {
+      uiactionGroup,
+      actionGroupExtractMode
+    } = props.model;
+    const firstIndex = vue.computed(() => {
+      var _a;
+      const index = (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.findIndex((item) => props.buttonsState[item.id].visible);
+      return index === void 0 ? -1 : index;
+    });
+    const buttonStyle = vue.computed(() => {
+      const {
+        itemStyle,
+        detailStyle
+      } = props.model;
+      return itemStyle || detailStyle || "DEFAULT";
+    });
+    const trigger = vue.computed(() => {
+      return actionGroupExtractMode === "ITEMX" && buttonStyle.value === "STYLE2" ? "hover" : "click";
+    });
+    const handleClick = (e, item) => {
+      var _a, _b;
+      e.stopPropagation();
+      (_b = (_a = dropdown.value) == null ? void 0 : _a.handleClose) == null ? void 0 : _b.call(_a);
+      emit("click", e, item.uiactionId);
+    };
+    const handleMoreClick = (e, item) => {
+      if (trigger.value === "hover") {
+        emit("click", e, item.uiactionId);
+      }
+    };
+    const renderButton = (item, disabled = false) => {
+      var _a, _b;
+      if (props.buttonsState[item.id].visible) {
+        return vue.createVNode(vue.resolveComponent("el-button"), {
+          "class": [ns.e("item"), ns.em("item", "".concat((_a = item.id) == null ? void 0 : _a.toLowerCase())), "".concat(((_b = item.sysCss) == null ? void 0 : _b.cssName) || "")],
+          "title": item.tooltip || item.caption,
+          "disabled": props.buttonsState[item.id].disabled || disabled,
+          "onClick": (event) => handleClick(event, item)
+        }, {
+          default: () => [vue.createVNode("div", {
+            "class": ns.e("button-content")
+          }, [item.showIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+            "icon": item.sysImage,
+            "class": ns.em("button-content", "icon")
+          }, null), item.showCaption && vue.createVNode("span", {
+            "class": ns.em("button-content", "caption")
+          }, [item.caption])])]
+        });
+      }
+      return null;
+    };
+    const renderActions = () => {
+      var _a;
+      return vue.createVNode("div", {
+        "class": ns.e("content")
+      }, [(_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.map((item) => renderButton(item))]);
+    };
+    const renderDropdown = () => {
+      const {
+        id,
+        caption,
+        sysImage
+      } = props.model;
+      return vue.createVNode(vue.resolveComponent("el-dropdown"), {
+        "ref": dropdown,
+        "trigger": trigger.value,
+        "class": [ns.e("dropdown"), ns.em("dropdown", "".concat(buttonStyle.value.toLowerCase()))],
+        "popper-class": [ns.e("dropdown-popper"), ns.em("dropdown-popper", "".concat(buttonStyle.value.toLowerCase())), ns.em("dropdown-popper", "".concat(id == null ? void 0 : id.toLowerCase()))],
+        "popper-options": {
+          modifiers: [{
+            name: "offset",
+            options: {
+              offset: [0, 4]
+            }
+          }]
+        }
+      }, {
+        default: () => {
+          const item = uiactionGroup.uiactionGroupDetails[firstIndex.value];
+          return vue.createVNode(vue.resolveComponent("el-button-group"), null, {
+            default: () => [actionGroupExtractMode === "ITEMX" && item && renderButton(item, props.disabled), (actionGroupExtractMode !== "ITEMX" || item) && vue.createVNode(vue.resolveComponent("el-button"), {
+              "disabled": props.disabled,
+              "class": ns.e("more-button"),
+              "title": actionGroupExtractMode !== "ITEMX" ? caption || ibiz.i18n.t("app.more") : ibiz.i18n.t("app.more"),
+              "onClick": (event) => handleMoreClick(event, item)
+            }, {
+              default: () => [vue.createVNode("div", {
+                "class": ns.e("button-content")
+              }, [actionGroupExtractMode === "ITEMS" ? [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+                "class": ns.em("button-content", "icon"),
+                "icon": sysImage
+              }, null), caption ? vue.createVNode("span", {
+                "class": ns.em("button-content", "caption")
+              }, [caption]) : null] : vue.createVNode("ion-icon", {
+                "name": "chevron-down-outline",
+                "class": ns.em("button-content", "more")
+              }, null)])]
+            })]
+          });
+        },
+        dropdown: () => vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
+          default: () => {
+            var _a;
+            return [(_a = uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.map((item, index) => {
+              if (props.buttonsState[item.id].visible && (actionGroupExtractMode !== "ITEMX" || index !== firstIndex.value)) {
+                let _slot;
+                return vue.createVNode(vue.resolveComponent("el-dropdown-item"), null, _isSlot(_slot = renderButton(item)) ? _slot : {
+                  default: () => [_slot]
+                });
+              }
+              return null;
+            })];
+          }
+        })
+      });
+    };
+    return {
+      ns,
+      buttonStyle,
+      renderDropdown,
+      renderActions
+    };
+  },
+  render() {
+    var _a;
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.model.id), this.ns.m(this.buttonStyle.toLowerCase()), this.ns.m((_a = this.model.actionGroupExtractMode) == null ? void 0 : _a.toLowerCase())],
+      "style": this.model.cssStyle
+    }, [this.model.actionGroupExtractMode === "ITEM" ? this.renderActions() : this.renderDropdown()]);
+  }
+});
+
+exports.IBizButtonList = IBizButtonList;

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

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

package/lib/common/control-navigation/control-navigation.cjs

@@ -0,0 +1,118 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var index = require('./provider/index.cjs');
+require('./control-navigation.css');
+
+"use strict";
+const IBizControlNavigation = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizControlNavigation",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const ns = vue3Util.useNamespace("control-navigation");
+    const provider = index.getNavigationProvider(props.controller);
+    const outerWrapper = vue.ref(null);
+    const {
+      navViewPos,
+      controlParam,
+      navViewWidth,
+      navViewHeight,
+      navViewMinWidth,
+      navViewMaxWidth,
+      navViewMinHeight,
+      navViewMaxHeight
+    } = props.controller.model;
+    const navStyle = {
+      minWidth: navViewMinWidth ? navViewMinWidth > 0 ? "".concat(navViewMinWidth, "px") : navViewMinWidth : void 0,
+      maxWidth: navViewMaxWidth ? navViewMaxWidth > 0 ? "".concat(navViewMaxWidth, "px") : navViewMaxWidth : void 0,
+      minHeight: navViewMinHeight ? navViewMinHeight > 0 ? "".concat(navViewMinHeight, "px") : navViewMinHeight : void 0,
+      maxHeight: navViewMaxHeight ? navViewMaxHeight > 0 ? "".concat(navViewMaxHeight, "px") : navViewMaxHeight : void 0
+    };
+    const navViewMsg = vue.ref();
+    const navRenderMode = ((_a = controlParam == null ? void 0 : controlParam.ctrlParams) == null ? void 0 : _a.navRenderMode) ? controlParam.ctrlParams.navRenderMode : "RELOAD";
+    const splitValue = vue.ref(0.5);
+    const splitMode = vue.ref(["BOTTOM", "ANY_BOTTOM"].includes(navViewPos) ? "vertical" : "horizontal");
+    vue.watch(() => provider.navViewMsg.value, (newVal, oldVal) => {
+      if (navRenderMode === "REDRAW" || !newVal || oldVal && newVal.viewId !== oldVal.viewId) {
+        navViewMsg.value = newVal;
+      } else {
+        navViewMsg.value = {
+          context: newVal.context,
+          params: newVal.params,
+          viewId: newVal.viewId
+        };
+      }
+    }, {
+      deep: true,
+      immediate: true
+    });
+    vue.onMounted(() => {
+      if (outerWrapper.value) {
+        const offsetSize = splitMode.value === "horizontal" ? "offsetWidth" : "offsetHeight";
+        const size = outerWrapper.value[offsetSize];
+        const viewSize = splitMode.value === "horizontal" ? navViewWidth : navViewHeight;
+        if (viewSize) {
+          if (viewSize > 0 && viewSize < 1) {
+            splitValue.value = 1 - viewSize;
+          } else {
+            splitValue.value = "".concat(size - viewSize, "px");
+          }
+        }
+      }
+    });
+    const renderNavView = () => {
+      if (navViewMsg.value) {
+        return vue.h(vue.resolveComponent("IBizViewShell"), {
+          ...navViewMsg.value,
+          class: ns.e("nav-view")
+        });
+      }
+    };
+    return {
+      ns,
+      navStyle,
+      provider,
+      splitMode,
+      splitValue,
+      outerWrapper,
+      renderNavView
+    };
+  },
+  render() {
+    var _a, _b, _c, _d, _e;
+    const {
+      state,
+      model
+    } = this.controller;
+    return vue.createVNode("div", {
+      "ref": "outerWrapper",
+      "class": [this.ns.b(), this.ns.e((_a = model.controlType) == null ? void 0 : _a.toLowerCase())]
+    }, [state.enableNavView ? state.showNavView ? vue.createVNode(vue.resolveComponent("iBizNavSplit"), {
+      "modelValue": this.splitValue,
+      "onUpdate:modelValue": ($event) => this.splitValue = $event,
+      "mode": this.splitMode,
+      "min": this.splitMode === "horizontal" ? this.navStyle.minWidth : this.navStyle.minHeight,
+      "max": this.splitMode === "horizontal" ? this.navStyle.maxWidth : this.navStyle.maxHeight
+    }, {
+      left: () => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = this.$slots).default) == null ? void 0 : _b2.call(_a2);
+      },
+      right: () => this.renderNavView(),
+      top: () => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = this.$slots).default) == null ? void 0 : _b2.call(_a2);
+      },
+      bottom: () => this.renderNavView()
+    }) : (_c = (_b = this.$slots).default) == null ? void 0 : _c.call(_b) : (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)]);
+  }
+});
+
+exports.IBizControlNavigation = IBizControlNavigation;

package/lib/common/control-navigation/control-navigation.css

@@ -0,0 +1 @@
+.ibiz-control-navigation{width:100%;height:100%}.ibiz-control-navigation__nav-control{width:100%;height:100%;position:relative}

package/lib/common/control-navigation/provider/calendar-navigation.provider.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var navigationBase_provider = require('./navigation-base.provider.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 CalendarNavigationProvider extends navigationBase_provider.NavgationBaseProvider {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "keyName", "navId");
+  }
+  onNavDataByStack() {
+    const { items } = this.controller.state;
+    const navData = this.navStack.map((key) => items.find((item) => item.navId === key)).find((item) => item !== void 0) || items[0];
+    if (navData) {
+      const date = new Date(navData.beginTime);
+      this.controller.setSelectDate(date);
+      this.controller.setNavData(navData);
+    } else {
+      this.navStack = [];
+      this.controller.setSelectDate(/* @__PURE__ */ new Date());
+      this.navViewMsg.value = void 0;
+    }
+  }
+  getNavViewMsg(item) {
+    const { sysCalendarItems } = this.model;
+    const itemModel = sysCalendarItems == null ? void 0 : sysCalendarItems.find(
+      (_item) => _item.itemType === item.itemType
+    );
+    if (itemModel) {
+      const { context, params } = this.prepareParams(
+        itemModel,
+        item.deData ? item.deData : item,
+        this.controller.context,
+        this.controller.params
+      );
+      return {
+        key: item.navId,
+        context,
+        params,
+        viewId: itemModel.navAppViewId
+      };
+    }
+    return {
+      key: item.navId,
+      context: this.controller.context,
+      params: this.controller.params
+    };
+  }
+}
+
+exports.CalendarNavigationProvider = CalendarNavigationProvider;

package/lib/common/control-navigation/provider/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var navigationBase_provider = require('./navigation-base.provider.cjs');
+var calendarNavigation_provider = require('./calendar-navigation.provider.cjs');
+var treeNavigation_provider = require('./tree-navigation.provider.cjs');
+
+"use strict";
+function getNavigationProvider(controller) {
+  const { controlType } = controller.model;
+  if (controlType === "CALENDAR") {
+    return new calendarNavigation_provider.CalendarNavigationProvider(controller);
+  }
+  if (controlType === "TREEVIEW") {
+    return new treeNavigation_provider.TreeNavigationProvider(controller);
+  }
+  return new navigationBase_provider.NavgationBaseProvider(controller);
+}
+
+exports.getNavigationProvider = getNavigationProvider;

package/lib/common/control-navigation/provider/navigation-base.provider.cjs

@@ -0,0 +1,144 @@
+'use strict';
+
+var vue = require('vue');
+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 NavgationBaseProvider {
+  /**
+   * Creates an instance of NavgationBaseProvider.
+   * @param {MDControlController} controller
+   * @memberof NavgationBaseProvider
+   */
+  constructor(controller) {
+    this.controller = controller;
+    /**
+     * 导航栈数据
+     *
+     * @type {string[]}
+     * @memberof NavgationBaseProvider
+     */
+    __publicField(this, "navStack", []);
+    /**
+     * 主键名称
+     *
+     * @memberof NavgationBaseProvider
+     */
+    __publicField(this, "keyName", "srfkey");
+    /**
+     * 模型
+     *
+     * @type {IMDControl}
+     * @memberof NavgationBaseProvider
+     */
+    __publicField(this, "model");
+    /**
+     * 导航视图信息
+     *
+     * @type {(Ref<INavViewMsg | undefined>)}
+     * @memberof NavgationBaseProvider
+     */
+    __publicField(this, "navViewMsg", vue.ref());
+    this.model = controller.model;
+    if (controller.state.enableNavView) {
+      controller.evt.on("onNavDataChange", (evt) => {
+        this.onNavDataChange(evt);
+      });
+      controller.evt.on("onLoadSuccess", () => {
+        this.onNavDataByStack();
+      });
+    }
+  }
+  /**
+   * 解析参数
+   *
+   * @param {(INavigatable & { appDataEntityId?: string })} XDataModel
+   * @param {IData} data
+   * @param {IContext} context
+   * @param {IParams} params
+   * @return {*}  {{ context: IContext; params: IParams }}
+   * @memberof NavgationBaseProvider
+   */
+  prepareParams(XDataModel, data, context, params) {
+    const {
+      navDER,
+      navFilter,
+      navigateContexts,
+      navigateParams,
+      appDataEntityId
+    } = XDataModel;
+    const model = {
+      deName: appDataEntityId ? runtime.calcDeCodeNameById(appDataEntityId) : void 0,
+      navFilter,
+      pickupDEFName: navDER == null ? void 0 : navDER.pickupDEFName,
+      navContexts: navigateContexts,
+      navParams: navigateParams
+    };
+    const originParams = {
+      context,
+      params,
+      data
+    };
+    const { resultContext, resultParams } = runtime.calcNavParams(model, originParams);
+    const tempContext = Object.assign(context.clone(), resultContext);
+    const tempParams = { ...resultParams };
+    return { context: tempContext, params: tempParams };
+  }
+  /**
+   * 通过栈数据导航
+   *
+   * @memberof NavgationBaseProvider
+   */
+  onNavDataByStack() {
+    const { items } = this.controller.state;
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
+    setTimeout(() => {
+      if (navData) {
+        this.controller.setNavData(navData);
+        this.controller.setSelection([navData]);
+      } else {
+        this.navStack = [];
+        this.controller.setSelection([]);
+        this.navViewMsg.value = void 0;
+      }
+    });
+  }
+  /**
+   * 导航数据变化
+   *
+   * @param {IMDControlEvent['onNavDataChange']['event']} event
+   * @memberof NavgationBaseProvider
+   */
+  onNavDataChange(event) {
+    const { navData, context, params } = event;
+    this.navStack.unshift(navData[this.keyName]);
+    this.navViewMsg.value = this.getNavViewMsg(navData, context, params);
+  }
+  /**
+   * 获取导航视图信息
+   *
+   * @param {IData} data
+   * @param {IContext} context
+   * @param {IParams} params
+   * @return {*}  {INavViewMsg}
+   * @memberof NavgationBaseProvider
+   */
+  getNavViewMsg(data, context, params) {
+    const viewModelId = this.model.navAppViewId;
+    const result = this.prepareParams(this.model, data, context, params);
+    return {
+      key: data[this.keyName],
+      context: result.context,
+      params: result.params,
+      viewId: viewModelId
+    };
+  }
+}
+
+exports.NavgationBaseProvider = NavgationBaseProvider;

package/lib/common/control-navigation/provider/tree-navigation.provider.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+var navigationBase_provider = require('./navigation-base.provider.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 TreeNavigationProvider extends navigationBase_provider.NavgationBaseProvider {
+  /**
+   * Creates an instance of TreeNavigationProvider.
+   * @param {MDControlController} controller
+   * @memberof TreeNavigationProvider
+   */
+  constructor(controller) {
+    super(controller);
+    __publicField(this, "keyName", "_id");
+    /**
+     * 有导航视图的节点标识
+     *
+     * @type {string[]}
+     * @memberof TreeNavigationProvider
+     */
+    __publicField(this, "navNodeModelIds", []);
+    const { detreeNodes } = this.model;
+    detreeNodes == null ? void 0 : detreeNodes.forEach((node) => {
+      if (node.navAppViewId) {
+        this.navNodeModelIds.push(node.id);
+      }
+    });
+  }
+  onNavDataByStack() {
+    const { items, rootNodes } = this.controller.state;
+    const defaultNav = items.find((node) => {
+      if (!this.model.rootVisible && rootNodes.includes(node)) {
+        return false;
+      }
+      return this.navNodeModelIds.includes(node._nodeId);
+    });
+    const navData = this.navStack.map((key) => items.find((item) => item._id === key)).find((item) => item !== void 0) || defaultNav;
+    if (navData) {
+      this.controller.setSelection([navData]);
+      this.controller.setNavData(navData);
+    } else {
+      this.navStack = [];
+      this.controller.setSelection([]);
+      this.navViewMsg.value = void 0;
+    }
+  }
+  getNavViewMsg(item) {
+    const { detreeNodes } = this.model;
+    const nodeModel = detreeNodes == null ? void 0 : detreeNodes.find((node) => node.id === item._nodeId);
+    const _context = Object.assign(
+      this.controller.context.clone(),
+      item._context || {}
+    );
+    const _params = { ...this.controller.params, ...item._params || {} };
+    if (nodeModel) {
+      const { context, params } = this.prepareParams(
+        nodeModel,
+        item._deData ? item._deData : item,
+        _context,
+        _params
+      );
+      return {
+        key: item._id,
+        context,
+        params,
+        viewId: nodeModel.navAppViewId
+      };
+    }
+    return {
+      key: item._id,
+      context: _context,
+      params: _params
+    };
+  }
+}
+
+exports.TreeNavigationProvider = TreeNavigationProvider;

package/lib/common/custom-theme/custom-theme-model.cjs

@@ -386,17 +386,9 @@ const predefineThemeVars = [
         className: "ibiz-panel-app-header"
       },
       {
-        label: "\u60AC\u6D6E\u8272",
+        label: "\u9009\u4E2D\u8272",
         value: "--ibiz-panel-app-header-horizontal-hover-bg-color",
         defaultValue: "--ibiz-color-primary-hover",
-        labelLang: "topHoverBgColor",
-        descLang: "topHoverBgColorDesc",
-        className: "ibiz-panel-app-header"
-      },
-      {
-        label: "\u9009\u4E2D\u8272",
-        value: "--ibiz-panel-app-header-horizontal-select-bg-color",
-        defaultValue: "--ibiz-color-primary-active",
         labelLang: "topSelectBgColor",
         descLang: "topSelectBgColorDesc",
         className: "ibiz-panel-app-header"
@@ -425,16 +417,16 @@ const predefineThemeVars = [
       },
       {
         label: "\u60AC\u6D6E\u8272",
-        value: "--ibiz-panel-app-header-hover-bg-color",
-        defaultValue: "--ibiz-color-primary-hover",
+        value: "--ibiz-panel-app-header-select-bg-color",
+        defaultValue: "--ibiz-color-primary-active",
         labelLang: "sidebarHoverBgColor",
         descLang: "sidebarHoverBgColorDesc",
         className: "ibiz-panel-app-header"
       },
       {
         label: "\u9009\u4E2D\u8272",
-        value: "--ibiz-panel-app-header-select-bg-color",
-        defaultValue: "--ibiz-color-primary-active",
+        value: "--ibiz-panel-app-header-hover-bg-color",
+        defaultValue: "--ibiz-color-primary-hover",
         labelLang: "sidebarSelectBgColor",
         descLang: "sidebarSelectBgColorDesc",
         className: "ibiz-panel-app-header"

package/lib/common/custom-theme/custom-theme.controller.cjs

@@ -41,10 +41,9 @@ class CustomThemeController {
         color: "#557da5"
       },
       {
-        codeName: "studio_dark",
+        codeName: "dark",
         label: "\u6697\u8272",
-        labelLang: "studio_dark",
-        color: "#37373d"
+        color: "#1c1c1c"
       }
     ]);
     this.model = customThemeModel.predefineThemeVars;