@ibiz-template/vue3-components 0.7.30 → 0.7.34

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.6.2/node_modules/snabbdom/build/index.cjs');
+var index = require('./utils/index.cjs');
+var h = require('../../node_modules/.pnpm/snabbdom@3.6.2/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,318 @@
+'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: "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 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: {
+              type: value.type,
+              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;
+      const valueText = ((value == null ? void 0 : value.value) || "").replace(/\s+/g, " ");
+      const valueObj = "$".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) || "")
+      }));
+      const valueStr = value ? "  ".concat((value == null ? void 0 : value.type) ? valueObj : valueText) : "";
+      cond += "$".concat(JSON.stringify({
+        name: (key == null ? void 0 : key.value) || "",
+        caption: (key == null ? void 0 : key.label) || ""
+      }), "  ").concat(symbol).concat(valueStr);
+    }
+    if (item.type === "connection") {
+      cond += "  ".concat((_c = item.value) == null ? void 0 : _c.value, "  ");
+    }
+  });
+  return cond;
+};
+const parseCustomCond = (cond) => {
+  var _a, _b;
+  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];
+      if (key && /^\$/.test(key) && operator) {
+        const keyObj = JSON.parse(key.slice(1));
+        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;
+          }
+        }
+      }
+      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 (!(value == null ? void 0 : value.type)) {
+        nodes.push({
+          text: value == null ? void 0 : value.value
+        });
+      } else 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 if (field && field.appDataEntityId) {
+        if ((value == null ? void 0 : value.label) !== (value == null ? void 0 : value.value)) {
+          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.InputOPs = InputOPs;
+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/dashboard.cjs

@@ -4,12 +4,15 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./dashboard.css');
 var runtime = require('@ibiz-template/runtime');
+var lodashEs = require('lodash-es');
 
 "use strict";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
+const refreshTagObj = {};
 function renderPortletByType(model, c, opts) {
+  var _a;
   const provider = c.providers[model.id];
   const controller = c.portlets[model.id];
   const commonProps = {
@@ -27,14 +30,14 @@ function renderPortletByType(model, c, opts) {
       key: model.id
     }, {
       default: () => {
-        var _a;
-        return (_a = container.controls) == null ? void 0 : _a.map((child) => renderPortletByType(child, c, opts));
+        var _a2;
+        return (_a2 = container.controls) == null ? void 0 : _a2.map((child) => renderPortletByType(child, c, opts));
       }
     });
   }
   return vue.h(providerComp, {
     ...commonProps,
-    key: model.id
+    key: ((_a = refreshTagObj[model.id]) == null ? void 0 : _a.refreshtag) ? refreshTagObj[model.id].refreshtag : model.id
   });
 }
 const DashboardControl = /* @__PURE__ */ vue.defineComponent({
@@ -66,6 +69,25 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
         portlet.state = vue.reactive(portlet.state);
       });
     });
+    c.evt.on("onItemModelReset", async (args) => {
+      const {
+        name
+      } = args;
+      const targetIndex = customModelDatas.value.findIndex((item) => {
+        return item.id === name;
+      });
+      if (targetIndex !== -1) {
+        const app = ibiz.hub.getApp(ibiz.env.appId);
+        const model = await c.loadDynaPortletById("".concat(app.model.codeName, ".").concat(name));
+        if (model) {
+          refreshTagObj[model.id] = {
+            refreshtag: lodashEs.uniqueId()
+          };
+          customModelDatas.value.splice(targetIndex, 1, model);
+          vue$1.$forceUpdate();
+        }
+      }
+    });
     const handleCustomModelChange = (args) => {
       customModelDatas.value = args.model;
       vue$1.$forceUpdate();

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