@ibiz-template/vue3-components 0.7.31-alpha.0 → 0.7.37-alpha.5

package/lib/common/pql-editor/utils/index.cjs

@@ -11,22 +11,22 @@ const FilterModes = [
   { valueOP: runtime.ValueOP.GT_AND_EQ, label: "\u5927\u4E8E\u7B49\u4E8E", sqlOP: ">=" },
   { valueOP: runtime.ValueOP.LT, label: "\u5C0F\u4E8E", sqlOP: "<" },
   { valueOP: runtime.ValueOP.LT_AND_EQ, label: "\u5C0F\u4E8E\u7B49\u4E8E", sqlOP: "<=" },
-  { valueOP: runtime.ValueOP.IS_NULL, label: "\u4E3A\u7A7A", sqlOP: "Nil" },
-  { valueOP: runtime.ValueOP.IS_NOT_NULL, label: "\u975E\u7A7A", sqlOP: "NotNil" },
-  { valueOP: runtime.ValueOP.IN, label: "\u5C5E\u4E8E", sqlOP: "In" },
-  { valueOP: runtime.ValueOP.NOT_IN, label: "\u4E0D\u5C5E\u4E8E", sqlOP: "NotIn" },
-  { valueOP: runtime.ValueOP.LIKE, label: "\u6587\u672C\u5305\u542B", sqlOP: "%" },
-  { valueOP: runtime.ValueOP.LIFT_LIKE, label: "\u6587\u672C\u5DE6\u5305\u542B", sqlOP: "%#" },
-  { valueOP: runtime.ValueOP.RIGHT_LIKE, label: "\u6587\u672C\u53F3\u5305\u542B", sqlOP: "#%" },
-  { valueOP: runtime.ValueOP.EXISTS, label: "\u5B58\u5728", sqlOP: "EXISTS" },
-  { valueOP: runtime.ValueOP.NOT_EXISTS, label: "\u4E0D\u5B58\u5728", sqlOP: "NOTEXISTS" }
+  { valueOP: runtime.ValueOP.IS_NULL, label: "\u4E3A\u7A7A", sqlOP: "IS NULL" },
+  { valueOP: runtime.ValueOP.IS_NOT_NULL, label: "\u975E\u7A7A", sqlOP: "IS NOT NULL" },
+  { valueOP: runtime.ValueOP.IN, label: "\u5C5E\u4E8E", sqlOP: "IN" },
+  { valueOP: runtime.ValueOP.NOT_IN, label: "\u4E0D\u5C5E\u4E8E", sqlOP: "NOT IN" },
+  { valueOP: runtime.ValueOP.LIKE, label: "\u6587\u672C\u5305\u542B", sqlOP: "LIKE" }
+  // { valueOP: ValueOP.EXISTS, label: '存在', sqlOP: 'EXISTS' },
+  // { valueOP: ValueOP.NOT_EXISTS, label: '不存在', sqlOP: 'NOT EXISTS' },
 ];
+const InputOPs = [runtime.ValueOP.IN, runtime.ValueOP.NOT_IN, runtime.ValueOP.LIKE];
 const ExcludeOPs = [
   runtime.ValueOP.IS_NULL,
   runtime.ValueOP.IS_NOT_NULL,
   runtime.ValueOP.EXISTS,
   runtime.ValueOP.NOT_EXISTS
 ];
+const InOPs = [runtime.ValueOP.IN, runtime.ValueOP.NOT_IN];
 const filterModeMap = /* @__PURE__ */ new Map();
 FilterModes.forEach((mode) => {
   filterModeMap.set(mode.valueOP, mode);
@@ -88,6 +88,7 @@ const generateItems = (children) => {
               value: operator.value
             },
             value: {
+              type: value.type,
               label: value.type === "pql-field-value" ? value.label : value.text,
               value: value.type === "pql-field-value" ? value.value : value.text
             }
@@ -100,6 +101,79 @@ const generateItems = (children) => {
   }
   return items;
 };
+const generateNodeItems = (currentNode, getPreviousNode) => {
+  var _a, _b;
+  if (!currentNode || !getPreviousNode) {
+    return [];
+  }
+  const nodes = [];
+  while (currentNode) {
+    nodes.push(currentNode);
+    currentNode = getPreviousNode(currentNode);
+  }
+  const result = [];
+  nodes.reverse();
+  let current = { type: "condition" };
+  for (let i = 0; i < nodes.length; i++) {
+    const node = nodes[i];
+    if (node.type === "pql-field") {
+      if (current.key || current.operator || current.value) {
+        result.push(current);
+        current = { type: "condition", key: node };
+      } else {
+        current.key = node;
+      }
+    }
+    if (node.type === "pql-field-operator") {
+      if (current.operator || current.value) {
+        result.push(current);
+        current = { type: "condition", operator: node };
+      } else {
+        current.operator = node;
+      }
+      if (node.value && InOPs.includes(node.value) && i < nodes.length - 1 && nodes[i + 1].type !== "pql-field-connection") {
+        if (nodes[i + 1].type === "pql-field" || nodes[i + 1].type === "pql-field-operator") {
+          continue;
+        }
+        current.value = [];
+        i++;
+        while (i < nodes.length && nodes[i].type !== "pql-field-connection" && nodes[i].type !== "pql-field" && nodes[i].type !== "pql-field-operator") {
+          current.value.push(nodes[i]);
+          i++;
+        }
+        if (i < nodes.length && (nodes[i].type === "pql-field-connection" || nodes[i].type === "pql-field" || nodes[i].type === "pql-field-operator")) {
+          i--;
+        }
+      }
+    }
+    if (node.type === "pql-field-value") {
+      if (current.value || ((_a = current.operator) == null ? void 0 : _a.value) && ExcludeOPs.includes(current.operator.value)) {
+        current = { type: "condition", value: [node] };
+      } else {
+        current.value = [node];
+      }
+    }
+    if (node.type === "pql-field-connection") {
+      if (current.key || current.operator || current.value) {
+        result.push(current);
+      }
+      result.push({ type: "connection", value: [node] });
+      current = { type: "condition" };
+    }
+    if (!node.type && node.text) {
+      if (current.value || ((_b = current.operator) == null ? void 0 : _b.value) && ExcludeOPs.includes(current.operator.value)) {
+        result.push(current);
+        current = { type: "condition", value: [node] };
+      } else {
+        current.value = [node];
+      }
+    }
+  }
+  if (current.key || current.operator || current.value) {
+    result.push(current);
+  }
+  return result;
+};
 const generateCustomCond = (items, fields) => {
   const map = /* @__PURE__ */ new Map();
   fields.forEach((item) => {
@@ -107,27 +181,41 @@ const generateCustomCond = (items, fields) => {
   });
   let cond = "";
   items.forEach((item) => {
-    var _a, _b, _c;
+    var _a, _b;
     if (item.type === "condition") {
       const { key, operator, value } = item;
       const symbol = (_a = filterModeMap.get(operator == null ? void 0 : operator.value)) == null ? void 0 : _a.sqlOP;
+      const valueText = value == null ? void 0 : value.filter((_v) => _v.type || _v.text).map((_v) => {
+        var _a2, _b2, _c, _d;
+        if (_v.type) {
+          return "$".concat(JSON.stringify({
+            value: (_v == null ? void 0 : _v.value) || "",
+            caption: (_v == null ? void 0 : _v.label) || "",
+            field: "".concat(((_a2 = map.get((key == null ? void 0 : key.value) || "")) == null ? void 0 : _a2.appDataEntityFullTag) || "", ".").concat((key == null ? void 0 : key.value) || "")
+          }));
+        }
+        if ((operator == null ? void 0 : operator.value) === runtime.ValueOP.LIKE) {
+          return "'%".concat(((_b2 = _v.text) == null ? void 0 : _b2.trim()) || "", "%'");
+        }
+        if ((operator == null ? void 0 : operator.value) && InOPs.includes(operator.value)) {
+          return ((_c = _v.text) == null ? void 0 : _c.trim().replace(/^\[/, "(").replace(/\]$/, ")")) || "";
+        }
+        return ((_d = _v.text) == null ? void 0 : _d.trim()) || "";
+      }).join("").replace(/\s+/g, " ");
+      const valueStr = value ? "  ".concat(valueText) : "";
       cond += "$".concat(JSON.stringify({
         name: (key == null ? void 0 : key.value) || "",
         caption: (key == null ? void 0 : key.label) || ""
-      }), "  ").concat(symbol, "  $").concat(JSON.stringify({
-        value: (value == null ? void 0 : value.value) || "",
-        caption: (value == null ? void 0 : value.label) || "",
-        field: "".concat(((_b = map.get((key == null ? void 0 : key.value) || "")) == null ? void 0 : _b.appDataEntityFullTag) || "", ".").concat((key == null ? void 0 : key.value) || "")
-      }));
+      }), "  ").concat(symbol).concat(valueStr);
     }
     if (item.type === "connection") {
-      cond += "  ".concat((_c = item.value) == null ? void 0 : _c.value, "  ");
+      cond += "  ".concat((_b = item.value) == null ? void 0 : _b.filter((_v) => _v.value).map((_v) => _v.value).join(), "  ");
     }
   });
   return cond;
 };
 const parseCustomCond = (cond) => {
-  var _a;
+  var _a, _b;
   try {
     const items = cond.split("  ");
     const pqlItems = [];
@@ -151,26 +239,44 @@ const parseCustomCond = (cond) => {
       }
       const key = items[i !== 0 ? ++i : i];
       const operator = items[++i];
-      const value = items[++i];
-      if (key && /^\$/.test(key) && operator && value && /^\$/.test(value)) {
+      if (key && /^\$/.test(key) && operator) {
         const keyObj = JSON.parse(key.slice(1));
-        const valueObj = JSON.parse(value.slice(1));
-        pqlItems.push({
-          type: "condition",
-          key: {
-            label: keyObj.caption,
-            value: keyObj.name
-          },
-          operator: {
-            label: ((_a = filterModeMap.get(symbolMap.get(operator))) == null ? void 0 : _a.label) || "",
-            value: symbolMap.get(operator)
-          },
-          value: {
-            label: valueObj.caption,
-            value: valueObj.value
+        if (ExcludeOPs.includes(symbolMap.get(operator))) {
+          pqlItems.push({
+            type: "condition",
+            key: {
+              label: keyObj.caption,
+              value: keyObj.name
+            },
+            operator: {
+              label: ((_a = filterModeMap.get(symbolMap.get(operator))) == null ? void 0 : _a.label) || "",
+              value: symbolMap.get(operator)
+            }
+          });
+          continue;
+        } else {
+          const value = items[++i];
+          if (value) {
+            const valueObj = /^\$/.test(value) ? JSON.parse(value.slice(1)) : { caption: value, value };
+            pqlItems.push({
+              type: "condition",
+              key: {
+                label: keyObj.caption,
+                value: keyObj.name
+              },
+              operator: {
+                label: ((_b = filterModeMap.get(symbolMap.get(operator))) == null ? void 0 : _b.label) || "",
+                value: symbolMap.get(operator)
+              },
+              value: {
+                type: /^\$/.test(value) ? "pql-field-value" : void 0,
+                label: valueObj.caption,
+                value: valueObj.value
+              }
+            });
+            continue;
           }
-        });
-        continue;
+        }
       }
       throw new core.RuntimeError("pql\u81EA\u5B9A\u4E49\u6761\u4EF6\u89E3\u6790\u9519\u8BEF");
     }
@@ -179,25 +285,8 @@ const parseCustomCond = (cond) => {
     ibiz.log.error(err == null ? void 0 : err.message);
   }
 };
-const pqlItemsToPqlNodes = async (items, fields, getCodeListItems) => {
+const pqlItemsToPqlNodes = async (items) => {
   const nodes = [];
-  const codeListMap = /* @__PURE__ */ new Map();
-  const fieldList = fields.filter(
-    (child) => items.some((item) => {
-      var _a;
-      return ((_a = item.key) == null ? void 0 : _a.value) === child.appDEFieldId;
-    })
-  );
-  await Promise.all(
-    fieldList.map(async (item) => {
-      if (item.appCodeListId) {
-        const codeItems = await getCodeListItems(item.appCodeListId);
-        if (codeItems) {
-          codeListMap.set(item.appDEFieldId, codeItems);
-        }
-      }
-    })
-  );
   items.forEach((item) => {
     var _a, _b;
     if (item.type === "condition") {
@@ -212,25 +301,60 @@ const pqlItemsToPqlNodes = async (items, fields, getCodeListItems) => {
         label: operator == null ? void 0 : operator.label,
         value: operator == null ? void 0 : operator.value
       });
-      const field = fields.find((child) => child.appDEFieldId === (key == null ? void 0 : key.value));
-      if (field && field.appCodeListId) {
-        const codeItems = codeListMap.get(field.appDEFieldId);
-        const codeItem = codeItems == null ? void 0 : codeItems.find((child) => child.value === (value == null ? void 0 : value.value));
-        if (codeItem) {
-          nodes.push({
-            type: "pql-field-value",
-            label: value == null ? void 0 : value.label,
-            value: value == null ? void 0 : value.value
-          });
-        } else {
-          nodes.push({
-            text: value == null ? void 0 : value.value
-          });
+      if (!(value == null ? void 0 : value.type)) {
+        if ((operator == null ? void 0 : operator.value) && InOPs.includes(operator.value)) {
+          if ((value == null ? void 0 : value.value) && /^\(.*?\)$/.test(value.value)) {
+            const valueText = value.value.slice(1, value.value.length - 1).trim();
+            let splitArr = valueText.split(/\},\s*/g);
+            splitArr = splitArr.map(
+              (text, i) => i === splitArr.length - 1 ? text : "".concat(text, "}")
+            );
+            if (splitArr.length && splitArr.every((text) => /^\$/.test(text))) {
+              nodes.push({
+                text: "["
+              });
+              splitArr.forEach((text, i) => {
+                let valueObj;
+                try {
+                  valueObj = JSON.parse(text.slice(1));
+                } catch (err) {
+                  valueObj = { caption: text, value: text };
+                }
+                nodes.push({
+                  type: "pql-field-value",
+                  label: valueObj == null ? void 0 : valueObj.caption,
+                  value: valueObj == null ? void 0 : valueObj.value
+                });
+                if (i !== splitArr.length - 1) {
+                  nodes.push({
+                    text: ","
+                  });
+                }
+              });
+              nodes.push({
+                text: "]"
+              });
+              return;
+            }
+          }
+        }
+        if ((operator == null ? void 0 : operator.value) === runtime.ValueOP.LIKE) {
+          if ((value == null ? void 0 : value.value) && value.value.startsWith("'%") && value.value.endsWith("%'")) {
+            nodes.push({
+              text: value.value.slice(2, value.value.length - 2)
+            });
+            return;
+          }
         }
-      } else {
         nodes.push({
           text: value == null ? void 0 : value.value
         });
+      } else {
+        nodes.push({
+          type: "pql-field-value",
+          label: value == null ? void 0 : value.label,
+          value: value == null ? void 0 : value.value
+        });
       }
     }
     if (item.type === "connection") {
@@ -271,8 +395,11 @@ function isMove(el) {
 
 exports.ExcludeOPs = ExcludeOPs;
 exports.FilterModes = FilterModes;
+exports.InOPs = InOPs;
+exports.InputOPs = InputOPs;
 exports.generateCustomCond = generateCustomCond;
 exports.generateItems = generateItems;
+exports.generateNodeItems = generateNodeItems;
 exports.isMove = isMove;
 exports.parseCustomCond = parseCustomCond;
 exports.pqlItemsToPqlNodes = pqlItemsToPqlNodes;

package/lib/common/rawitem/rawitem.cjs

@@ -5,6 +5,8 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var qxUtil = require('qx-util');
 require('./rawitem.css');
 var core = require('@ibiz-template/core');
+require('../../util/index.cjs');
+var wangEditorUtil = require('../../util/wang-editor-util/wang-editor-util.cjs');
 
 "use strict";
 const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
@@ -51,6 +53,14 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       const reg = /^https?:|^http?:|(\.png|\.svg|\.jpg|\.png|\.gif|\.psd|\.tif|\.bmp|\.jpeg)/;
       return reg.test(imgUrl);
     };
+    const isHtmlStr = (str) => {
+      try {
+        const fragment = new DOMParser().parseFromString(str, "text/html");
+        return fragment.body.children.length > 0;
+      } catch (error) {
+        return false;
+      }
+    };
     const playerParams = vue.ref({
       id: qxUtil.createUUID(),
       path: "",
@@ -93,6 +103,12 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
           rawItemText.value = val.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;nbsp;/g, " ").replace(/&nbsp;/g, " ");
         }
       }
+      if (rawItemType.value === "HTML" && !isHtmlStr(rawItemText.value)) {
+        rawItemText.value = rawItemText.value.replace(/\n/g, "<br>");
+      }
+      if (rawItemType.value === "HTML") {
+        rawItemText.value = wangEditorUtil.parseHtml(rawItemText.value);
+      }
       if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(rawItemType.value)) {
         if (rawItemContent.value) {
           let rawConfig = {};

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

@@ -122,10 +122,10 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData, saveConfigs
     });
   }
   if (menu.itemType === "SEPERATOR") {
-    const direction = c.view.model.mainMenuAlign === "TOP" ? "vertical" : "horizontal";
+    const direction = c.view.model.mainMenuAlign === "TOP" && isFirst ? "vertical" : "horizontal";
     return vue.createVNode(vue.resolveComponent("el-divider"), {
       "direction": direction,
-      "class": ns.e("separator"),
+      "class": ns.em("separator", direction),
       "id": menu.key
     }, null);
   }
@@ -223,6 +223,7 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       if ((activeMenu == null ? void 0 : activeMenu.id) === id) {
         return;
       }
+      defaultActive.value = id;
       await c.onClickMenuItem(id, event);
     };
     vue.watch(() => route.params.view2, (newVal, oldVal) => {

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-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-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:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--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-tight);overflow-y:auto;border-right:0}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:14px;width:12px}.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-divider--horizontal{margin:var(--ibiz-spacing-tight) 0;border-color:var(--ibiz-color-border)}.ibiz-control-appmenu .el-menu--horizontal{align-items:center;height:100%;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal>*+*{padding-right:var(--ibiz-spacing-base)}.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:none;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.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-horizontal-color)!important;background-color:transparent}.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 .el-sub-menu__icon-arrow,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{position:absolute;top:50%;right:16px}.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:transparent}.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::-webkit-scrollbar-thumb{background-color:var(--ibiz-color-white)}.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 .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))}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.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-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-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:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--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{padding:var(--ibiz-spacing-extra-tight);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:transparent}.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-horizontal-selected-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))}
+@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-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--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-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-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:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--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-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--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-tight);overflow-y:auto;border-right:0}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:14px;width:12px}.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--horizontal{align-items:center;height:100%;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal>*+*{padding-right:var(--ibiz-spacing-base)}.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:none;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.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-selected-bg-color)}.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 .el-sub-menu__icon-arrow,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{position:absolute;top:50%;right:16px}.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-bottom:2px solid var(--ibiz-control-appmenu-item-selected-border-color)}.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::-webkit-scrollbar-thumb{background-color:var(--ibiz-color-white)}.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 .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))}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.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-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--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-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-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:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--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-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--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-color-border)}.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-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--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-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base-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:40px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--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-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-primary-text);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-horizontal-height:32px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base);--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)}

package/lib/control/caption-bar/caption-bar.cjs

@@ -32,9 +32,13 @@ const CaptionBarControl = /* @__PURE__ */ vue.defineComponent({
     vue.onActivated(() => {
       c.setBrowserTabTitle();
     });
+    const showTotal = vue.computed(() => {
+      return c.state.totalx !== void 0;
+    });
     return {
       c,
-      ns
+      ns,
+      showTotal
     };
   },
   render() {
@@ -49,7 +53,12 @@ const CaptionBarControl = /* @__PURE__ */ vue.defineComponent({
         "icon": this.c.model.sysImage
       }, null), vue.createVNode("div", {
         "class": [this.ns.be("caption", "content")]
-      }, [this.c.state.caption])])]
+      }, [this.c.state.caption]), this.showTotal && vue.createVNode("div", {
+        "class": [this.ns.be("caption", "total")]
+      }, [ibiz.i18n.t("control.captionBar.total", {
+        total: this.c.state.totalx,
+        invisibleNum: this.c.state.totalx - this.c.state.total
+      })])])]
     });
   }
 });

package/lib/control/caption-bar/caption-bar.css

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-captionbar-padding:0 var(--ibiz-spacing-base);--ibiz-control-captionbar-margin:var(--ibiz-spacing-none);position:relative;height:100%;padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;height:100%;padding-left:var(--ibiz-spacing-base);font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);color:var(--ibiz-control-captionbar-color);display:flex;align-items:center;justify-content:flex-start}.ibiz-control-captionbar .ibiz-control-captionbar-caption::before{position:absolute;top:50%;left:0;width:4px;height:var(--ibiz-width-icon-large);content:"";background-color:var(--ibiz-color-primary);border-radius:2px;transform:translateY(-50%)}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon{padding-left:0}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon::before{display:none}.ibiz-control-captionbar-caption__icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-control-captionbar-caption__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-captionbar-padding:0 var(--ibiz-spacing-base);--ibiz-control-captionbar-margin:var(--ibiz-spacing-none);position:relative;height:100%;padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;height:100%;padding-left:var(--ibiz-spacing-base);font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);color:var(--ibiz-control-captionbar-color);display:flex;align-items:center;justify-content:flex-start}.ibiz-control-captionbar .ibiz-control-captionbar-caption::before{position:absolute;top:50%;left:0;width:4px;height:var(--ibiz-width-icon-large);content:"";background-color:var(--ibiz-color-primary);border-radius:2px;transform:translateY(-50%)}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon{padding-left:0}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon::before{display:none}.ibiz-control-captionbar-caption__icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-control-captionbar-caption__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-captionbar-caption__total{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3);transform:translate(0,2px)}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}

package/lib/control/chart/chart.cjs

@@ -146,7 +146,7 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
       if (drillDetails == null ? void 0 : drillDetails.length) {
         chart.on("click", (params) => {
           const serieModel = c.computedClickSerieModel(params);
-          if (!serieModel) {
+          if (!serieModel || ibiz.fullscreenUtil.isFullScreen) {
             return;
           }
           const tempDrill = drillDetails.find((item) => {

package/lib/control/dashboard/custom-dashboard-container/custom-dashboard-container.cjs

@@ -23,10 +23,13 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("custom-dashboard-container");
-    const customC = vue.reactive(new runtime.CustomDashboardController(props.modelData, props.dashboard));
+    const customDashboard = new runtime.CustomDashboardController(props.modelData, props.dashboard);
+    props.dashboard.setCustomDashboard(customDashboard);
+    const customC = vue.reactive(customDashboard);
     const isInited = vue.ref(false);
     const isShowDesign = vue.ref(false);
     const showTypeDir = vue.ref(false);
+    const showFilter = vue.ref(false);
     const openDesign = () => {
       isShowDesign.value = true;
     };
@@ -78,11 +81,13 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
         model: tempModelDatas,
         config: args.config
       });
-      await props.dashboard.evt.emit("onSavePortlet", void 0);
       emit("changed", {
         model: tempModelDatas
       });
     };
+    const openFilterDesign = () => {
+      props.dashboard.openFilterDesignPage();
+    };
     const onReset = async () => {
       isInited.value = false;
       isShowDesign.value = false;
@@ -90,10 +95,9 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
       await vue.nextTick();
       isInited.value = true;
     };
-    const isShowDefault = vue.computed(() => {
-      return customC.customModelData.length === 0;
-    });
     vue.onMounted(async () => {
+      var _a;
+      showFilter.value = ((_a = props.dashboard.model) == null ? void 0 : _a.dashboardStyle) === "BIREPORTDASHBOARD";
       const response = await customC.loadCustomModelData();
       const tempModelDatas = await convertData(response.model);
       emit("changed", {
@@ -113,18 +117,31 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
           [name]: config
         });
       });
+      props.dashboard.evt.on("onSavePortlet", async (args) => {
+        const modelDatas = await convertData(args.model);
+        await handleCustomModelChange({
+          model: modelDatas,
+          config: args.config
+        });
+        props.dashboard.refresh();
+        emit("changed", {
+          model: modelDatas,
+          filter: true
+        });
+      });
     });
     return {
       ns,
       customC,
       isShowDesign,
       isInited,
-      isShowDefault,
       showTypeDir,
+      showFilter,
       openDesign,
       onSaved,
       onReset,
-      clickCollapse
+      clickCollapse,
+      openFilterDesign
     };
   },
   render() {
@@ -133,7 +150,15 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
       "class": [this.ns.b()]
     }, [this.customC.showDesignBtn ? vue.createVNode("div", {
       "class": this.ns.b("build-btn")
-    }, [this.showTypeDir ? vue.createVNode("div", null, [vue.createVNode(vue.resolveComponent("el-button"), {
+    }, [this.showTypeDir ? vue.createVNode("div", null, [this.showFilter ? vue.createVNode(vue.resolveComponent("el-button"), {
+      "class": this.ns.b("deisgn-btn"),
+      "title": ibiz.i18n.t("control.dashboard.customDashboardContainer.newFilter"),
+      "onClick": this.openFilterDesign
+    }, {
+      default: () => [vue.createVNode("ion-icon", {
+        "name": "filter-outline"
+      }, null)]
+    }) : null, vue.createVNode(vue.resolveComponent("el-button"), {
       "class": this.ns.b("deisgn-btn"),
       "title": core.showTitle(ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt")),
       "onClick": this.openDesign
@@ -169,7 +194,7 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
         "onSaved": this.onSaved,
         "onReset": this.onReset
       }, null)]
-    }), this.isInited && (this.isShowDefault ? (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a) : this.customC.customModelData.map((item) => {
+    }), this.isInited && (this.customC.customModelData.length === 0 ? (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a) : this.customC.customModelData.map((item) => {
       var _a2, _b2;
       const itemStyle = {
         position: "absolute",

package/lib/control/dashboard/dashboard-design/dashboard-design.cjs

@@ -122,7 +122,7 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
             portletCodeName: portlet.codename,
             portletName: portlet.psappportletname,
             groupCodeName: portlet.groupcodename || "Ungroup",
-            groupName: portlet.groupname || "\u672A\u5206\u7C7B",
+            groupName: portlet.groupname || ibiz.i18n.t("control.dashboard.dashboardDesign.unGroup"),
             appCodeName: app.model.pkgcodeName,
             appName: app.model.name
           };
@@ -445,7 +445,7 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
         modelData: portletModel,
         controller
       };
-      if (!provider) {
+      if (!provider || !controller) {
         return vue.createVNode("div", null, [portletModel.portletType, ibiz.i18n.t("app.noSupport")]);
       }
       const providerComp = vue.resolveComponent(provider.component);