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

package/lib/common/pql-editor/pql-editor.module.cjs

@@ -0,0 +1,182 @@
+'use strict';
+
+var editor = require('@wangeditor/editor');
+require('../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/index.cjs');
+var index = require('./utils/index.cjs');
+var h = require('../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/h.cjs');
+
+"use strict";
+const pqlType = [
+  "pql-field",
+  "pql-field-value",
+  "pql-field-operator",
+  "pql-field-connection"
+];
+function withPqlPlugin(editor$1) {
+  var _a;
+  const { isVoid, isInline, deleteBackward, deleteFragment, insertText } = editor$1;
+  const newEditor = editor$1;
+  const config = newEditor.getConfig();
+  const pql = (_a = config.EXTEND_CONF) == null ? void 0 : _a.pql;
+  let timer;
+  const updateCursor = () => {
+    var _a2;
+    const { selection } = editor$1;
+    if (selection && ((_a2 = selection.focus) == null ? void 0 : _a2.offset) === 0) {
+      const node = editor.SlateEditor.node(editor$1, selection)[0];
+      if (node) {
+        const el = editor$1.toDOMNode(node);
+        if (index.isMove(el)) {
+          editor$1.move(1);
+        }
+      }
+    }
+  };
+  newEditor.isVoid = (el) => {
+    const type = editor.DomEditor.getNodeType(el);
+    if (pqlType.includes(type)) {
+      return true;
+    }
+    return isVoid(el);
+  };
+  newEditor.isInline = (el) => {
+    const type = editor.DomEditor.getNodeType(el);
+    if (pqlType.includes(type)) {
+      return true;
+    }
+    return isInline(el);
+  };
+  newEditor.deleteBackward = (unit) => {
+    deleteBackward(unit);
+    if (pql && pql.showSuggestion) {
+      window.clearTimeout(timer);
+      timer = window.setTimeout(() => {
+        updateCursor();
+        pql.showSuggestion();
+      }, 10);
+    }
+  };
+  newEditor.deleteFragment = (direction) => {
+    deleteFragment(direction);
+    if (pql && pql.showSuggestion) {
+      window.clearTimeout(timer);
+      timer = window.setTimeout(() => {
+        updateCursor();
+        pql.showSuggestion();
+      }, 10);
+    }
+  };
+  newEditor.insertText = (text) => {
+    insertText(text);
+    if (pql && pql.showSuggestion) {
+      window.clearTimeout(timer);
+      timer = window.setTimeout(() => {
+        pql.showSuggestion();
+      }, 10);
+    }
+  };
+  return newEditor;
+}
+function renderPqlElement(el) {
+  const { type, label = "" } = el;
+  if (type === "pql-field-operator" || type === "pql-field-connection") {
+    return h.h(
+      "span",
+      {
+        props: {
+          contentEditable: false
+        },
+        style: {
+          display: "inline-block",
+          lineHeight: "22px"
+        }
+      },
+      [label]
+    );
+  }
+  if (type === "pql-field-value") {
+    return h.h(
+      "span",
+      {
+        props: {
+          contentEditable: false
+        },
+        style: {
+          display: "inline-block",
+          lineHeight: "22px",
+          color: "#5dcfff"
+        }
+      },
+      [label]
+    );
+  }
+  const vNode = h.h(
+    "span",
+    {
+      props: {
+        contentEditable: false
+      },
+      style: {
+        color: "#6698ff",
+        backgroundColor: "#edf2fd",
+        display: "inline-block",
+        padding: "0 5px",
+        borderRadius: "3px",
+        lineHeight: "22px"
+      }
+    },
+    [label]
+  );
+  return vNode;
+}
+function pqlToHtml(el) {
+  const type = el.type || "";
+  if (!type) {
+    return el.text || "";
+  }
+  const html = '<span\n        data-pql="true"\n        data-w-e-type="'.concat(type, '"\n        data-w-e-is-void\n        data-w-e-is-inline\n        data-label="').concat(el.label || "", '"\n        data-value="').concat(el.value || "", '"\n    ></span>');
+  return html;
+}
+function parsePqlHtml(domElem) {
+  const type = domElem.getAttribute("data-w-e-type") || "";
+  const label = domElem.getAttribute("data-label") || "";
+  const value = domElem.getAttribute("data-value") || "";
+  if (type) {
+    return {
+      type,
+      label,
+      value,
+      children: [{ text: "" }]
+    };
+  }
+  return {
+    children: [{ text: "" }]
+  };
+}
+const PqlModule = {
+  editorPlugin: withPqlPlugin,
+  renderElems: pqlType.map((type) => {
+    return {
+      type,
+      renderElem: renderPqlElement
+    };
+  }),
+  elemsToHtml: pqlType.map((type) => {
+    return {
+      type,
+      elemToHtml: pqlToHtml
+    };
+  }),
+  parseElemsHtml: [
+    {
+      selector: 'span[data-pql="true"]',
+      parseElemHtml: parsePqlHtml
+    }
+  ]
+};
+
+exports.PqlModule = PqlModule;
+exports.parsePqlHtml = parsePqlHtml;
+exports.pqlToHtml = pqlToHtml;
+exports.renderPqlElement = renderPqlElement;
+exports.withPqlPlugin = withPqlPlugin;

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

@@ -0,0 +1,280 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const FilterModes = [
+  { valueOP: runtime.ValueOP.EQ, label: "\u7B49\u4E8E", sqlOP: "=" },
+  { valueOP: runtime.ValueOP.NOT_EQ, label: "\u4E0D\u7B49\u4E8E", sqlOP: "<>" },
+  { valueOP: runtime.ValueOP.GT, label: "\u5927\u4E8E", sqlOP: ">" },
+  { 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" }
+];
+const ExcludeOPs = [
+  runtime.ValueOP.IS_NULL,
+  runtime.ValueOP.IS_NOT_NULL,
+  runtime.ValueOP.EXISTS,
+  runtime.ValueOP.NOT_EXISTS
+];
+const filterModeMap = /* @__PURE__ */ new Map();
+FilterModes.forEach((mode) => {
+  filterModeMap.set(mode.valueOP, mode);
+});
+const symbolMap = /* @__PURE__ */ new Map();
+FilterModes.forEach((mode) => {
+  symbolMap.set(mode.sqlOP, mode.valueOP);
+});
+const generateItems = (children) => {
+  if (!children.length) {
+    return [];
+  }
+  const items = [];
+  for (let i = 0; i < children.length; i++) {
+    if (i !== 0) {
+      const connection = children[i];
+      if (connection && connection.type === "pql-field-connection") {
+        if (i === children.length - 1) {
+          throw new core.RuntimeError("pql\u8282\u70B9\u89E3\u6790\u9519\u8BEF");
+        }
+        items.push({
+          type: "connection",
+          value: {
+            label: connection.label,
+            value: connection.value
+          }
+        });
+      } else {
+        throw new core.RuntimeError("pql\u8282\u70B9\u89E3\u6790\u9519\u8BEF");
+      }
+    }
+    const key = children[i !== 0 ? ++i : i];
+    const operator = children[++i];
+    if (key && operator && key.type === "pql-field" && operator.type === "pql-field-operator") {
+      if (operator.value && ExcludeOPs.includes(operator.value)) {
+        items.push({
+          type: "condition",
+          key: {
+            label: key.label,
+            value: key.value
+          },
+          operator: {
+            label: operator.label,
+            value: operator.value
+          }
+        });
+        continue;
+      } else {
+        const value = children[++i];
+        if (value && (value.type === "pql-field-value" || value.text)) {
+          items.push({
+            type: "condition",
+            key: {
+              label: key.label,
+              value: key.value
+            },
+            operator: {
+              label: operator.label,
+              value: operator.value
+            },
+            value: {
+              label: value.type === "pql-field-value" ? value.label : value.text,
+              value: value.type === "pql-field-value" ? value.value : value.text
+            }
+          });
+          continue;
+        }
+      }
+    }
+    throw new core.RuntimeError("pql\u8282\u70B9\u89E3\u6790\u9519\u8BEF");
+  }
+  return items;
+};
+const generateCustomCond = (items, fields) => {
+  const map = /* @__PURE__ */ new Map();
+  fields.forEach((item) => {
+    map.set(item.appDEFieldId, item);
+  });
+  let cond = "";
+  items.forEach((item) => {
+    var _a, _b, _c;
+    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;
+      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) || "")
+      }));
+    }
+    if (item.type === "connection") {
+      cond += "  ".concat((_c = item.value) == null ? void 0 : _c.value, "  ");
+    }
+  });
+  return cond;
+};
+const parseCustomCond = (cond) => {
+  var _a;
+  try {
+    const items = cond.split("  ");
+    const pqlItems = [];
+    for (let i = 0; i < items.length; i++) {
+      if (i !== 0) {
+        const connection = items[i];
+        if (connection === "and" || connection === "or") {
+          if (i === items.length - 1) {
+            throw new core.RuntimeError("pql\u81EA\u5B9A\u4E49\u6761\u4EF6\u89E3\u6790\u9519\u8BEF");
+          }
+          pqlItems.push({
+            type: "connection",
+            value: {
+              label: connection,
+              value: connection
+            }
+          });
+        } else {
+          throw new core.RuntimeError("pql\u81EA\u5B9A\u4E49\u6761\u4EF6\u89E3\u6790\u9519\u8BEF");
+        }
+      }
+      const key = items[i !== 0 ? ++i : i];
+      const operator = items[++i];
+      const value = items[++i];
+      if (key && /^\$/.test(key) && operator && value && /^\$/.test(value)) {
+        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
+          }
+        });
+        continue;
+      }
+      throw new core.RuntimeError("pql\u81EA\u5B9A\u4E49\u6761\u4EF6\u89E3\u6790\u9519\u8BEF");
+    }
+    return pqlItems;
+  } catch (err) {
+    ibiz.log.error(err == null ? void 0 : err.message);
+  }
+};
+const pqlItemsToPqlNodes = async (items, fields, getCodeListItems) => {
+  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") {
+      const { key, operator, value } = item;
+      nodes.push({
+        type: "pql-field",
+        label: key == null ? void 0 : key.label,
+        value: key == null ? void 0 : key.value
+      });
+      nodes.push({
+        type: "pql-field-operator",
+        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
+          });
+        }
+      } else {
+        nodes.push({
+          text: value == null ? void 0 : value.value
+        });
+      }
+    }
+    if (item.type === "connection") {
+      nodes.push({
+        type: "pql-field-connection",
+        label: (_a = item.value) == null ? void 0 : _a.label,
+        value: (_b = item.value) == null ? void 0 : _b.value
+      });
+    }
+  });
+  return nodes;
+};
+const pqlNodeToHtml = (node) => {
+  const type = node.type || "";
+  if (!type) {
+    return node.text || "";
+  }
+  const html = '<span\n        data-pql="true"\n        data-w-e-type="'.concat(type, '"\n        data-w-e-is-void\n        data-w-e-is-inline\n        data-label="').concat(node.label || "", '"\n        data-value="').concat(node.value || "", '"\n    ></span>');
+  return html;
+};
+const pqlNodesToHtml = (nodes) => {
+  let html = "<p>";
+  nodes.forEach((node) => {
+    html += pqlNodeToHtml(node);
+  });
+  html += "</p>";
+  return html;
+};
+function isMove(el) {
+  if (!el) {
+    return false;
+  }
+  if (el.getAttribute("data-slate-node") === "element" && el.getAttribute("data-slate-inline") && el.getAttribute("data-slate-void")) {
+    return true;
+  }
+  return isMove(el.parentElement);
+}
+
+exports.ExcludeOPs = ExcludeOPs;
+exports.FilterModes = FilterModes;
+exports.generateCustomCond = generateCustomCond;
+exports.generateItems = generateItems;
+exports.isMove = isMove;
+exports.parseCustomCond = parseCustomCond;
+exports.pqlItemsToPqlNodes = pqlItemsToPqlNodes;
+exports.pqlNodeToHtml = pqlNodeToHtml;
+exports.pqlNodesToHtml = pqlNodesToHtml;

package/lib/control/chart/chart.cjs

@@ -60,7 +60,6 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
     const showCheck = vue.ref(false);
     const drillDetailPos = vue.ref({});
     const drillDetailRef = vue.ref();
-    let func;
     let tempParams;
     const initSimpleData = () => {
       if (!props.data) {
@@ -100,16 +99,32 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
     const computedDrillDetailPos = (params) => {
       if (params.event) {
         const event = params.event.event;
-        event.stopPropagation();
-        event.preventDefault();
         const {
           offsetX,
           offsetY
         } = params.event;
-        drillDetailPos.value = {
-          top: "".concat(offsetY, "px"),
-          left: "".concat(offsetX + 16, "px")
-        };
+        const {
+          clientWidth
+        } = event.target;
+        if (offsetX + 160 > clientWidth) {
+          drillDetailPos.value = {
+            top: "".concat(offsetY - 20, "px"),
+            left: "".concat(offsetX - 160, "px")
+          };
+        } else {
+          drillDetailPos.value = {
+            top: "".concat(offsetY, "px"),
+            left: "".concat(offsetX + 16, "px")
+          };
+        }
+      }
+    };
+    const setDrillState = () => {
+      showCheck.value = false;
+    };
+    const setTipState = () => {
+      if (!showCheck.value) {
+        c.changeTooltipState(true);
       }
     };
     let resizeObserver;
@@ -118,6 +133,8 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
       const chart = echarts.init(chartRef.value);
       c.initChart(chart);
       window.addEventListener("resize", setHeight);
+      window.addEventListener("pointerdown", setDrillState);
+      window.addEventListener("click", setTipState);
       if (chartRef.value && ResizeObserver) {
         resizeObserver = new ResizeObserver(() => {
           c.resizeChart();
@@ -139,25 +156,19 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
             return;
           }
           tempParams = params;
+          computedDrillDetailPos(params);
           chart.dispatchAction({
             type: "hideTip"
           });
-          showCheck.value = true;
           c.changeTooltipState(false);
-          func = vue3Util.useClickOutside(drillDetailRef, () => {
-            showCheck.value = false;
-            c.changeTooltipState(true);
-            func.stop();
-          });
-          computedDrillDetailPos(params);
+          showCheck.value = true;
         });
       }
     });
     const openDrillDetail = (_event) => {
+      _event.stopPropagation();
+      _event.preventDefault();
       showCheck.value = false;
-      if (func) {
-        func.stop();
-      }
       c.changeTooltipState(true);
       const param = c.computedDrillDetailParam(tempParams);
       emit("drillDetail", param);
@@ -190,6 +201,8 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
     };
     vue.onBeforeUnmount(() => {
       window.removeEventListener("resize", setHeight);
+      window.removeEventListener("pointerdown", setDrillState);
+      window.removeEventListener("click", setTipState);
       resizeObserver == null ? void 0 : resizeObserver.disconnect();
     });
     return {
@@ -227,7 +240,7 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
         "ref": "drillDetailRef",
         "class": this.ns.e("drill-detail"),
         "style": this.drillDetailPos,
-        "onClick": this.openDrillDetail
+        "onPointerdown": this.openDrillDetail
       }, [vue.createVNode("div", {
         "class": this.ns.em("drill-detail", "item")
       }, [vue.createVNode("svg", {

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs

@@ -13,6 +13,9 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
     controller: {
       type: runtime.PortletPartController,
       required: true
+    },
+    linkAction: {
+      type: Object
     }
   },
   setup(props) {
@@ -34,13 +37,19 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
     const onActionClick = async (detail, event) => {
       await props.controller.onActionClick(detail, event);
     };
+    const openLink = (event) => {
+      if (props.linkAction) {
+        props.controller.onActionClick(props.linkAction, event);
+      }
+    };
     return {
       c,
       ns,
       popperClass,
       portletType,
       isShowHeader,
-      onActionClick
+      onActionClick,
+      openLink
     };
   },
   render() {
@@ -57,7 +66,8 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode("div", {
       "class": this.ns.be("header", "left")
     }, [model.showTitleBar && vue.createVNode("div", {
-      "class": this.ns.e("caption")
+      "class": [this.ns.e("caption"), this.ns.is("link", !!this.linkAction)],
+      "onClick": this.openLink
     }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
       "class": this.ns.e("caption-icon"),
       "icon": model.sysImage

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.css

@@ -1 +1 @@
-.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:transparent;--ibiz-portlet-layout-header-height:50px;--ibiz-portlet-layout-header-padding:calc(var(--ibiz-spacing-base-tight) + 2px) var(--ibiz-spacing-base);--ibiz-portlet-layout-header-margin:var(--ibiz-spacing-none);--ibiz-portlet-layout-header-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-border-bottom:var(--ibiz-border);--ibiz-portlet-layout-caption-max-width:300px;--ibiz-portlet-layout-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-text-color-primary);--ibiz-portlet-layout-content-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-content-padding:var(--ibiz-spacing-none);--ibiz-portlet-layout-content-margin:var(--ibiz-spacing-none);--ibiz-portlet-layout-padding:var(--ibiz-spacing-tight);width:100%;height:100%;padding:var(--ibiz-portlet-layout-padding);background-color:var(--ibiz-portlet-layout-bg-color)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width);height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-base)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);line-height:var(--ibiz-portlet-layout-caption-font-size);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout__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:var(--ibiz-border-radius-extra-small);transform:translateY(-50%)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);background-color:var(--ibiz-portlet-layout-header-bg-color);border-bottom:var(--ibiz-portlet-layout-header-border-bottom)}.ibiz-portlet-layout-header__left{position:relative}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);overflow-y:scroll;background-color:var(--ibiz-portlet-layout-content-bg-color)}
+.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:transparent;--ibiz-portlet-layout-header-height:50px;--ibiz-portlet-layout-header-padding:calc(var(--ibiz-spacing-base-tight) + 2px) var(--ibiz-spacing-base);--ibiz-portlet-layout-header-margin:var(--ibiz-spacing-none);--ibiz-portlet-layout-header-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-border-bottom:var(--ibiz-border);--ibiz-portlet-layout-caption-max-width:300px;--ibiz-portlet-layout-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-text-color-primary);--ibiz-portlet-layout-content-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-content-padding:var(--ibiz-spacing-none);--ibiz-portlet-layout-content-margin:var(--ibiz-spacing-none);--ibiz-portlet-layout-padding:var(--ibiz-spacing-tight);width:100%;height:100%;padding:var(--ibiz-portlet-layout-padding);background-color:var(--ibiz-portlet-layout-bg-color)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width);height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-base)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);line-height:var(--ibiz-portlet-layout-caption-font-size);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout__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:var(--ibiz-border-radius-extra-small);transform:translateY(-50%)}.ibiz-portlet-layout__caption.is-link{cursor:pointer}.ibiz-portlet-layout__caption.is-link:hover{color:var(--ibiz-color-link)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);background-color:var(--ibiz-portlet-layout-header-bg-color);border-bottom:var(--ibiz-portlet-layout-header-border-bottom)}.ibiz-portlet-layout-header__left{position:relative}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);overflow-y:scroll;background-color:var(--ibiz-portlet-layout-content-bg-color)}

package/lib/control/dashboard/portlet/report-portlet/report-portlet.cjs

@@ -26,6 +26,12 @@ const ReportPortlet = /* @__PURE__ */ vue.defineComponent({
     const report = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
       return item.controlType === runtime.ControlType.REPORT_PANEL;
     });
+    const linkAction = vue.computed(() => {
+      const {
+        uiactionGroupDetails = []
+      } = props.controller.model.uiactionGroup || {};
+      return uiactionGroupDetails.find((x) => x.uiactionId && x.uiactionId.startsWith("bi_report_view"));
+    });
     let timerTag;
     vue.onMounted(() => {
       const timer = props.controller.model.timer;
@@ -40,7 +46,8 @@ const ReportPortlet = /* @__PURE__ */ vue.defineComponent({
     });
     return {
       ns,
-      report
+      report,
+      linkAction
     };
   },
   render() {
@@ -52,6 +59,7 @@ const ReportPortlet = /* @__PURE__ */ vue.defineComponent({
     } = this.controller;
     return vue.createVNode(vue.resolveComponent("iBizPortletLayout"), {
       "controller": this.controller,
+      "linkAction": this.linkAction,
       "class": classArr
     }, _isSlot(_slot = vue.h(vue.resolveComponent("IBizControlShell"), {
       context,

package/lib/control/grid/grid/grid.cjs

@@ -336,7 +336,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       "controller": this.c,
       "style": this.headerCssVars
     }, {
-      default: () => [vue.createVNode(vue.resolveComponent("el-table"), {
+      default: () => [vue.createVNode(vue.resolveComponent("el-table"), vue.mergeProps({
         "ref": "tableRef",
         "class": this.ns.e("table"),
         "default-sort": this.defaultSort,
@@ -357,7 +357,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         "onHeaderDragend": this.headerDragend,
         "tooltip-effect": "light",
         "scrollbar-always-on": true
-      }, {
+      }, this.$attrs), {
         empty: this.renderNoData,
         default: () => {
           return [this.c.enableRowEditOrder && this.renderDragIconColumn(), !state.singleSelect && vue.createVNode(vue.resolveComponent("el-table-column"), {