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

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var vue = require('vue');
 var ramda = require('ramda');
+var vue = require('vue');
 var customThemeModel = require('./custom-theme-model.cjs');
 
 "use strict";
@@ -12,6 +12,11 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 class CustomThemeController {
+  /**
+   * Creates an instance of CustomThemeController.
+   * @author tony001
+   * @date 2024-12-26 18:12:28
+   */
   constructor() {
     /**
      * 自定义主题状态
@@ -27,6 +32,15 @@ class CustomThemeController {
      * @memberof CustomThemeController
      */
     __publicField(this, "model", []);
+    /**
+     * 模型映射对象，key为value，value值为var对象
+     *
+     * @author tony001
+     * @date 2024-12-27 10:12:57
+     * @private
+     * @type {IData}
+     */
+    __publicField(this, "modelMapping", {});
     /**
      * 预定义类型
      *
@@ -38,18 +52,119 @@ class CustomThemeController {
         codeName: "light",
         label: "\u4EAE\u8272",
         labelLang: "light",
-        color: "#557da5"
+        color: "#557da5",
+        isCustom: false
       },
       {
         codeName: "dark",
         label: "\u6697\u8272",
-        color: "#1c1c1c"
+        labelLang: "dark",
+        color: "#1c1c1c",
+        isCustom: false
+      },
+      {
+        codeName: "blue",
+        label: "\u84DD\u8272",
+        labelLang: "blue",
+        color: "rgba(0, 132, 255, 1)",
+        isCustom: false
+      },
+      {
+        codeName: "user1",
+        label: "\u81EA\u5B9A\u4E491",
+        labelLang: "user1",
+        color: "#999",
+        isCustom: true
+      },
+      {
+        codeName: "user2",
+        label: "\u81EA\u5B9A\u4E492",
+        labelLang: "user2",
+        color: "#888",
+        isCustom: true
+      },
+      {
+        codeName: "user3",
+        label: "\u81EA\u5B9A\u4E493",
+        labelLang: "user3",
+        color: "#777",
+        isCustom: true
       }
     ]);
     this.model = customThemeModel.predefineThemeVars;
     const customTheme = ibiz.util.theme.getCustomTheme();
     this.state = ramda.clone(customTheme);
     this.state = vue.reactive(this.state);
+    this.model.forEach((item) => {
+      this.initModelMapping(item);
+    });
+  }
+  /**
+   * 初始化模型映射
+   *
+   * @author tony001
+   * @date 2024-12-27 13:12:53
+   * @private
+   * @param {IData} item
+   */
+  initModelMapping(item) {
+    if (item.children && item.children.length > 0) {
+      item.children.forEach((child) => {
+        this.initModelMapping(child);
+      });
+    }
+    if (item.vars && item.vars.length > 0) {
+      item.vars.forEach((varItem) => {
+        this.modelMapping[varItem.value] = varItem;
+      });
+    }
+  }
+  /**
+   * 获取模型编辑数据
+   *
+   * @author tony001
+   * @date 2024-12-27 13:12:48
+   * @public
+   * @return {*}  {IData}
+   */
+  getModelEditData() {
+    const result = {};
+    this.model.forEach((item) => {
+      const tempData = {};
+      this.getSingleGroupModelData(item, tempData);
+      result[item.labelLang] = tempData;
+    });
+    return result;
+  }
+  /**
+   * 获取单个分组的模型数据
+   *
+   * @author tony001
+   * @date 2024-12-27 13:12:05
+   * @private
+   * @param {IData} item
+   * @param {IData} result
+   */
+  getSingleGroupModelData(item, result) {
+    if (item.children && item.children.length > 0) {
+      item.children.forEach((child) => {
+        this.getSingleGroupModelData(child, result);
+      });
+    }
+    if (item.vars && item.vars.length > 0) {
+      item.vars.forEach((varItem) => {
+        this.modelMapping[varItem.value] = varItem;
+        if (varItem.type === "size") {
+          result[varItem.value] = this.getCssVar(varItem.value);
+        } else {
+          let name = varItem.value;
+          if (varItem.className) {
+            name = "".concat(varItem.className, ":").concat(name);
+          }
+          result[varItem.value] = this.getCssVar(name, varItem.defaultValue);
+        }
+      });
+    }
   }
   /**
    * 获取css变量
@@ -59,13 +174,24 @@ class CustomThemeController {
    * @memberof CustomThemeController
    */
   getCssVar(name, defaultVar) {
+    var _a;
     let result = defaultVar || name;
     if (this.state.themeVars && this.state.themeVars[name]) {
       result = this.state.themeVars[name];
     } else {
-      const styles = window.getComputedStyle(document.documentElement);
+      let elt = document.documentElement;
+      let varName = defaultVar || name;
+      if (name.split(":").length === 2) {
+        const className = name.split(":")[0];
+        const element = (_a = document.getElementsByClassName(className)) == null ? void 0 : _a[0];
+        if (element) {
+          elt = element;
+          varName = name.split(":")[1];
+        }
+      }
+      const styles = window.getComputedStyle(elt);
       if (styles) {
-        result = styles.getPropertyValue(defaultVar || name) || result;
+        result = styles.getPropertyValue(varName) || result;
       }
     }
     if (result.toString().endsWith("px")) {
@@ -76,6 +202,110 @@ class CustomThemeController {
     }
     return result;
   }
+  /**
+   * 处理主题变更
+   *
+   * @author tony001
+   * @date 2024-12-26 15:12:57
+   * @param {string} tag
+   * @return {*}  {Promise<void>}
+   */
+  async handleThemeChange(tag) {
+    await ibiz.util.theme.clearCustomThemeParams(this.state.themeTag);
+    this.state.themeTag = tag;
+    this.state.themeVars = {};
+    await this.handleThemePreview(true);
+  }
+  /**
+   * 计算变更主题变量
+   *
+   * @author tony001
+   * @date 2024-12-27 17:12:21
+   * @param {IData} newData
+   * @return {*}  {Promise<void>}
+   */
+  async computeChangeThemeVars(newData) {
+    const changeVars = [];
+    const oldData = this.getModelEditData();
+    Object.keys(newData).forEach((type) => {
+      const newThemeVar = newData[type];
+      Object.keys(newThemeVar).forEach((varName) => {
+        const oldValue = oldData[type][varName];
+        if (oldValue !== newThemeVar[varName]) {
+          changeVars.push({ key: varName, value: newThemeVar[varName] });
+        }
+      });
+    });
+    if (changeVars.length > 0) {
+      changeVars.forEach((item) => {
+        const targetItem = this.modelMapping[item.key];
+        if (targetItem) {
+          if (targetItem.type === "size") {
+            this.calcSizeChange(item.key, Number(item.value), targetItem);
+          } else {
+            let name = item.key;
+            if (targetItem.className) {
+              name = "".concat(targetItem.className, ":").concat(item.key);
+            }
+            this.state.themeVars[name] = item.value;
+          }
+        }
+      });
+    }
+  }
+  /**
+   * 处理主题预览
+   *
+   * @author tony001
+   * @date 2024-12-26 17:12:59
+   * @return {*}  {Promise<void>}
+   */
+  async handleThemePreview(isLoad) {
+    const { themeTag, themeVars } = await ibiz.util.theme.previewCustomTheme(
+      this.state.themeTag,
+      this.state.themeVars,
+      isLoad
+    );
+    this.state.themeTag = themeTag;
+    this.state.themeVars = themeVars;
+  }
+  /**
+   * 处理主题保存
+   *
+   * @author tony001
+   * @date 2024-12-26 18:12:44
+   * @param {boolean} isShare
+   * @return {*}  {Promise<void>}
+   */
+  async handleThemeSave(isShare) {
+    await this.handleThemePreview(false);
+    await ibiz.util.theme.saveCustomTheme(
+      this.state.themeTag,
+      this.state.themeVars,
+      isShare
+    );
+  }
+  /**
+   * 处理主题重置
+   *
+   * @author tony001
+   * @date 2024-12-27 20:12:03
+   * @param {boolean} isShare
+   * @return {*}  {Promise<void>}
+   */
+  async handleThemeReset(isShare) {
+    const res = await ibiz.confirm.info({
+      title: ibiz.i18n.t("control.common.customTheme.resetConfirmation"),
+      desc: isShare ? ibiz.i18n.t("control.common.customTheme.resetConfirmationGlobalDesc") : ibiz.i18n.t("control.common.customTheme.resetConfirmationDesc")
+    });
+    if (!res)
+      return;
+    const { themeVars } = await ibiz.util.theme.resetCustomTheme(
+      this.state.themeTag,
+      isShare
+    );
+    this.state.themeVars = themeVars;
+  }
   /**
    * 计算尺寸改变，同类size批量更改
    *

package/lib/common/custom-theme/custom-theme.css

@@ -1 +1 @@
-.ibiz-custom-theme{display:flex;flex-direction:column;height:100%;padding:var(--ibiz-spacing-loose)}.ibiz-custom-theme .ibiz-custom-theme-header .el-button{padding:var(--ibiz-spacing-tight)}.ibiz-custom-theme .ibiz-custom-theme-content{height:auto;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);overflow-y:auto}.ibiz-custom-theme .ibiz-custom-theme-content .el-tabs{height:100%}.ibiz-custom-theme .ibiz-custom-theme-content .el-tabs__content{height:calc(100% - 55px);overflow:auto}.ibiz-custom-theme .ibiz-custom-theme-footer{flex:none;height:64px;padding:var(--ibiz-spacing-base);display:flex;align-items:center;justify-content:flex-start}.ibiz-custom-theme-item{padding:var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-theme-item__caption{font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);line-height:var(--ibiz-spacing-super-loose)}.ibiz-custom-theme-item__content{padding:var(--ibiz-spacing-base) 0}.ibiz-custom-theme-item__content .el-button{min-width:var(--ibiz-height-control-default)}.ibiz-custom-theme-var{gap:var(--ibiz-spacing-base);padding:var(--ibiz-spacing-extra-tight) 0;display:flex;align-items:center;justify-content:space-between}
+.ibiz-custom-theme{display:flex;flex-direction:column;height:100%;padding:var(--ibiz-spacing-loose)}.ibiz-custom-theme .ibiz-custom-theme-header .el-button{padding:var(--ibiz-spacing-tight)}.ibiz-custom-theme .ibiz-custom-theme-content{flex-grow:1;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);overflow:hidden}.ibiz-custom-theme .ibiz-custom-theme-content .ibiz-custom-theme-content-container{width:100%;height:100%}.ibiz-custom-theme .ibiz-custom-theme-content .ibiz-custom-theme-content-container .ibiz-custom-theme-edit-container{width:100%;height:100%}.ibiz-custom-theme .ibiz-custom-theme-content .ibiz-custom-theme-content-container .ibiz-custom-theme-edit-container.is-hidden{display:none}.ibiz-custom-theme .ibiz-custom-theme-content .ibiz-custom-theme-content-container .ibiz-custom-theme-default-container{width:100%;height:100%}.ibiz-custom-theme .ibiz-custom-theme-content .ibiz-custom-theme-content-container .ibiz-custom-theme-default-container.is-hidden{display:none}.ibiz-custom-theme .ibiz-custom-theme-content .ibiz-custom-theme-content-container .ibiz-custom-theme-default-container .el-tabs{height:100%}.ibiz-custom-theme .ibiz-custom-theme-content .ibiz-custom-theme-content-container .ibiz-custom-theme-default-container .el-tabs__content{height:calc(100% - 55px);overflow:auto}.ibiz-custom-theme .ibiz-custom-theme-footer{flex:none;height:64px;padding:var(--ibiz-spacing-base);display:flex;align-items:center;justify-content:flex-start}.ibiz-custom-theme .ibiz-custom-theme-footer .el-button+.el-dropdown{margin-left:12px}.ibiz-custom-theme-item{padding:var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-theme-item__caption{font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);line-height:var(--ibiz-spacing-super-loose)}.ibiz-custom-theme-item__container{display:flex;align-items:center;justify-content:space-between}.ibiz-custom-theme-item__content{padding:var(--ibiz-spacing-base) 0}.ibiz-custom-theme-item__content .el-button{min-width:var(--ibiz-height-control-default)}.ibiz-custom-theme-item .ibiz-custom-theme-content-setting{font-size:var(--el-font-size-base);cursor:pointer}.ibiz-custom-theme-var{gap:var(--ibiz-spacing-base);padding:var(--ibiz-spacing-extra-tight) 0;display:flex;align-items:center;justify-content:space-between}

package/lib/common/data-import2/data-import2.cjs

@@ -238,7 +238,7 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
       columnMappingListQuery();
     });
     const headers = vue.ref({
-      Authorization: "Bearer ".concat(qxUtil.getCookie(core.CoreConst.TOKEN))
+      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(qxUtil.getCookie(core.CoreConst.TOKEN))
     });
     const UploadUrl = vue.computed(() => {
       let uploadFileUrl;

package/lib/common/gantt-setting/gantt-setting.cjs

@@ -63,6 +63,11 @@ const IBizGanttSetting = /* @__PURE__ */ vue.defineComponent({
       type: Array,
       required: true,
       default: () => ["sn", "name"]
+    },
+    // 最多显示多少列，默认值为0，表示无限制
+    limitsize: {
+      type: Number,
+      default: 0
     }
   },
   emits: [],
@@ -90,6 +95,16 @@ const IBizGanttSetting = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const onListItemClick = (item) => {
+      if (props.limitsize > 0 && item.hidden) {
+        const columns = states.value.filter((_item) => {
+          const must = calcMustShowColumn(_item);
+          return !must && !_item.hidden;
+        });
+        if (columns && columns.length >= props.limitsize) {
+          ibiz.message.warning(ibiz.i18n.t("component.ganttSetting.reachedMaximum"));
+          return;
+        }
+      }
       Object.assign(item, {
         hidden: !item.hidden
       });
@@ -135,8 +150,10 @@ const IBizGanttSetting = /* @__PURE__ */ vue.defineComponent({
         return null;
       }
       const isSelectedShow = isOptional && states.value.some((item2) => item.key === item2.key && !item.hidden);
+      const searchVal = isOptional ? optionalInput.value : selectedInput.value;
+      const isFilterItem = !caption.includes(searchVal);
       return vue.createVNode("div", {
-        "class": [ns.b("list-item"), ns.is("disabled", isMust && isOptional)],
+        "class": [ns.b("list-item"), ns.is("disabled", isMust && isOptional), ns.is("filter-item", isFilterItem)],
         "onClick": () => isOptional && !isMust && onListItemClick(item)
       }, [vue.createVNode("div", {
         "class": ns.be("list-item", "caption")
@@ -150,18 +167,21 @@ const IBizGanttSetting = /* @__PURE__ */ vue.defineComponent({
     const renderSearchList = (listData = [], type = "optional") => {
       const isOptional = type === "optional";
       const searchVal = isOptional ? optionalInput.value : selectedInput.value;
-      const values = [];
+      let values = [];
       listData.forEach((item) => {
         var _a;
         return ((_a = item.caption) == null ? void 0 : _a.includes(searchVal)) && values.push(item);
       });
       const lengthNum = isOptional ? values.length : listData.filter((item) => !item.hidden).length;
       const caption = isOptional ? ibiz.i18n.t("component.ganttSetting.optionalAttribute") : ibiz.i18n.t("component.ganttSetting.selectedAttribute");
+      const limitsizeLag = ibiz.i18n.t("component.ganttSetting.limitsize", {
+        max: props.limitsize + props.mustShowColumns.length
+      });
       return vue.createVNode("div", {
         "class": ns.b("search-list")
       }, [vue.createVNode("div", {
         "class": ns.be("search-list", "caption")
-      }, ["".concat(caption, " \xB7 ").concat(lengthNum)]), vue.createVNode("div", {
+      }, ["".concat(caption, " \xB7 ").concat(lengthNum, " ").concat(!isOptional && props.limitsize > 0 ? "(".concat(limitsizeLag, ")") : "")]), vue.createVNode("div", {
         "class": ns.be("search-list", "content")
       }, [vue.createVNode("div", {
         "class": ns.be("search-list", "search")

package/lib/common/gantt-setting/gantt-setting.css

@@ -1 +1 @@
-.ibiz-gantt-setting{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;display:flex;flex-direction:column;width:var(--ibiz-gantt-setting-width);max-width:var(--ibiz-gantt-setting-width);max-height:var(--ibiz-gantt-setting-max-height)}.ibiz-gantt-setting__header{width:100%;height:var(--ibiz-gantt-setting-header-height);padding:0 var(--ibiz-spacing-extra-loose);font-size:var(--ibiz-font-size-header-5);line-height:var(--ibiz-gantt-setting-header-height)}.ibiz-gantt-setting__content{display:flex;flex:1;justify-content:space-between;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-loose) var(--ibiz-spacing-base)}.ibiz-gantt-setting__content--optional{flex:0 0 calc(50% - var(--ibiz-spacing-base));width:0}.ibiz-gantt-setting__content--selected{flex:0 0 calc(50% - var(--ibiz-spacing-base));width:0}.ibiz-gantt-setting__bottom{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-spacing-base) var(--ibiz-spacing-extra-loose)}.ibiz-gantt-setting__bottom--btn-right{display:flex;align-items:center}.ibiz-gantt-setting-search-list{width:100%}.ibiz-gantt-setting-search-list__caption{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-gantt-setting-search-list__content{border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-gantt-setting-search-list__search{padding:0 var(--ibiz-spacing-base-loose);margin:var(--ibiz-spacing-tight) 0}.ibiz-gantt-setting-search-list__search svg{fill:var(--ibiz-color-disabled-text)}.ibiz-gantt-setting-search-list__list{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;height:var(--ibiz-gantt-setting-list-height);padding-bottom:var(--ibiz-spacing-tight);overflow-y:auto}.ibiz-gantt-setting-list-item{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;display:flex;align-items:center;width:100%;height:var(--ibiz-spacing-extra-loose);padding:0 var(--ibiz-spacing-base-loose);overflow:hidden;cursor:pointer}.ibiz-gantt-setting-list-item:hover{background-color:var(--ibiz-color-fill-2)}.ibiz-gantt-setting-list-item__caption{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-gantt-setting-list-item__end-icon{display:flex;align-items:center;justify-content:center;cursor:pointers}.ibiz-gantt-setting-list-item__end-icon svg{fill:var(--ibiz-color-primary)}.ibiz-gantt-setting-list-item__end-icon--close{width:100%;height:100%}.ibiz-gantt-setting-list-item__end-icon--close svg{fill:var(--ibiz-color-text-3)}.ibiz-gantt-setting-list-item__end-icon--close svg:hover{fill:var(--ibiz-color-primary)}.ibiz-gantt-setting-list-item.is-optional .ibiz-gantt-setting-list-item__end-icon{cursor:pointers}.ibiz-gantt-setting-list-item.is-optional .ibiz-gantt-setting-list-item__end-icon svg{fill:var(--ibiz-color-primary)}.ibiz-gantt-setting-list-item.is-disabled{cursor:not-allowed;background:0 0;opacity:var(--ibiz-gantt-setting-disabled-opacity)}@media (width >= 992px){.ibiz-gantt-setting{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;max-width:var(--ibiz-gantt-setting-max-width)}}@media (height <= 768px){.ibiz-gantt-setting-search-list{display:flex;flex-direction:column;height:100%}.ibiz-gantt-setting-search-list__content{display:flex;flex:1;flex-direction:column;height:100%}.ibiz-gantt-setting-search-list__list{display:flex;flex:1;flex-direction:column;height:100%}}
+.ibiz-gantt-setting{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;display:flex;flex-direction:column;width:var(--ibiz-gantt-setting-width);max-width:var(--ibiz-gantt-setting-width);max-height:var(--ibiz-gantt-setting-max-height)}.ibiz-gantt-setting__header{width:100%;height:var(--ibiz-gantt-setting-header-height);padding:0 var(--ibiz-spacing-extra-loose);font-size:var(--ibiz-font-size-header-5);line-height:var(--ibiz-gantt-setting-header-height)}.ibiz-gantt-setting__content{display:flex;flex:1;justify-content:space-between;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-loose) var(--ibiz-spacing-base)}.ibiz-gantt-setting__content--optional{flex:0 0 calc(50% - var(--ibiz-spacing-base));width:0}.ibiz-gantt-setting__content--selected{flex:0 0 calc(50% - var(--ibiz-spacing-base));width:0}.ibiz-gantt-setting__bottom{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-spacing-base) var(--ibiz-spacing-extra-loose)}.ibiz-gantt-setting__bottom--btn-right{display:flex;align-items:center}.ibiz-gantt-setting-search-list{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-gantt-setting-search-list__caption{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-gantt-setting-search-list__content{border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-gantt-setting-search-list__search{padding:0 var(--ibiz-spacing-base-loose);margin:var(--ibiz-spacing-tight) 0}.ibiz-gantt-setting-search-list__search svg{fill:var(--ibiz-color-disabled-text)}.ibiz-gantt-setting-search-list__list{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;height:var(--ibiz-gantt-setting-list-height);padding-bottom:var(--ibiz-spacing-tight);overflow-y:auto}.ibiz-gantt-setting-list-item{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;display:flex;align-items:center;width:100%;height:var(--ibiz-spacing-extra-loose);padding:0 var(--ibiz-spacing-base-loose);overflow:hidden;cursor:pointer}.ibiz-gantt-setting-list-item:hover{background-color:var(--ibiz-color-fill-2)}.ibiz-gantt-setting-list-item__caption{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-gantt-setting-list-item__end-icon{display:flex;align-items:center;justify-content:center;cursor:pointers}.ibiz-gantt-setting-list-item__end-icon svg{fill:var(--ibiz-color-primary)}.ibiz-gantt-setting-list-item__end-icon--close{width:100%;height:100%}.ibiz-gantt-setting-list-item__end-icon--close svg{fill:var(--ibiz-color-text-3)}.ibiz-gantt-setting-list-item__end-icon--close svg:hover{fill:var(--ibiz-color-primary)}.ibiz-gantt-setting-list-item.is-optional .ibiz-gantt-setting-list-item__end-icon{cursor:pointers}.ibiz-gantt-setting-list-item.is-optional .ibiz-gantt-setting-list-item__end-icon svg{fill:var(--ibiz-color-primary)}.ibiz-gantt-setting-list-item.is-disabled{cursor:not-allowed;background:0 0;opacity:var(--ibiz-gantt-setting-disabled-opacity)}.ibiz-gantt-setting-list-item.is-filter-item{display:none}@media (width >= 992px){.ibiz-gantt-setting{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;max-width:var(--ibiz-gantt-setting-max-width)}}@media (height <= 768px){.ibiz-gantt-setting-search-list{display:flex;flex-direction:column;height:100%}.ibiz-gantt-setting-search-list__content{display:flex;flex:1;flex-direction:column;height:100%}.ibiz-gantt-setting-search-list__list{display:flex;flex:1;flex-direction:column;height:100%}}

package/lib/common/grid-setting/grid-setting.cjs

@@ -33,7 +33,7 @@ const IBizGridSetting = /* @__PURE__ */ vue.defineComponent({
       });
     });
     const isDraggable = vue.computed(() => {
-      return !!c.controlParams.enablecolumnsort;
+      return false;
     });
     const handleClick = (dragColumnState) => {
       const columnState = c.state.columnStates.find((state) => {

package/lib/common/nav-split/nav-split.cjs

@@ -132,7 +132,6 @@ const IBizNavSplit = /* @__PURE__ */ vue.defineComponent({
       });
     };
     vue.watch(() => props.modelValue, (val) => {
-      console.log("props.modelValue", val);
       if (val !== currentValue.value) {
         currentValue.value = val;
         computeOffset();

package/lib/common/no-data/no-data.cjs

@@ -16,7 +16,7 @@ const IBizNoData = /* @__PURE__ */ vue.defineComponent({
       type: Object,
       default: void 0
     },
-    enableShowImage: {
+    hideNoDataImage: {
       type: Boolean,
       default: false
     }
@@ -34,7 +34,7 @@ const IBizNoData = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     return vue.createVNode(vue.resolveComponent("el-empty"), {
-      "class": [this.ns.b(), this.enableShowImage ? "hideImage" : ""],
+      "class": [this.ns.b(), this.hideNoDataImage ? "hideImage" : ""],
       "description": this.label
     }, {
       default: () => {

package/lib/common/no-data/no-data.css

@@ -1 +1 @@
-.ibiz-no-data{width:100%;height:100%}.ibiz-no-data .el-empty__description p{color:var(--ibiz-color-text-3)}.ibiz-no-data .el-empty__image{width:100%;max-width:var(--el-empty-image-width)}.ibiz-no-data.hideImage{padding:0}.ibiz-no-data.hideImage .el-table__empty-text{line-height:30px}.ibiz-no-data.hideImage .el-empty__image{display:none}
+.ibiz-no-data{--ibiz-no-data-min-height:200px;--ibiz-no-data-max-height:100%;width:100%;height:100%;min-height:var(--ibiz-no-data-min-height);max-height:var(--ibiz-no-data-max-height);--el-empty-bottom-margin-top:0}.ibiz-no-data .el-empty__description p{color:var(--ibiz-color-text-0)}.ibiz-no-data .el-empty__image{flex:0;width:100%;max-width:var(--el-empty-image-width);height:inherit}.ibiz-no-data.hideImage{padding:0}.ibiz-no-data.hideImage .el-table__empty-text{line-height:30px}.ibiz-no-data.hideImage .el-empty__image{display:none}

package/lib/control/app-menu/app-menu.cjs

@@ -259,12 +259,14 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       }
       await c.onClickMenuItem(id, event);
     };
-    vue.watch(() => route.params.view2, (newVal, oldVal) => {
-      if (newVal !== oldVal && ibiz.config.appMenu.enableEcho) {
-        const activeMenu = calcCurMenu();
-        defaultActive.value = activeMenu ? activeMenu.id : "";
-      }
-    });
+    if (c.runMode !== "DESIGN") {
+      vue.watch(() => route.params.view2, (newVal, oldVal) => {
+        if (newVal !== oldVal && ibiz.config.appMenu.enableEcho) {
+          const activeMenu = calcCurMenu();
+          defaultActive.value = activeMenu ? activeMenu.id : "";
+        }
+      });
+    }
     const fn = (data) => {
       counterData.value = data;
     };

package/lib/control/app-menu/app-menu.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-appmenu{position:relative;width:100%;height:100%;--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-icon-size:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-scorll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-selected-border-color:transparent;--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:transparent;--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu>.el-menu{height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);overflow-y:auto;border-right:0;--el-menu-hover-text-color:var(--ibiz-control-appmenu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-selected-border-color:transparent;--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:transparent;--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu>.el-menu .ibiz-control-appmenu__rawitem{height:auto!important;min-height:var(--ibiz-control-appmenu-item-height);line-height:var(--ibiz-control-appmenu-item-height)}.ibiz-control-appmenu>.el-menu .ibiz-control-appmenu__rawitem .ibiz-rawitem{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color)}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:10px;width:var(--ibiz-control-appmenu-icon-width);height:var(--ibiz-control-appmenu-icon-height);margin-top:-10px;font-size:var(--ibiz-control-appmenu-icon-width)}.ibiz-control-appmenu .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-control-appmenu-item-padding) * .875) calc(var(--ibiz-control-appmenu-item-padding) * 2.5)}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__title>.ibiz-control-appmenu__counter{right:30px}.ibiz-control-appmenu .el-menu--vertical{width:100%}.ibiz-control-appmenu .el-menu--vertical .el-menu-item,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-control-appmenu-item-padding);width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-border-radius)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item:hover,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item+.el-menu-item{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu+.el-menu-item{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu+.el-sub-menu{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item+.el-sub-menu{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title+.el-menu{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical::-webkit-scrollbar-thumb{background-color:var(--ibiz-control-appmenu-scorll-color)}.ibiz-control-appmenu .el-menu--horizontal{align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);overflow-x:hidden;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-control-appmenu-item-horizontal-height);padding:var(--ibiz-control-appmenu-item-horizontal-padding);font-size:var(--ibiz-control-appmenu-item-horizontal-font-size);line-height:var(--ibiz-control-appmenu-item-horizontal-height);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-width:0;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item:hover,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color);border-top:2px solid var(--ibiz-control-appmenu-item-selected-color)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{right:14px}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu{height:var(--ibiz-control-appmenu-item-horizontal-height)}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu>.el-sub-menu__title{padding-right:var(--ibiz-spacing-super-loose)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color);border-top:2px solid var(--ibiz-control-appmenu-item-selected-color);border-bottom:0}.ibiz-control-appmenu .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-control-appmenu-scorll-color)}.ibiz-control-appmenu .el-menu--horizontal .el-divider--vertical{border-color:var(--ibiz-color-border)}.ibiz-control-appmenu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);height:var(--ibiz-control-appmenu-icon-height);margin:var(--ibiz-control-appmenu-icon-margin);font-size:var(--ibiz-control-appmenu-icon-size)}.ibiz-control-appmenu.is-collapse>.el-menu.el-menu--vertical{padding:0 var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__icon{margin:var(--ibiz-spacing-none)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-none);margin-bottom:var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-tooltip{width:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu{display:block}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-none);margin-bottom:var(--ibiz-spacing-tight);white-space:nowrap;cursor:pointer}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu .ibiz-control-appmenu-submenu__item{padding:var(--ibiz-spacing-none)}.ibiz-control-appmenu.is-show-collapse>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height));padding:0 var(--ibiz-spacing-base)}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.ibiz-control-appmenu.is-scroll .el-menu.el-menu--vertical{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-appmenu-popup-container{--el-menu-hover-text-color:var(--ibiz-control-appmenu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-selected-border-color:transparent;--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:transparent;--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__rawitem{height:auto!important;min-height:var(--ibiz-control-appmenu-item-height);line-height:var(--ibiz-control-appmenu-item-height)}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__rawitem .ibiz-rawitem{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container{--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-icon-size:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-scorll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-selected-border-color:transparent;--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:transparent;--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup{max-height:100vh;padding:var(--ibiz-spacing-extra-tight);overflow:auto;background-color:var(--ibiz-color-primary)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;height:20px;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);line-height:initial;color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-medium);transform:translateY(-50%)}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon{position:absolute;right:var(--ibiz-spacing-base-tight);bottom:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-5);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon.is-collapse{transform:rotate(180deg)}.ibiz-control-appmenu .ibiz-control-appmenu-menu-set{position:absolute;bottom:var(--ibiz-spacing-tight);left:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-header-5);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-menu-set.is-horizontal{right:0;bottom:0;left:unset;display:flex;align-items:center;height:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-collapse-icon{right:0;width:100%;text-align:center}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-menu-set{position:absolute;right:var(--ibiz-spacing-base-tight);bottom:calc(var(--ibiz-spacing-tight) + 32px);font-size:var(--ibiz-font-size-header-5);text-align:center;cursor:pointer}.ibiz-control-appmenu.is-collapse.is-show-menu-design>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height) - var(--ibiz-control-appmenu-collapse-height))}.ibiz-control-appmenu__separator--horizontal{margin:var(--ibiz-spacing-tight) 0;border-color:var(--ibiz-control-appmenu-item-separator-color)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container{--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-icon-size:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-scorll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-selected-border-color:transparent;--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:transparent;--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-padding-right:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup{padding:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-color-primary)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color)}
+@charset "UTF-8";.ibiz-control-appmenu{position:relative;width:100%;height:100%;--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-icon-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-control-appmenu-icon-size:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-scorll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-border-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu>.el-menu{height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);overflow-y:auto;border-right:0;--el-menu-hover-text-color:var(--ibiz-control-appmenu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-control-appmenu-item-selected-border-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu>.el-menu .ibiz-control-appmenu__rawitem{height:auto!important;min-height:var(--ibiz-control-appmenu-item-height);line-height:var(--ibiz-control-appmenu-item-height)}.ibiz-control-appmenu>.el-menu .ibiz-control-appmenu__rawitem .ibiz-rawitem{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color)}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:10px;width:var(--ibiz-control-appmenu-icon-width);height:var(--ibiz-control-appmenu-icon-height);margin-top:-10px;font-size:var(--ibiz-control-appmenu-icon-width)}.ibiz-control-appmenu .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-control-appmenu-item-padding) * .875) calc(var(--ibiz-control-appmenu-item-padding) * 2.5)}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__title>.ibiz-control-appmenu__counter{right:30px}.ibiz-control-appmenu .el-menu--vertical{width:100%}.ibiz-control-appmenu .el-menu--vertical .el-menu-item,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-control-appmenu-item-padding);width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-border-radius)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item:hover,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item+.el-menu-item{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu+.el-menu-item{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu+.el-sub-menu{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item+.el-sub-menu{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title+.el-menu{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical::-webkit-scrollbar-thumb{background-color:var(--ibiz-control-appmenu-scorll-color)}.ibiz-control-appmenu .el-menu--horizontal{align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);overflow-x:hidden;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-control-appmenu-item-horizontal-height);padding:var(--ibiz-control-appmenu-item-horizontal-padding);font-size:var(--ibiz-control-appmenu-item-horizontal-font-size);line-height:var(--ibiz-control-appmenu-item-horizontal-height);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-width:0;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item:hover,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color);border-top:var(--ibiz-control-appmenu-item-border)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{right:var(--ibiz-control-appmenu-icon-position)}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu{height:var(--ibiz-control-appmenu-item-horizontal-height)}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu>.el-sub-menu__title{padding-right:var(--ibiz-control-appmenu-item-horizontal-padding-right)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color);border-top:var(--ibiz-control-appmenu-item-border);border-bottom:0}.ibiz-control-appmenu .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-control-appmenu-scorll-color)}.ibiz-control-appmenu .el-menu--horizontal .el-divider--vertical{border-color:var(--ibiz-color-border)}.ibiz-control-appmenu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);height:var(--ibiz-control-appmenu-icon-height);margin:var(--ibiz-control-appmenu-icon-margin);font-size:var(--ibiz-control-appmenu-icon-size)}.ibiz-control-appmenu.is-collapse>.el-menu.el-menu--vertical{padding:0 var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__icon{margin:var(--ibiz-spacing-none)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-none);margin-bottom:var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-tooltip{width:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu{display:block}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-none);margin-bottom:var(--ibiz-spacing-tight);white-space:nowrap;cursor:pointer}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu .ibiz-control-appmenu-submenu__item{padding:var(--ibiz-spacing-none)}.ibiz-control-appmenu.is-show-collapse>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height));padding:0 var(--ibiz-spacing-base)}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.ibiz-control-appmenu.is-scroll .el-menu.el-menu--vertical{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-appmenu-popup-container{--el-menu-hover-text-color:var(--ibiz-control-appmenu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-control-appmenu-item-selected-border-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__rawitem{height:auto!important;min-height:var(--ibiz-control-appmenu-item-height);line-height:var(--ibiz-control-appmenu-item-height)}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__rawitem .ibiz-rawitem{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container{--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-icon-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-control-appmenu-icon-size:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-scorll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-border-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-control-appmenu-item-horizontal-popup-height:40px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup{max-height:100vh;padding:var(--ibiz-spacing-extra-tight);overflow:auto;background-color:var(--ibiz-color-primary)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;height:20px;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);line-height:initial;color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-medium);transform:translateY(-50%)}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon{position:absolute;right:var(--ibiz-spacing-base-tight);bottom:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-5);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon.is-collapse{transform:rotate(180deg)}.ibiz-control-appmenu .ibiz-control-appmenu-menu-set{position:absolute;bottom:var(--ibiz-spacing-tight);left:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-header-5);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-menu-set.is-horizontal{right:0;bottom:0;left:unset;display:flex;align-items:center;height:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-collapse-icon{right:0;width:100%;text-align:center}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-menu-set{position:absolute;right:var(--ibiz-spacing-base-tight);bottom:calc(var(--ibiz-spacing-tight) + 32px);font-size:var(--ibiz-font-size-header-5);text-align:center;cursor:pointer}.ibiz-control-appmenu.is-collapse.is-show-menu-design>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height) - var(--ibiz-control-appmenu-collapse-height))}.ibiz-control-appmenu__separator--horizontal{margin:var(--ibiz-spacing-tight) 0;border-color:var(--ibiz-control-appmenu-item-separator-color)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container{--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-icon-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-control-appmenu-icon-size:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-scorll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-border-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-control-appmenu-item-horizontal-popup-height:40px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup{padding:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-color-primary)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-control-appmenu-popup-container .el-menu--horizontal.el-menu--popup-container .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color)}

package/lib/control/app-menu/custom-menu-design/custom-menu-design.cjs

@@ -232,6 +232,7 @@ const MenuDesign = /* @__PURE__ */ vue.defineComponent({
       if (c.runMode === "DESIGN") {
         return;
       }
+      hideSeparator.value = runtime.formatSeparator("APPMENU", c.model.appMenuItems, c.state.menuItemsState);
       configs.value = mergeMenusConfig(lodashEs.cloneDeep(props.menus));
       visible.value = true;
     };

package/lib/control/calendar/calendar-util.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var dayjs = require('dayjs');
+
+"use strict";
+const getWeekRange = (date) => {
+  const today = dayjs(date);
+  const lastSunday = today.startOf("week");
+  const thisSaturday = today.endOf("week");
+  const daysArray = [];
+  let currentDay = lastSunday;
+  while (currentDay.isBefore(thisSaturday) || currentDay.isSame(thisSaturday, "day")) {
+    daysArray.push(currentDay);
+    currentDay = currentDay.add(1, "day");
+  }
+  return daysArray;
+};
+const isTimeBetween = (_argrs) => {
+  const { date, beginTime, endTime, unit = "day" } = _argrs;
+  return dayjs(date).isSame(beginTime, unit) || dayjs(date).isSame(endTime, unit) || dayjs(date).isAfter(beginTime, unit) && dayjs(date).isBefore(endTime, unit);
+};
+
+exports.getWeekRange = getWeekRange;
+exports.isTimeBetween = isTimeBetween;