@ibiz-template/vue3-components 0.7.41-alpha.30 → 0.7.41-alpha.31

package/es/control/report-panel/index.mjs

@@ -3,6 +3,7 @@ import { withInstall } from '@ibiz-template/vue3-util';
 import { ReportPanelControl } from './report-panel.mjs';
 import { ReportPanelProvider } from './report-panel.provider.mjs';
 import './report-detail/index.mjs';
+import { IBizBIReport } from './report-detail/bi-report/index.mjs';
 import { IBizUserReportPanel } from './report-detail/user-report-panel/index.mjs';
 import { IBizUser2ReportPanel } from './report-detail/user2-report-panel/index.mjs';
 import { IBizBIReportPanel } from './report-detail/bi-report-panel/index.mjs';
@@ -11,6 +12,7 @@ import { IBizBIReportPanel } from './report-detail/bi-report-panel/index.mjs';
 const IBizReportPanelControl = withInstall(
   ReportPanelControl,
   function(v) {
+    v.use(IBizBIReport);
     v.use(IBizUserReportPanel);
     v.use(IBizUser2ReportPanel);
     v.use(IBizBIReportPanel);

package/es/control/report-panel/report-detail/bi-report/bi-report.css

@@ -0,0 +1 @@
+.ibiz-bi-report{width:100%;height:100%}.ibiz-bi-report .ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td{padding-left:var(--ibiz-spacing-tight)!important}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__header .el-table__cell{font-style:var(--ibiz-control-grid-header-font-style);text-align:var(--ibiz-control-grid-header-align)}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__header .el-table__cell .cell{--ibiz-grid-column-justify-content:var(--ibiz-control-grid-header-align)}.ibiz-bi-report .ibiz-control-grid .el-table .ibiz-grid-field-column__text{overflow:visible;font-size:var(--ibiz-control-grid-content-font-size);font-style:var(--ibiz-control-grid-content-font-style);font-weight:var(--ibiz-control-grid-content-font-weight);color:var(--ibiz-control-grid-content-text-color)}.ibiz-bi-report .ibiz-control-grid .el-table .ibiz-grid-field-column__script{line-height:23px}.ibiz-bi-report .ibiz-control-grid .el-table{--el-table-border-color:var(--ibiz-color-border);--ibiz-control-grid-row-hover-color:transparent;--el-table-current-row-bg-color:transparent;--ibiz-control-grid-row-bg-color-2:var(--ibiz-control-grid-row-bg-color)}.ibiz-bi-report .ibiz-control-grid .el-table tr td{pointer-events:none}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:0}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:0}.ibiz-bi-report .ibiz-control-grid .el-table--border .el-table__cell{border-right:var(--el-table-border)}.ibiz-bi-report .ibiz-control-grid .el-table td.el-table__cell,.ibiz-bi-report .ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-table__inner-wrapper{overflow:auto}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-table__header-wrapper{position:sticky;top:0}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-table__body-wrapper{flex:none;height:auto}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-scrollbar__bar{display:none}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__header-wrapper{order:0}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__footer-wrapper{order:1}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__footer-wrapper .el-table__footer{height:var(--ibiz-control-grid-content-row-height)}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__body-wrapper{order:2}

package/es/control/report-panel/report-detail/bi-report/bi-report.mjs

@@ -0,0 +1,46 @@
+import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './commons/index.mjs';
+import './bi-report.css';
+import { IBizBINumberReport } from './commons/bi-number-report/bi-number-report.mjs';
+
+"use strict";
+const BIReport = /* @__PURE__ */ defineComponent({
+  name: "IBizBIReport",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = useNamespace("bi-report");
+    const generator = c.generator;
+    const reportType = generator.reportType;
+    return {
+      c,
+      ns,
+      reportType
+    };
+  },
+  render() {
+    if (!this.c.state.biReport)
+      return;
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [this.reportType === "NUMBER" ? createVNode(IBizBINumberReport, {
+      "model": this.c.state.biReport.model,
+      "data": this.c.state.biReport.data
+    }, null) : createVNode(resolveComponent("iBizControlShell"), {
+      "isSimple": true,
+      "context": this.c.context,
+      "data": this.c.state.biReport.data,
+      "modelData": this.c.state.biReport.model,
+      "style": this.c.state.biReport.options.vars,
+      "class": this.c.state.biReport.options.classList
+    }, null)]);
+  }
+});
+
+export { BIReport };

package/es/control/report-panel/report-detail/bi-report/commons/bi-number-report/bi-number-report.css

@@ -0,0 +1 @@
+.ibiz-bi-number-report{width:100%;height:100%}.ibiz-bi-number-report__content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-bi-number-report__content--number-text{cursor:pointer}.ibiz-bi-number-report__content--yoy{display:flex}.ibiz-bi-number-report__content--qoq{display:flex}.ibiz-bi-number-report__content--compare-number{display:flex;align-items:baseline;width:150px}.ibiz-bi-number-report__content--yoy-value{display:none;margin-left:10px}.ibiz-bi-number-report__content--yoy-value.is-show{display:block}.ibiz-bi-number-report__content--yoy-lastyearMonth{display:none;flex:1;margin-left:10px}.ibiz-bi-number-report__content--yoy-lastyearMonth.is-show{display:block}.ibiz-bi-number-report__content--qoq-lastMonth{display:none;flex:1;margin-left:10px}.ibiz-bi-number-report__content--qoq-lastMonth.is-show{display:block}.ibiz-bi-number-report__content--qoq-value{display:none;margin-left:10px}.ibiz-bi-number-report__content--qoq-value.is-show{display:block}.ibiz-bi-number-report__content--yoy-yoyTotal{display:none}.ibiz-bi-number-report__content--yoy-yoyTotal.is-show{display:block}.ibiz-bi-number-report__content--qoq-qoqTotal{display:none}.ibiz-bi-number-report__content--qoq-qoqTotal.is-show{display:block}.ibiz-bi-number-report__down{display:flex;gap:10px;align-items:center;justify-content:center;margin-left:10px}.ibiz-bi-number-report__down svg{color:var(--ibiz-color-danger-active)}.ibiz-bi-number-report__up{display:flex;gap:10px;align-items:center;justify-content:center;margin-left:10px}.ibiz-bi-number-report__up svg{color:var(--ibiz-color-success-light-active)}

package/es/control/report-panel/report-detail/bi-report/commons/bi-number-report/bi-number-report.mjs

@@ -0,0 +1,184 @@
+import { defineComponent, createVNode, createTextVNode, ref, computed } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './bi-number-report.css';
+
+"use strict";
+const IBizBINumberReport = /* @__PURE__ */ defineComponent({
+  name: "IBizBINumberReport",
+  props: {
+    model: {
+      type: Object,
+      required: true
+    },
+    data: {
+      type: Array,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("bi-number-report");
+    const uiState = ref({
+      visible: false,
+      // 查看明细是否显示
+      yoy: 0,
+      // 同比差异值,年与年比较
+      qoq: 0,
+      // 环比差异值,月与月比较
+      currentTotal: 0,
+      // 当前总数
+      yoyTotal: 0,
+      // 同比总数
+      qoqTotal: 0
+      // 环比总数
+    });
+    const handleCompareData = () => {
+      var _a, _b;
+      const codeName = (_b = (_a = props.model.measure) == null ? void 0 : _a.measureTag) == null ? void 0 : _b.toLowerCase();
+      if (codeName) {
+        props.data.forEach((item) => {
+          if (item && item.srfperiodtype === "PoP1") {
+            uiState.value.qoqTotal = Number.isNaN(Number(item[codeName])) ? 0 : Number(item[codeName]);
+          } else if (item && item.srfperiodtype === "YoY1") {
+            uiState.value.yoyTotal = Number.isNaN(Number(item[codeName])) ? 0 : Number(item[codeName]);
+          } else if (item && item[codeName]) {
+            uiState.value.currentTotal = Number.isNaN(Number(item[codeName])) ? 0 : Number(item[codeName]);
+          }
+        });
+        uiState.value.qoq = uiState.value.currentTotal - uiState.value.qoqTotal;
+        uiState.value.yoy = uiState.value.currentTotal - uiState.value.yoyTotal;
+      }
+    };
+    handleCompareData();
+    const style = computed(() => {
+      const tempStyle = {};
+      const {
+        number_fontstyle,
+        number_fontsize,
+        number_fontcolor
+      } = props.model;
+      if (number_fontstyle) {
+        if (number_fontstyle.includes("bold")) {
+          tempStyle.fontWeight = "bold";
+        } else {
+          tempStyle.fontStyle = number_fontstyle;
+        }
+      }
+      if (number_fontsize)
+        tempStyle.fontSize = "".concat(number_fontsize, "px");
+      if (number_fontcolor)
+        tempStyle.color = number_fontcolor;
+      return tempStyle;
+    });
+    const handleFormat = (value) => {
+      var _a;
+      const format = (_a = props.model.measure) == null ? void 0 : _a.jsonFormat;
+      if (format)
+        return ibiz.util.text.format(String(value), format);
+      return value;
+    };
+    const renderUpIcon = () => {
+      return createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "focusable": "false",
+        "fill": "currentColor",
+        "style": "transform: rotate(180deg);"
+      }, [createVNode("g", {
+        "id": "aft1.Base\u57FA\u7840/1.icon\u56FE\u6807/5.navigation/caret-down",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [createVNode("path", {
+        "d": "M5.02 8.233l5.952-5.952a.6.6 0 0 1 1.025.424v5.952a.6.6 0 0 1-.6.6H5.445a.6.6 0 0 1-.424-1.024z",
+        "id": "aft\u8DEF\u5F84",
+        "transform": "rotate(45 7.997 5.257)"
+      }, null)])]);
+    };
+    const renderDownIcon = () => {
+      return createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "focusable": "false",
+        "fill": "currentColor"
+      }, [createVNode("g", {
+        "id": "aft1.Base\u57FA\u7840/1.icon\u56FE\u6807/5.navigation/caret-down",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [createVNode("path", {
+        "d": "M5.02 8.233l5.952-5.952a.6.6 0 0 1 1.025.424v5.952a.6.6 0 0 1-.6.6H5.445a.6.6 0 0 1-.424-1.024z",
+        "id": "aft\u8DEF\u5F84",
+        "transform": "rotate(45 7.997 5.257)"
+      }, null)])]);
+    };
+    const renderUpDownResult = (baseValue, targetValue) => {
+      if (baseValue === 0) {
+        if (targetValue === 0) {
+          return createVNode("span", null, [createTextVNode("-")]);
+        }
+        return createVNode("div", {
+          "class": ns.e("up")
+        }, [renderUpIcon(), createVNode("span", null, [createTextVNode("100%")])]);
+      }
+      const temp = targetValue - baseValue;
+      const percentage = (Math.abs(temp) / baseValue * 100).toFixed(0);
+      if (temp < 0) {
+        return createVNode("div", {
+          "class": ns.e("down")
+        }, [renderDownIcon(), createVNode("span", null, [percentage, createTextVNode("%")])]);
+      }
+      if (temp === 0) {
+        return createVNode("span", null, [createTextVNode("-")]);
+      }
+      return createVNode("div", {
+        "class": ns.e("up")
+      }, [renderUpIcon(), createVNode("span", null, [percentage, createTextVNode("%")])]);
+    };
+    return {
+      ns,
+      style,
+      uiState,
+      handleFormat,
+      renderUpDownResult
+    };
+  },
+  render() {
+    var _a, _b, _c, _d;
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.e("content")
+    }, [createVNode("div", {
+      "class": this.ns.em("content", "number")
+    }, [createVNode("span", {
+      "class": this.ns.em("content", "number-text"),
+      "style": this.style
+    }, [this.handleFormat(this.uiState.currentTotal)])]), createVNode("div", {
+      "class": this.ns.em("content", "compare")
+    }, [this.model.number_yoy_show === 1 && createVNode("div", {
+      "class": this.ns.em("content", "yoy")
+    }, [createVNode("div", {
+      "class": this.ns.em("content", "compare-number")
+    }, [createVNode("span", null, [createTextVNode("\u540C\u6BD4")]), createVNode("span", {
+      "class": [this.ns.em("content", "yoy-yoyTotal"), this.ns.is("show", (_a = this.model.number_yoy_value) == null ? void 0 : _a.includes("orgin"))]
+    }, [this.uiState.yoyTotal]), createVNode("span", {
+      "class": [this.ns.em("content", "yoy-value"), this.ns.is("show", (_b = this.model.number_yoy_value) == null ? void 0 : _b.includes("difference"))]
+    }, [createTextVNode("("), this.uiState.yoy > 0 ? "+" : "", this.uiState.yoy, createTextVNode(")")])]), createVNode("div", {
+      "class": this.ns.em("content", "icon")
+    }, [this.renderUpDownResult(this.uiState.yoyTotal, this.uiState.currentTotal)])]), this.model.number_qoq_show === 1 && createVNode("div", {
+      "class": this.ns.em("content", "qoq")
+    }, [createVNode("div", {
+      "class": this.ns.em("content", "compare-number")
+    }, [createVNode("span", null, [createTextVNode("\u73AF\u6BD4")]), createVNode("span", {
+      "class": [this.ns.em("content", "qoq-qoqTotal"), this.ns.is("show", (_c = this.model.number_qoq_value) == null ? void 0 : _c.includes("orgin"))]
+    }, [this.uiState.qoqTotal]), createVNode("span", {
+      "class": [this.ns.em("content", "qoq-value"), this.ns.is("show", (_d = this.model.number_qoq_value) == null ? void 0 : _d.includes("difference"))]
+    }, [createTextVNode("("), this.uiState.qoq > 0 ? "+" : "", this.uiState.qoq, createTextVNode(")")])]), createVNode("div", {
+      "class": this.ns.em("content", "icon")
+    }, [this.renderUpDownResult(this.uiState.qoqTotal, this.uiState.currentTotal)])])])])]);
+  }
+});
+
+export { IBizBINumberReport };

package/es/control/report-panel/report-detail/bi-report/commons/index.mjs

@@ -0,0 +1,3 @@
+export { IBizBINumberReport } from './bi-number-report/bi-number-report.mjs';
+
+"use strict";

package/es/control/report-panel/report-detail/bi-report/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { BIReport } from './bi-report.mjs';
+
+"use strict";
+const IBizBIReport = withInstall(BIReport, (v) => {
+  v.component(BIReport.name, BIReport);
+});
+
+export { IBizBIReport, IBizBIReport as default };

package/es/control/report-panel/report-detail/index.mjs

@@ -1,5 +1,6 @@
 export { IBizUserReportPanel } from './user-report-panel/index.mjs';
 export { IBizUser2ReportPanel } from './user2-report-panel/index.mjs';
 export { IBizBIReportPanel } from './bi-report-panel/index.mjs';
+export { IBizBIReport } from './bi-report/index.mjs';
 
 "use strict";

package/es/control/report-panel/report-panel.mjs

@@ -51,10 +51,8 @@ const ReportPanelControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new ReportPanelController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const renderContent = () => {
-      const {
-        reportType
-      } = c.state;
-      switch (reportType) {
+      var _a;
+      switch ((_a = c.model.appDEReport) == null ? void 0 : _a.reportType) {
         case "USER":
           return createVNode(resolveComponent("iBizUserReportPanel"), {
             "controller": c
@@ -63,14 +61,18 @@ const ReportPanelControl = /* @__PURE__ */ defineComponent({
           return createVNode(resolveComponent("iBizUser2ReportPanel"), {
             "controller": c
           }, null);
+        case "SYSBIREPORT":
         case "DESYSBIREPORTS":
         case "SYSBICUBE":
         case "DESYSBICUBES":
         case "ALLSYSBICUBES":
-        case "SYSBIREPORT":
         case "SYSBICUBEREPORTS":
         case "ALLSYSBIREPORTS":
-          return createVNode(resolveComponent("iBizBIReportPanel"), {
+          if (c.isBIReportDesign)
+            return createVNode(resolveComponent("iBizBIReportPanel"), {
+              "controller": c
+            }, null);
+          return createVNode(resolveComponent("iBizBIReport"), {
             "controller": c
           }, null);
         default:
@@ -85,9 +87,8 @@ const ReportPanelControl = /* @__PURE__ */ defineComponent({
   },
   render() {
     let _slot;
-    if (!this.c.state.isCreated) {
+    if (!this.c.state.isCreated)
       return;
-    }
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, _isSlot(_slot = this.renderContent()) ? _slot : {

package/es/web-app/guard/auth-guard/auth-guard.mjs

@@ -111,7 +111,7 @@ class AuthGuard {
     const viewName = urlPaths[urlPaths.length - 2];
     let viewModel;
     try {
-      if (viewName === "#" && ibiz.hub.defaultPage) {
+      if (["#", "index"].includes(viewName) && ibiz.hub.defaultPage) {
         viewModel = await ibiz.hub.getAppView(ibiz.hub.defaultPage.id);
       } else {
         viewModel = await ibiz.hub.getAppView(viewName);

package/lib/control/report-panel/index.cjs

@@ -7,17 +7,19 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var reportPanel = require('./report-panel.cjs');
 var reportPanel_provider = require('./report-panel.provider.cjs');
 require('./report-detail/index.cjs');
-var index = require('./report-detail/user-report-panel/index.cjs');
-var index$1 = require('./report-detail/user2-report-panel/index.cjs');
-var index$2 = require('./report-detail/bi-report-panel/index.cjs');
+var index = require('./report-detail/bi-report/index.cjs');
+var index$1 = require('./report-detail/user-report-panel/index.cjs');
+var index$2 = require('./report-detail/user2-report-panel/index.cjs');
+var index$3 = require('./report-detail/bi-report-panel/index.cjs');
 
 "use strict";
 const IBizReportPanelControl = vue3Util.withInstall(
   reportPanel.ReportPanelControl,
   function(v) {
-    v.use(index.IBizUserReportPanel);
-    v.use(index$1.IBizUser2ReportPanel);
-    v.use(index$2.IBizBIReportPanel);
+    v.use(index.IBizBIReport);
+    v.use(index$1.IBizUserReportPanel);
+    v.use(index$2.IBizUser2ReportPanel);
+    v.use(index$3.IBizBIReportPanel);
     v.component(reportPanel.ReportPanelControl.name, reportPanel.ReportPanelControl);
     runtime.registerControlProvider(
       runtime.ControlType.REPORT_PANEL,

package/lib/control/report-panel/report-detail/bi-report/bi-report.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./commons/index.cjs');
+require('./bi-report.css');
+var biNumberReport = require('./commons/bi-number-report/bi-number-report.cjs');
+
+"use strict";
+const BIReport = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizBIReport",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = vue3Util.useNamespace("bi-report");
+    const generator = c.generator;
+    const reportType = generator.reportType;
+    return {
+      c,
+      ns,
+      reportType
+    };
+  },
+  render() {
+    if (!this.c.state.biReport)
+      return;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.reportType === "NUMBER" ? vue.createVNode(biNumberReport.IBizBINumberReport, {
+      "model": this.c.state.biReport.model,
+      "data": this.c.state.biReport.data
+    }, null) : vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+      "isSimple": true,
+      "context": this.c.context,
+      "data": this.c.state.biReport.data,
+      "modelData": this.c.state.biReport.model,
+      "style": this.c.state.biReport.options.vars,
+      "class": this.c.state.biReport.options.classList
+    }, null)]);
+  }
+});
+
+exports.BIReport = BIReport;

package/lib/control/report-panel/report-detail/bi-report/bi-report.css

@@ -0,0 +1 @@
+.ibiz-bi-report{width:100%;height:100%}.ibiz-bi-report .ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td{padding-left:var(--ibiz-spacing-tight)!important}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__header .el-table__cell{font-style:var(--ibiz-control-grid-header-font-style);text-align:var(--ibiz-control-grid-header-align)}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__header .el-table__cell .cell{--ibiz-grid-column-justify-content:var(--ibiz-control-grid-header-align)}.ibiz-bi-report .ibiz-control-grid .el-table .ibiz-grid-field-column__text{overflow:visible;font-size:var(--ibiz-control-grid-content-font-size);font-style:var(--ibiz-control-grid-content-font-style);font-weight:var(--ibiz-control-grid-content-font-weight);color:var(--ibiz-control-grid-content-text-color)}.ibiz-bi-report .ibiz-control-grid .el-table .ibiz-grid-field-column__script{line-height:23px}.ibiz-bi-report .ibiz-control-grid .el-table{--el-table-border-color:var(--ibiz-color-border);--ibiz-control-grid-row-hover-color:transparent;--el-table-current-row-bg-color:transparent;--ibiz-control-grid-row-bg-color-2:var(--ibiz-control-grid-row-bg-color)}.ibiz-bi-report .ibiz-control-grid .el-table tr td{pointer-events:none}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:0}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:0}.ibiz-bi-report .ibiz-control-grid .el-table--border .el-table__cell{border-right:var(--el-table-border)}.ibiz-bi-report .ibiz-control-grid .el-table td.el-table__cell,.ibiz-bi-report .ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-table__inner-wrapper{overflow:auto}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-table__header-wrapper{position:sticky;top:0}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-table__body-wrapper{flex:none;height:auto}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-scrollbar__bar{display:none}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__header-wrapper{order:0}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__footer-wrapper{order:1}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__footer-wrapper .el-table__footer{height:var(--ibiz-control-grid-content-row-height)}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__body-wrapper{order:2}

package/lib/control/report-panel/report-detail/bi-report/commons/bi-number-report/bi-number-report.cjs

@@ -0,0 +1,186 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./bi-number-report.css');
+
+"use strict";
+const IBizBINumberReport = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizBINumberReport",
+  props: {
+    model: {
+      type: Object,
+      required: true
+    },
+    data: {
+      type: Array,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("bi-number-report");
+    const uiState = vue.ref({
+      visible: false,
+      // 查看明细是否显示
+      yoy: 0,
+      // 同比差异值,年与年比较
+      qoq: 0,
+      // 环比差异值,月与月比较
+      currentTotal: 0,
+      // 当前总数
+      yoyTotal: 0,
+      // 同比总数
+      qoqTotal: 0
+      // 环比总数
+    });
+    const handleCompareData = () => {
+      var _a, _b;
+      const codeName = (_b = (_a = props.model.measure) == null ? void 0 : _a.measureTag) == null ? void 0 : _b.toLowerCase();
+      if (codeName) {
+        props.data.forEach((item) => {
+          if (item && item.srfperiodtype === "PoP1") {
+            uiState.value.qoqTotal = Number.isNaN(Number(item[codeName])) ? 0 : Number(item[codeName]);
+          } else if (item && item.srfperiodtype === "YoY1") {
+            uiState.value.yoyTotal = Number.isNaN(Number(item[codeName])) ? 0 : Number(item[codeName]);
+          } else if (item && item[codeName]) {
+            uiState.value.currentTotal = Number.isNaN(Number(item[codeName])) ? 0 : Number(item[codeName]);
+          }
+        });
+        uiState.value.qoq = uiState.value.currentTotal - uiState.value.qoqTotal;
+        uiState.value.yoy = uiState.value.currentTotal - uiState.value.yoyTotal;
+      }
+    };
+    handleCompareData();
+    const style = vue.computed(() => {
+      const tempStyle = {};
+      const {
+        number_fontstyle,
+        number_fontsize,
+        number_fontcolor
+      } = props.model;
+      if (number_fontstyle) {
+        if (number_fontstyle.includes("bold")) {
+          tempStyle.fontWeight = "bold";
+        } else {
+          tempStyle.fontStyle = number_fontstyle;
+        }
+      }
+      if (number_fontsize)
+        tempStyle.fontSize = "".concat(number_fontsize, "px");
+      if (number_fontcolor)
+        tempStyle.color = number_fontcolor;
+      return tempStyle;
+    });
+    const handleFormat = (value) => {
+      var _a;
+      const format = (_a = props.model.measure) == null ? void 0 : _a.jsonFormat;
+      if (format)
+        return ibiz.util.text.format(String(value), format);
+      return value;
+    };
+    const renderUpIcon = () => {
+      return vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "focusable": "false",
+        "fill": "currentColor",
+        "style": "transform: rotate(180deg);"
+      }, [vue.createVNode("g", {
+        "id": "aft1.Base\u57FA\u7840/1.icon\u56FE\u6807/5.navigation/caret-down",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M5.02 8.233l5.952-5.952a.6.6 0 0 1 1.025.424v5.952a.6.6 0 0 1-.6.6H5.445a.6.6 0 0 1-.424-1.024z",
+        "id": "aft\u8DEF\u5F84",
+        "transform": "rotate(45 7.997 5.257)"
+      }, null)])]);
+    };
+    const renderDownIcon = () => {
+      return vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "focusable": "false",
+        "fill": "currentColor"
+      }, [vue.createVNode("g", {
+        "id": "aft1.Base\u57FA\u7840/1.icon\u56FE\u6807/5.navigation/caret-down",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M5.02 8.233l5.952-5.952a.6.6 0 0 1 1.025.424v5.952a.6.6 0 0 1-.6.6H5.445a.6.6 0 0 1-.424-1.024z",
+        "id": "aft\u8DEF\u5F84",
+        "transform": "rotate(45 7.997 5.257)"
+      }, null)])]);
+    };
+    const renderUpDownResult = (baseValue, targetValue) => {
+      if (baseValue === 0) {
+        if (targetValue === 0) {
+          return vue.createVNode("span", null, [vue.createTextVNode("-")]);
+        }
+        return vue.createVNode("div", {
+          "class": ns.e("up")
+        }, [renderUpIcon(), vue.createVNode("span", null, [vue.createTextVNode("100%")])]);
+      }
+      const temp = targetValue - baseValue;
+      const percentage = (Math.abs(temp) / baseValue * 100).toFixed(0);
+      if (temp < 0) {
+        return vue.createVNode("div", {
+          "class": ns.e("down")
+        }, [renderDownIcon(), vue.createVNode("span", null, [percentage, vue.createTextVNode("%")])]);
+      }
+      if (temp === 0) {
+        return vue.createVNode("span", null, [vue.createTextVNode("-")]);
+      }
+      return vue.createVNode("div", {
+        "class": ns.e("up")
+      }, [renderUpIcon(), vue.createVNode("span", null, [percentage, vue.createTextVNode("%")])]);
+    };
+    return {
+      ns,
+      style,
+      uiState,
+      handleFormat,
+      renderUpDownResult
+    };
+  },
+  render() {
+    var _a, _b, _c, _d;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("content")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("content", "number")
+    }, [vue.createVNode("span", {
+      "class": this.ns.em("content", "number-text"),
+      "style": this.style
+    }, [this.handleFormat(this.uiState.currentTotal)])]), vue.createVNode("div", {
+      "class": this.ns.em("content", "compare")
+    }, [this.model.number_yoy_show === 1 && vue.createVNode("div", {
+      "class": this.ns.em("content", "yoy")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("content", "compare-number")
+    }, [vue.createVNode("span", null, [vue.createTextVNode("\u540C\u6BD4")]), vue.createVNode("span", {
+      "class": [this.ns.em("content", "yoy-yoyTotal"), this.ns.is("show", (_a = this.model.number_yoy_value) == null ? void 0 : _a.includes("orgin"))]
+    }, [this.uiState.yoyTotal]), vue.createVNode("span", {
+      "class": [this.ns.em("content", "yoy-value"), this.ns.is("show", (_b = this.model.number_yoy_value) == null ? void 0 : _b.includes("difference"))]
+    }, [vue.createTextVNode("("), this.uiState.yoy > 0 ? "+" : "", this.uiState.yoy, vue.createTextVNode(")")])]), vue.createVNode("div", {
+      "class": this.ns.em("content", "icon")
+    }, [this.renderUpDownResult(this.uiState.yoyTotal, this.uiState.currentTotal)])]), this.model.number_qoq_show === 1 && vue.createVNode("div", {
+      "class": this.ns.em("content", "qoq")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("content", "compare-number")
+    }, [vue.createVNode("span", null, [vue.createTextVNode("\u73AF\u6BD4")]), vue.createVNode("span", {
+      "class": [this.ns.em("content", "qoq-qoqTotal"), this.ns.is("show", (_c = this.model.number_qoq_value) == null ? void 0 : _c.includes("orgin"))]
+    }, [this.uiState.qoqTotal]), vue.createVNode("span", {
+      "class": [this.ns.em("content", "qoq-value"), this.ns.is("show", (_d = this.model.number_qoq_value) == null ? void 0 : _d.includes("difference"))]
+    }, [vue.createTextVNode("("), this.uiState.qoq > 0 ? "+" : "", this.uiState.qoq, vue.createTextVNode(")")])]), vue.createVNode("div", {
+      "class": this.ns.em("content", "icon")
+    }, [this.renderUpDownResult(this.uiState.qoqTotal, this.uiState.currentTotal)])])])])]);
+  }
+});
+
+exports.IBizBINumberReport = IBizBINumberReport;

package/lib/control/report-panel/report-detail/bi-report/commons/bi-number-report/bi-number-report.css

@@ -0,0 +1 @@
+.ibiz-bi-number-report{width:100%;height:100%}.ibiz-bi-number-report__content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-bi-number-report__content--number-text{cursor:pointer}.ibiz-bi-number-report__content--yoy{display:flex}.ibiz-bi-number-report__content--qoq{display:flex}.ibiz-bi-number-report__content--compare-number{display:flex;align-items:baseline;width:150px}.ibiz-bi-number-report__content--yoy-value{display:none;margin-left:10px}.ibiz-bi-number-report__content--yoy-value.is-show{display:block}.ibiz-bi-number-report__content--yoy-lastyearMonth{display:none;flex:1;margin-left:10px}.ibiz-bi-number-report__content--yoy-lastyearMonth.is-show{display:block}.ibiz-bi-number-report__content--qoq-lastMonth{display:none;flex:1;margin-left:10px}.ibiz-bi-number-report__content--qoq-lastMonth.is-show{display:block}.ibiz-bi-number-report__content--qoq-value{display:none;margin-left:10px}.ibiz-bi-number-report__content--qoq-value.is-show{display:block}.ibiz-bi-number-report__content--yoy-yoyTotal{display:none}.ibiz-bi-number-report__content--yoy-yoyTotal.is-show{display:block}.ibiz-bi-number-report__content--qoq-qoqTotal{display:none}.ibiz-bi-number-report__content--qoq-qoqTotal.is-show{display:block}.ibiz-bi-number-report__down{display:flex;gap:10px;align-items:center;justify-content:center;margin-left:10px}.ibiz-bi-number-report__down svg{color:var(--ibiz-color-danger-active)}.ibiz-bi-number-report__up{display:flex;gap:10px;align-items:center;justify-content:center;margin-left:10px}.ibiz-bi-number-report__up svg{color:var(--ibiz-color-success-light-active)}

package/lib/control/report-panel/report-detail/bi-report/commons/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var biNumberReport = require('./bi-number-report/bi-number-report.cjs');
+
+"use strict";
+
+exports.IBizBINumberReport = biNumberReport.IBizBINumberReport;

package/lib/control/report-panel/report-detail/bi-report/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var biReport = require('./bi-report.cjs');
+
+"use strict";
+const IBizBIReport = vue3Util.withInstall(biReport.BIReport, (v) => {
+  v.component(biReport.BIReport.name, biReport.BIReport);
+});
+
+exports.IBizBIReport = IBizBIReport;
+exports.default = IBizBIReport;

package/lib/control/report-panel/report-detail/index.cjs

@@ -3,9 +3,11 @@
 var index = require('./user-report-panel/index.cjs');
 var index$1 = require('./user2-report-panel/index.cjs');
 var index$2 = require('./bi-report-panel/index.cjs');
+var index$3 = require('./bi-report/index.cjs');
 
 "use strict";
 
 exports.IBizUserReportPanel = index.IBizUserReportPanel;
 exports.IBizUser2ReportPanel = index$1.IBizUser2ReportPanel;
 exports.IBizBIReportPanel = index$2.IBizBIReportPanel;
+exports.IBizBIReport = index$3.IBizBIReport;